/*  
Theme Name: Brooklyn Interiors Custom
Theme URI: http://brooklyninteriors.com/
Description: Custom theme for Brooklyn Interiors.
Author: John B. Fakorede
Author URI: http://studioanino.com/
Version: 1.0
.
Versions
1		- Created Jan-Apr 2010
.
*/


/* Defaults, globals, misc */
/* Yahoo Reset CSS (version 2.8.0r4): http://developer.yahoo.com/yui/reset/ */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
html {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 76%;
	}
.skipLink {
	display: none;
	}
.noscript {
	display: block;
	height: 30px;
	text-align: center;
	padding: 10px 20px;
	color: #000;
	background-color: #fff;
	font-size: 16px;
	top: 0;
	position: absolute;
	z-index: 10;
	}
em, cite {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}

/* Layout */
html {
	min-width: 960px;
	background: #000 url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/html_bkgrnd.jpg) center top no-repeat;
	}
body {
	display: table;
	width: 960px;
	margin: 0 auto 0;
	}
	body#sound-site {
		background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/body_bkgrnd_sound.jpg) 10px top no-repeat;
		}
	body#green-site {
		}
	body#home-site {
		background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/body_bkgrnd_home.png) 10px top no-repeat;
		}
#header, #content-a, #content-b, #footer {
	margin: 0 10px;
	float: left;
	display: inline;
	}
#header, #footer {
	width: 940px;
	overflow: hidden;
	}
#header {
	height: 174px;
	}
	#sound-site #header {
		background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/header_bkgrnd_sound.png) left 22px no-repeat;
		}
	#green-site #header {
		background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/header_bkgrnd_green.png) left 22px no-repeat;
		}
#content-a {
	width: 285px;
	padding: 0 15px 15px 0;
	}
#content-b {
	width: 605px;
	padding: 15px 15px 15px 0;
	}
#sound-site #content-a, #sound-site #content-b {
	background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/content_bkgrnd_sound.png) top center repeat-y;
	}
#green-site #content-a, #green-site #content-b {
	background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/content_bkgrnd_green.png) top center repeat-y;
	}
/*#home-site #content-b {
	background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/dennis_darcy_bkgrnd.png) top center no-repeat;
	}*/
	#content-inner-a, #content-inner-b {
		overflow: auto;
		margin: 0;
		cursor: text;
		}
	#home-site #content-inner-a, #home-site #content-inner-b {
		cursor: default;
		}
	#content-a .jScrollPaneContainer {
		background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/sidebar_bkgrnd.png) 15px repeat-y !important;
		}
	#content-inner-a {
		height: 411px;
		width: 260px;
		margin-left: 15px;
		padding: 10px 10px 0 15px;
		}
		#content-a .jScrollPaneTrack, #content-b .jScrollPaneTrack {
			background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/scrollpane_track.gif) repeat-y !important;
			}
		#content-a .jScrollPaneDrag, #content-b .jScrollPaneDrag {
			background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/scrollpane_drag.gif) 0 repeat-y !important;
			/*background-color: #fff !important;*/
			}
		#content-a .jScrollPaneDragTop, #content-b .jScrollPaneDragTop,
		#content-a .jScrollPaneDragBottom, #content-b .jScrollPaneDragBottom {
			background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/scrollpane_track.gif) repeat-y !important;
			/*background-color: #999 !important;*/
			height: 2px !important;;
			}
	#content-inner-b {
		height: 406px;
		padding-left: 15px;
		}
#footer {
	height: 158px;
	background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/footer_logos_bkgrnd.png) 620px 50px no-repeat;
	}


/* Header */
#header {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	}
	#header h1 {
		top: 0;
		position: absolute;
		z-index: 100;
		width: 180px;
		height: 110px;
		margin-left: 760px;
		}
	#header h1 a {
		display: block;
		width: 180px;
		height: 110px;
 		background: #fff url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/h1_logo.png) no-repeat;
		text-indent: -99999px;
		}
	#header h2 {
		top: 680px;
		position: absolute;
		z-index: 200;
		width: 500px;
		height: 85px;
		line-height: 1.1em;
		margin-left: 20px;
		color: #fff;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2em;
		}
		body#home-site #header h2 {
			top: 280px;
		}
		#header h2 span {
			}
		#header h2 #sound-tagline {
			}
		#header h2 #green-tagline {
			margin-left: 110px;
			}
		#header h2 a {
			width: 90px;
			padding: 0 5px;
			}
		#header h2 a, #header h2 a:link, #header h2 a:visited {
			text-decoration: none;
			}
		#header h2 #sound-tagline a {
			color: #C20906;
			}
		#header h2 #green-tagline a {
			color: #66CC01;
			}
		#header h2 .selected a, #header h2 .selected a {
			background-color: #eee;
			}
		#header h2 a:hover {
			background-color: #fff;
			}
			/*#home-site #header h2 a:hover {
				background: none;
				}*/
		#header h2 .selected a:hover, #header h2 .selected a:hover {
			background-color: #eee;
			color: #000;
			}
	ul#site-nav, ul#section-nav {
		height: 38px;
		}
	ul#site-nav {
		width: 982px;
		top: 90px;
		margin-left: -42px;
		padding-left: 42px;
		position: absolute;
		z-index: 50;
		}
		#sound-site #site-nav {
			background-color: #C20906;
			/*background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/sitenav_bkgrnd_sound.png) center repeat-x;*/
			}
		#green-site #site-nav {
			background-color: #66CC01;
			/*background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/sitenav_bkgrnd_green.png) center repeat-x;*/
			}
	ul#section-nav {
		width: 620px;
		top: 128px;
		margin-left: 320px;
		position: absolute;
		z-index: 50;
		background-color: #000;
		overflow: hidden;
		/*background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/sectionnav_bkgrnd.png) center repeat-x;*/
		}
		ul#section-nav:hover {
			height: auto;
			padding-bottom: 5px;
			}
	ul#site-nav li, ul#section-nav li {
		float: left;
		position: relative;
		margin: 10px 4px 5px;
		}
		ul.section-nav-portfolio li.selected:after {
			content: "|";
			}
		ul.section-nav-portfolio li.portfolio-dropdown {
			padding-left: 15px;
			background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/arrow_down_white.gif) left no-repeat;
			}
	ul#site-nav li a, ul#site-nav li a:link, ul#site-nav li a:visited,
	ul#section-nav li a, ul#section-nav li a:link, ul#section-nav li a:visited {
		padding: 3px 8px;
		color: #fff;
		text-decoration: none;
		}
	ul#site-nav li a:hover, ul#section-nav li a:hover {
		color: #000;
		background-color: #fff;
		}
	ul#site-nav li a.first, ul#section-nav li a.first {
		margin-left: 5px;
		}
	ul#site-nav li.selected a, ul#section-nav li.selected a {
		color: #000;
		background-color: #FEF5F5;
		}
		ul.section-nav-portfolio li.selected a {
			margin-right: 8px;
			}


/* Body */
#content-a, #content-b {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.3em;
	}
	#content-inner-a *, #content-inner-b * {
		margin-right: 10px;
		}
	#content-inner-a p, #content-inner-b p {
		margin-bottom: 10px;
		margin-right: 15px;
		}
	#content-inner-a h2 *, #content-inner-b h2 *,
	#content-inner-a h3 *, #content-inner-b h3 *,
	#content-inner-a p *, #content-inner-b p *,
	#content-inner-a li *, #content-inner-b li * {
		margin-right: 0;
		}
	#content-inner-a a, #content-inner-a a:link, #content-inner-b a, #content-inner-b a:link {
		color: #fff;
		text-decoration: underline;
		margin-right: 0;
		}
		#content-inner-a.pagetype-blog a, #content-inner-a.pagetype-blog a:link {
			text-decoration: none;
			}
	#content-inner-a a:visited, #content-inner-b a:visited {
		color: #ccc;
		}
		#content-inner-a.pagetype-blog a:visited {
			color: #fff;
			}
	#content-inner-a a:hover, #content-inner-b a:hover {
		color: #000;
		background-color: #F5F5F5;
		text-decoration: none;
		}
		#content-inner-a.pagetype-blog a:hover {
			color: #000;
			}
	#content-inner-a h2, #content-inner-b h2 {
		margin: 25px 15px 5px 0;
		font-weight: bold;
		text-transform: uppercase;
		clear: both;
		/*margin-bottom: 5px;
		padding-bottom: 5px;
		background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/gray_dash.gif);*/
		}
	#content-inner-a h2:first-child, #content-inner-b h2:first-child {
		margin-top: 5px;
		}
	#content-inner-a ul {
		margin-bottom: 20px;
		}
	#content-inner-a ul li {
		margin-left: 25px;
		padding-left: 10px;
		list-style-type: square;
		}
	#content-inner-a ul.blog-sidebar-subscribe {
		margin-bottom: 40px;
		}
	#content-inner-a ul.blog-sidebar-subscribe li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		}
	#content-inner-a ul.blog-sidebar-subscribe li a {
		display: block;
		height: 15px;
		width: 15px;
		padding: 0;
		margin-right: 15px;
		overflow: hidden;
		text-indent: -99999px;
		background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/social-media-icons.png) 0 0 no-repeat;
		}
		#content-inner-a ul.blog-sidebar-subscribe li.rss a {
			background-position: 0 -576px;
			}
		#content-inner-a ul.blog-sidebar-subscribe li.twitter a {
			background-position: 0 -756px;
			}
		#content-inner-a ul.blog-sidebar-subscribe li.facebook a {
			background-position: 0 -540px;
			}
	ul.post-list {
		margin: 0 0 20px 15px;
		padding: 10px 0 1px 20px;
		border-left: 4px solid #eee;
		}
		ul.post-list h3 {
			font: bold 1.1em Georgia, "Times New Roman", Times, serif;
			margin-bottom: 5px;
			}
			.post-list-date {
				margin-right: 5px !important;
				padding: 1px 3px;
				font: bold 0.9em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
				text-transform: uppercase;
				background-color: #eee;
				color: #333;
				}
		ul.post-list li {
			margin-bottom: 15px;
			}
	#content-inner-a form *, #content-inner-b form * {
		margin-right: 0;
		}
	#content-inner-a form li {
		}
	#content-inner-b form li {
		margin-bottom: 10px;
		}
		label { display:block; }
			#content-a label { display:none; }
		fieldset { }
		legend { display:none; }
		input[type=text], input.text, input.title, textarea, select { height:20px; width:250px; background-color:#fff; border:1px solid #999; }
		input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }
		input[type=text], input.text, input.title, textarea, select { margin:5px 0; padding:3px 6px; }
		input.text, input.title { width:300px; }
		input.title { font-size:1.5em; }
		textarea { width:500px; height:250px; padding:5px; }
		input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; }
		form.inline { line-height:3; }
		form.inline p { margin-bottom:0; }
		.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
		.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
		.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
		.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
		.error a { color:#8a1f11; }
		.notice a { color:#514721; }
		.success a { color:#264409; }
		form#search-form li {
			width: 225px;
			height: 30px;
			margin: 5px 0 20px 0;
			padding: 0;
			/*background: #fff url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/magnify.png) 195px 5px no-repeat;*/
			background-color: #fff;
			border: 1px solid #999;
			list-style: none;
			}
			#search {
				padding: 0 0 0 10px;
				width: 180px;
				border: none;
				background: none;
				/*font-weight: bold;
				color: #333;*/
				}
			#search-submit {
				float: right;
				margin-right: 5px;
				padding: 5px 7px;;
				}
		div.gform_wrapper {
			margin-top: 20px;
			margin-bottom: 20px;
			}
			div.gform_footer input.button {
				height: 30px;
				padding: 1px 10px 2px;
				cursor: pointer;
				}
			div.validation_error {
				margin: 0 0 20px;
				color: #000;
				font: italic bold 1.1em Georgia, "Times New Roman", Times, serif;
				}
			div.validation_message {
				color: #000;
				font: italic bold 1em Georgia, "Times New Roman", Times, serif;
				}
			#gforms_confirmation_message {
				width: 460px;
				padding: 20px;
				margin-top: 20px;
				background-color: #999;
				font: italic bold 1.3em Georgia, "Times New Roman", Times, serif;
				}
		/* Gallery */
		ul#gallery, ul#gallery * {
			margin-right: 0;
			}
		ul#gallery li {
			float: left;
			position: relative;
			margin-right: 14px;
			margin-bottom: 12px;
			}
		ul#gallery li.last {
			margin-right: 0;
			}
		ul#gallery li a {
			background: none;
			}
		ul#gallery li a, ul#gallery li a:link, ul#gallery li a:visited, ul#gallery li a:hover {
			background: none;
			}
		ul#gallery li a img, ul#gallery li a:link img {
			border: 2px solid #363636;
			}
		ul#gallery li a:hover img, ul#gallery li a:active img {
			border-color: #ccc;
			}
		ul#gallery li a .play {
			background: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/play-icon.png) no-repeat left top;
			display: block;
			width: 125px;
			height: 70px;
			top: 1px;
			left: 1px;
			overflow: hidden;
			position: absolute;
			text-indent: -99999px;
			}
		ul#gallery li a:active .play, ul#gallery li a:hover .play {
			background-position: 0 -1px;
			}

/* Footer */
#footer {
	color: #fff;
	}
	#footer #nameplate {
		background-color: #000;
		width: 150px;
		height: 123px;
		padding: 10px 15px;
		margin: 15px 0 0 760px;
		}
	#footer #nameplate h2 {
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.09em;
		word-spacing: .15em;
		}
	#footer #nameplate h3 {
		font-size: 1.1em;
		}
	#footer #nameplate p {
		font-size: 1em;
		}
	#footer #nameplate h3, #footer #nameplate p {
		margin-bottom: 8px;
		}

/* Shadowbox Overlay */
#sb-wrapper-hack {
	background-color: #000 !important;
	padding: 10px 20px !important;
	border: 2px solid #999 !important;
	}
#sb-body {
	}
#sb-body-inner {
	}
#sb-title {
	height: auto !important;
	margin-bottom: 10px !important;
	}
#sb-title-inner {
	height: auto !important;
	}
#sb-title-inner, #sb-info-inner {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 1.1em !important;
	}

/* Temp */
/*#header {
	background-color: #E9F8ED;
	}
#content-a,
#content-b {
	background-color: #EAEAFF;
	}
#footer {
	background-color: #FFFFEA;
	}*/
	

/* IE Hacks
Move to different stylesheet; use conditional statement
Change all PNGs to GIFs ??? */
* html body { /* IE6: resize bug */
	position: relative;
	}
* html body#home-site {
		background-image: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/body_bkgrnd_home.gif);
		}
*:first-child+html body { /* IE7: resize bug */
	position: relative;
	}
* html .no-sidebar #content-a {
	padding-right: 0; /* IE6: margin/padding issues */
	}
* html #content-b {
	/*width: 590px;*/ /* IE6: margin/padding issues */
	/*position: relative;*/ /* IE: needed for overflow:auto */
	}
* html ul#site-nav li, * html ul#section-nav li { /* IE6: margin/padding issues */
	margin-top: 8px;
	height: 20px;
	}
* html ul#site-nav li a, * html ul#section-nav li a { /* IE6: margin/padding issues */
	height: 20px;
	padding-top: 10px;
	}
/* IE7 still has margin/padding issues here */

* html ul#site-nav li.selected a.first, * html ul#section-nav li.selected a.first { /* IE6: inheritance issue on a.first selectors */
	color: #000;
	background-color: #FEF5F5;
	}
* html ul#site-nav li.selected a:hover, ul#section-nav li.selected a:hover { /* IE6: inheritance issue on a.selected selectors */
	background-color: #fff;
	}
* html ul#site-nav li.selected a:visited, ul#section-nav li.selected a:visited { /* IE6: inheritance issue on a.selected selectors */
	color: #000;
	}
* html ul#section-nav:hover, *:first-child+html ul#section-nav:hover { /* IE6-7: margin/padding issues */
	padding-bottom: 10px;
	}
* html #content-a .jScrollPaneTrack { /* IE6: right-align with container div */
	right: -1px !important;;
	}
* html #content-a .jScrollPaneDrag, * html #content-b .jScrollPaneDrag {
	background: #000 none !important;
	}
* html #content-a .jScrollPaneDragTop, * html #content-b .jScrollPaneDragTop,
* html #content-a .jScrollPaneDragBottom, * html #content-b .jScrollPaneDragBottom {
	background: #fff none !important;
	}
/* * html input[type=text], * html input.text, * html input.title, * html textarea, * html select { padding-top:6px; }*/ /* IE6: margin/padding issues */
* html input, * html select { padding:6px 6px 0; } /* IE6: margin/padding issues */
* html textarea { padding:6px 6px 3px; } /* IE6: margin/padding issues */
* form#search-form li {
	}
* html #search { /* IE6: positioning issues */
	height: 25px;
	padding-top: 5px;
	}
* html #search-submit { /* IE6: positioning issues */
	float: none;
	right: 0;
	padding-top: 5px;
	}
*:first-child+html #search-submit { /* IE7: positioning issues */
	float: none;
	}
* html #content-inner-a ul.blog-sidebar-subscribe li a {
	background-image: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/social-media-icons.gif);
	}
* html ul#gallery li a .play {
	background-image: url(http://brooklyninteriors.com/assets/content/bklyninteriors/images/play-icon.gif);
	cursor: pointer;
	}
* html div.ginput_container input.medium {
	height: 20px;
	width: 300px;
	}