/*
Theme Name: Bowers and Wilkins
Theme URI: http://blog.bowers-wilkins.com/
Description: Bowers and Wilkins WordPress theme by Adam Foster of http://greatfridays.com/
Version: v1
Author: Adam Foster
Tags: 

Bowers and Wilkins WordPress theme by Adam Foster of http://greatfridays.com/
*/

/* RESET ALL STYLES ---------------------------------------------------*/

* { margin: 0; padding: 0; text-indent: 0; border:0 none; outline:0; list-style:none; line-height:1; font-size:100%; border-collapse:collapse; border-spacing:0; quotes:none; background:transparent; vertical-align: baseline; font-weight: normal; }
:focus, a { outline: none !important; }
.clearfix { width: 100%; } 
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* GENERAL SHARED STYLES ----------------------------------------------*/

body { color: #e1e1e1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; background: #000 url(_include/img/pageback.jpg) repeat-x left top;  }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
	h1 { font-size: 24px; line-height: 26px; padding-bottom: 26px; color: #fff; }
	h2 { font-size: 19px; line-height: 22px; padding-bottom: 12px; color: #fff; }
	.post h3 { color:#FFFFFF; font-size:19px; line-height:22px; padding-bottom: 24px; }
	#sidebar h4 { color: #e9e9e9; font-size: 12px; line-height: 14px; background: #525252; padding: 3px 10px 5px; margin-bottom: 15px; }
		h1 a, h2 a, h3 a { color: #fff; }
			h1 a:hover, h2 a:hover, h3 a:hover { color: #e9d68a; text-decoration: none; }
		h5 a { color: #d3c397; }
p { padding: 0 0 14px 0; margin: 0; font-size: 12px; line-height: 16px; }
img { margin: 0; padding: 0; border: 0 none; vertical-align: bottom; }
strong { font-weight: bold; line-height: 16px; }
em, span { line-height: 15px; }
ul { padding: 0 0 14px 0; margin: 0; }
	ul li { margin: 0; padding: 0; list-style-type: none; line-height: 16px; }
dl { padding: 0 0 14px; margin: 0; font-size: 12px; line-height: 16px; }
	dt { display: inline; float: left; clear: left; }
	dd { margin: 0; padding: 0; }
small { margin: 0; padding: 0; font-size: 80%; }
abbr, acronym { cursor: help; }
q { font-style: italic; }
	q:before { content: no-open-quote; content: ""; }
	q:after { content: no-close-quote; content: ""; }
a { text-decoration: none; color: #d3c397; line-height: 16px; }
	a:hover, a:hover span { text-decoration: underline; color: #fff; }
form {}
	button, input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
	form {}
		form textarea { overflow:auto; background: #F8F3E6; border: 1px solid #CDC8BE; padding: 4px; color: #333; }
		form input[type=text] { background: #fff; color:#666666; border:1px solid #bbbbbb; }
			form input.radio { border: 0 none!important; background: none!important; width: 12px; margin-right: 5px; }
		form select { background: #fff; border: 1px solid #CDC8BE; width: 152px; color: #555; padding: 3px 4px 4px; height: 28px; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; vertical-align: top; }
	caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }


/* GOLBAL SHARED STYLES -----------------------------------------------*/

#bowersAndWilkins { width: 978px; margin: 0 auto; }
	#contentHolder { position: relative; }
		#header { height: 105px; overflow: hidden; }
			#banner { background: #fff; height: 128px; width: 763px; }
				#banner ul { padding: 0; }
			#ad { background: url(_include/img/bg-ad.jpg); height: 113px; width: 185px; position: absolute; top: 0px; right: 0px; padding: 16px 15px 0; }
				#ad h3 { font-size: 20px; line-height: 22px; padding-bottom: 5px; }
		#contentHeader { background: url(_include/img/bg-content-header.gif); height: 55px; width: 958px; margin-bottom: 32px; padding: 20px 0 20px 20px; overflow: hidden; position: relative; }
			#contentHeader h1 { padding: 0; font-size: 20px; line-height: 30px; }
				#contentHeader h1 em { font-size: 30px; font-style: normal; line-height: 30px; position: relative; top: 3px; }
			#contentHeader p { padding-bottom: 8px; font-size: 11px; }
		#blogNav { float: left; width: 147px; margin: 0 30px 0 20px; }
			#blogNav li a { color: #e1e1e1; }
				#blogNav li a:hover { color: #D3C397; }
		#content { float: left; width: 537px; margin: 0 0 30px 0; overflow: hidden; }
			#content h1, h2.catTitle { margin-bottom: 24px; padding: 1px 0 20px; background: url(_include/img/bg-divider.gif) repeat-x bottom left; font-size: 24px; line-height: 26px; }
		#sidebar { float: right; width: 195px; margin: 0 20px 30px 0; overflow: hidden; }
		#footer { padding: 24px 20px 0; clear: both; background: url(_include/img/bg-divider.gif) repeat-x top left; }
			#footer li { float: left; margin-right: 12px; font-size: 11px; }
				#footer li a { font-size: 11px; color: #e1e1e1; }
					#footer li a:hover { color: #D3C397; }
			#footer p { font-size: 11px; }


/* IMPORTANT SHARED STYLES ----------------------------------------------*/

.left { float: left!important}
.right { float: right!important}
.end { border: none!important; margin-bottom: 0!important; }
.first { background: 0 none!important; }
.last { margin-bottom: 0!important; background: 0 none!important; }
.hide { display: none; }
.borderTop { border-top: 1px solid #CECBC1; }
.column { float: left; padding: 0 0 0 20px; }
.arrowLink { padding-left: 10px; background: url(_include/img/bg-arrow-link.gif) no-repeat left; color: #999999; }
.comment { background: url(_include/img/bg-comment.gif) no-repeat left 2px; padding: 0 0 2px 18px; display: block; }
.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading .promoLink strong  { visibility: hidden !important; }


/* STYLES FROM .COM ----------------------------------------------------*/

.headerContent{ width:978px; height:40px; margin-top:20px; }
	.headerContent a { float: left; position:relative; margin:0; left:22px; display: block; width: 230px; height: 26px; padding: 0; background: url(_include/img/GreyBW_Logo.gif) left top no-repeat; }
		.headerContent span.title { display: none; }
	.headerContent #sitesearchform { width:155px; float:right; }
		.headerContent #sitesearchform .UserInput { float:left; width:118px; margin:2px 3px 0 0; display:inline; font-size: 87%; font-family:Verdana; padding:1px 0 2px 4px; }
		.headerContent #sitesearchform  #go { float:right; padding:0; }
		#TopPanelUC_Btn_Search { margin-top: 2px; }

#nav { position:relative; width:978px; background-image: url(_include/img/NavBg.gif); background-repeat: repeat-x; }
	#nav li { height:24px; float:left; } 	
	.level1 { background-color:#191919; margin:0; padding: 0; list-style-type: none; height: 24px; }
		.current{ color: #ffffff; }
		.level1TextImage{ vertical-align:top; margin:3px 20px 11px; }
		.current a{ display:block; background-color:#484848; }
			.current a:hover{ display:block; }
		.level2 { position:absolute; list-style-type: none; top:22px; left:0; background: url(_include/img/2ndNav_Tile.gif) left repeat; width:978px; }
			.level2 ul{	margin:0; list-style-type: none; height: 23px; padding:0 0 0 10px; }
				.level2 li{ padding:0 12px 0 12px; margin:0; font-size:90%; height: auto; }
					.level2 ul li a { line-height:2.2; text-decoration: none; color:#BABABA; }
					.level2 li a:hover { text-decoration: none; color: #ffffff; }
					.level2 .level2_current a, .level2 .current-cat a { color:#ffffff; font-weight:bold; }


/* POST ---------------------------------------------------------------*/

.post { margin-bottom: 24px; padding-bottom: 26px; background: url(_include/img/bg-divider.gif) repeat-x bottom left; }
	.single .post p { text-align: justify; }
	#content .post h1 { background: 0 none; font-size:19px; line-height:22px; padding-bottom: 24px; margin: 0; }
.homepage .post:last-child { background: 0 none; }
.homepage .post h3 { padding-bottom: 20px; }
	.postcontent { margin-bottom: 5px; }
	.postmeta {}
		.postmeta span, .postDate { display: block; color: #999; }
		#content .addthis_toolbox { padding-top: 18px; position: relative; }
			#content a.addthis_button_compact, #content a.addthis_button_twitter { color: #fff; float: left; display: block; }
				#content a.addthis_button_compact:hover, #content a.addthis_button_twitter:hover { text-decoration: none; color: #d3c397; }
			#content a.addthis_button_compact { margin-right: 10px; }
			#content .addthis_button_compact span, #content .addthis_button_twitter span { background: url(_include/img/bg-icons.gif) no-repeat top left!important; display: block; padding-right: 8px; margin: 0; height: 16px; width: 16px; }
				#content .addthis_button_twitter span { background-position: 0 -26px!important;  }
	.wp-caption { background: #262626; padding: 7px 2px 8px; text-align: center; margin-bottom: 12px; }	
		.single .wp-caption p { width: 100%; padding: 7px 0 0 0; text-align: center; }
	.post ul {}
		.post ul li { padding-left: 10px; margin-left: 10px; background: url(_include/img/bg-bul.gif) no-repeat left; }
#pag {}
	#pag .left a { padding-left: 10px; background: url(_include/img/bg-arrows.gif) no-repeat left 3px; color: #fff; }
	#pag .right a, .nextPost a { padding-right: 10px; background: url(_include/img/bg-arrows.gif) no-repeat right -13px; color: #fff; }
	#pag a:hover { color: #d3c397; }


/* SIDEBAR ------------------------------------------------------------*/

#sidebar { }
	#sidebar ul { padding: 0; }
		#sidebar li span { display: block; color: #999999; }
	.twitter { background: url(_include/img/bg-twitter.gif) no-repeat bottom; width: 195px; height: 63px; padding: 26px 0 0 0; margin: 0 0 30px; }
		.twitter a { background: url(_include/img/logo-twitter.gif) no-repeat top; width: 136px; padding-top: 38px; display: block; text-align: center; margin: 0 auto; color: #fff;  }
			.twitter a:hover { color: #d3c397; }
	#search div { background: url(_include/img/bg-search.gif) no-repeat top left; height: 22px; margin-bottom: 18px; }	
		#search div #s { background: transparent; color: #666; border: 0 none; padding: 4px 0 0 10px; width: 154px; height: 18px; }
		#searchsubmit { width: 20px; background: transparent; font-size: 0; color: #666; height: 22px; cursor: pointer; width: 26px; padding-top: 6px; color: #000; }
	.comment-list li, .popular-comments li, .latest-news li { margin-bottom: 12px; color: #999999; }
		.comment-list li h5 { padding-bottom: 5px; }
		.comment-list a { display: block; }
	.latest-news { padding-top: 20px; }
		.latest-news li a { background: url(_include/img/bg-arrow-link-01.gif) no-repeat right 4px; padding-right: 10px; }
	.rss { background: url(_include/img/bg-rss.gif) no-repeat left 1px; padding-left: 23px; display: block; margin-bottom: 16px; }
		ul li .rsswidget { display: none; }
		ul li ul li .rsswidget { display: inline; }

/* COMMENTS ------------------------------------------------------------*/

#comments { margin-bottom: 24px; padding-bottom: 16px; background: url(_include/img/bg-divider.gif) repeat-x bottom left; }
	#comments h4 { color: #fff; font-size: 12px; margin-bottom: 25px; }
	.noComments { margin-bottom: 24px; padding-bottom: 26px; background: url(_include/img/bg-divider.gif) repeat-x bottom left; }
	#commentlist { padding: 0; }
		#commentlist li { margin-bottom: 22px; padding-bottom: 14px; background: url(_include/img/bg-divider.gif) repeat-x bottom left; }
			#commentlist li .comment { padding-bottom: 12px; }
#commentform {}
	#commentform p label { display: block; color: #999; padding-bottom: 14px; }
	#commentform p label.error { display: inline; color: #750000; }
	#commentform input { background: url(_include/img/bg-input.gif); width: 175px; height: 18px; border: 0 none; padding: 4px 10px 0; color: #fff; margin-right: 10px; }
	#commentform textarea { background: url(_include/img/bg-textarea.gif); height: 122px; width: 506px; padding: 10px 10px 0; border: 0 none; color: #fff; margin: 0 7px 6px 0; }
	#commentform input.error { background: url(_include/img/bg-input-error.gif);}
	#commentform textarea.error { background: url(_include/img/bg-textarea-error.gif); }
.nextPost { text-align: right; }	
	#commentform #submit { background: url(_include/img/bg-btn.gif); height: 22px; width: 89px; padding: 0; text-align: center; padding-bottom: 3px; cursor: pointer; }
	
	
/* PROMO LINKS --------------------------------------------------------*/	

.dividePromo { margin-bottom: 24px; padding-bottom: 24px; background: url(_include/img/bg-divider.gif) repeat-x bottom left; }
.promoLink { background: #2c2c2c url(_include/img/bg-promo.gif) top left repeat-x; margin-bottom: 20px; padding: 18px 8px 18px 14px; }
	.promoLink strong { font-size: 22px; line-height: 24px; display: block; padding-bottom: 5px; }
	.promoLink a { font-size: 11px; line-height: 13px; background: url(_include/img/bg-arrow-link-01.gif) no-repeat right 4px; padding-right: 10px; }
#contentHeader .promoLink { padding: 10px 10px 8px; margin: 0; position: absolute; right: 0; height: 29px; width: 195px; background: url(_include/img/bg-promo-header.gif); }
	#contentHeader .promoLink strong { padding-bottom: 0; line-height: 18px; font-size: 18px; }
	#contentHeader .promoLink a { position: relative; top: -4px; }
	.promoTop { top: 0; }
	.promoBot { top: 47px; }