/*
Theme Name: The Burr Spring 2010
Description: The Burr Spring 2010 theme based off of the default Kubrick theme.
Version: v.5
Author: Steven Hauser
Tags: burr
*/



@import url("_lib/css/base.css");





/* Global ------------------------------------------------------------- */

body {
	background: #737780;
	font-family: "Georgia", "Times New Roman", "Times", serif;
}

h1, h2, h3,
h4, h5, h6 			{ color: #333; }

a:link				{ color: #477a9e; text-decoration: none; }
a:visited			{ color: #365D79; text-decoration: none; }
a:hover 			{ color: #e3672d; }

img					{ border: 1px solid #ccc; }
a:hover img			{ border-color: #768c3f; }

input,
textarea			{ -moz-border-radius: 3px; -webkit-border-radius: 3px; }

input:focus,
textarea:focus		{ border-color: #e3672d; }

input.submit { 
	background: #538db7; 
	color: #FFF; 
	font-size: .9em;
	border: none;
}

input.submit:hover,
input.submit:focus {
	border: none;
	background: #e3672d;
}

p, li, tr,
address, dl,
blockquote, q		{ font-size: 1.3em; }






#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: #fcfcfc;
}











/* Masthead --------------------------------------------------------------- */

#masthead { 
	position: relative; 
	height: 100px;
	background: #fcfcfc;
}


#logo {
	margin: 35px 0 0 15px;
	width: 157px;
	height: 45px;
	float: left;
}

#logo a:link,
#logo a:visited { 
	display: block;
	width: 100%;
	height: 100%;
	background: url("_lib/img/logo.png") top left no-repeat;
	text-indent: -999em;
}

#logo a:hover			{ background-position: bottom left; }

#tagline {
	font-size: 1.5em;
	margin: 50px 20px 15px 50px;
	color: #666;
	float: left;
}

/*
#ad {
	width: 460px;
	height: 75px;
	background: #eee;
	margin: 0 10px 20px 0;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

#ad img {
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
*/






/* Navigation ------------------------------------------------ */

#mainNav {
	font-size: 1em; /* 13 px */
	height: 40px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	z-index: 100;
	margin: 0 auto 10px;
	font-family: "Georgia";
	border: 1px solid #666;
	background: #3c6685;
	width: 926px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.home #mainNav { margin-bottom: 25px; }

#mainNav li {
	list-style: none;
	position: relative;
	height: 40px;
}

#mainNav a {
	text-decoration: none;
	display: block;
	padding: 0 25px;
	line-height: 45px;
	height: 40px;
	max-height: 50px;
	max-width: 200px;
	background: /* url("_lib/img/swatch-stack.png") repeat-x 0 -150px */ #3c6685;
	border-left: 1px solid #335975;
	color: #fff;
	text-shadow: 0 0 15px #768c3f;
}

#mainNav a:hover 				{ color: #fff; background: #477a9e; }

#mainNav > li:first-child a		{ border-left: 0; }

#mainNav > li > a				{ margin-bottom: 15px; }

#mainNav-stories				{ -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; }

.category-stories #mainNav-stories,
.blog #mainNav-blogs,
.category-multimedia #mainNav-multimedia,
.page-template-page-past-issues-php #mainNav-pastIssues,
.page-template-page-may4-php #mainNav-may4,
.page-template-page-chestnut-burr-php #mainNav-chestnutBurr,
.page-template-page-about-php #mainNav-about {
	background: #5b95bd;
	color: #fff;
}

#mainNav > li,
#mainNav > li a					{ float: left; }

.dropdown_icon 					{ position: relative; top: -.1em; }


/* Subnav ----------------------- */
/* Webkit freezes when using pure CSS dropdown,
so I had to go the JS route :( */
/*#mainNav > li a:hover + ul	{ display: block; }
#mainNav > li ul:hover 		{ display: block; }*/

#mainNav li ul {
	display: none;
	position: absolute;
	top: 40px;
	left: -1px;
	width: 17em;
	background: #2e546f;
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,.8);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.8);
}

#mainNav li ul li a {
	width: 14em;
	border-bottom: 1px solid #335975;
	position: relative;
}

/*
#mainNav li ul li a:link		{ background: #477a9e; }
#mainNav li ul li a:hover		{ background: #538db7; }
*/





















/* Home page ------------------------------------------------------------------------------- */

#mainCont-wrap 									{ width: 460px; margin: 0 15px 10px; float: left; }

#mainCont-wrap #mainCont 						{ width: 460px; margin: 0 auto; }

.page-template-page-homepage-php h2 {
	color: #333;
	background: #eee;
	border-bottom: 1px solid #ccc;
	padding: 10px 12px 6px;
	margin: -10px -10px 1.5em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.2em;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}


.page-template-page-homepage-php h2 a:link,
.page-template-page-homepage-php h2 a:visited 	{ color: #fff; }

.page-template-page-homepage-php h3				{ font-size: 1.4em; }

.page-template-page-homepage-php h4				{ font-size: 1.2em; }

.page-template-page-homepage-php p 				{ line-height: 1.3; margin-bottom: 0; }


.page-template-page-homepage-php img {
	/*-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);*/
}

#hp-promo,
#hp-subpromo { 
	display: block;
	width: 920px;
	height: 152px;
	border: none;
	margin: 0 auto 20px;
	padding: 0 !important;
	border: none !important;
}

#hp-promo img,
#hp-subpromo img	{ border: none; }

#hp-subpromo		{ height: 63px; margin-bottom: 50px; }




#blogs h2		{ background-position: 0 0; background-color: #768c3f; color: #fff; }
#feature h2		{ background-position: 0 -250px; background-color: #BA4417; color: #fff; border-color: #B4571D; }
#multimedia h2	{ background-position: 0 -200px; background-color: #5c445f; color: #fff; }
#fact1970 h2	{ background-position: 0 -350px; }

#feature h1 	{ font-size: 2em; margin: .5em 0 .3em; }

#feature img {
	display: block;
	width: 436px;
	height: 298px;
	margin: 0 0 5px;
}





/* This could be traumatic for older browsers */

#mainCont,
#social,
#multi 			{ margin-bottom: 30px; }

.page-template-page-homepage-php #mainCont > div,
.page-template-page-homepage-php #social > div,
.page-template-page-homepage-php #multi > div {
	margin-bottom: 25px;
	border: 1px solid #aaa;
	background: #f6f6f6;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #ccc #aaa #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#blogs img {
	height: inherit;
	float: left;
	margin: 3px 10px 0px 0;
}

.page-template-page-homepage-testing-php #blogs img { width:auto; } /* take this out, only here for testing purposes */

#multi img {
	display: block;
	float: left;
	width: 196px;
	height: inherit;
	margin: 0 10px 8px 0;
}

#archiveWeek	{ position: relative; height: 90px; }
#archiveWeek h2	{ text-indent: 70px; }
#archiveWeek img { 
	margin-right: 20px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	display: block;
	width: 100px;
	height: 100px;
	border: none;
	position: absolute;
	top: 3px;
	left: -20px;
}

#archiveWeek p,
#archiveWeek a		{ margin-left: 70px; }

#affiliates			{ width: 203px; height: 230px; }

#social,
#multi 				{ float: left; width: 220px; }

#social				{ margin-right: 15px; }

#tweets dl			{ line-height: 1.3; }
#tweets dd			{ margin-bottom: .3em; }


#edSugg 			{ width: 440px;	}

#edSugg ul 			{ margin-left: 1.5em; }

#may4-promo 		{ clear: left; position: relative; }

#may4-promo img {
	border: none;
	float: left;
	position: absolute;
	left: -10px;
	top: 42px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#may4-promo p,
#may4-promo .goto	{ margin-left: 70px; }

#facebook			{ width: 203px; height: 230px; float: left; }

#facebook img 		{ width: 200px; height: 75px; margin: 5px 10px 25px 0; }

#facebook .goto		{ margin-left: 110px; }

#fact1970 			{ padding-bottom: 0; }

#affiliates h2,
#edSugg h2,
#fact1970 h2 		{ margin-bottom: .7em; }

#fact1970 p 		{ padding: 0 .2em; font-style: italic; margin-bottom: 0; }

.goto {
	display: inline-block;
	margin-top: 15px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #97b350;
	padding-bottom: 1px;
	color: #477a9e;
}
.goto:visited		{ color: #477a9e; }
.goto:hover			{ color: #e3672d; border-color: #768c3f; }
.goto span			{ color: #97b350; }


#affiliates			{ position: relative; float: left; margin: 0 10px 0 0; }
#affiliates li 		{ list-style: none; }
#affiliates a		{ display: block; background: url("_lib/img/affiliates.png") no-repeat; text-indent: -9999em; position: absolute; }

#kent-wired			{ width: 122px; height: 30px; background-position: -94px -58px !important; top: 50px; right: 15px; }
#bsr				{ width: 68px; height: 97px; background-position: -19px -69px !important; top: 52px; left: 15px; }
#fusion				{ width: 105px; height: 28px; background-position: -108px -140px !important; top: 115px; left: 100px; }
#lunanegra			{ width: 62px; height: 65px; background-position: -137px -199px !important; top: 164px; left: 130px; }
#artemis			{ width: 66px; height: 62px; background-position: -36px -201px !important; top: 165px; left: 30px; }



/* Traumatic browser possibility */
#multimedia div		{ margin-bottom: 25px; }

#multimedia div + div {
	border-bottom: none;
	padding-bottom: 0;
	width: 100%;
	clear: left;
	min-height: 50px;
}


#blogs > div,
#multi > div				{ margin-bottom: 25px; }
/* End traumatic browser possibility */




#blogs div:last-child		{ border-bottom: none; }

#social div:last-child,
#multi div:last-child 		{ margin-bottom: 0; }

#tweets li 					{ margin: 0 0 1.1em 1.5em; }

/* End home page */


#multi .ad {
	height: 400px;
	background: #eee !important;
	padding: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}










/* Categories Pages ------------------------------------ */
/* .special archive is a class tacked onto div#mainCont */

.fullWidth .pagetitle			{ width: 66%; }

#mainCont.fullWidth				{ width: 920px; }

.fullWidth #feature				{ width: 100%; }

.fullWidth #feature img {
	width: 602px;
	height: 400px;
	display: block;
	float: left;
	margin: 0 20px 30px 0;
}

.fullWidth #feature h1,
.fullWidth #feature .entry 		{ margin-left: 623px; width: 293px; }

.fullWidth .post-listing .post { 
	width: 293px;
	float: left;
	margin: 0 20px 30px 0;
	border: none;
	height: 400px;
	overflow: hidden;
}

.fullWidth .post-listing .post img {
	display: block;
	width: 291px;
	height: 218px;
	float: none;
}

.fullWidth .post-listing .post p {
	margin-bottom: 0;
	line-height: 1.2em;
}

#newest img				{ width: 291px; }
#newest h3				{ width: auto; padding-top: 2px; }















/* Single --------------------------------------------------- */

#mainCont {
	margin: 25px 20px 20px 20px;
	width: 555px;
	float: left;
}

.single #mainCont h2 	{ letter-spacing: -1px; margin-bottom: .3em; }

.byLine 				{ color: #999; font-size: 1.3em; }

.entry.intro p			{ font-size: 1.6em; color: #555; line-height: 1.5 !important; }

.entry p 				{ line-height: 1.8em; }

.entry img 				{ max-width: 550px; height: inherit;}

.entry ul,
.entry ol				{ margin-left: 1.8em; }

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { 
	margin: 2em 0 1em; 
	color: #555;
	border-bottom: 1px solid #ddd;
	padding-bottom: .2em;
}

.wp-caption {
	background: #f6f6f6;
	border: 1px solid #eee;
	padding: 15px;
	max-width: 523px;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.wp-caption img							{ display: block; margin-bottom: 10px; }

.single #mainCont .wp-caption p			{ margin-bottom: 0; }



.postmetadata { 
	clear: both; 
	font-size: 1.1em !important;
	line-height: 1.5 !important;
	/* width: 40em; */
	border-top: 1px solid #ddd;
	padding-top: 1em;
	margin-top: 2em;
}


/* Comment List */
h3#comments,
#respond {
	clear: both;
	border-top: 10px solid #eee;
	margin: 20px 0 0;
	padding: 20px 0;
}

.commentlist li { 
	list-style: none;
	margin-bottom: 1em;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 0 0 1em 42px;
}

.commentlist li:last-child			{ border-bottom: none; }

.comment .avatar { 
	position: absolute; 
	width: 32px; 
	height: 32px;
	top: 5px;
	left: 0;
}

.comment-author cite 				{ font-size: 1.5em; font-weight: bold; }

.commentmetadata {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: .8em;
}

.commentmetadata a:link,
.commentmetadata a:visited 			{ color: #999; }
.commentmetadata a:hover 			{ color: #c00; }

#mainCont .commentlist .comment p	{ font-size: 1em; line-height: 1.3em; }



/* Comment Form */
textarea#comment					{ width: 365px; }
#respond h3							{ margin-bottom: 1em; }
#respond #submit					{ margin-left: 180px; }
#respond label						{ float: left; width: 180px; color: #666; }
#respond label span					{ font-size: .8em; font-weight: normal; }












/* Secondary Content */
#secCont {
	float: right;
	width: 310px;
	background: #eee;
	padding: 20px;
	margin: 100px 0 30px;
	/* min-height: 100%; */
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #ddd #ccc #888 #bbb;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#secCont :last-child				{ margin-bottom: 0; }

#secCont .avatar					{ float: left; }

#author-info p						{ margin-left: 60px; }

.box {
	background: #f6f6f6;
	padding: 15px;
	border: 1px solid #ddd;
	border-color: #ddd #ccc #aaa #bbb;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.box h3 							{ font-size: 1.5em; color: #666; }
.box ul								{ margin-left: 1.7em; }
.box :last-child					{ margin-bottom: 0; }



/* Search */
#searchform							{ font-size: 1.2em; }

#searchform label { 
	font-size: 1.2em;
	font-weight: normal;
	color: #666;
	display: inline;
	margin-right: 10px;
}

#s									{ float: left; margin-bottom: 0; width: 16em; }

#searchsubmit 						{ float: right; width: 5em; text-align: center; }

















/* Post listings */

.post-listing .post {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.post-listing .post:last-child			{ margin-bottom: 0; border-bottom: 0; }

.post-listing img {
	width: 128px;
	float: left;
	margin: 0 20px 10px 0;
}

.post-listing .date {
	 position: absolute;
	 font-size: 1em;
	 color: #999;
	 top: 2px;
	 right: 2px;
}

.post-listing .postmetadata {
	margin-bottom: 0;
	color: #999;
	border-top: none;
	padding-top: 0;
}

.navigation 							{ overflow: hidden; }

h2.pagetitle {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	color: #e3672d;
}
















/* About Page ----------------- */

.page-template-page-about-php address {
	margin: 0 20px 0 0;
	width: 130px;
	float: left;
	font-style:  normal;
	line-height: 1.2;
}

.page-template-page-about-php h3 	{ clear: both; }

#staff-listing						{ clear: both; line-height: 1.2; }

#staff-listing td, 
#staff-listing th					{ border: none; padding: 10px 5px; }

#staff-listing th					{ width: 200px; }

#staff-listing tr					{ border-bottom: 1px solid #ddd; }











/* May 4 & Past Issues pages ------------------------------- */
#mainCont.burr-archive p				{ width: 555px; }

#mainCont.burr-archive ul 				{ margin: 0; }

#mainCont.burr-archive li { 
	width: 252px; 
	float: left; 
	margin: 0 30px 30px 0; 
	list-style: none;
}

#mainCont.burr-archive li img			{ display: block; }

#mainCont.burr-archive li:last-child	{ margin-right: 0; }

#mainCont.burr-archive h3				{ clear: both; }

#mainCont.burr-archive .text-listing li { margin-bottom: 0; width: 125px; margin-right: 15px; }

.page-template-page-may4-php #secCont	{ position: absolute; top: 150px; right: 0; }
.page-template-page-may4-php .entry p	{ margin-bottom: 55px; }




.page-template-page-chestnut-burr-php #mainCont		{ width: 920px; }
.page-template-page-chestnut-burr-php p:first-child	{ width: 555px; }
.page-template-page-chestnut-burr-php p				{ max-width: 100%; }









/* Footer Content ------------------------------------------------------------- */

#footer {
	letter-spacing: 1px;
	height: 180px;
	font-size: .833em; /* 10px */
	background: #fcfcfc;
	position: relative;
	width: 960px;
	margin: 0 auto;
	color: #333;
	clear: both;
	border-top: 1px solid #eee;
	padding-top: 20px;
}

#footer ul {
	text-transform: uppercase;
	font-weight: bold;
	overflow: hidden;
	margin: 30px 0 20px 20px;
}

#footer p					{ margin: 30px 135px 20px 20px; float: left; }

#footer a:link,
#footer a:visited 			{ color: #538db7; }

#footer a:hover				{ color: #e3672d; }


#footer li {
	list-style: none;
	width: 220px;
	float: left;
	margin: 0 20px .5em 0; /* 19px offsets the footer border */
}

#footer li:nth-child(4n)	{ margin-right: 0; }

#footer li:last-child 		{ margin-right: 0; }

























/* Utility -------------------------------------------------------------------- */

.alignleft					{ float: left; margin: 0 15px 15px 0; }
.alignright					{ float: right; margin: 0 0 15px 15px; }
.aligncenter				{ margin: 15px auto; }
.clearer					{ clear: both; }

/* .post-edit-link				{ clear: both; padding-top: 50px; display: block; width: 20em; } */









/* IE 6 stuff -------------------------------------------- */
#ie6-flag {
	background: #00aff5;
	color: #ffffff;
	width: 100%;
	height: 200px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10000;
}

#ie6-flag div		{ margin: 100px auto; width: 500px; }
#ie6-flag h1		{ border: none; }
#ie6-flag h3		{ margin: 2em 0 1em; }
#ie6-flag p,
#ie6-flag li		{ font-size: 1.6em; }
#ie6-flag a:link	{ color: #fff; text-decoration: underline; border: none; }
#ie6-flag a:hover	{ color: #fff; text-decoration: none; border: none; }








/* Swatches ---------------------------------------- */	/*

#cdf26d - green
#b6d761
#97b350
#768c3f
#4b5928

#d6ff11	- toxic

#e3672d - orange

#a2490e - rust

#5b95bd - blue
#477a9e
#3c6685
#335975

#5c445f - purple

#7a5830 - brown town							*/