/*
Theme Name: Core Factor Splash
Theme URI: http://corefactor.pt
Description: 
Version: 1.0
Author: Hugo Baeta
Author URI: http://hugobaeta.com
Tags: 
*/

@import "assets/css/framework.css";
@import "assets/css/enhancements.css";

/* @group Basic Styles */
body { font-size: 62.5%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: #232323; color: #555; }
div.wrap { width: 720px; margin: 0 auto; overflow: hidden; }
#header.wrap, #intro.wrap, #footer { width: 710px; overflow: hidden; }
span.amp { font-family: "Times New Roman", Times, serif; font-weight: normal; }
h2 { background: #99cc33; padding: 7px 6px 3px 6px; margin: 0 0 30px;
	color: #fff; text-shadow: #669933 0 1px 0; font-weight: normal; line-height: 1; }

/* @end */

/* @group Links */
a:link, a:visited { color: #333333; text-decoration: underline; }
a:hover, a:active { color: #cc0000; text-decoration: none; }
#ptinfo a:link, #ptinfo a:visited, #footer a:link, #footer a:visited { color: #e4e4e4; text-decoration: none; }
#ptinfo a:hover, #ptinfo a:active, #footer a:hover, #footer a:active { color: red; text-decoration: none; }
/* @end */

/* @group Header */
#header { padding: 30px 0; overflow: hidden; }
#logo { width: 150px; height: 25px; margin: 0; padding: 0; float: left; }
#logo h1 { width: 150px; height: 25px; margin: 0;
	background: transparent url(assets/images/logo.png) no-repeat; }
#logo h1 a { width: 150px; height: 25px; margin: 0; text-indent: -9999px; float: left; display: block;
	background: transparent url(assets/images/logo.png) no-repeat; }
#ptinfo { width: 300px; float: right; text-align: right; font-size: 1.2em; }
#ptinfo a { display: inline-block; padding: 3px 0; }
/* @end */

/* @group Content */
#content { width: 100%; background: #e4e4e4; }
#intro { padding: 30px 0; font-size: 5.3em;  line-height: 1.2em; color: #414141; text-shadow: #fff 0 2px 0; }
#intro p { margin-bottom: 0; }

#work { width: 100%; background: #efefef; padding: 30px 0; }
#work ul { overflow: hidden; }
#work ul li { float: left; width: 220px; margin-right: 30px; } 
#work ul li.last { margin-right: 0; }
#work ul li img { border: 5px solid #e4e4e4; margin-bottom: 10px; display: block; }
#work ul li h3 { text-transform: none; font-size: 1.6em; margin-bottom: 5px; padding: 0 5px; }
#work ul li p { margin-bottom: 0; font-size: 1.6em; padding: 0 5px; }

#work ul.jcarousel-control { margin: 0 auto; width: 5em; } 

#work ul.jcarousel-control li { display: inline-block;  margin-right: 5px; width: 5px; font-size: 1.2em; } 


#intouch { overflow: hidden; padding: 30px 0; }
#contacts { width: 470px; float: left; overflow: hidden; }
#contacts h2 { float: none; clear: both; }
#contact-form { width: 220px; float: left;  margin-right: 30px; }
#contacts input[type="text"], #contacts textarea { width: 200px; border: 1px solid #e4e4e4; }
#contact-form input[type=text]:hover { border: 1px solid #d3d3d3; background: #fafafa; }
#contact-form input[type=text]:focus { border: 1px solid #bbb; background: #f5f5f5; }
#contact-form .error { color: red; font-style:italic; font-size: 1.2em; margin-bottom: 5px;}
#contacts textarea:hover { border: 1px solid #d3d3d3; background: #fafafa; }
#contacts textarea:focus { border: 1px solid #bbb; background: #f5f5f5; }
#contacts input#cf-submit { font-weight: bold; text-transform: uppercase; font-size: 1.2em; background: #fafafa; color: #888; text-shadow: #fff 0 1px 0; border: 1px solid #ddd; padding: 5px 10px; }
#contacts input#cf-submit:hover { color: #efefef; background: #232323; border: 1px solid #000; text-shadow: #333 0 1px 0; }
#contacts input#cf-submit:active { color: #888; background: #bbb; text-shadow: #e4e4e4 0 1px 0; border: 1px solid #ccc; }
.labelhighlight { color: #aaa; }

#cf-result.ok { background-color: #339900; font-size: 1.2em; padding: 10px; color: black;} 
#cf-result.fail { background-color: #CC0000;  font-size: 1.2em; padding: 10px; color: white;} 

#cf-result a:hover {color: white;}

#cf-result .ok a:link { color: #ccc; }

#contacts-card { width: 210px; padding: 0 5px; float: right; font-size: 1.6em; }
#contacts-card li.org { margin-bottom: 20px; }
#contacts-card li.adr { margin-top: 20px; }
#twitter { width: 220px; float: right; }
#twitter p { color: #999; font-size: 1.6em; padding: 0 5px; }

#twit-twit li { color: #666; font-size: 1.4em; padding: 0 5px 10px; margin: 0 0 10px; border-bottom: 1px solid #efefef; }
#twit-twit li:last-child { padding: 0 5px; border-bottom: 0 none;  }
#twit-twit a.twit { color: #999; }

#twitter p.action { text-align: right; margin: 0; }
/* @end */

/* @group Footer */
#footer { padding: 60px 0; font-size: 1.2em; }
/* @end */

/* @group 404 Page */
#error404-wrap { width: 500px; height: 300px; position: absolute; top: 50%; left: 50%; 
	margin: -150px 0 0 -250px; padding: 0;
	background: transparent url(assets/images/logo_404.png) no-repeat center top; }
#error404-message { margin: 150px 0 0; padding: 20px 0; text-align: center;
	border-top: 1px solid #202020; border-bottom: 1px solid #202020;  }
#error404-message h2 { font-size: 3em; text-transform: uppercase; color: #333; margin: 0 0 5px; }
#error404-message p { color: #555; font-size: 1.6em; margin: 0; }
#error404-message a:link, #error404-message a:visited { text-decoration: underline; color: #555; }
#error404-message a:hover, #error404-message a:active { text-decoration: none; color: #cccc33; }
/* @end */
#mycarousel {

}