/*
Theme Name: Blondes vs. Brunettes
Theme URI: http://www.blondesvsbrunettes.com
Description: Custom layout for Blondes vs. Brunettes
Author: New Spin Design
Author URI:
Version: 1.0
*/


/*----------------------------------- BROWSER RESETS ------------------------------------*/
@import url("reset.css");

* html #containertop {behavior: url(iepngfix.htc);}

.bug {border: 1px solid white;}

*{margin:0;padding:0}
html,body{height:100%}
body{position:absolute;width:100%}/*opera 9.5 fix*/

.clearfix { clear: both }

/*----------------------------------- BODY ------------------------------------*/
body {
	cursor: default;
	background: #8bccf5 url(images/bodybg.png) repeat-x;
	font: 62.5%/2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	}

.clear {clear: both; display: block;}
hr {display: none;}
strong {font-weight: bold;}

a, a:visited {color: #0f669c; text-decoration: none; border-bottom: 1px solid #0f669c;}
a:hover {color: #9e0039; text-decoration: none; border-bottom: 1px solid #b51a62;}

a img,
dt.gallery-icon a,
div#lightbox-nav a,
a#lightbox-secNav-btnClose,
a#lightbox-loading-link,
a#lbCloseLink {
	border: none;
	}

p {font-size: 1.2em; padding: 0 0 10px 0;}

h2 {
	color: #b51a62;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin: 0;
	}

h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	margin: 0;
	}

div.sub-content ul li {
	background:url(images/bluebullet.png) 1px 1px no-repeat;
	color: #6d6d6d;
	font-size: 12px;
	margin: 5px 0 15px 20px;
	line-height: .8em;
	padding: 0 0 0 15px;
	}

div.sub-content blockquote {
	margin: 0 0 0 20px;
	}

ul#commentlist li {
	background: none;
	color: #464646;
	font-size: 10px;
	margin: 5px 0 10px 0;
	padding: 0;
	}
	ul#commentlist li p span {font-weight: bold; padding: 0; margin: 0;}
	ul#commentlist li p {display: block; font-size: 10px; padding: 0; margin: 0;}
	ul#commentlist li div {display: block; margin: 10px 0 20px 0;}
	ul#commentlist li div p {
		font-size: 11px;
		margin: 0 0 0 20px;
		font-weight: normal;
		}
	

/*----------------------------------- MAIN LAYOUT ------------------------------------*/

#content, .subpage-container {
	width: 530px;
	background: #fff;
	padding: 20px;
	margin: 30px 0 0 290px;
	border: 3px solid #dbf4f4;
}
#main-container {
	background:url(images/footer-goal2.png) bottom left no-repeat;
	width: 980px;
	overflow: hidden;
	margin: auto;
	min-height: 100%;
	margin-top: -100px;/*sticky footer height*/
	}
	* html #main-container {height:100%; overflow: visible; background: none;}
	div.sub-heading {
		background:url(images/subbghead.png) top left no-repeat;
		float: left;
		margin: 25px 0 0 0;
		padding: 20px 20px 0px 20px;
		width: 670px;
		}
	* html div.sub-heading {
		background:url(images/subbghead.gif) top left no-repeat;
	}
	div.sub-heading-2 {
		background:url(images/subbghead.png) top left no-repeat;
		float: left;
		margin: 25px 0 0 0;
		padding: 8px 20px 0px 20px;
		width: 670px;
		}
		* html 	div.sub-heading-2 {
			background:url(images/subbghead.gif) top left no-repeat;
		}
		div.sub-heading h2 {padding: 0; margin: 0;}
		div.sub-heading-2 h2 {padding: 0; margin: 10px 0 0 0;}
	div.sub-content {
		background:url(images/subbg.png) top left repeat-y;
		float: left;
		margin: 0;
		padding: 0px 20px 10px 20px;
		width: 670px;
		}
		* html 	div.sub-content {
			background:url(images/subbg.gif) top left repeat-y;
		}
	div.sub-bottom {
		background:url(images/subbgbot.png) bottom left repeat-y;
		float: right;
		height: 10px;
		margin: 0 15px 0 0;
		padding: 0px 20px;
		width: 670px;
		}
		* html div.sub-bottom {
			background:url(images/subbgbot.gif) bottom left repeat-y;
			margin-right: 8px;
		}
#header {
	border-top: 100px solid #fff;/* soak up negative footer margin*/
	background: none;
	display: block;
	height: 140px;
	position: relative;
	}
h1.logo {
	float: left;
	background: url(images/BvBlogo.png) no-repeat;
	width: 259px;
	height: 149px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	display: inline;
	}
	* html h1.logo {
		background: url(images/BvBlogo.gif) no-repeat;
	}
div.title {
	float: left;
	background: url(images/BvBtitle.png) no-repeat;
	width: 461px;
	height: 110px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	display: inline;
	margin-left: -15px;
	}
	* html div.title {
	background: url(images/BvBtitle.gif) no-repeat;
	}
	div.title h2 {
		text-indent: -9999px;
		}
div#scrbrd {
	background: url(images/scrbrd-cloud.png) no-repeat;
	text-align: center;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 163px;
	width: 281px;
	}
	* html div#scrbrd {
	background: url(images/scrbrd-cloud.gif) no-repeat;
	}
	/*div#scrbrd span.donations {
		color: #000;
		font-size: 30px;
		position: absolute;
		top: 55px;
		left: 0px;
		}
	div#scrbrd span.days {
		color: #000;
		font-size: 22px;
		position: absolute;
		top: 97px;
		left: 67px;
		}
	div#scrbrd span.sifr {
		color: #000;
		}*/
	div#scrbrd div.btn {
		background: url(images/btn-donation.png) no-repeat;
		background-position: 0px 0px;
		height: 29px;
		width: 132px;
		position: absolute;
		top: 123px;
		left: 67px;
		}
		div#scrbrd div.btn {
			background: url(images/btn-donation.gif) no-repeat;
		}
		div#scrbrd div.btn:hover {
			background-position: 0px -31px;
			}
		div#scrbrd div.btn a {display: block; width: 100%; height: 100%; border: none; text-indent: -9999em;}
div.mainNav {
	clear: both;
	float: left;
	width: 255px;
	}
	div.mainNav ul#tabbar {
		margin: 30px 0 0 45px;
		}
		div.mainNav ul#tabbar li.tab a, div.mainNav ul#tabbar li.tabselected a {
			border: none;
			color: #0f669c;
			text-decoration: none;
			}
		div.mainNav ul#tabbar li.tab {
			font-size: 18px;
			height: 30px;
			line-height: .5em;
			padding: 5px 0 0 5px;
			margin: 0;
			}
			div.mainNav ul#tabbar li.tabselected { /* selected item in main nav */
				font-size: 18px;
				line-height: .5em;
				height: 30px;
				padding: 5px 0 0 5px;
				margin: 0;
				color: #9e0039;
				}
div.slideshow-container {
	background:url(images/slideshowbg.png) top left no-repeat;
	float: left;
	height: 281px;
	margin: 0 0 0 35px;
	overflow: hidden;
	width: 416px;
	padding: 6px 0 0 6px;
	}
* html div.slideshow-container {
	margin-left: 16px;
	background:url(images/slideshowbg.gif) top left no-repeat;
}
div.spotlight {
	background:url(images/spotlightbg.png) bottom left no-repeat;
	float: left;
	height: 245px;
	padding: 40px 0 0 0;
	margin-left: 30px;
	width: 220px;
	}
	div.spotlight div {
		display: block;
		overflow: hidden;
		padding: 0 10px;
		}
	div.spotlight img {
		background: #fff;
		height: 85px;
		padding: 2px;
		width: 85px;
		}
		div.spotlight a img {border: none;}
	div.spotlight div.left img {float: left; margin: 0 10px 0 0;}
	div.spotlight div.right img {float: right;}
	div.spotlight div.left {
		padding: 20px 10px 0 10px;
		}
	div.spotlight div.right {
		padding: 10px 15px 0 10px;
		}
	div.spotlight strong {
		color: #0f669c;
		display: block;
		font-size: 16px;
		}
	div.spotlight span {
		display: block;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		}
div.bottom {
	clear: both;
	overflow: hidden;
	padding: 20px 0 0 0;
	width: 100%;
	}
div.front-intro {
	clear: both;
	float: left;
	padding: 0 0 0 0px;
	margin: 0 0 0 130px;
	width: 370px;
	}
	* html div.front-intro {
		margin-left: 65px;
	}
div.news {
	float: left;
	margin: 0 0 0 30px;
	width: 426px;
	}
	div.news h3 {
		background:url(images/news-top.png) top left no-repeat;
		display: block;
		height: 21px;
		padding: 0;
		margin: 0;
		text-indent: -9999px;
		width: 426px;
		}
		* html div.news h3 {
			background:url(images/news-top.gif) top left no-repeat;
		}
	div.news .newscontent {
		background:url(images/news-bg.png) top left repeat-y;
		padding: 15px 20px 0px 20px;
		}
		* html div.news .newscontent {
			background:url(images/news-bg.gif) top left repeat-y;
		}
	div.news .newsbot {
		background:url(images/news-bot.png) top left no-repeat;
		display: block;
		height: 35px;
		}
		* html div.news .newsbot {
			background:url(images/news-bot.gif) top left no-repeat;
		}
		div.news .newsbot p {
			float: right;
			font-size: 11px;
			padding: 0 15px 0 0;
			}
	div.newsitem {
		clear: both;
		display: block;
		width: 100%;
		}
		div.newsitem h4 {
			color: #0f669c;
			font-size: 14px;
			line-height: 1.2em;
			padding: 0 0 2px 0;
			}
			div.news .newsitem h4 a {border: none;}
		div.newsitem p {
			font-size: 11px;
			line-height: 18px;
			}
		div.newsitem .date {
			background:url(images/datebg.png) top left no-repeat;
			float: left;
			height: 55px;
			margin: 0 10px 0 0;
			padding: 0;
			text-align: center;
			width: 27px;
			}
			div.newsitem .date p.month {
				color: #fff;
				font-size: 9px;
				font-weight: bold;
				line-height: 13px;
				margin: 0; padding: 0;
				text-transform: uppercase;
				}
			div.newsitem .date p.day {
				font-family: Georgia, Times, Times New Roman, serif;
				font-size: 14px;
				line-height: 15px;
				margin: 0; padding: 0;
				}

/*----------------------------------- STICKY FOOTER ------------------------------------*/
#footer {
	background:url(images/footer-grass.png) 50% 100% repeat-x;
	width: 100%;
	margin: auto auto -12px auto;
	height: 100px;/* must match negative margin and header soak up*/
	}
	* html #footer {
		position: relative;
		top: 12px;
		margin-bottom: 0;
		background:url(images/footer-grass.gif) 50% 100% repeat-x;
	}
	#footer p {
		color: #fff;
		font-size: 11px;
		margin: 0;
		padding: 0px 0 0 0;
		text-align: right;
		line-height: 1.9;
		}
#footer .footer-contain {
	margin: 0 auto;
	width: 980px;
	}
#footer .footergoal {
	background:url(images/footer-grass2.png) top left no-repeat;
	float: left;
	height: 100px;
	width: 37px;
	}
 * html #footer .footergoal {
	display: none;
	}
#footer .footertext {
	margin: 0;
	padding: 40px 40px 0 0;
	}
#footer .footer-contain p {
	text-align: right;
	margin: 0;
	padding: 0;
	}
	#footer .footer-contain p.links {
		color: #73b5f1;
		margin: 0 0 15px 0;
		}
	#footer .footer-contain img.fb {
		vertical-align: middle;
		}

/*----------------------------------- PAGE STYLES ------------------------------------*/
	/*----------------------------------- TEAM PAGES ------------------------------------*/
		div.player {
			float: left;
			height: auto;
			margin: 0 5px;
			overflow: hidden;
			text-align: center;
			padding: 0 0 10px 0;
			width: 100px;
			}
			.breakerbreaker { clear: both }
			div.player img.playerpagethumb {
				background: #fff;
				border: 1px solid #ccc;
				height: 128px;
				margin: 0 auto;
				padding: 4px;
				text-align: center;
				width: 85px;
				}
			div.player p {
				text-align: center;
				line-height: 1.4em;
				padding: 0;
				margin: 2px 0 0 0;
				}
			div.player p a {border-bottom: 1px solid;}
			div.player a {border: none;}
		img.spotlight-page { /*photo on individual player pages*/
			background: #fff;
			border: 1px solid #ccc;
			float: left;
			margin: 0 15px 0 0;
			padding: 2px;
			height: auto;
			width: 200px;
			}
		div.gallerypage {
			display: inline;
			float: left;
			text-align: center;
			width: 25%;
			}
			div.gallerypage h3 {text-align: center;}
		img.gallery-thumb {
			background: #fff;
			border: 1px solid #ccc;
			display: block;
			margin: 0 auto;
			padding: 2px;
			height: 85px;
			width: 85px;
			}
	
	/*----------------------------------- OTHER PAGES ------------------------------------*/
	
	h3.home {
		font-size: 16px;
		}

	img.postimage {
		background: #fff;
		padding: 4px;
		border: 1px solid #ccc;
		float: left;
		margin: 5px 15px 0 0;
		}
	
	form.wpcf7-form {
		width: 370px;
		}
	form.wpcf7-form p {
		}
		form.wpcf7-form p span {color: #acacac; font-style: italic;}
		form.wpcf7-form p.formsmall {font-size: 11px; font-style: italic; line-height: 1.4em;}
	form.wpcf7-form input {
		background: #fff !important;
		border: 1px solid #90bad2;
		color: #0f669c;
		font-size: 12px;
		padding: 4px 0px 4px 2px;
		display: inline;
		}
		form.wpcf7-form input#submit {
			background: #b51a62 !important;
			border: 1px solid #920046;
			color: #fff;
			padding: 5px 10px;
			}
			form.wpcf7-form input#submit:hover {cursor: pointer; background: #920046 !important; border: 1px solid #6f002c;}
	form.wpcf7-form select {
		background: #fff !important;
		border: 1px solid #90bad2;
		color: #0f669c;
		padding: 4px 0px 4px 2px;
		}
	form.wpcf7-form textarea {
		border: 1px solid #90bad2;
		color: #0f669c;
		font: 12px normal "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		padding: 4px 0px 4px 2px;
		}
	
	form#commentform {
		width: 330px;
		}
	form#commentform p {display: block; overflow: hidden;}
	form#commentform p label {
		display: inline;
		clear: left;
		float: left;
		}
	form#commentform input#submit {
		background: #b51a62 !important;
		border: 1px solid #920046;
		color: #fff;
		padding: 5px 10px;
		float: left;
		}
		form#commentform input#submit:hover {cursor: pointer; background: #920046 !important; border: 1px solid #6f002c;}
	form#commentform p input {
		background: #fff !important;
		border: 1px solid #90bad2;
		color: #0f669c;
		font-size: 12px;
		padding: 4px 0px 4px 2px;
		display: inline;
		float: right;
		}
	form#commentform textarea {
		background: #fff !important;
		border: 1px solid #90bad2;
		color: #0f669c;
		font: 12px normal "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		padding: 0px;
		margin: 0 0 0 0;
		}
	form#commentform span.req {color: #acacac; font-style: italic;}
	form#commentform input#comment_parent, form#commentform input#comment_post_ID {
		background: none !important;
		border: none !important;
		}
	
	div.sponsor {
		float: left;
		text-align: center;
		margin: 0 10px;
		width: 200px;
		}
		div.sponsor img {
			border: 1px solid #4d9bd5;
			display: block;
			height: auto;
			width: 200px;
			}
		div.sponsor p {font-size: 13px; margin: 5px 0 5px 0; padding: 0; line-height: 1em;}
		div.sponsor p.level {
			font-style: italic;
			font-size: 11px;
			margin: 0; padding: 0;
			}

	/*----------------------------------- PAGE BOTTOM CALLOUTS ------------------------------------*/
	div.callout-contain {
		float: right;
		margin: 20px 0 0 0;
		overflow: hidden;
		width: 724px;
		}
	div.callout-contain div.box {
		float: left;
		margin: 0;
		padding: 0;
		width: 220px;
		}
	div.callout-contain div.news {
		background:url(images/news-bg2.png) bottom left no-repeat;
		height: 150px;
		margin: 0 26px 0 0;
		padding: 0;
		}
		* html div.callout-contain div.news {
			background:url(images/news-bg2.gif) bottom left no-repeat;
		}
		div.callout-contain div.twobox {
			display: block;
			margin: 30px 0 0 0;
			overflow: hidden;
			}
		div.callout-contain div.news div.newsitem {
			margin: 0 0 10px 10px;
			width: 200px;
			overflow: hidden;
			}
			div.callout-contain div.news div.newsitem .date {
				height: 40px;
				}
	div.callout-contain div.daledelkus {
		background:url(images/spotlightbg5.png) bottom left no-repeat;
		height: 150px;
		margin: 0 26px 0 0;
		padding: 0;
		}
		* html div.callout-contain div.daledelkus {
			background:url(images/spotlightbg5.gif) bottom left no-repeat;
		}
		div.callout-contain div.daledelkus div {
			margin: 0;
			}
		div.callout-contain div.daledelkus div p {
			font-size: 11px;
			line-height: 1.2em;
			padding: 0 15px 10px 10px;
			margin: 0;
			}
	div.callout-contain div.varsity {
		background:url(images/spotlightbg4.png) bottom left no-repeat;
		height: 150px;
		margin: 0 26px 0 0;
		padding: 0;
		}
		* html div.callout-contain div.varsity {
			background:url(images/spotlightbg4.gif) bottom left no-repeat;
		}
		div.callout-contain div.varsity div {
			margin: 35px 0 0 0;
			}
		div.callout-contain div.varsity div p {
			font-size: 11px;
			line-height: 1.2em;
			padding: 0 15px 10px 10px;
			margin: 0;
			}
	div.callout-contain div.spotlight {
		background:url(images/spotlightbg2.png) bottom left no-repeat;
		height: 150px;
		margin: 0 26px 0 0;
		padding: 0;
		}
		* html div.callout-contain div.spotlight {
			background:url(images/spotlightbg2.gif) bottom left no-repeat;
		}
		div.callout-contain div.spotlight div {
			display: block;
			margin-top: 35px;
			}
	div.callout-contain div.spotlight img.spotlight-thumb {
		background: #fff;
		float: left;
		height: 85px;
		margin: 0 20px 0 0;
		padding: 2px;
		width: 85px;
		}
		div.callout-contain div.spotlight a img {border: none;}
	div.callout-contain div.spotlight strong {
		color: #0f669c;
		display: block;
		font-size: 16px;
		}
	div.callout-contain div.spotlight span {
		display: block;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		}
	div.callout-contain div.gal {
		background:url(images/spotlightbg3.png) bottom left no-repeat;
		height: 150px;
		margin: 0;
		padding: 0;
		}
		* html div.callout-contain div.gal {
			background:url(images/spotlightbg3.gif) bottom left no-repeat;
		}
		div.callout-contain div.gal div.box-photo {
			float: left;
			margin: 35px 0px 0 10px;
			}
			div.callout-contain div.gal div.box-photo a {border: none;}
			div.callout-contain div.gal div.box-photo img.box-thumb {
				background: #fff;
				border: 1px solid #ccc;
				height: 85px;
				padding: 2px;
				width: 85px;
				}