/*
Theme Name: Bratfest
Version: 1.0
Author: Ascedia

*/
/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/*end reset*/
/*golbal styles*/
body {
	color: #333333;
	margin: 0 0 45px 0;
	padding: 0px;
	font: 10px/normal Arial, Helvetica, sans-serif;
	background: #B01D1E url(/images/mainbg2.jpg) no-repeat 50% 0;
}
h1 {
  display: block;
  font:18px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#EE3A43;
}

h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

h3 {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
a, a:active, a:visited {color:#EF3F34}
a:hover {
	color:#C71A10
}
.clear {clear:both;}
strong {font-weight:bold}
#outer { width:100%; background:url(/images/doodads.gif) no-repeat center 0; min-width:1000px}
	#inner { width:100%; /*background:url(/images/topBg.png) repeat-x 0 0*/}
		#headerWrapper {width:100%; background:url(/images/header.jpg) no-repeat 50% 0}
			#header {width:960px; margin:0 auto; position:relative;height:174px}
			#header .homeLink {display:block; width:600px; height:152px}
				#header #mainNav {font-size:1.6em; font-weight:bold; position:absolute; bottom:-15px;left:25px; width:960px; margin:0 auto}
					#header #mainNav ul {list-style:none;}
						#header #mainNav ul li {float:left; margin:0 15px; display:inline}
							#header #mainNav ul li a, #header #mainNav ul li a:active, #header #mainNav ul li a:visited{color:#fff; text-decoration:none}
							#header #mainNav ul li a:hover, #header #mainNav ul li.current_page_item a, #header #mainNav ul li.current_page_parent a {color:#FFDB00}
				#contentWrapper {width:960px; margin:0 auto; background:url(/images/contentShadow.png) repeat-y 50% 0}
					#contentContainer {width:940px; margin:0 auto; padding:12px 0 0 0; background:#fff url(/images/contentBg.jpg) no-repeat 0 0;min-height:700px}
						#contentContainer .locationBar {margin:0px 0 0 0; clear:both; width:100%}
							#contentContainer .locationBar h2 {display:block; font-size:24px; color:#FFD535; letter-spacing:-1px; text-align:center; text-transform:uppercase}
			#footer {width:900px; margin:0 auto;background:url(/images/footer.png) no-repeat 50% 0; padding:30px}
				#footer .links {color:#fff; width:500px; float:left; font-size:1.1em}
					#footer .links li {float:left; padding:0 5px; border-right:solid 1px white}
					#footer .links li.page-item-23 {border-right:none}
					#footer .links a, #footer .links a:active, #footer .links a:visited{color:#fff; text-decoration:none; padding:0 3px}
					#footer .links a:hover{text-decoration:underline}
				#footer .icons {float:right; width:480px; height:40px;}
					#footer .icons a{float:left; width:40px; height:40px; background:url(/images/footerIcons.gif) no-repeat 0 0; display:block; text-indent:-9999px}
						#footer .icons a.diggIcon { background-position: -42px 0}
						#footer .icons a.rssIcon { background-position: -84px 0}
						#footer .icons a.ytIcon { background-position: -122px 0}
						#footer .icons a.flkrIcon { background-position: -164px 0}
						#footer .icons a.twitIcon { background-position: -202px 0}
						#footer .icons a.fbIcon { background-position: -245px 0}
						#footer .icons a.msIcon { background-position: -285px 0}
						#footer .icons a.ascIcon { background-position: -325px 0; width:138px}
.cb {clear:both}
.cl {clear:left}
.fl {float:left}
.fr {float:right}
/*end golbal*/
/*secondary page styles*/
.col_1{width:272px; float:left; display:inline; position:relative; z-index:11}
	.col_1 .bratmanContainer {height:200px}
	.col_1 .quote {position:absolute; right:-110px; top:-20px; z-index:12}
	.col_1 .subNavTop { width:243px; background:url(/images/subNavTop.gif) no-repeat 0 0; position:relative; margin:0 0 0 29px; padding:10px 0 0 0; z-index:12; overflow:visible;}
	.col_1 .subNavWrapper {background:url(/images/subNavTile.gif) repeat-y 0 0; margin:0}
	.col_1 .subNav {background:url(/images/subNavMiddle.gif) no-repeat 0 0; padding:10px 0 0 0; width:243px; min-height:150px}
		.col_1 .subNav ul {margin:0 0 10px 20px;}
			.col_1 .subNav ul li {font-size:1.3em; font-weight:bold; margin-bottom:10px}
				.col_1 .subNav ul li a{color:#333; text-decoration:none}
				.col_1 .subNav ul li a:hover, .col_1 .subNav ul li.current_page_item a, .col_1 .subNav ul li.current_page_ancestor a {text-decoration:underline}
					.col_1 .subNav ul li ul {margin:10px 5px; padding:0; display:none}
					.col_1 .subNav ul li.current_page_item ul, .col_1 .subNav ul li.current_page_ancestor ul, li#archives ul {display:block}
						.col_1 .subNav ul li ul li { font-size:.85em; font-weight:normal; margin-bottom:5px}
							.col_1 .subNav ul li ul li a{ text-decoration:none !important}
								.col_1 .subNav ul li ul li.current_page_item a {text-decoration:underline !important}
		 .col_1 .subNavBottom { height:15px; background:url(/images/subNavBottom.gif) no-repeat 0 0; clear:both}
		 .col_1 .subNavTopNone { width:243px; position:relative; margin:0 0 0 29px; padding:10px 0 0 0; z-index:12; overflow:visible;}
		 .col_1 .subNavBottomNone { width:243px; height:6px; background:#fff url(/images/nosubNavBottom.gif) no-repeat 0 0; clear:both;margin:11px 0 0 29px;padding:0 0 0 0;}
	.col_1 .buttonsContainer{ margin:0px 0 0 6px; background:#fff url(/images/leftColBg.jpg) no-repeat right 0; zoom:1}
		.col_1 .buttonsContainer img { float:left; display:block}
.col_2 {width:668px; float:right; background:#fff; margin-top:-5px;min-height:500px; height:auto !important; height:500px; display:inline; position:relative; z-index:1;}
	.col_2 .mainImg {margin:-15px 0 0 10px; padding:8px 0 0 10px; width:649px; height:221px; background:url(/images/insideMainImgBg.gif) no-repeat 0 0; z-index:2; position:absolute}
	.col_2 .contentDiv { margin:200px 0 0 0; position:relative; z-index:100; padding:20px 30px 20px 20px; font-size:1.2em}
	.col_2 .contentDiv h1{ position:absolute; color:#B01D1E; background-color:#fff; padding:5px 10px; z-index:100; top:-35px; left:40px; font-size:2.2em; text-transform:uppercase}
	.col_2 .contentDiv h1 a, .col_2 .contentDiv h1 a:hover, .col_2 .contentDiv h1 a:active, .col_2 .contentDiv h1 a:visited {color:#B01D1E; text-decoration:none}
	.col_2 .contentDiv h3 {color:#F30; margin-bottom:0px; padding-bottom:0}
	.col_2 .contentDiv ul{margin:10px 20px; list-style:disc}
		.col_2 .contentDiv ul li{margin:3px 0 3px 10px;}
	.col_2 .contentDiv p {margin:0 0 10px 0}
	.col_2 .contentDiv .formTable {border:solid 1px #efefef; margin:0 0 10px 0}
	.col_2 .contentDiv .formTable td {padding:8px;}
	.col_2 .contentDiv .formTable td label {display:block}
	.col_2 .contentDiv .sponsorList {height:450px; overflow:hidden;}
		.col_2 .contentDiv .sponsorList h2{ height:23px; font-size:1.4em; padding:3px 0 0 15px; margin:20px 0 0 0; background:url(/images/sponsorheadingBg.gif) no-repeat 0 0; clear:both}
		.col_2 .contentDiv .sponsorList h3{  width:618px; font-size:12px; font-weight:bold; float:left; color:#000; margin-bottom:15px; display:block;}
		.col_2 .contentDiv .sponsorList ul, .col_2 .contentDiv .sponsorList li{ list-style:none; margin:0; padding:0}
		.col_2 .contentDiv .sponsorList li {float:left; width:180px; height:118px; margin:0 5px 5px 0; text-align:center; vertical-align:middle}
			.col_2 .contentDiv .sponsorList .half{width:290px; float:left}
			.sponsorList {display:block;}
			.sponsorList .third{width:200px; height:258px; float:left; padding-bottom:30px; display:block;}
				.col_2 .contentDiv .sponsorList .half h2{background:url(/images/sponsorheadingBg-sm.gif) no-repeat 0 0;}
				.col_2 .contentDiv .menuTable td { vertical-align:middle; padding-right:5px; height:40px}
				.col_2 .contentDiv .sponsorList.noheight {height:auto}
				
				
				.col_2 .contentDiv .celeblist {}
		.col_2 .contentDiv .celeblist h2{ height:23px; font-size:1.4em; padding:3px 0 0 15px; margin:20px 0 10px 0; background:url(/images/sponsorheadingBg.gif) no-repeat 0 0; clear:both}
		.col_2 .contentDiv .celeblist h3{  width:618px; font-size:12px; font-weight:bold; float:left; color:#000; margin-bottom:15px; display:block;}
		.col_2 .contentDiv .celeblist ul, .col_2 .contentDiv .celeblist li{ list-style:none; margin:0; padding:0}
		.col_2 .contentDiv .celeblist li {float:left; width:180px; height:118px; margin:0 5px 5px 0; text-align:center; vertical-align:middle}
			.col_2 .contentDiv .celeblist .half{width:290px; float:left}
			.celeblist {display:block;}
			.celeblist .third{width:200px; height:258px; float:left; padding-bottom:30px; display:block;}
				.col_2 .contentDiv .celeblist .half h2{background:url(/images/sponsorheadingBg-sm.gif) no-repeat 0 0;}
				.col_2 .contentDiv .menuTable td { vertical-align:middle; padding-right:5px; height:40px}
				.col_2 .contentDiv .celeblist.noheight {height:auto}
				.celebrities .third {height:220px}
				.celebrities a {display:block}
				.celebrities strong {display:block}
/*end secondary page styles*/
/*homepage styles*/
.home {}
.home #contentContainer {background:#fff url(/images/contentBgHome.jpg) no-repeat 0 0;}
	.home .col_1{width:450px; float:left}
		.home .col_1 .bratmanContainer {margin:-11px 0 0 35px; position:relative; height:275px}
		.home .col_1 .bratmanContainer .quote {position:absolute; right:0; top:0px}
			.home .col_1 .bratmanContainer .countdown {position:absolute; right:-20px; bottom:40px; display:none}
		.home .col_1 .buttonsContainer{ height:137px; margin:-10px 0 0 50px; position:relative; background:none}
		.home .col_1 .buttonsContainer img {position:absolute; z-index:5}
			.home .col_1 .buttonsContainer #btn_facebook{}
			.home .col_1 .buttonsContainer #btn_blog{left:130px}
			.home .col_1 .buttonsContainer #btn_gallery{left:260px}
			.home .col_1 .buttonsContainer #btn_mail{top:68px;}
			.home .col_1 .buttonsContainer #btn_yt{top:68px; left:130px}
			.home .col_1 .buttonsContainer #btn_witw{top:68px; left:260px}
		.home .col_1 .twitterFeed { width:396px; height:293px; background:url(/images/homeTwitterBg.gif) no-repeat 0 0; margin:0 0 0 45px}
			.home .col_1 .twitterFeed .twitterLink {margin:20px 0 10px 25px}
			.home .col_1 .twitterFeed .bratfeed { height:170px; overflow:hidden; width:380px}
			.home .col_1 .twitterFeed .bratfeed #twtr-widget-1 {margin-left:20px}
			.home .col_1 .twitterFeed .bratfeed .twtr-hd{display:none} 
	.home .col_2 {width:475px; float:right; background:none}
		.home .col_2 .featuredImg {margin:-15px 0 0 10px;position:relative}
		home .col_2 .featuredImg img { display:block}
		.home .col_2 .live{width:474px; height:226px; background:url(/images/liveatthefest.gif) no-repeat 0 0; margin:10px 0}
			.home .col_2 .live .artistThumb {float:right; width:194px; height:167px; display:inline; margin:13px 38px 0 10px}
			.home .col_2 .live h3 {display:block; width:207px; color:#FFD800; font-size:1.6em; line-height:1em; margin:0 0 5px 15px;padding:50px 0 0 0; text-align:right}
			.home .col_2 .live p { text-align:right; width:207px; margin:0 0 5px 15px; color:#fff}
			.home .col_2 .live #mp3Player {width:207px; height:36px; margin:0 0 0 15px}
			.home .col_2 .live a {color:#fff}
			.home .col_2 .live a:hover {color:#efefef}
		.home .col_2 .sponsorScroller { height:152px; width:415px; margin:-35px 0 15px 15px; background:url(/images/homeSponsors.gif) no-repeat 0 0; position:relative}
			.home .col_2 .sponsorScroller .wrapper ul{top:28px; margin-left:120px}
	.home .worldrecord {clear:both; text-align:center;}
/*end homepage styles*/

/* blog styles */
h2.postDate {
	border-bottom: 1px dotted #C4C4C4;
	font-size: 0.9em;
	font-weight:normal;
	margin: 0 0 2px 0;
	padding-bottom: 2px;
	color:#C4C4C4
}
.post {padding-bottom:10px; margin-bottom:10px; padding:10px; background:url(/images/postBg.jpg) repeat-x 0 0; -moz-border-radius:5px}
h2#comments, h2#postcomment {font-size:1.1em; color:#666; background-color:#efefef; padding:5px; margin-top:25px; -moz-border-radius:5px}
h2#comments a, h2#postcomment a {font-size:1.1em; color:#666}
h3.storytitle {
	font-size:2.0em;
	color:#FFDB00;
	line-height:1.1em
}
.storytitle a {color:#333}
/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}
.storycontent p {margin:5px 0; line-height:1.4em}
.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .75em;
	margin:0 0 20px 0
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #B0B0B0;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 99%;
	-moz-border-radius:5px;
	border-color:#CCC
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}
ol#comments li p {
	font-size: 100%;
}

.feedback {
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: -1px;
}

.alignleft{float: left; margin: 10px 10px 10px 0;}
.alignleft{float: right; margin: 10px 0 10px 10px;}


/*end blog styles*/
