/*******************************************************************************

* Base Styles - DON'T CHANGE THESE!!!                                          *

*                                                                              *

* These rules are used to reset the CSS default properties so things render    *

* identically (or as close we we can get them) in different browsers.          *

*******************************************************************************/



body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }

h1, h2, h3, h4, h5, h6, p,

ul, ol, dl, form, fieldset,

table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }

ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }

ul, ol, blockquote						{ margin-left: 1.75em }

blockquote								{ margin-right: 2.75em }

fieldset 								{ padding: 0.5em }

table									{ border-collapse: collapse; border-spacing:0 }

th										{ text-align: left }

select,input,textarea					{ font: inherit }





/******************************************************************************* 

* Page Structure                                                               *

*******************************************************************************/

body									{ background:url("images/body-back.png") 0 0 repeat-x #000; margin:0; line-height:150%; font-family:arial; font-size:.9em; color:#fff}



#container								{ margin: auto; }



#header									{ width:980px; margin:auto; height:179px; background:url("images/header-back.jpg") 0 0 no-repeat; position:relative}



#navigation								{ background: url("images/navigation-back.png") 0 0 repeat-x; overflow:hidden;}



#footer									{ clear:both;  padding-top:81px; padding-bottom:15px;background:url("images/footer-repeater.png") 50% 0 repeat-x #071C39; }



#content								{ width:979px; margin:auto; background:url("images/content-back.jpg") repeat-y 0 0; overflow:hidden }



#related								{ width:184px; float:left; position:relative; top:0; left:0;  background:url("images/additonal-back.png") 0 0 no-repeat #000;  padding-top:50px;}

#substance								{ width:486px; float:right; position:relative; top:0; left:-263px; padding:0 25px;  background:url("images/substance-back.png") 0 0 no-repeat ; padding-top:50px; }

#additonal								{ width:219px; float:right; position:relative; top:0; right:-531px;  background:url("images/related-back.png") 0 0 no-repeat;   padding:50px 25px 0 14px; padding-bottom:20px;}



.wrap									{ width:984px; margin:auto; }



/******************************************************************************* 

* Common Styles                                                                *

*******************************************************************************/



h1, h2, h3								{ line-height:1.1; }

h1										{ font-size:260%; letter-spacing:-1.4px }

h2										{ font-size:200%; letter-spacing:-1.4px }

h3										{ font-size:160%; letter-spacing:-1.4px }



#substance h1							{ color:#E22673; margin-bottom:20px;}

#substance h2							{ color:#FF9A00;  margin-bottom:15px;}

#substance h3							{ color:#8FB95D;  margin-bottom:15px;}

#substance a							{ color:#fff; }

#substance a:visited					{ color:#FF9A00; }

#substance ul							{ list-style:none; margin:0 0 15px 0; }

#substance ul li						{ padding-left:15px; background:url("images/bullet-li.png") 0 .6em no-repeat; }



#header h1								{ margin: 0 }

#header img								{ display:none; }

#header a								{ display:block; width:170px; height:100px; text-indent:-10000em; position:relative; top:75px; left:50px;background: url("images/bullet-li.png") -10px 0 no-repeat}

#header a.escape-link					{ display:block; width:121px; height:60px;  text-indent:-10000em; position:absolute; top:0; left:830px; background: url("images/bullet-li.png") -10px 0 no-repeat }

#header ul								{ list-style:none; } 

#header ul li a							{ display:block; text-indent:-10000em; width:200px; height:200px;  }

#header ul li.artists a					{ width:125px; height:63px; position:absolute; top:148px; left:383px; background: url("images/bullet-li.png") -10px 0 no-repeat }

#header ul li.event a					{ width:225px; height:64px; position:absolute; top:100px; left:490px; background: url("images/bullet-li.png") -10px 0 no-repeat }

#header ul li.media a					{ width:188px; height:60px; position:absolute; top:165px; left:501px; background: url("images/bullet-li.png") -10px 0 no-repeat }

#header ul li.news a					{ width:207px; height:64px; position:absolute; top:155px; left:690px; background: url("images/bullet-li.png") -10px 0 no-repeat }





#navigation	a.skip						{ position: absolute; left:-1000em }

#navigation	ul							{ width:984px; margin:0 auto; list-style:none;}

#navigation	li							{ float:left; background:url("images/divider.png") 100% 50% no-repeat;  }

#navigation	li a						{ float:left; padding:16px 10px 14.6px 10px; color:#fff; font-size:130%; text-decoration:none; text-transform:uppercase}



#footer	ul								{ list-style: none; margin-left: 0 }

#footer	li								{ display: inline; margin-right: 1em }



#related div							{ background:url("images/related-panel-back.png") bottom left no-repeat #5290AD;color:#fff;padding:15px; margin-bottom:25px; }

#related h2								{ background:url("images/related-panel-top.png") top left no-repeat #000; padding:15px 15px 8px 15px; margin:-16px -15px 0 -15px; color:#fff; letter-spacing:-1.5px; font-size:180%}

#related ul								{ list-style:none; margin:0; }

#related ul li							{ border-bottom:1px solid #fff; }

#related ul li a						{ display:block; padding:7px 0; color:#fff; text-decoration:none; font-weight:bold;}

#related ul li ul						{ background:#0F1F31;}

#related ul li ul li					{ border:none; }

#related ul li ul li a					{ padding-left:10px; color:#fff; text-decoration:none;}

#related ul li a.active					{ background:#A9C8D6; color:#0F1F31; padding-left:5px;}

#related ul li li a.active				{ padding-left:10px; }

#related form							{ margin:0; padding:0; }

#related form fieldset					{ padding:0; border:none; }

#related form fieldset dt				{ font-weight:bold }

#related form fieldset dd				{ margin-left:0; }	

#related form fieldset dd *				{ width:150px; }



#additonal .news-articles				{ background:url("images/news-panel-back.png") bottom left no-repeat #B51555; padding:15px; position:relative; }

#additonal .news-articles h2			{  background:url("images/news-panel-top.png") top left no-repeat; padding:15px; margin:-16px -15px 0 -15px; color:#fff; letter-spacing:-1.5px; font-size:180% }

#additonal .news-articles ul			{ list-style:none; margin:0; }

#additonal .news-articles ul li			{ border-bottom:1px solid #fff; padding:5px 0;}

#additonal .news-articles ul li a		{ display:block; color:#fff; text-decoration:none; font-weight:bold; font-size:120%; }

#additonal .news-articles ul li span	{ display:block; font-size:80%; color:#F3A0C2; }

#additonal .news-articles a.feed 		{ background:url("images/rss.png") 0 0 no-repeat; width:59px; height:59px; display:block; text-indent:-10000em; position:absolute; top:-15px; right:10px;}

#additonal .call-to-actions img			{ margin-bottom:15px; }

#additonal .call-to-actions 			{ margin-top:15px; }



#footer-ctas							{ background:url("images/foot-cta-back.png") 0 0 repeat-x; margin-bottom:20px; }

#footer-ctas .wrap						{ background:url("images/foot-cta-wrap.jpg") 0 0 no-repeat; /*height:295px;*/ height:0px; padding-top:00px; font-size:140%; }

#footer-ctas .wrap div					{ float:left; padding:20px 20px 40px 20px; width:265px; }

#footer-ctas strong						{ display:block; margin:-20px -20px 0 -20px; padding:30px 20px 20px 20px; font-size:160%;  color:#fff; letter-spacing:-1.4px; margin-bottom:15px;}

#footer-ctas .music						{ background:url("images/music-back.png") 0 40px no-repeat; margin-right:20px; margin-top:40px;  display:none;}

#footer-ctas .arts 						{ background:url("images/arts-back.png") 0 40px no-repeat; margin-right:20px; margin-top:40px;  display:none;}

#footer-ctas .comedy 					{ background:url("images/comedy-back.png") 0 40px no-repeat; margin-top:40px;  display:none;}



#footer-ctas .music	strong				{ background:url("images/music-top.png") bottom left no-repeat;}

#footer-ctas .arts strong	  			{ background:url("images/arts-top.png") bottom left no-repeat; }

#footer-ctas .comedy strong	   			{ background:url("images/comedy-top.png") bottom left no-repeat; }

#footer-ctas a				   			{ color:#fff; line-height:120%; text-decoration:none;}



#footer-forum .wrap						{ /*text-align:center;*/ }

#footer-forum img						{ margin:3px 14px 4px 0px;  }



#substance #article-rating						{ clear:both; width:487px; margin:0 ; padding:20px 0 0 0; float:left; margin:20px 0;}

#substance #article-rating h2					{ }

#substance #article-rating p						{ float:right; font-size:90%; padding-top:10px; width:200px }

#substance #article-rating ul					{ list-style:none; margin:0; float:left; }

#substance #article-rating ul li					{ margin:0; padding:0; float:left; }

#substance #article-rating ul li a 				{ float:left; display:block; width:50px; margin:0; height:50px; text-indent:-10000em;  background:url("images/star.png") 0 0 no-repeat #ccc; }

#substance #article-rating ul li a.selected		{ background-color:#B51555; }

#substance .news-article-comments				{ padding:25px 0; border:0px solid red; clear:both}



#substance form									{ border: 1px solid #3A6E91; padding:15px; background:#27527A; }

#substance fieldset								{ padding:0; margin:0 auto; border:0; }

#substance dt									{ margin-bottom:5px; }

#substance dd									{ margin:0 0 10px; }

#substance dd *									{  width:440px; }

#substance dd input								{ border:none; padding:2px; font-size:120%;}

	

#substance img,

#additonal img									{ border:none; }

#substance img.center							{ margin:auto; clear:both; display:block; float:none;}

#substance img.right							{ float:right; margin:0 0 15px 15px; clear:right; }	

#substance img.left								{ float:left; margin:0 15px 15px 0; clear:left; }





#substance #gallery						   	{  }

#substance #gallery #images				   	{ padding: 0px; border: 0px solid #ccc; float:left; margin-right:15px;}

#substance #gallery #images img			   	{ display: none;   }

#substance #gallery #thumbnails			   	{ list-style-type: none; margin:0; clear:both; overflow:auto; }

#substance #gallery #thumbnails li		   	{ padding: 4px; background:none; float: left; margin: 5px 3px 5px 0; }

#substance #gallery #thumbnails li.active   	{ border: 2px solid #F47D21;  padding: 0px;}

#substance #gallery #thumbnails li img	   	{ float: left; /*margin-top:5px;*/ }



#form-error 							{ border:3px double #900; padding:10px; background:#FBF5F5; margin-bottom:15px; color:#333;}

#form-error h1							{ background:none; color:#900; border:0; padding:0; font-size:190%;}

#form-error a							{ color:#900; }

#form-error ul li							{ background:none; padding:0; }



table						{ width:100%; border-collapse: separate; border:none; margin-bottom:1.5em; }

table th						{ background:#27527A;  padding:5px; border:none; color:#fff;}

table td						{ border:none; padding:5px; border:none; vertical-align: top;  }

table tr						{ }

table tr.alt					{ background:#32435B; }

table img					{ padding: 10px; background:#fff; }



#substance object								{ margin:10px auto 20px auto; border:1px solid #eee; }



/******************************************************************************* 

* Page Specific Styles                                                         *

*******************************************************************************/



body.home								{ background:url("images/body-back-home.png") 0 0 repeat-x #000; }

body.home #content						{ background:url("images/home-content-back.png") 100% 0 repeat-y #000; }

body.home #header						{ height:325px; background:url("images/header-home-back.jpg") 0 0 no-repeat;}

body.home #substance					{ width:701px; padding-left:0; padding-right:20px; position:static; float:left;  background:url("images/substance-back-home.jpg") 0 0 no-repeat #000}

body.home #additonal					{ float:left; width:219px; padding:50px 25px 0 14px; position:static; background:url("images/related-back-home.jpg") top right no-repeat; }

body.home #navigation a					{  }

body.home #header a								{ width:260px; height:170px; position:relative; top:135px; left:95px; }

body.home #header a.escape-link					{ width:185px; height:95px;  position:absolute; top:0px; left:770px; }



/******************************************************************************* 

* DEBUG MODE		                                                           *

*******************************************************************************/





/*

#substance									{ background:red; }							

#related 									{ background:yellow }						

#additonal									{ background:green }*/



/******************************************************************************* 

* IE6				                                                           *

*******************************************************************************/

#navigation	li a							{ _padding-bottom:15px; }

#related									{  }

#related ul li								{ _border:1px solid  #5290AD; }

#related ul li ul li						{ _border:1px solid  #0F1F31; }

#related h2									{ _position:relative; }

#substance #gallery #thumbnails li			{ _display:inline; }



#related div								{ _padding:14px; }



#related div h2								{  }



body.home #additonal							{ }