/* --- Import Sitewide Styles
-------------------------------------------------------*/
@import url("nav.css");
@import url("releases.css");
@import url("artists.css");
@import url("news.css");
@import url("events.css");
@import url("about.css");
@import url("photos.css");
@import url("qanda.css");
@import url("contact.css");
@import url("videos.css");
@import url("survey.css");

/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-family: Georgia, Garamond, Serif, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	line-height: 14px;
	color: #000;
	background: #fff;
	letter-spacing: 0;
	}

h1 {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	padding: 1px 0 0 0;
	margin: 0;
	color: #000;
	}

h2 {font-size: 16px;
	padding-bottom: 10px;
	letter-spacing: 0;
	color: #fff;
	}

h3 {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	/*padding: 0 0 5px 0;*/
	letter-spacing: -0.01em;
	color: #000;
	}

h4 { }

h5 { }

ul, ol, li {
	list-style-type: none;
	}

img {
	border: 0;
	}
	

fieldset { }

hr { }

a { text-decoration: none; outline: none;}
a.link { border-bottom: 1px dotted; text-decoration: none; outline: none; font-style: italic;}
a:link { color: #a8a08e; }
h1 a:link, h1 a:visited { color: #000; }
a:visited { color: #a8a08e; }
a:hover { text-decoration: none; color: #000; }
a:active {  }

.alert {
	font-size: 10px;
	color: #f00;
	font-weight: bold;
	letter-spacing: -0.1em;
	}
.softtxt {
	font-size: 10px;
	font-style: italic;
	color: #999;
	}
p.room {
	margin: 5px 0;
	}

/* --- General Layout
-------------------------------------------------------*/

/* --- | wrapper | --- */

#wrapper {
	width: 760px;
	margin: 0 auto 0;
	}

#container {
	clear: both;
	float: left;
	width: 760px;
	padding: 0 12px;
	background: #fff url(../pics/bg_main.jpg) top center repeat-y;
	}

/* --- | forms | --- */

input, textarea {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	}

/* --- Header
-------------------------------------------------------*/

/* --- | Logo | --- */

ul#logo {
	position:relative;
	float:left;
	top:95px;
	left:11px;
	width:80px;
	height:70px;
	margin-bottom: 3px;
	}
ul#logo li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#logo li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent;
	}
li#logolink a {
	width:80px;
	height:70px;
	}


/* --- | eflyer | --- */

#eflyer {
	position:relative;
	float:right;
	height: 20px;
	top: 140px;
	margin: 0;
	padding: 7px 10px;
	}

#eflyer ul {
	position:relative;
	height: 20px;
	top: 150px;
	margin: 1px 0 0 0;
	padding: 3px 15px 0px 15px;
	}
	
#eflyer_contents {
	position: relative;
	width: 261px;
	margin: 0;
	padding: 15px 0 0 0;
	}
	
#eflyer_contents li {
	margin: 0;
	padding: 0 0 5px 0;
	}
	
/* --- Highlight
-------------------------------------------------------*/

#highlight {
	position: relative;
	float:left;
	clear:both;
	width: 730px;
	margin: 0 0 0 0;
	padding: 15px;
	background: #000 url(../pics/bg_highlight.gif);
	color: #fff;
	}

#highlight p.brandnew {
	margin: 10px 0 10px;
	font-size: 30px;
	text-transform: uppercase;
	}

.brandnewtxt {
	color: #a8a08e;
	}
	
#highlightpic {
	position: relative;
	float: left;
	padding: 5px;
	margin: 15px 0 0 0;
	background: #fff;
	}
	
#highlightartwork {
	position: relative;
	float: left;
	padding: 5px;
	margin: 15px 15px 0 15px;
	background: #fff;
	}

#highlightinfo {
	position: relative;
	float: left;
	margin: 15px 0;
	font-size: 12px;
	max-width: 180px;
	}
	
#highlight p {
	margin-bottom:10px;
	}
	
#highlight p.artist {
	text-transform: uppercase;
	margin-bottom:2px;
	font-weight: bold;
	}
	
#highlight p.smallprint {
	font-size: 9px;
	}
	
#highlight a { border-bottom: 1px dotted; text-decoration: none; outline: none; font-style: italic; font-weight: bold;}
#highlight a:link { color: #a8a08e; }
#highlight a:visited { color: #a8a08e; }
#highlight a:hover { text-decoration: none; color: #fff; }

/* --- Contents
-------------------------------------------------------*/

#contents {
	width: 760px;
	clear: both;
	margin: 0;
	padding: 0;
	/*min-height:200px;
  	height:auto !important;
  	height:200px;*/
	}

/* --- | Test | --- */
#testbig {
	position: relative;
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
	}
	
#test {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 253px;
	background: #ddd;
	}

/* --- | Banners / Q&A | --- */

#banners_qanda {
	width: 754px;
	clear: both;
	float: left;
	margin: 0;
	padding: 3px 3px 0 3px;
  	height: 126px;
	}

#banners {
	float: left;
	width: 468px;
	padding: 0;
	margin: 0;
	}

#banners p {
	width: 468px;
	height: 60px;
	margin: 0;
	padding: 0 0 3px 0;
	}

#qandapuff {
	float: left;
	width: 263px;
	height: 103px;
	margin-left: 3px;
	padding: 10px;
	background: #000;
	color: #fff;
	text-align:center;
	font-size: 10px;
	line-height: 13px;
	}
	
#qandapuff h2 {
	font-size: 18px;
	padding: 10px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	}

#qandapuff span {
	color: #a8a08e;
	}

#qandapuff p {
	padding-bottom: 10px;
	}

#qandapuff a { border-bottom: 1px dotted; text-decoration: none; outline: none; font-style: italic; font-weight: bold; font-size: 11px;}
#qandapuff a:link { color: #a8a08e; }
#qandapuff a:visited { color: #a8a08e; }
#qandapuff a:hover { text-decoration: none; color: #fff; }

/* --- | Vote | --- */

#vote {
	position: relative;
	float: left;
	width: 220px;
	margin: 0;
	padding: 3px 10px;
	background: transparent url(../pics/bg_rub_240.jpg) top left no-repeat;
	min-height:200px;
  	height:auto !important;
  	height:200px;
	}

#vote .votetable {
	width: 220px;
	margin: 15px 0px;
	border: 0;
	}
#vote td {
	height: 25px;
	}
#vote .radio {
	width: 10px;
	}
#vote .alt {
	width: 190px;
	}
#vote .question {
	font-weight: bold; 
	font-size: 11px;
	}

/* --- | front_headlines | --- */

#front_headlines {
	position: relative;
	float: left;
	width: 240px;
	margin: 0;
	padding: 3px 10px;
	background: transparent url(../pics/bg_rub_260.jpg) top left no-repeat;
	min-height:200px;
  	height:auto !important;
  	height:200px;
	}

#front_headlines ul {
	position: relative;
	margin: 0;
	padding: 15px 0 0 0;
	}
	
.pil_headlines {
	padding: 2px 2px 2px 3px;
	margin: 0 3px 0 0;
	background: #c30;
	}

.headlines_date {
	text-transform: uppercase;
	}

.headlines_head {
	margin: 0;
	font-weight: bold;
	padding-bottom: 10px;
	}

.headlines_more {
	margin: 0;
	padding-bottom: 10px;
	border-top: 0px dashed #555;
	}
a.news_list, a:link.news_list, a:hover.news_list, a:visited.news_list  {
	text-decoration: none;
	color: #000;
	}
/* --- | contents_right | --- */

#week {
	position: relative;
	float:left;
	width: 240px;
	margin: 0;
	padding: 3px 10px;
	background: transparent url(../pics/bg_rub_260.jpg) top left no-repeat;
	min-height:200px;
  	height:auto !important;
  	height:200px;
	}

#week_contents {
	position: relative;
	margin: 0;
	padding: 15px 0 0 0;
	}
	
.pil_events	{
	padding: 2px 2px 2px 3px;
	margin: 0 3px 0 0;
	background: #2daccb;
	}

.week_date {
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 2px;
	border-top: 0px dashed #555;
	}
.week_artist {
	margin: 2px 0 0 0;
	text-align: left;
	text-transform: none;
	font-weight: bold;
	padding-top: 2px;
	}
.week_where {
	margin: 0 0 5px 0;
	text-align: left;
	padding-top: 2px;
	border-bottom: 0px dashed #aaa;
	}



/* --- Footer
-------------------------------------------------------*/
#footer {
	color: #aaa;
	clear: both;
	float:left;
	position: relative;
	width: 760px;
	margin-bottom: 0;
	padding: 45px 12px 10px 12px;
	background: #fff url(../pics/bg_footer.jpg) no-repeat;
	}
	
	#footer #fineprint {
		float: left;
		}
	
	#footer #producers {
		float: right;
		}
		
	#footer #producers li {
		float: left;
		padding-left: 10px;
		}
	
	#footer p {
		padding-bottom: 5px;
		}
	
	#footer #fineprint a { border-bottom: 1px dotted; text-decoration: none; font-weight: normal;}
	#footer #fineprint a:link, #footer a:visited { color: #aaa; }
	#footer #fineprint a:hover { color: #000; }