/* 
Theme Name: Backyard Box
Theme URL: http://backyardbox.com/
Description: Custom WP theme for Cascade Built and Backyard Box
Author: Shane Berry
Author URI: http://www.crookedeyeservices.com
Version: 0.1*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*wp img defaults*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {float: right; }
.alignleft { float: left; }

/*main layout*/
body{background:#FFF; height:100%; font-family: Arial, Helvetica, sans-serif; color: #5e6672;}
#wrapper{width:882px; margin:0 auto;}
strong{font-weight:bold;}
em{font-style: italic;}

/*type*/
h1{font-size: 30px; font-family: Futura, ̉Century GothicÓ, AppleGothic, sans-serif; font-weight: bold;}
h2{font-size: 24px; font-family: Futura, ̉Century GothicÓ, AppleGothic, sans-serif; font-weight: bold;}
h3{font-size: 18px; /* font-family: Futura, ̉Century GothicÓ, AppleGothic, sans-serif; font-weight: bold; */}
h4{font-size: 13px; /* font-family: Futura, ̉Century GothicÓ, AppleGothic, sans-serif; font-weight: bold; */}
p{font-size: 13px; line-height: 20px;}
a{color:#6c9c31; text-decoration: none;}
a:hover{color: #FFF; background: #6c9c31;}

/*header*/
#header{padding:18px 30px 40px 40px; height: 100%; overflow:hidden;}
h1#siteTitle a{ display: block; width:173px; height: 50px; background: url(images/byb_logo.png) no-repeat; overflow: hidden; text-indent: -9999px; float:right;}
.nav {position:relative;}
.nav ul{float:left; margin-top:35px; }
.nav ul li{float:left; margin-right:8px; font-size:15px; text-transform: uppercase; font-weight: bold;}
.nav ul li a {color: #5e6672;}
.nav ul li a:hover{border-bottom: 1px dotted #6c9c31; background: none;}
.nav ul ul{ position: absolute; left:0; top:50px; margin-top:5px; font-size: 11px;}
.nav ul ul li{float:left; margin-right:10px; font-size:11px;}
.nav ul ul li a{color:#6c9c31; text-transform: capitalize; }


/*main layout*/
#main{background: url(images/byb_head_bar.jpg) 0 4px no-repeat; height: 100%; overflow:hidden;}
#content{width:386px; float: left; margin: 0 44px 0 38px; padding-left:10px; font-size:13px; line-height: 20px;}
#col2{width:385px; float: right; margin-right:15px; padding-top:90px;}

/*pages*/
h2.pageTitle{width:100%; /* background: rgba(255,255,255,.63); border: 4px solid #a6ca35; */ padding:22px 0 14px; height:24px; overflow: hidden;  text-align: center; margin-bottom:23px;}
h2.pageTitle a{color:#5e6672;}
h2.pageTitle a:hover{background:none;}

/*box gallery*/
.boxGallery img{/* margin:10px; */ cursor:pointer;}
.boxGallery a{background:none; cursor:default;}
#col2 img{ -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999; cursor:default;}
ul.images li{float:left; position: relative;}
.boxGallery img, .pressGallery img {margin:10px; width:170px; height:107px;}

/*posts*/
.post{margin-bottom:30px;}
#content ul, #content ol{ margin:12px 0 12px 20px; }
#content ul li, #content ol li{font-size: 13px; line-height: 20px;}
h3.postTitle, h3.postTitle a{text-transform:uppercase; color:#FFF; }
h3.postTitle a{background:#6c9c31;padding:0 2px}
p.byLine{font-size: 11px; font-weight:bold;}
p.postDate{font-size: 11px;}
#content p {margin-bottom:1em;}
.post img{ max-width:385px !important;}
#content blockquote{ margin:10px 0 10px 10px; border-left:5px solid #CCC; padding-left:10px;}
/*sidebar*/
#sidebar{border-left:2px dotted #c3c6ca; padding-left:2px;}
.widget{margin-bottom:15px;}
.widget h3{background:#b2b2b2; color:#FFF; font-weight: bold; text-transform: uppercase; font-size: 13px; line-height: 14px; margin-bottom:6px;}
.widget ul li{font-size: 13px; line-height: 20px;}
.widget ul li a{color:#b2b2b2;}
.widget ul li a:hover{color:#6c9c31; background: none; }

/*blog*/

/*comments*/
#comments {margin-top:35px;}
#comments h3{background:#b2b2b2; color:#FFF; font-weight: bold; text-transform: uppercase; font-size: 18px; line-height: 14px; padding:2px; margin-bottom:8px;}
#comments p{color:#999;}
#commentform{margin-top:10px;}
.comments_reply{}
.comments_reply input {text-align:right; padding:2px}
.comments_reply input, .comments_reply textarea{border:1px solid #5e6672; border-bottom:2px solid #5e6672; color:#666;}
#content .comments_reply p{margin-bottom:4px;}
.comments_reply h3{text-transform: uppercase; color: #5e6672; font-size:13px; font-weight:bold;}
#comments ol {margin-left:0;}
.comments_meta {font-weight:bold; border-bottom: 1px dotted #c3c6ca;}
#comments_list li{margin-bottom:10px; border:1px solid #c3c6ca; background: #fcfcfc; padding:10px; padding-top:0;}
input#submit{text-transform: uppercase; color:#FFF; font-size:18px; float: right; background:#6c9c31; border: none;}

/*footer*/
#footer {height:100%; overflow:hidden; border-top:1px dotted #c3c6ca; margin:10px 38px 0; padding-top:10px; padding-bottom:20px;}
#footer p{font-size:11px; clear:both; float:left;}
#footer p img{margin:2px 2px -2px 2px;}
#footer p.footerTagLine{ color:#FFF; background:#6c9c31; padding:0 2px; margin-bottom:5px;}
#footer a:hover{background:none;}

/*home*/
#main.home {background-image:url(images/board_bg.jpg); background-position: 0 240px; height:100%; overflow:hidden;}
#main.home #content {padding-left:0;}
.home .homeMod{width:240px; margin-right:32px; float:left; height:450px; border:5px solid #6c9c31; background: url(images/white_png.png);}
.home .homeMod img {display: block;}
.home .homeMod h4 {text-align: center; font-size: 23px; padding:15px 0;}
.home .homeMod h4 a, .home .homeMod h4 a:hover { color: #5e6672; background: none; }
.home .homeMod h4 a:hover { color: #6c9c31; }
.home .homeMod p {margin:0 15px; padding-top:10px;}
.home .homeMod.last {margin-right:0;}
.home #content{ width:815px; height:500px; }
#content .homeMod p{margin-bottom:0;}
#content .homeMod br{display:none;}


/* our models */
.our_models #content{float:none;}
.our_models ul{margin:0 30px; padding-bottom:40px;}
.our_models ul li{border-bottom:13px solid; padding-top:24px; position:relative;}
.our_models ul li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .our_models ul li { zoom: 1; } /* IE6 */
*:first-child+html .our_models ul li { zoom: 1; } /* IE7 */
.our_models ul li h3{font-size:24px; font-weight:bold;}
.our_models ul li p{float:left; height:165px; overflow:hidden;}
.our_models ul li p a:hover{background:none;}
.our_models ul li p img{position:absolute; bottom: 0;}
.our_models ul li p img.pic_1{left:0}
.our_models ul li p img.pic_2{left:320px;}
.our_models ul li p.text{float:right; width:200px; font-size:24px; line-height:28px; height:auto; padding-top:40px;}
.our_models ul li p.text a:hover{background:#6c9c31;}
.our_models ul li p.text span{font-size:11px; text-transform:lowercase;}
.our_models ul li#loftBox{border-bottom:13px solid #c76400;}
.our_models ul li#loftBox h3{color:#c76400}
.our_models ul li#sandBox{border-bottom:13px solid #f5762f;}
.our_models ul li#sandBox h3{color:#f5762f;}
.our_models ul li#matchBox{border-bottom:13px solid #5b758e;}
.our_models ul li#matchBox h3{color: #5b758e;}
.our_models ul li#miniBox{border-bottom:13px solid #b2c4dc;}
.our_models ul li#miniBox h3{color:#b2c4dc;}
.our_models ul li#bigBox{border-bottom:13px solid #ccdb96;}
.our_models ul li#bigBox h3{color: #ccdb96;}


/*email sign up*/
#signUpForm {height:100%; overflow:hidden;}
#signUpForm input{display: block; clear:both; float:right;}
#signUpForm p{float: right; clear: both; color: #5e6672; font-weight:bold;}
#signUpForm input {text-align: right; color:#CCC;}
#signUpForm input.submit{cursor:pointer; background:#4e779a; color: #FFF; border:none; margin-top:5px; text-transform:uppercase; }


/*lightbox*/
#lightBox{ position: absolute; top: 50px; left:50px; background:#FFF; padding:10px; display: none; z-index:4; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999; }
#closeButton{ display: block; position:absolute; top:-30px; right: -30px; width:60px; height:60px; cursor:pointer; background:url(images/close.png); text-indent: -9999px; z-index:5;}
#overLay {
	position: absolute;
	top:0;
	left:0;
	z-index:3;
	width:100%; 
	height:100%; 
	background: #FFF; 
	opacity: .65;
}
.loader{position: absolute; top:50%; left: 50%; background:url(images/loader.gif); width:32px; height: 32px; text-indent: -9999px;}
.plusButton{display: block; position:absolute; bottom:0px; right: 0px; width:21px; height:21px; cursor:pointer; background:url(images/plus.png); text-indent: -9999px; z-index:2;}