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

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

* { margin: 0; padding: 0; }
html {overflow-y: scroll;}

body {
	font-family: Georgia, Garamond, Serif, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	line-height: 14px;
	color: #fff;
	background: #000 url(../pics/bg.gif) top center no-repeat;
	letter-spacing: 0;
	}

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

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, a:visited { color: #0092cb; }
h1 a:link, h1 a:visited { color: #0092cb; }
a:hover { text-decoration: none; color: #ff3300; }
a:active {  }
a.chosen, a:link.chosen, a:visited.chosen {
	color: #ff3300;
	text-decoration: none;
	}

.alert {
	font-size: 10px;
	color: #f00;
	font-weight: bold;
	letter-spacing: -0.1em;
	}
.softtxt {
	font-size: 10px;
	font-style: italic;
	color: #777;
	}
p.room {
	margin: 5px 0;
	}
	
#fb-likebox {
	margin-top: 10px;
	float: left;
	width: 260px;
    height: 252px;
    overflow: hidden;
    position: relative; /* For IE7 Compatibility */
	}

#fb-likebox .inner {
    margin: -2px 0 0 -2px;
	}


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

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

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

#container {
	clear: both;
	float: left;
	width: 760px;
	padding: 0;
	margin: 0;
	background: #000;
	}

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

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

/* --- Header
-------------------------------------------------------*/
#header {
	position: relative;
	width: 760px;
	height: 145px;
	margin: 0;
	padding: 0;
	background: transparent url(../pics/header.gif) no-repeat;
	/*background-position: 3px 3px;*/
	}
/* --- Highlight
-------------------------------------------------------*/

#highlight {
	position: relative;
	float:left;
	clear:both;
	width: 730px;
	margin: 0 0 5px 0;
	padding: 15px 15px 25px 15px;
	background: #000 url(../pics/bg_line02.gif) bottom center no-repeat;
	color: #fff;
	}

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

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

#highlightinfo {
	position: relative;
	float: left;
	text-align: center;
	margin: 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 { text-transform: uppercase;}

/* --- Contents
-------------------------------------------------------*/
#contents {
	float: left;
	width: 760px;
	clear: both;
	margin: 0;
	padding: 0;
	min-height:280px;
  	height:auto !important;
  	height:280px;
	background: #000;
	}
	
#contents_index {
	float:left;
	width: 760px;
	clear: both;
	margin: 0;
	padding: 0;
	min-height:100px;
  	height:auto !important;
  	height:100px;
	background: #000 url(../pics/bg_contents_line_01.gif) repeat-y;
	}

/* --- | 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;
	}

/* --- | Banner | --- */

#banner {
	width: 760px;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
  	height: 76px;
	}

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

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

#front_headlines {
	position: relative;
	float: left;
	width: 263px;
	margin: 0;
	padding: 60px 10px 0;
	background: transparent url(../pics/bg_headlines.gif) top left no-repeat;
	}

#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;
	color: #777;
	}

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

.headlines_more {
	margin: 0;
	padding-bottom: 10px;
	border-top: 0px dashed #555;
	}

/* --- | events_front | --- */

#week {
	position: relative;
	float:left;
	width: 455px;
	margin: 0;
	padding: 60px 10px 0;
	background: transparent url(../pics/bg_events.gif) top left no-repeat;
	}

#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;
	color: #777;
	}
.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;
	}

.vert {
	position: relative;
	float:left;
	width: 2px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ccc url(../pics/line_vert01.gif) top left repeat-y;
	min-height:198px;
  	height:auto !important;
  	height:198px;
	}
	
#week table {
	width: 455px;
	padding: 0;
	float: left;
	}
#week td {
	padding: 2px;
	margin: 2px;
	border-bottom: 1px solid #333;
	}
#week td.events_td_day, #week td.events_td_year {
	font-size: 10px;
	font-style: italic;
	color: #999;
	width:10px;
	}
#week td.events_td_day, #week td.events_td_date {
	width:10px;
	color: #777;
	}
#week td.events_td_year {
	width:30px;
	}
#week td.events_td_breaker {
	height: 15px;
	border-bottom: 0;
	}
#week p {
	float: left;
	font-weight: bold;
	color: #0092cb;
	position: relative;
	margin: 10px 0;
	
	}

/* --- Footer
-------------------------------------------------------*/
#footer {
	color: #5e5e5e;
	clear: both;
	float: left;
	position: relative;
	width: 760px;
	margin-bottom: 0;
	padding: 25px 0 25px 0;
	background: #000 url(../pics/bg_footer.gif) top center 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: #5e5e5e; }
	#footer #fineprint a:hover { color: #aaa; }