/*
Theme Name: BI Showcase.
Theme URI: http://www.ceavco.com
Description: The Modern Cowboy.
Version: 1.0
Author: Chris Schindler
Author URI: http://www.paperastronaut.com.
*/

/*	=================================================================
	Global Reset
	=================================================================  */

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,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;}
ol,ul {margin: 0; padding: 0}
a {text-decoration:none;}
img {border:none;}

/*	=================================================================
	General Elements
	=================================================================  */ 
body {
	width: 100%;
	height: 100%;
	font:11px/1.6 Arial, Helvetica, sans-serif;
	color:#4a4b4c;
	background: #000;
	}
	
a, a:link, a:visited {
	color: #fc8a03;
	}
	
a:hover {
	color: #dd7a02;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	}
	
.entry-content h1, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	line-height: 1em;
	padding: 1em 0 .25em 0;
	clear: both;
	} 
	
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #000;
	text-transform: uppercase;
	display: block;
	border-bottom: #d4cbbf 2px dotted;
	}
	
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	background: #fc8a03;
	padding: 3px 0 3px 10px;
	margin: 20px 0 0 0;
	width: 80%;
	}
	
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	}
	
h4 {
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #fc8a03;
	font-style: italic;
	
	}
	
h5 {
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	}
	
h6 {
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #6a6a6a;
	}
	
p {	color: #6a6a6a;
	padding: 10px 130px 10px 0;
	}
	
.entry-content ul, .entry-content ol {
	padding: .5em 0 .5em 30px;
	clear: both;
	}
	
.entry-content li {
	color: #665a46;
	font-weight: bold;
	}
	
em {font-style: italic;
	color: #665a46;}
	
strong {font-weight: bold;
		color: #665a46;
		}
		
.clear {overflow:hidden;clear:both; /* 'clear:both' fixes improper clearing with Chrome */}
.hidden {display:none;}
.left {float:left;}
.right {float:right;}
.right-text {text-align:right;}
.center-text {text-align:center;}
.bold-text {font-weight:bold;}
.italic {font-style:italic;}

.orange {color: #fc8a03;}

.alignleft {
	float: left;
	padding: 0 10px 10px 0;
	}
	
.alignright {
	float: right;
	padding: 0 0 10px 10px;
	}
	
.aligncenter {
	margin: 0 auto;
	padding: 10px;
	display: block;
	}

/*	===============================
	HOME STRUCTURE
	===============================  */
	
	
	#head-wrap {
		background: #000;
		border-bottom: #fc8a03 solid 9px;
		}
		
	#head {
		width: 962px;
		height: 103px; /* NEED TO DEFINE HEIGHT SO DROPDOWNS WORK CORRECTLY */
		margin: 0 auto;
		}
	
	#head h1 {
		float: left;
		border: none;
		}
		
	#head h1 a {	
		width: 266px;
		height: 103px;
		background: url(includes/images/Brand-Iron-Logo.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#head-right {
		width: 696px;
		height: 80px;
		float: right;
		}
		
	#social-menu {
		width: 100px;
		float: right;
		padding: 5px 0;
		}
	
	#social-menu h6 {
		float: right;
		}
		
	#social-menu h6.facebook a {
		width: 18px;
		height: 18px;
		padding: 0 0 0 5px;
		background: url(includes/images/bi-facebook.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#social-menu h6.facebook a:hover {
		background: url(includes/images/bi-facebook-hover.jpg) no-repeat bottom;
		}
		
	#social-menu h6.twitter a {
		width: 18px;
		height: 18px;
		padding: 0 0 0 5px;
		background: url(includes/images/bi-twitter.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#social-menu h6.twitter a:hover {
		background: url(includes/images/bi-twitter-hover.jpg) no-repeat bottom;
		}
		
	#social-menu h6.linkedin a {
		width: 18px;
		height: 18px;
		padding: 0 0 0 5px;
		background: url(includes/images/bi-linkedin.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#social-menu h6.linkedin a:hover {
		background: url(includes/images/bi-linkedin-hover.jpg) no-repeat bottom;
		}
		
	#social-menu h6.rss a {
		width: 18px;
		height: 18px;
		padding: 0 0 0 5px;
		background: url(includes/images/bi-rss.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#social-menu h6.rss a:hover {
		background: url(includes/images/bi-rss-hover.jpg) no-repeat bottom;
		}
	
		
/*	===============================
	MENU
	===============================  */
		
	#menu {
		width: 683px;
		float: right;
		padding: 0 13px 0 0;
		position: relative;	/* IE 7 Needs z-index for slideshow */
		z-index: 1000;
		}

	/*  Navigation - Level One */
	ul#nav {position:relative;
		list-style: none;
		}
	
	ul#nav li {
		float:right;
		zoom:1;
		list-style: none;
		}
	
	ul#nav a:hover {color:#000;}
	ul#nav li a {
		font-family: Georgia, "Times New Roman", Times, serif; 
		padding:3px 15px;
		display: block;
		color:#fff;
		font-weight: bold;
		}
		
	ul#nav li a:hover {
		background: #dd7a02;
		}
		
	ul#nav li#brandstorm-tab a {
		background: #fc8a03;
		}
		
	ul#nav li#brandstorm-tab a:hover {
		background: #dd7a02;
		}
		
	ul#nav li:last-child a {border-left:none;} /* Doesn't work in IE */
	ul#nav li.hover, ul#nav li:hover {  
		position:relative; 
		}
	/*  Navigation - Level Two */
	ul#nav ul {
		visibility:hidden; 
		position:absolute; 
		top:100%; 
		left:0; 
		z-index:1000;
		}
	ul#nav ul li {
		float:none; 
		}
	ul#nav ul li a {
		padding:4px 20px;
		margin: 0;
		background:#fc8a03;
		background-position: top;
		background-repeat: no-repeat;
		border-right: none;
		border-left: none;
		border-bottom:1px dotted #fff; 
		width:100%; 
		display:inline-block; /* IE 6 & 7 Needs Inline Block */
		color: #fff;
		}
		
	ul#nav ul li a:hover {
		background: #dd7a02;
		color: #000;
		}
	
	ul#nav ul li.arrow a {
		padding:4px 20px;
		margin: 0;
		background:#fc8a03;
		background-image: url(includes/images/arrow-white.png);
		background-position: right;
		background-repeat: no-repeat;
		border-right: none;
		border-left: none;
		border-bottom:1px dotted #fff; 
		width:100%; 
		display:inline-block; /* IE 6 & 7 Needs Inline Block */
		color: #fff;
		}
	
	ul#nav ul li.arrow a:hover {
		background: #dd7a02;
		color: #000;
		background-image: url(includes/images/arrow.png);
		background-position: right;
		background-repeat: no-repeat;
		}
	/*  Navigation - Level Three */
	ul#nav ul ul { 
		left:125px;
		top: 0px; 
		}
		
	ul#nav ul li.arrow ul li a {
		background: #fc8a03;
		color: #fff;
		background-image: none;
		}
		
	ul#nav ul li.arrow ul li a:hover {
		background: #dd7a02;
		}
		
	.arrow {
		background-image: url(images/arrow.png);
		background-position: right;
		background-repeat: no-repeat;
		}
		
	ul#nav li:hover > ul {visibility: visible;}
	

/*	=================================================================
	BODY - IMAGE
	=================================================================  */ 		
	
	#body-wrap {
		width: 962px;
		height: 100px;
		margin: 0 auto;
		}
		
	#bg-left {
		width: 13px;
		height: 442px;
		float: left;
		background: url(includes/images/trim-left.jpg) bottom no-repeat #fff;
		}
	
	#bg-right {
		width: 13px;
		height: 442px;
		float: right;
		background: url(includes/images/trim-right.jpg) bottom no-repeat #fff;
		}
		
	#body-content {
		width: 936px;
		float: left;
		}
		
/*	=============================================
	IMAGE SLIDER
	=============================================  */
		
	#main-image {
		width: 936px;
		height: 388px;
		display: block;
		float: left;
		overflow: hidden;
		clear: both;
		}
		
	.slideshow-left {
		width: 468px;
		height: 388px;
		float: left;
		padding: 0;  
		margin:  0;
		}
	
	.slideshow-left img {
		width: 468px;
		height: 388px;
		padding: 0;  
		margin:  0;
		}
		
	.slideshow-right {
		width: 468px;
		height: 388px;
		float: right;
		padding: 0;  
		margin:  0;
		}
	
	.slideshow-right img {
		width: 468px;
		height: 388px;
		padding: 0;  
		margin:  0;
		}
		
/*	=================================================================
	BODY - CONTENT
	=================================================================  */ 
	
/*	=============================================
	TITLE BAR
	=============================================  */
	
	#title-bar {
		width: 936px;
		height: 54px;
		position: relative;
		clear: both;
		background: #000;
		}
		
	.star-black {
		background: url(includes/images/star-black-bg.png);
		width: 15px;
		height: 15px;
		display: block;
		margin: 1px 5px;
		}
		
	#title-left {
		position: absolute;
		left: 55px;
		top: 7px;
		padding: 10px 0 0 0;
		}
		
	#title-right {
		position: absolute;
		right: 35px;
		top: 7px;
		padding: 10px 0 0 0;
		}
		
	#title-left h2, #title-right h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		color: #fff;
		text-transform: uppercase;
		line-height: 1em;
		background: none;
		padding: 0;
		margin: 0;
		width: auto;
		}
		
/*	=============================================
	HOME CONTENT LEFT
	=============================================  */
	
	#home-content {
		clear: both;
		background: url(includes/images/home-about-bg-lrg.jpg) bottom no-repeat;
		}
		
	.section-link {
		padding: 4px 0;
		margin: 4px 0;
		border-top: #d4cbbf 2px dotted;
		}
		
	.star-white {
		width: 21px;
		height: 21px;
		display: block;
		float: left;
		background: url(includes/images/star-bi-link.png) no-repeat;
		}
		
	.star-orange {
		width: 17px;
		height: 39px;
		display: block;
		margin: 0 7px 0 0; 
		float: left;
		background: url(includes/images/star-darkOrange-bg.png) no-repeat;
		}
		
	.link-margin {
		margin-left: 15px;
		}
		
	.section-link h6 {
		float: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #fc8a03;
		padding: 3px 0 0 3px;
		}
		
	#home-content-left {
		width: 624px;
		float: left;
		}
		
	#about-brandiron-left {
		width: 323px;
		float: left;
		padding: 0 10px 10px 10px;
		margin: 10px 0 10px 0;
		} 
		
	#about-brandiron-left h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 32px;
		color: #000;
		text-transform: uppercase;
		line-height: 1em;
		}
		
	#about-brandiron-left h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		color: #fc8a03;
		text-transform: uppercase;
		padding: 8px 0 0 0;
		}
		
	#about-content-right {
		width: 271px;
		margin: 10px 0;
		padding: 0 4px 20px 4px;
		float: right;
		border-left: #d4cbbf 2px dotted;
		}
		
	.about-title {
		background: #fc8a03;
		height: 39px;
		}
		
	.about-title h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #fff;
		text-transform: uppercase;
		padding: 5px 5px 0 5px;
		line-height: 1.25em;
		}
		
	#about-content-right ul {
		padding: 5px 0 5px 28px;
		}
		
	#about-content-right ul li {
		font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
		color: #665a46;
		line-height: 1.35em;
		}
		
/*	=============================================
	HOME CONTENT RIGHT
	=============================================  */
		
	#home-content-right {
		width: 274px;
		padding: 15px 17px 5px 17px;
		margin: 0;
		float: right;
		}
		
	.mod-home {
		padding: 15px 19px 5px 15px;
		margin: 0;
		}
		
	.case-thumb {
		position: relative;
		margin: 0 auto;
		}
		
	h4.case-title {
		padding: 10px 0 5px 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		font-weight: bold;
		color: #000;
		text-transform: uppercase;
		}
		
	p.case-copy {
		color: #665a46;
		font-size: 11px;
		line-height: 1.25;
		}
		
/*	=================================================================
	FOOTER
	=================================================================  */
	
	#footer {
		clear: both;
		background: #000;
		border-top: #fc8a03 solid 5px;
		}
		
	#footer-wrap {
		width: 936px;
		margin: 0 auto;
		padding: 20px 0;
		}
		
	.footer-nav {
		padding: 0 35px;
		border-right: #111 dotted 1px;
		float: left;
		min-height: 125px;
		}
		
	ul.footer-ul {
		list-style: none;
		}
		
	ul.footer-ul li a{
		font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
		color: #333;
		font-size: 10px;
		}
		
	ul.footer-ul li a:hover{
		color: #666;
		}
		
	ul.footer-ul li.footer-first {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		color: #CCC;
		}
		
	#social-menu-footer h6 {
		float: right;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #fff;
		font-size: 10px;
		text-transform: uppercase;
		}
		
	.kit {
		padding: 2px 8px 0 0;
		}
		
	#social-menu-footer h6.facebook a {
		width: 18px;
		height: 18px;
		padding: 0 0 0 5px;
		background: url(includes/images/footer-facebook.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#social-menu-footer h6.facebook a:hover {
		background: url(includes/images/bi-facebook-hover.jpg) no-repeat bottom;
		}
		
	#social-menu-footer h6.twitter a {
		width: 18px;
		height: 18px;
		padding: 0 0 0 5px;
		background: url(includes/images/footer-twitter.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#social-menu-footer h6.twitter a:hover {
		background: url(includes/images/bi-twitter-hover.jpg) no-repeat bottom;
		}
		
	#social-menu-footer h6.linkedin a {
		width: 18px;
		height: 18px;
		padding: 0 0 0 5px;
		background: url(includes/images/footer-linkedin.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#social-menu-footer h6.linkedin a:hover {
		background: url(includes/images/bi-linkedin-hover.jpg) no-repeat bottom;
		}
		
	#social-menu-footer h6.rss a {
		width: 18px;
		height: 18px;
		padding: 0 0 0 5px;
		background: url(includes/images/footer-rss.jpg) no-repeat bottom;
		display: block;
		text-indent: -99999px;
		}
		
	#social-menu-footer h6.rss a:hover {
		background: url(includes/images/bi-rss-hover.jpg) no-repeat bottom;
		}


/*	=================================================================
	WORDPRESS
	=================================================================  */ 
/*	=================================================================
	WORDPRESS
	=================================================================  */ 
/*	=================================================================
	WORDPRESS
	=================================================================  */ 
	
	#main-wrap {
		background-color: #fff;
		}
		
	#container {
		width: 936px;
		padding: 25px 0;
		margin: 0 auto;
		}
		
	#container-page {
		width: 966px;
		min-height: 450px;
		margin: 0 auto;
		background: url(includes/images/page-bg.jpg) right top repeat-y #FFF;
		}
		
	#content {
		width: 585px;
		min-height: 380px;
		float: left;
		padding: 35px 15px 35px 35px;
		background: url(includes/images/secondary-bg.jpg) left top no-repeat #fff;
		border-right: #d4cbbf 2px dotted;
		}
		
	#sidebar {
		width: 295px;
		float: left;
		padding: 20px 0 0 0;
		border-bottom: #d4cbbf solid 1px;
		background: url(includes/images/sidebar-bg.jpg) right top no-repeat #fff;
		}
		
	#sidebar-wp {
		width: 265px;
		float: left;
		padding: 20px 15px 15px 15px;
		border-bottom: #d4cbbf solid 1px;
		background: url(includes/images/sidebar-bg.jpg) right top no-repeat #fff;
		}
		
/*	=============================================
	SECONDARY - PAGES
	=============================================  */
		
	
		
	.title-div {
		height: 66px;
		width: 100%;
		background: url(includes/images/star-darkOrange-secondary-title.jpg) right top no-repeat #fc8a03;
		margin-left: -35px;
		margin-bottom: 20px;
		}
		
	.title-div h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 42px;
		font-weight: bold;
		color: #fff;
		padding: 12px 0 0 35px;
		line-height: 1em;
		border: none;
		}
		
	#bg-left-secondary {
		width: 17px;
		height: 101px;
		float: left;
		background: url(includes/images/trim-left-secondary.jpg) bottom no-repeat #fff;
		}
		
	#bg-left-secondary2 {
		width: 17px;
		height: 101px;
		float: left;
		}
	
	#bg-right-secondary {
		width: 17px;
		height: 80px;
		float: right;
		background: #fff;
		}
		
	#content-secondary {
		width: 660px;
		float: left;
		}
		
	h2.entry-title a {
		color: #fff;
		}
		
	h2.entry-title a:hover {
		color: #fdf3e6;
		}
		
	#sidebar ul, #sidebar li, #sidebar-wp ul, #sidebar-wp li {
		list-style: none;
		}
		
	.post-bot-border {
		border-bottom: #d4cbbf 2px dotted;
		padding-bottom: 20px;
		}
		
	.post-bot-border2 {
		border-bottom: #d4cbbf 2px dotted;
		padding-bottom: 5px;
		margin-bottom: 15px;
		}
		
/*	=============================================
	SECONDARY - SIDEBAR
	=============================================  */
		
	.mod1 {
		width: 274px;
		padding: 0;  
		margin:  0;
		float: right;
		}
		
	.mod2 {
		width: 274px;
		padding: 0;  
		margin:  0;
		float: right;
		clear: both;
		}
	
	.mod {
		width: 274px;
		height: 395px;
		background: url(includes/images/home-client-bg.jpg) right bottom no-repeat #FFF;
		float: right;
		}
			
	h3.sidebar-title {
		color: #fff;
		font-size: 18px;
		padding: 18px 0 18px 30px;
		line-height: 1em;
		margin-bottom: 10px;
		background: url(includes/images/flag-end.jpg) left top no-repeat #000;
		display: block;
		}
		
	.padding-bottom {
		padding-bottom: 10px;
		}
		
	.sidebar-title h3 {
		color: #fff;
		font-size: 18px;
		padding: 14px 0 0 25px;
		}
		
	.mod-thumb {
		margin: 0 auto;
		position: relative;
		}
		
	.mod-content {
		width: 250px;
		position: relative;
		}
		
	p.mod-line {
		border-top: #d4cbbf 2px dotted;
		display: block;
		margin: 0 20px 0 0;
		padding: 0;
		line-height: 1em;
		}
		
	p.mod-clear {
		clear: both;
		line-height: 1em;
		font-size: 0px;
		padding: 0;
		margin: 0;
		}
		
		
	h4.mod-title {
		padding: 10px 20px 0 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 13px;
		font-weight: bold;
		font-style: normal;
		color: #000;
		text-transform: uppercase;
		line-height: 1.25em;
		
		}
		
	p.mod-copy {
		color: #665a46;
		font-size: 11px;
		line-height: 1.25;
		padding-right: 15px;
		}
		
		
	h6.mod-link {
		float: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #fc8a03;
		background: url(includes/images/star-bi-link.png) no-repeat left top;
		display: block;
		padding: 3px 0 0 25px;
		margin: 0 10px 10px 0;
		}
		
	a:hover h6.mod-link {
		color: #dd7a02;
		}
		
	ul.mod-list {
		padding: 5px 0 5px 10px;
		list-style: disc;
		}
		
	ul.mod-list li {
		list-style: disc;
		line-height: 1.25em;
		}
	
	
/*	=============================================
	SECONDARY - SIDEBAR
	=============================================  */
	
	#comments-border {
		border-top: #d4cbbf 2px dotted;
		border-bottom: #d4cbbf 2px dotted;
		margin: 10px 0;
		}
	
	#comments {
		margin: 10px 0;
		padding: 25px;
		background-color: #f6f4f0;
		}
		
	#search-form {
		padding: 0 0 20px 0;
		}
		
	p.comment-form-comment label {
		vertical-align: text-top;
		color: #fc8a03;
		}
		
	h3.widget-title {
		padding: 10px 0 0 0;
		}
		
	.twit-wrap {
		border-bottom: #d4cbbf 2px dotted;
		padding: 10px;
		}