/* @override 
	http://www.schafercon.com/wp-content/themes/schafer/style.css
*/

/*   
Theme Name: Schafer Custom
Theme URI: http://www.schafercon.com
Description: A custom theme created for Schafer Construction by theFoldMedia and JJ Borja. ©2008-2010 COPYRIGHT JJ Borja. All Rights Reserved.
Author: JJ Borja
Author URI: http://www.jjborja.com
Version: 1.0
.
Creative commons copyright - http://creativecommons.org/.
.
*/

/* Overal setup */
* { margin:0; padding:0;}
body { background:#000000 url(images/main_background.jpg) top center no-repeat; color: #000; font:12px/14px  helvetica, arial,Sans-serif; }
a   { color:#77abc9;text-decoration:underline;outline:0; }
a:hover { color:#fff; text-decoration:none;}
a:visited {color:#77abc9; }
a img { border: none; }
ul, li { padding:0;	margin-bottom: 0;margin-left: 0;margin-right: 0;display:block;}
h1  { font-size:30px;} 
h2  { font-size:14px;letter-spacing: 2px;} 
h3  { font:bold 11px arial,helvatica;color:#a8aaae;text-transform:capitalize;letter-spacing: 1px;}
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:11px; color:#77abc9;text-transform:uppercase;letter-spacing: 2px;}
h5  { font-size:11px; text-transform:uppercase;letter-spacing: 2px;}
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 0; clear: both; }
hr {margin-top: 15px;}

/* navigation */
ul.topnav  {list-style:none; text-align:left; text-transform: uppercase; float: left; display:block;margin-left: 110px;z-index: 999; width: 870px;	padding-bottom: 5px;}
.topnav li   {float:left;margin: -5px 0 0; padding-left: 18px;padding-right: 18px;color:#ddd;}
.topnav li a  { float: left; font:12px arial; outline:none; color:#ddd; text-decoration:none; display:block; padding:5px 15px; position: relative;	margin: 0;}	
.topnav li a:hover   { color:#77abc9 !important; }
.topnav li a:active   { color:#77abc9 !important; }
.current_page_item {color:#77abc9 !important;text-decoration: none;}
.current_page_item a {color:#77abc9 !important;	background-color: #2f2f2f;}

/* Top Excludes - Terms & Privacy */
.topnav li.page_item.page-item-83 {display: none;}
.topnav li.page_item.page-item-92 {display: none;}

/* Login Exclude */
.topnav li.page_item.page-item-542 {display: none;}

/* social links */
.rss   {float: right;display: inline;margin-top: -25px;margin-right: 30px;}

ul.addressnav   { list-style:none; float: right; text-align: right;margin-top: 25px;letter-spacing: 2px;margin-right: 15px;}
.addressnav li { list-style:none; font-size: xx-small;	color: #77abc9; }
.addressnav li h1 {	font-size: x-small;	color: #77abc9;}
.addressnav li a { list-style:none; font-size: xx-small; color: #77abc9;text-decoration: none;}
.addressnav li a:hover { color: #ddd;}
.address li a  { font:11px arial;outline:none;color:#ddd;display:block;padding:5px 15px;text-transform:uppercase; }	
.address li a:hover   { color:#77abc9 !important; }

/* header */
#header { width:980px; margin:0 auto;padding: 1em 0 .7em;clear: both;}
#header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #7ebe40; }
.logo-header {width: 460px; padding-left: 10px; margin-top: 5px;clear: both;float: left;}
#main-wrapper { display:block;width:1000px;text-align:left; background:url(images/pxs.png);min-height: 190px;margin-bottom: 0;margin-left: auto;margin-right: auto;}
.main { width: 980px; margin:0; padding:0; float:left;  color: #DDD; }
.main h2 { color: #DDD;font-size: xx-large; height: 50px; }

#main-wrapper-subs { display:block;width:1000px;padding: 0px;text-align:left; margin: -3px auto 0;background: url(images/core_background.jpg) no-repeat;}
.main-subs { width: 950px; margin: 3px 0 0; padding: 0px; float:left;  color: #DDD; min-height: 550px;}
.main-subs h1 { color:#77abc9;font-size: 24px; text-transform: uppercase;padding-top: 10px; padding-bottom: 20px;font-weight: normal;font-style: normal;}
.main-subs h2 { color: #DDD;font-size: 20px; text-transform: uppercase;font-weight: normal;font-style: normal;}
.main-subs h3 { font-size: 14px; height: 16px;text-transform: uppercase;font-weight: normal;font-style: normal;padding-bottom: 10px;color:#77abc9;}
.main-subs h4 { font-size: 14px; height: 16px;font-weight: normal;font-style: normal;}
.main-subs p { color: #eaecef; font-size: 12px; line-height: 16px;padding-bottom: 10px;	text-align: justify;}
.main-subs ul {padding-bottom: 10px;padding-top: 5px;}
.main-subs li { list-style-position: outside;list-style-type: disc;font-size: 12px;}
.main-li {margin-left: 25px;}

.page-image {float: right;padding: 0 0 10px 10px;margin-top: 5px;margin-right: -50px;z-index: 999;}
.singlepage-image {float: left;clear: left;padding: 10px 0 10px 10px;margin-top: 20px;margin-right: -50px;}
.page-wrapper { width: 640px; padding: 30px 30px 15px; color: #DDD; min-height: 600px;background:url(images/pxs-70.png);margin-bottom: 0;margin-right: 0;margin-top: -7px;}

/* thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 242px; overflow: hidden; height: 187px; margin: 0 10px 10px 0; position: relative;float: right;}
.thumb-title { margin-bottom:5px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:4px;}
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px Arial,helvetica;display:block;color:#aaa;text-decoration: none;text-transform: uppercase; }
.thumb-title h2 a:hover { color: #DDD;}

/* single page */
.post.single { line-height:1.4em; width:485px;padding:3px; }
.post.single h1, .post.single h1 a { color:#77abc9;font-size: 24px; text-transform: uppercase;padding-top: 10px; padding-bottom: 20px;font-weight: normal;font-style: normal;text-decoration:none;}
.post.single h2, .post.single h2 a { color: #DDD;font-size: 20px; text-transform: uppercase;font-weight: normal;font-style: normal;text-decoration:none;}
.post.single h2 a{ color: #DDD;font-size: 20px; text-transform: uppercase;font-weight: normal;font-style: normal;}
.post.single h3 { font-size: 14px; height: 16px;text-transform: uppercase;font-weight: normal;font-style: normal;padding-bottom: 10px;}
.post.single h4 { font-size: 14px; height: 16px;font-weight: normal;font-style: normal;}
.post.single p { color: #eaecef; font-size: 12px; line-height: 16px;padding-bottom: 5px;text-align: justify;}
.post.single ul {padding-bottom: 10px;padding-top: 5px;}
.post.single li { list-style-position: outside;list-style-type: disc;margin-left: 25px;font-size: 13px;}
.post.single .postMeta { font:12px Arial;margin-bottom:5px;color:#DDD; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }
.post.single .postMeta span.comments a,
.post.single .postMeta span.date a{ color:#DDD; }
.post.single .entry {overflow: hidden;padding-bottom:25px;padding-top: 5px;float: right;width: 410px;margin-top: -395px;margin-right: -340px;display: block;position: relative;}
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { }
.post .entry a:hover img { border-color:#eee; }
.post.single h3 { font-size: 12px;font-weight:bold; color:#77abc9; display:inline; }
.post.single p a,.post.single li a { color:#77abc9; }
.post.single p a:hover { color:#ddd; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: normal; background: #f9f9de; }
.post.single a { color:#a9a393; }
.post.single a:hover { color:#ddd; }
.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #666; line-height: 1.4em; }

/* sidebar related */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }
#left-sidebar { color:#ddd;float:left;margin:0;width:220px;padding:5px;background: transparent url(images/opa.png); }
#left-sidebar h3 {padding:3px; background: #6e80c4;display: inline; color: #eee; }
#left-sidebar a   { color:#aaa; }
#left-sidebar a:hover { color:#DDD; }
#left-sidebar p { color:#ddd; }
#left-sidebar ul { list-style:none;margin:8px 0 4px;color: #999; }

.categories { padding: 0; color: #666; }
.categories li { font-size: 11px;padding:3px 2px; float: left;color:#444; width: 48%; display: inline; }
.categories li a { color: #999; text-decoration:none;  }
.categories li a:hover { color:#eee;text-decoration: none; }

.recent-posts {text-align: center;}
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none;  }
.recent-posts li a { text-decoration:none; }
.recent-posts li a:hover { text-decoration:none;  }

.delicious { padding: 10px 0; }
.delicious ul { margin: 0; padding: 0; }
.delicious li { margin: 0px; padding: 2px 0; list-style-type: none;  }
.delicious li a { text-decoration:none; }
.delicious li a:hover { text-decoration:none; }

.tags { margin:10px 0;padding:0;line-height:2em; }
.tags a { text-decoration:none;color:#333;font-weight:normal; }
.tags:hover a { color: #666; text-decoration: none; }
.tags:hover a:hover, #sidebar .tags a:hover { color: #eee;text-decoration: none; }

.sidebarwrapper{display:block;width:1000px;height:430px; margin-left: auto; margin-right: auto;}
.sidebar{width:300px;background: transparent url(images/sidebar.jpg) no-repeat; min-height: 710px;margin-right: -50px;margin-top: 5px;float: right;}
#right-sidebar { color:#ddd;float:left;width:270px;padding: 15px;font-size:11px;height: auto;margin: 10px 0 0;}
#right-sidebar h1 { display: inline; color: #eee;padding: 3px;}
#right-sidebar h2 {padding:3px; display: inline; color:#77abc9 !important; }
#right-sidebar h3 {padding:3px; display: inline; color: #eee; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar a   { color:#DDD;text-decoration:none; }
#right-sidebar a:hover { color:#DDD; }
#right-sidebar ul { list-style:none;margin: 0 0 2px;}
#right-sidebar li { }
#sidebar-widget {margin-top: -10px;}
.widget { list-style:none;margin: 0 0 15px; background-image: url(images/pxs.png);	padding: 15px;width: 240px;	display: block;	float: right;clear: both;}

/* search bar */
#searchbar						{ }
#searchform 					{padding-bottom: 30px;}
#searchform #s					{ float:left; padding: 5px; margin: 2px 10px 2px 2px; background:#eee; border:1px solid #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width:145px; font-size:.9em;}
#searchform #s:focus 			{background-color: #cee0ea;border: 1px solid #77abc9;}
#searchform #searchsubmit		{border: 1px solid #77abc9; padding: 3px 7px; font-size: 12px; color:#aaa; float: left;background-color: #000;margin-top: 2px;}
#searchform #searchsubmit:hover	{ border: 1px solid #77abc9; color:#FFF; }
#searchform #searchsubmit:active{border: 1px solid #576f80; color:#77abc9;}
.search-clear 					{margin-top: 30px;}
.search-result-page 			{background-image: url(images/pxs.png);	padding: 15px;}
.search-result-page h2			{margin-bottom: 10px;}
.entry-title {color:#77abc9;}
.entry-title h2 {color:#77abc9;}
.entry-title a {color:#77abc9;text-decoration: none;}
.entry-title a:hover {color:#ddd;text-decoration: underline;}
.search-results h3 {color:#77abc9;font-size: 22px;letter-spacing: 2px;
}

/* Mail Chimp */
.mc_input			{ float:left; margin: 2px 10px 10px 2px; background:#eee; border:1px solid #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width:145px; font-size:.9em;
	padding: 5px;
}
.mc_input:focus 		{background-color: #cee0ea;border: 1px solid #77abc9;}
#mc_signup_submit		{border: 1px solid #77abc9; padding: 3px 7px; font-size: 12px; color:#aaa; float: left;background-color: #000;margin-top: 2px;}
#mc_signup_submit:hover	{ border: 1px solid #77abc9; color:#FFF; }
#mc_signup_submit:active{border: 1px solid #576f80; color:#77abc9;}
.mc_error_msg { color: red; }
.mc_success_msg { color: green; }
.mc_merge_var{ padding:0; margin:0; }
.mc_custom_border{ padding:5px; border-width: 1px;border-style: solid;border-color: #77abc9;color: #DDDDDD;}
.mc_custom_border legend {border-width: 1px;border-style: solid;border-color: #77abc9;color: #999;font-size: 1.2em;padding:5px 10px;}
#mc_signup_form .mc_var_label, #mc_signup_form .mc_input { float:left; clear:both; }
#mc_signup_form legend { padding:.5em;margin:0;	letter-spacing: 1px;font-size: 18px;}
#mc-indicates-required { float:left; clear:both; }
#mc_display_rewards { clear:both; }
#mc_interests_header { font-weight:bold; clear:both; padding-top:.2em;}
div.mc_interest{ clear:both;}
input.mc_interest { float:left; }
label.mc_interest_label {float:left; clear:right;}
.mc_signup_submit { width:100%; text-align:center; clear:both; padding:.2em; }

.thumb-small {padding: 10px;}

#user_login, #user_pass	{ margin: 2px 10px 10px 2px; background:#eee; border:1px solid #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width:145px; font-size:.9em;padding: 5px;
}


/* Single Page */
.click-over {margin-top: -30px;}
p#text-display {font-size:10px; text-align:right; color:#999;padding-right: 10px;}
.post-left-holder {width: 220px;padding: 0;float: left;}
.post-right-holder {width: 300px;padding: 0;display: block;float: left;}
.single.fix {width: 645px;padding: 0;display: inline;}
.single-page-image {width: 645px;height: 325px;padding-bottom: 30px;}
.title-holder {width: 220px;padding-bottom: 25px;height: 60px;}
.desc-holder {width: 220px;padding-bottom: 25px;height: 60px;}
.pdf-holder {width: 220px;padding-bottom: 25px;height: 90px;}
.pdf-holder img{padding-right: 3px;padding-top: 10px;padding-left: 3px;}
.mov-holder {width: 220px;padding-bottom: 15px;height: 90px;}
.mov-holder img{padding-right: 13px;padding-top: 10px;padding-left: 12px;}
/* Projects sidebar */
.all-projects {width: 255px;padding: 15px;text-transform:uppercase;letter-spacing: 2px;text-align: right;line-height: 28px;margin-top: -20px;}
#projectContent {top: 0;margin-left: 0;}
#projectContent li{font-size: 10px; list-style:none;list-style-type: none;float: right;	width: 270px;}
#projectContent li a {padding-right: 3px;}
#projectContent li a:hover{text-decoration: underline;}
.current-pro-link {color:#77abc9 !important;background-image: url(images/pxs.png);padding-right: 3px;}
li#vop {color:#77abc9;font-weight: bold;float: right;width: 270px;}
/* to not display the projects summary */
li#side-post-1 {display: none;}

/* COMMENTS */
h3#comments, h3#respond { font-weight:normal; font-size: 14px;font-family: arial, verdana;letter-spacing:-1px; color:#ddd;padding:5px 0;}	
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; }
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link, a:visited { color:#77abc9;}
ol.commentlist h5 a:hover { color:#DDD; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }

/* form */
#commentform { margin: 1em 0;}
#author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #999; font-weight: bold; }
p.nocomments {display: none;}

/* footer */
#footer { color:#555; font-size:9px;line-height:1.4em; padding:0;margin: 20px auto 0;clear:both;width:980px;text-align:right;height: 78px;}
#footer a { font-weight: bold;color:#333;}
#footer a:hover { color:#77abc9; }
#footer img { display: none; }
.footer-left {float: left;margin-left: 10px;}
.footer-right {float: right;}

/* MailChimp signup form */
#mc_embed_signup {width:980px;float: right;margin-top: 20px;clear: both;display: block;text-align: left;margin-bottom: 25px;}

/* jQuery image slide for Home Page */
.sliderwrapper{display:block;width:1000px;height:510px; margin-left: auto; margin-right: auto; /*background-color: #000;*/ }
#slider {   width:1000px; height:500px; position: relative; /* important */overflow: hidden;float: left;}
#sliderContent {width: 1000px; /* important to be same as image width or wider */ position: absolute;top: 0;margin-left: 0;float: left;}
.sliderImage {float: left;position: relative;display: none;width: 1000px; height: 500px;}
.sliderTitle {float: right;margin-top: 45px;margin-right: -70px;color: #bbb;z-index: 999;}
.sliderImage span {position: absolute;font: 10px/15px Arial, Helvetica, sans-serif;width: 1000px;background:url(images/pxs.png);color: #eee;display: none;padding: 0 20px;}
.tholder {}
.tholder a {color: #eee;}
.thumbdisp {margin-top: 20px;margin-right: 40px;float: right;clear: both;display: inline-block;}
.thumbdisp img{background:url(images/pxs.png);padding: 15px;}
.clear {clear: both;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;height: 230px;}
.bottom a {padding-top: 10px;margin-top: 10px;margin-bottom: 10px;padding-bottom: 10px;}
a.tholder-h1 {width:  700px;color:  #aaa;text-transform:uppercase;letter-spacing: 5px;font: normal 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;text-decoration: none;position: absolute;}
a.tholder-p {width:  500px;clear: left;color:  #dbd9d9;float: left;font: normal 14px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;letter-spacing: 1px;text-decoration: none;position: absolute;padding-top: 55px;}
.left {right: 0;bottom: 0;width: 210px !important;height: 510px;}
.right {right: 0;bottom: 0;width: 210px !important;height: 510px;}
ul { list-style-type: none;}

/* Single page slidewhow */
#gallery {width: 645px;height: 325px;padding-bottom: 30px;margin-left: -5px;}
#gallery a {float:left;position:absolute;}
#gallery a img {border:none;}
#gallery a.show {z-index:500;}
#gallery .caption {z-index:600;background-color:#000;color:#ffffff;height:100px;width:100%;position:absolute;bottom:0;}
#gallery .caption .content {margin:5px;}
#gallery .caption .content h3 {margin:0;padding:0;color:#77abc9;}
#tooltip{position:absolute;border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none;}