/* xhtml+css *//* www.mikhailmedvedev.com */

/* HIDE TEXT ON: */
#Nav a, #Panels a, .Submit a{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;}

/* GLOBAL */
html, body{height: 100%;}
	html{font-size: 100%;}
	body{background: #000 url(../images/body.png) center 0 no-repeat; font-size: 62.5%; font-family: Arial, Verdana, sans-serif; text-align: center;}
	
		#Viewport{position: relative; width: 100%; min-height: 100%;}

/* LAYOUT */
#positionCenter { width: 1024px; margin: 0 auto; }
#Wrapper{background: url(../images/Wrapper.jpg) center 0 no-repeat; text-align: left; width: 1024px; padding-bottom: 113px; float: left; }

	#Logo{width: 408px; padding: 53px 0 31px 127px;}
		#Logo a{display: block; height: 63px;}
	
	#Nav{background: url(../images/Nav.jpg) no-repeat; height: 46px; padding-left:  128px;}
		#Nav li{float: left; padding-top: 5px;}
			#Nav a{width: 77px; height: 19px; margin: 0 5px 0 18px;}
				#Nav a:hover{border-bottom: 2px solid #222;}
				#Nav .current a{border-bottom: 2px solid #333;}
				#Nav .section a{border-bottom: 2px solid #333;}
	
	#Layout {min-height: 422px; height: 422px; height: auto!important; padding: 17px 17px 17px 115px;} /* INTERNET Explorer, ironically and infuriatingly, sucks at The Internet. lawl */
	#LayoutHome {background: url(../images/Content.png) no-repeat; min-height: 422px; height: 422px; height: auto!important; padding:17px 17px 17px 30px;}

		#Panels{}
			#Panels li{margin-bottom: 15px; padding: 3px;}
			.large{float: left; clear: left; width: 487px; height: 179px;}
			.small{float: right; clear: right; width: 219px; height: 179px;}
				.podcast a{background: url(../images/podcast.jpg) no-repeat; width: 100%; height: 179px;}
				
		#ContentHolder{ float: left; }
		
			/* Guide Styles */
						
			#RegionNav{background: #000; height: 19px;}
				#RegionNav li{float: left;}
					#RegionNav a{display: block; font-size: 1em; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 19px; height: 19px; padding: 0 23px 0 10px;}
						#RegionNav a:hover, #RegionNav a.current, #RegionNav a.section{background: url(../images/RegionNavHover) 100% 0 no-repeat; color: #FF2222;}
						
			.submit{ float: right!important; height: 38px; }
				.submit a, .submit a:visited, .submit a:hover { display: block; background: url(../images/submit.png) no-repeat!important; width: 176px!important; height: 38px!important; padding: 0px!important; margin-top: 19px; }
				.submit a span { display: none; }
			
			#Key{width: 540px; overflow: auto; height: 18px; padding: 10px;} /* IE6-safe self-clear */
				#Key li{float: left; line-height: 18px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin-right: 10px;}
					.dnb, .dubstep, .breaks, .multigenre {min-height: 18px; height: 18px; height: auto!important; padding-left: 25px;}
						.dnb, .dnb p{background: url(../images/dnb.png) no-repeat;}
						.dubstep, .dubstep p{background: url(../images/dubstep.png) no-repeat;}
						.breaks, .breaks p{background: url(../images/breaks.png) no-repeat;}
						.multigenre, .multigenre p{background: url(../images/multigenre.png) no-repeat;}
					.clickToExpand{display: none; clear: both; float: none; line-height: 10px;}
						.clickToExpand strong{color: #ff2222;}
			
			#Gigs{}
				#Gigs li{}
					#Gigs .month{display: block; background-image: url(../images/month.png); font-size: 1.5em; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 34px; height: 32px;}
						#Gigs .month em{display: block; background: url(../images/monthEmOff.png) 0 50% no-repeat; margin: 0 17px; padding-left: 20px;}
						#Gigs .month strong{display: block; background: url(../images/monthStrongOff.png) 100% 50% no-repeat;} 
							#Gigs .month:hover, #Gigs .yes .month{background-position: 0 -100%;}
								#Gigs .yes .month em{background: url(../images/monthEmOn.png) 0 50% no-repeat;}
								#Gigs .yes .month strong{background: url(../images/monthStrongOn.png) 100% 50% no-repeat;}
					
					#Gigs ul{background: url(../images/GigsUL.png) repeat-x;}
					#Gigs .no ul{display: none;}
					#Gigs .yes ul{display: block;}
					
						#Gigs ul li{background: #f4f4f4 url(../images/GigsULli.png) repeat-x; border-bottom: 1px solid #eee; font-size: 1.2em; margin-bottom: 10px; padding: 10px;}
							#Gigs ul li p{background-position: 0 4px; margin: 0; padding: 0 0 0 28px;}
							#Gigs ul li strong{display: block; font-size: 1em; color: #ff2222;}

					.gigInfo { margin: 20px 0 0 30px; cursor: default!important; }
						.gigImage { }
						.gigInfoBlock { virtical-align: top; margin-left: 10px; }
						.gigInfo p { background: none; }
						.gigInfoStrong { color: #000; font-weight: bold; }
						.gigInfoText { margin-top; 10px; }
						.gigInfo td { }
							.gigImage{float: left;}
							.gigText{margin-left: 135px;}
								.gigText p{margin-bottom: 1em!important;}
					
					#Gigs .clear{height: 10px;}
					
					.eventTitle a, .noGigs a{color: #FF2222; text-decoration: underline;}
						.eventTitle a:hover, .noGigs a:hover{text-decoration: none;}
						
					.SubGigs li{cursor: pointer;}
					
					.noGigs{padding: 15px;}
		/* Articles */
		
		#ArticlesNav{ background: #000; height: 19px; background: url(../images/articleNavBg.gif) #000 no-repeat top right; width: 100%; }
				#ArticlesNav li{float: left;}
					#ArticlesNav a{display: block; height: 19px; padding: 0 26px 0 0px; background: url(../images/ArticlesNavBg.png) right no-repeat; text-decoration: none; color: #fff;}
					#ArticlesNav span { margin: 0; padding: 0 15px 0 15px; font-size: 1em; font-weight: bold; text-transform: uppercase; line-height: 19px; font-family: Arial,Verdana,sans-serif; }
						#ArticlesNav a:hover, #ArticlesNav a.current, #ArticlesNav a.section{background: url(../images/ArticlesNavHover.png) 100% 0 no-repeat #FFFFFF; }
						#ArticlesNav a.current { color: #000000; }
						#ArticlesNav a:hover, #ArticlesNav a.section { color: #FF2222; }
			
		#Article{}
		#ContentFoot { width: 100%; height: 25px; background: url(../images/article-foot.jpg) no-repeat #000; padding-bottom: 15px; float: left;}
		.ContentFoot { width: 100%; height: 24px; background: url(../images/article-foot.jpg) no-repeat #000000; padding-bottom: 15px; }

#Bottom { clear: both; background: #fff url(../images/Bottom.png) center 0 no-repeat; width: 100%; height: 113px; float: left; }
	#Footer { background: url(../images/Footer.jpg) no-repeat; width: 776px; height: 72px; margin: 0 auto; padding-top: 27px; padding-right: 248px; }
		#CopyFoot { width: 225px; float: left; text-align: left; padding-top: 15px; margin-left: 30px; }
			#CopyFoot h4 { font-size: 13px; }
			#CopyFoot p { font-size: 13px; margin-top: 2px; font-family: Arial, Helvetica, sans-serif; }
		#Sponsors { width: auto; float: right; margin-left: 5px;}
			#Sponsors li { float: right; margin-left: 20px; }
			
		

#Content {clear: both; width: 737px; background: #fff; margin-top: 15px; }
#ContentArticles {clear: both; width: 100%; margin-top: 15px; float: left; }
#ContentPad { padding: 40px 40px 10px 40px; border-top: 4px #FF0000 solid; }
#backNav { text-align: center; }

#splash { width: 1100px; height: 100%; margin: 0 auto; background: #fff; padding-top: 150px; }

#HomePageWrap {height: 385px;} 
#BBFlashBox { float: left; width: 493px; height: 179px; padding: 0px; overflow: hidden;}
#BBPodcastBox { float: left; display: inline; padding: 3px; margin-left: 19px; }
#BBPOM { float: left; margin-top: 16px; }
* html #BBPOM{}
#BBFeed {float: left; display: inline; background: url(../images/subscribe.png) no-repeat; padding-top: 33px; margin: 18px 0px 0px 22px; width: 219px; height: 146px; }
* html #BBFeed{}
	#rssBox { margin-bottom: 7px; }
		#rssBox a { display: block; width: 219px; height: 33px; background: url(../images/rss.gif); }
		#rssBox a:hover { background: url(../images/rss_hover.gif);  }
	#facebookBox { margin-bottom: 7px; }
		#facebookBox a { display: block; width: 219px; height: 33px; background: url(../images/facebook.gif); }
		#facebookBox a:hover { background: url(../images/facebook_hover.gif); }
	#twitterBox {}
		#twitterBox a { display: block; width: 219px; height: 33px; background: url(../images/twitter.gif); }
		#twitterBox a:hover { background: url(../images/twitter_hover.gif); }

.articleInt {padding: 15px; width: 717px; overflow: auto;} /* IE6-safe self-clear */
.articleIntHolder { }
.articleIntThumb { float: left; width: 205px;}
.articleIntro {width: 495px; margin-left: 213px; }
.articleIntFoot {width: 100%; height: 8px; background: url(../images/ArticleIntroBg.png) repeat-x;}
#articlePagination { width: 100%; text-align: center; }


.PodcastInt { float: left; margin: 0px; padding-bottom: 16px; width: 733px; }
.PodcastIntMain { float: left; width: 490px; height: 182px; }
.PodcastDownloadThumb { float: left; width: 222px; height: 182px; margin-left: 19px;  }	

.clear{display: block; clear: both; width: 100%;}

blockquote {
background:transparent url(../images/quote.png) no-repeat scroll 0.5em top;
color: #505050;
font-style:normal;
padding:4px;
}

blockquote p {
padding:0 20px 15px 30px;
color: #333;
}

/* Image_Gallery */

.intro-pad { margin-bottom: 10px; }

/* TYPOGRAPHY */


/* Article Manager */

#articleContent {clear: both; width: 737px; background: #fff; float: left; }

.articleInt {padding: 15px; width: 717px; overflow: auto;} /* IE6-safe self-clear */
.articleIntHolder { }
.articleIntThumb { float: left; width: 205px;}
.articleIntro {width: 495px; margin-left: 213px; }
.articleIntFoot {width: 100%; height: 8px; background: url(../images/ArticleIntroBg.png) repeat-x;}
#articlePagination { width: 100%; text-align: center; }

.sidebar { width: 225px; float: right; background:#FFFFFF; width: auto; }
	.sidebarMustRead { background: url(../images/must_read.gif) no-repeat; width: 100%; height: 100%; height: 34px; width: 222px;}
	.sidebarLatestArticles { background: url(../images/latest_articles.gif) no-repeat; width: 100%; height: 100%; height: 34px; width: 222px;}
	.sidebarList { padding: 0px 2px 2px 2px; width: 222px; }
		.sidebarList .listSpacer { height: 5px; background: none; margin: none; padding: none; }
		.sidebarList td { width: 213px; background: url(../images/sidebarItemBg.gif) no-repeat; padding: 0px 2px 0px 7px; margin-bottom: 5px; height: 12.5%; vertical-align: middle;  }
			.sidebarList td a { display: block; text-decoration: none; }
			.sidebarList td a:hover { text-decoration: underline!important; }
			.sidebarList h5 { font-size: 14px; font-weight: bold; }
	.sidebarFooter { width: 218px; height: 32px; margin: -5px 2px 2px 2px; background: url(../images/sidebarFooter.png) no-repeat }
	#latestArticlesList { height: 322px; }
.PodcastInt { float: left; margin: 0px; width: 733px; }
.PodcastIntMain { float: left; width: 490px; height: 182px; }
.PodcastDownloadThumb { float: left; width: 222px; height: 182px; margin-left: 19px;  }	

.clear{display: block; clear: both; width: 100%;}

blockquote {
background:transparent url(../images/quote.png) no-repeat scroll 0.5em top;
color: #505050;
font-style:normal;
padding:4px;
}

blockquote p {
padding:0 20px 15px 30px;
}

/* FORMS */
form{padding: 10px 0;}
	fieldset{}
	
	form h2{display: none;}
	
	.field{clear: both; padding-bottom: 10px;}
		label.left{float: left; display: block; font-size: 1.2em; color: #FF0000; width: 150px; padding: 6px 0 0 0;}
			.dropdown label.left{padding-bottom: 3px;}
			.optionset label.left, .checkboxset label.left{border: 0;}
		.middleColumn, .Actions{display: block; margin-left: 150px;}
			.middleColumn input, .middleColumn textarea, .middleColumn select{border: 1px solid #a8a8a8; width: 250px; padding: 3px;}
			.middleColumn textarea{font-size: 1em; font-family: Arial, Verdana, sans-serif;}
				.middleColumn input:hover, .middleColumn textarea:hover, .middleColumn select:hover{border: 1px solid #979797;}
				.middleColumn input:focus, .middleColumn textarea:focus, .middleColumn select:focus{border: 1px solid #888;}
			.message{font-size: 0.9em; color: #971717; padding: 3px 0 0 0;}
		
		.middleColumn .radio, .middleColumn .checkbox{border: 0;}
	
	.radio, .checkbox{width: auto!important;}
	
	#Form_SubmissionForm_Description{width: 495px; height: 300px;}

	#RecaptchaField { margin-left: 147px; }

/* BUFFER */

.articleFeatureHeader { padding-right: 19px; }