/*
Theme Name: Brain Traffic Custom Theme
Theme URI: 
Description: A custom Wordpress theme created through the work of Mule Design and Arrowplane
Version: 1.0
Author: Arrowplane
Author URI: http://arrowplane.net
*/

@import url("reset-fonts.css");

/* diagnostics */

/*
div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted blue;}
*/

/*img[alt=""] {border: 3px dotted red;}*/
/*img:not([alt]) {border: 5px solid red;}*/
/*img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}*/

/*
table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}
*/

/*a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}*/
/*a[href="#"] {background: lime;}*/
/*a[href=""] {background: fuchsia;}*/

#overlay {  position:absolute;top:9px;left:0;width:968px;height:1200px; }
.portfolio #overlay img { display:block;margin-left:-15px;opacity:0.4; }

/* #efebd5*/

html { background:#ebe0c9 url(/wp-content/themes/brain-traffic/images/bg-body.jpg) 0 0 repeat-x;}

a { color:#00aeef;text-decoration:none;outline:none; }
a:hover { text-decoration:underline; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; }

ul
{
	margin-bottom:10px;	
}
.devnotes { color:#f00;background:#fcc; }

h4 { font-size:108%; }

.post blockquote
{
	margin-left:40px;
}

.post ol { margin-bottom:10px; }
.post ol li { list-style-type:decimal;margin:0 0 8px 26px;line-height:1.4em; }

.post ul { margin-bottom:10px; }
.post ul li { list-style:disc;margin-left:14px;line-height:1.4em; }

p { margin-bottom:8px; }

select { padding:.1em; }
option { margin-bottom:.3em; }
textarea { padding:3px; }
fieldset.buttons { text-align:right; }
input.text,
input.long-text,
input.validate-email { padding:2px 4px; }
input.long-text { width:275px; }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
strong em, 
em strong,
b i,
i b { font-weight:bold;font-style:italic; }

/* [doc] #skip is a link at the very top of the page that will allow a user using a non-CSS browser to jump to the content, skipping menus, banners, etc. */
#skip { display:none; }

/*-- UTILITY CLASSES --*/

/* [doc] .clearfix is a special class that allows any given block element to contain floated elements within it */
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
/* [doc] .hmenu turns an unordered list into an horizontal menu by displaying the list items inline and putting a border between them. The first list item must be given a class of "first" because IE doesn't support the :first-child pseudo-selector. */
.hmenu { 
	list-style: none;
	margin: 0 0 1px 0;
	padding: 0;
	line-height:1;
}
	.hmenu li {
		display: inline;
		border-left: 1px solid #666;
		margin: 0;
		padding: 0 6px 0 8px;
		line-height:1;
		list-style:none;
	}
	.hmenu li.first {
		padding-left:0;
		border-left:0;
	}
	
/* [doc] .fmenu turns an unordered list into an horizontal menu by floating the list items. */
.fmenu { 
	float:left;
	margin:0;
	list-style:none;
	padding:0;
	line-height:1;
}
	.fmenu li {
		float:left;
		width:auto;
		margin:0;
		list-style:none;
		line-height:1;
		padding:0;
	}
	.fmenu a {
		display:block;
		float:left;
		width:auto;		
	}

#container { width:968px;margin:0 auto; }

#banner { height:80px;padding:34px 0 16px; }

#logo a { display:block;width:256px;height:41px;text-indent:-8000px;background:url(/wp-content/themes/brain-traffic/images/banner-logo.gif) 0 0 no-repeat;float:left;outline:none;margin:20px 0 0 4px; }
#banner ul { float:left;width:550px;margin-left:148px;margin-top:26px; }
#banner li { height:42px;text-indent:-8000px;padding-left:50px; }
#banner li a { outline:none; }
#banner #nav-services { width:68px; }
#banner #nav-services a { width:68px;background:url(/wp-content/themes/brain-traffic/images/nav-services.gif) 0 0 no-repeat; }
#banner #nav-company { width:70px; }
#banner #nav-company a { width:70px;background:url(/wp-content/themes/brain-traffic/images/nav-company.gif) 0 0 no-repeat; }
#banner #nav-blog { width:35px; }
#banner #nav-blog a { width:35px;background:url(/wp-content/themes/brain-traffic/images/nav-blog.gif) 0 0 no-repeat; }
#banner #nav-clients { width:57px; }
#banner #nav-clients a { width:57px;background:url(/wp-content/themes/brain-traffic/images/nav-clients.gif) 0 0 no-repeat; }
#banner #nav-contact { width:64px; }
#banner #nav-contact a { width:64px;background:url(/wp-content/themes/brain-traffic/images/nav-contact.gif) 0 0 no-repeat; }

#banner #nav-services a:hover,#banner #nav-clients a:hover,#banner #nav-our-people a:hover, #banner #nav-our-leader a:hover, #banner #nav-company a:hover,
#banner #nav-blog a:hover,#banner #nav-contact a:hover { background-position:0 -14px; }

#banner #nav-services a.active,#banner #nav-clients a.active,#banner #nav-our-people a.active, #banner #nav-our-leader a.active, #banner #nav-company a.active, 
#banner #nav-blog a.active,#banner #nav-contact a.active { background-position:0 -28px; }

#secondary-nav li, ul.logout li { list-style-type:none;margin-left:0;margin-bottom:18px;line-height:0; }
#secondary-nav a, ul.logout li a { width:180px;text-indent:-8000px;outline:none;display:block;height:11px; }

#nav-content-strategy a { background:url(/wp-content/themes/brain-traffic/images/nav-content-strategy.gif) 0 0 no-repeat; }
#nav-information-architecture a { background:url(/wp-content/themes/brain-traffic/images/nav-information-architecture.png) 0 0 no-repeat; }
#nav-writing-for-the-web a { background:url(/wp-content/themes/brain-traffic/images/nav-writing-for-the-web.png) 0 0 no-repeat; }
#nav-training a { background:url(/wp-content/themes/brain-traffic/images/nav-training.gif) 0 0 no-repeat; }


#subnav-audit-assess a { background:url(/wp-content/themes/brain-traffic/images/subnav-audit-assess.gif) 0 0 no-repeat; }
#subnav-strat-integ a { background:url(/wp-content/themes/brain-traffic/images/subnav-strategy-integration.gif) 0 0 no-repeat; }
#subnav-gov-guide a { background:url(/wp-content/themes/brain-traffic/images/subnav-gov-guide.gif) 0 0 no-repeat; }
#subnav-editor-support a { background:url(/wp-content/themes/brain-traffic/images/subnnav-editor-support.gif) 0 0 no-repeat; height:27px; }


#nav-content a { background:url(/wp-content/themes/brain-traffic/images/nav-content.gif) 0 0 no-repeat; }
#nav-clients a { background:url(/wp-content/themes/brain-traffic/images/nav-clients.gif) 0 0 no-repeat; }
#nav-people a { background:url(/wp-content/themes/brain-traffic/images/nav-people.gif) 0 0 no-repeat; }
#nav-projects a { background:url(/wp-content/themes/brain-traffic/images/nav-projects.gif) 0 0 no-repeat; }
#nav-blog a { background:url(/wp-content/themes/brain-traffic/images/nav-blog.gif) 0 0 no-repeat; }
#nav-events a { background:url(/wp-content/themes/brain-traffic/images/nav-events.gif) 0 0 no-repeat; }
#nav-jobs a { background:url(/wp-content/themes/brain-traffic/images/nav-jobs.gif) 0 0 no-repeat; }
#nav-logout a { background:url(/wp-content/themes/brain-traffic/images/nav-logout.gif) 0 0 no-repeat; }

#nav-client-list a { background:url(/wp-content/themes/brain-traffic/images/nav-client-list.gif) 0 0 no-repeat; }
#nav-people-say a { background:url(/wp-content/themes/brain-traffic/images/nav-what-people-say.gif) 0 0 no-repeat; }
#nav-archives a { background:url(/wp-content/themes/brain-traffic/images/nav-archives.gif) 0 0 no-repeat; }
#nav-work-with-us a { background:url(/wp-content/themes/brain-traffic/images/nav-work-with-us.gif) 0 0 no-repeat; }

#subnav-audit-assess a:hover, #subnav-audit-assess a:active,
#subnav-strat-integ a:hover, #subnav-strat-integ a:active,
#subnav-gov-guide a:hover, #subnav-gov-guide a:active,

#nav-content-strategy a:hover, #nav-information-architecture a:hover,
#nav-writing-for-the-web a:hover, #nav-training a:hover, #nav-content a:hover,
#nav-clients a:hover, #nav-people a:hover, #nav-projects a:hover, #nav-blog a:hover, #nav-events a:hover, #nav-jobs a:hover, #nav-logout a:hover,
#nav-client-list a:hover, #nav-people-say a:hover, #nav-archives a:hover, #nav-work-with-us a:hover { background-position: 0 -11px; }


#subnav-audit-assess a.active, #subnav-strat-integ a.active,
#subnav-gov-guide a.active,

#nav-content-strategy a.active, #nav-information-architecture a.active,
#nav-writing-for-the-web a.active, #nav-training a.active, #nav-clients a.active, #nav-events a.active, #nav-jobs a.active,
#nav-content a.active, #nav-people a.active, #nav-projects a.active, 
#nav-client-list a.active, #nav-people-say a.active, #nav-archives a.active, #nav-work-with-us a.active { background-position: 0 -22px; }

#subnav-editor-support a:hover { background-position: 0 -27px; }
#subnav-editor-support a.active { background-position: 0 -54px; }


#content { background: url(/wp-content/themes/brain-traffic/images/bg-content-rpt.png) 0 0 repeat-y;padding: 0 22px 0 35px;position:relative; }
#content-top { background: url(/wp-content/themes/brain-traffic/images/bg-content-top.png) 0 0 no-repeat;width:968px;height:240px;position:absolute;top:0;left:0; }
#content-inner { position:relative;min-height:670px; }

.intro { font-size:123.1%;margin-bottom:14px; }


/* set some baseline sizes for the primary containers */

#left { float:left;width:170px;margin-top:70px; padding-bottom:30px; }
#main { float:left;width:450px;margin-left:40px;padding:48px 0 100px;line-height:1.4; }
#right { float:right;width:195px;margin-top:70px; }


.home #tagline { width:489px;height:88px;background:url(/wp-content/themes/brain-traffic/images/tagline.png) 0 0 no-repeat;text-indent:-8000px;margin-bottom:16px; }
.home #main { width:600px;margin:60px 0 0 66px;padding-bottom:60px; }
.home #main .intro { margin-right:20px; }
.home #right { width:205px;padding: 120px 0 0 0;margin: 60px 20px 0 0;background:#fff url(/wp-content/themes/brain-traffic/images/bg-general-divider.png) top left no-repeat; }/*float:right;*/
.home #secondary-nav { background:#fff url(/wp-content/themes/brain-traffic/images/bg-general-divider.png) bottom left no-repeat;padding:0 0 90px 35px;margin-bottom:0; }
#home-subcols { background:#fff url(/wp-content/themes/brain-traffic/images/bg-home-subcols.png) top center no-repeat;padding:50px 0 0;margin-top:60px; }
#home-subcols .inner { background:#fff url(/wp-content/themes/brain-traffic/images/bg-home-subcols.png) bottom center no-repeat;padding-bottom:40px; }
.home-subcol { width:165px;float:left; }
.home-subcol h3 { font-weight:normal;font-size:123.1%;margin-bottom:8px; }
#home-appearing { margin:0 52px;}

#content-inner h1 { color:#7e3b0a;font-size:300%;font-weight:normal;margin-bottom:20px;line-height:1.1; }
#content-inner h2 { font-family:Arial,sans-serif;font-size:93%;text-transform:uppercase;color:#d26628;padding-top:8px; }
#left h2, #right h2 { margin-bottom:6px; }
h2.pagetitle
{
	padding-bottom:20px;	
}

#hiring-blurb { padding: 60px 0 0 0;margin: 60px 20px 0 0;background: url(/wp-content/themes/brain-traffic/images/bg-general-divider.png) top left no-repeat;line-height:1.4;color:#666666; }
#hiring-blurb .inner { background:#fff url(/wp-content/themes/brain-traffic/images/bg-general-divider.png) bottom left no-repeat;padding:0 0 60px 20px;margin-bottom:0; }
#hiring-blurb h2 { font-family:Arial,sans-serif;font-size:93%;text-transform:uppercase;color:#d26628;padding-top:8px; }

.post h2
{
	padding:0 0 10px 0;
}	
.post-header
{
	padding:0 0 10px 0;
}
.people-group { margin-bottom:10px; }
.people-group h2 { margin: 0 0 12px 100px; }

.person { padding-bottom:20px; }
.person img { display:block;float:left;width:70px;padding-top:5px; }
.person p { padding-left:100px;margin-bottom:0; }

.person-name { font-size:123.1%; }
.person-title { font-style:italic;color:#666666; }

.people #left { display:none; }
.people #main { width:550px;margin-left:105px; }
.people #right { position:absolute;bottom:30px;right:0;float:none; }
.people h1,
.people .intro { margin-left:100px;}

.service #main { padding:30px 0 100px;  }
.service #right { position:absolute;bottom:30px;right:0;float:none; }

.blog #left { margin-top:90px; }
.blog #right { margin-top:90px; }

.blog-nav li { list-style-type:none;margin-left:0;margin-bottom:8px; }
.blog-links { margin-bottom:20px; }
.blog-links li { list-style-image:url(/wp-content/themes/brain-traffic/images/blt-arrow.png);margin: 0 0 8px 20px; color:#666; }


.blog-links-parent { margin-bottom:40px; }
.blog-links-parent li { list-style:none; margin:0; }
.blog-links-parent li ul li { list-style-image:url(/wp-content/themes/brain-traffic/images/blt-arrow.png);margin: 0 0 8px 20px }


.blog .post { margin-bottom:40px; }

.blog #content-inner .post h2 { font-family:Georgia,serif;font-size:123.1%;text-transform:none; }
.blog #content-inner .post h2 a, .blog #content-inner .post h3 a { color:#7e3b0a; }

.blog-author { font-style:italic;color:#666666;float:left;width:300px; }
.blog-share { float:right;width:100px;text-align:right; }
.blog-share a { background:url(/wp-content/themes/brain-traffic/images/icn-share-this.png) 0 0 no-repeat; padding:2px 0 2px 22px;}
.blog-comment-count { text-align:right; }
a.dsq-comment-count { background:url(/wp-content/themes/brain-traffic/images/icn-comment-bubble.png) 0 3px no-repeat;padding-left:16px; }

.blog .previous { float:left;width:200px; }
.blog .next { float:right;width:200px;text-align:right; }

.portfolio #left { display:none; }
.portfolio #main { padding:30px 0 100px;width:460px;float:left;line-height:1.4;margin-left:0; }
.portfolio #right { width:434px;float:right;margin-top:0; }
.portfolio img.client-logo { display:block;float:right;width:80px; }
.portfolio .crumbs { margin-bottom:12px; }
.portfolio-link { font-size:123.1%;padding-top:30px; }

#samples { background:#faf9f5 url(/wp-content/themes/brain-traffic/images/bg-samples-btm.png) bottom left no-repeat;padding:0 0 10px 0; }
#samples-inner { background:#faf9f5 url(/wp-content/themes/brain-traffic/images/bg-samples-top.png) top left no-repeat;padding:26px 23px 0; }
#samples h2 { color:#e7e0bd;float:left;width:150px;padding:0 0 20px 0; }

#samples-nav { color:#e7e0bd;float:right;width:100px;font-family:Arial,sans-serif;font-size:93%;text-transform:uppercase;font-weight:bold; }
#samples-nav img { display:block;float:left;width:6px; }
#sample-nav-prev { margin-right:12px; }
#sample-nav-next { margin-left:12px; }
#samples span { display:block;float:left;width:auto; }

.writing-sample { display:none;font-size:174%;color:#7e3b0a;clear:both; }
.active-sample { display:block; }
.screenshot { color:#666;padding:50px 0 16px; }
.screenshot img { display:block;float:left;width:120px;margin: 0 10px 5px 0; }
/*.screenshot p { float:right;width:256px; }*/


#who { float:left;width:190px;background:url(/wp-content/themes/brain-traffic/images/fade-border.png) bottom left no-repeat;margin-left:12px;padding: 30px 0 80px 16px; }
#who li { list-style:none;margin-left:0;clear:both; }
#who li img { display:block;float:left;width:33px;margin-right:10px; }
#who li p { float:left;width:auto;}
#who h2 { padding: 0 0 10px 0; }

#client-quote { float:left;width:190px;padding: 30px 0 0 0; }
#client-quote .inner { padding:0 0 60px 20px; }
#client-quote blockquote { background:url(/wp-content/themes/brain-traffic/images/bg-blockquote-open.png) top left no-repeat;padding:6px 0 0 12px; }
#client-quote blockquote p { background:url(/wp-content/themes/brain-traffic/images/bg-blockquote-close.png) bottom right no-repeat;color:#666;padding:0 0 3px 0; }
#client-quote h2 { padding: 0 0 10px 12px; }
#client-quote .attribution { color:#333;float:right;width:auto;padding-left:1.1em;text-indent:-1.1em; }

.portfolio #client-quote { background:url(/wp-content/themes/brain-traffic/images/fade-border.png) bottom left no-repeat; }

.service #client-quote { background: url(/wp-content/themes/brain-traffic/images/bg-general-divider.png) top left no-repeat;line-height:1.4;color:#666666;padding-top:60px; }
.service #client-quote .inner { background:#fff url(/wp-content/themes/brain-traffic/images/bg-general-divider.png) bottom left no-repeat;margin-bottom:0; }
.quote-study-link { clear:both;padding-left:12px; }


#other-studies { float:right;margin-top:-36px;position:relative;margin-right:20px;background:#d26628 url(/wp-content/themes/brain-traffic/images/bg-other-studies.jpg) bottom left repeat-x;padding: 16px 20px 20px;width:390px;color:#def1fe; }
#other-studies h2 { color:#fff;margin-bottom:8px; }
#other-studies a { color:#def1fe;font-size:123.1%; }
#other-studies li { margin:0 0 10px 20px;}

#footer { padding:30px 0 50px 35px; }
#footer-logo a { display:block;width:162px;height:25px;text-indent:-8000px;background:url(/wp-content/themes/brain-traffic/images/footer-logo.png) 0 0 no-repeat;outline:none;margin-bottom:16px; }
#footer-tag { font-size:123.1%;margin-bottom:22px; }
#footer .hmenu { margin-bottom:10px; }


/* -----------------------------------------
			subscribe
-------------------------------------------*/
#sidebar
{
	padding:0 0 20px 0;
}	
#subscribe
{
	padding:0 0 20px 0;
}	
#subscribe p
{
	color:#666;
}
.subscribeError
{
	padding:0 0 10px 0;
	color:#ce6427;
}	
#subscribeConfirm
{
	padding:0 0 20px 0;
	color:#ce6427;
}	
#subscribeBox
{
	float:left;
	margin:0;
	padding:0 10px 0 0;	
	width:120px;	
}
#subscribeBox input, #subscribeNameBox input
{
	color:#999;
	width:120px;
	margin-bottom:5px;
}
#subscribeBtn
{
	float:left;	
	width:15px;
	padding:5px 0 0 0;
}	
#subscribeBtn a
{
	background: transparent url(/wp-content/themes/brain-traffic/images/btn-go.gif) 0 0 no-repeat;
	height:11px;
	width:15px;
	display:block;
	text-indent:-9999px;
}	
#subscribeBtn a:link, #subscribeBtn a:visited
{
	background-position:0 0;
}	
#subscribeBtn a:active, #subscribeBtn a:hover
{
	background-position:0 -23px;
}		
.homeSubscribe
{
	padding:23px 0 40px 35px;	
}	
.postmetadata
{
	font-size:11px; 
	color:#666;
	padding:20px 0 0 0;
}
.post #sharethis_0, .post #sharethis_1, .post #sharethis_2, .post #sharethis_3, .post #sharethis_4, .post #sharethis_5, 
.post #sharethis_6, .post #sharethis_7, .post #sharethis_8, .post #sharethis_9, .post #sharethis_10
{
	float:right;
	padding-left:20px;
}
.entry #sharethis_0, .entry #sharethis_1, .entry #sharethis_2, .entry #sharethis_3, .entry #sharethis_4, .entry #sharethis_5, 
.entry #sharethis_6, .entry #sharethis_7, .entry #sharethis_8, .entry #sharethis_9, .entry #sharethis_10
{
	display:block;
	float:none;
	padding:20px 0 0 0;
}
#search-section
{
	padding-bottom:20px;
}
form#searchform label.screen-reader-text
{ font-weight:bold; font-family:Arial,sans-serif;font-size:93%;text-transform:uppercase;color:#d26628;padding-top:8px; }