/* HTML elements */

body, html
{	margin:0;
	padding:0px;
	text-align:center;
	background: #040309 url(/images/bg.jpg) repeat;
	min-height:101%;}
.artist {
	background-color: #E3EADD;
	padding: 0px 5px 5px;
}

body, html, input, textarea, select, .maintext, .band .text
{	font: 12px Arial;
	font-weight:normal;
	line-height:135%;
	color: #333;}

input, textarea
{	padding-left:13px;
	background: #FFF url(/images/bg_arrow.gif) no-repeat ! important;}

input:focus, textarea:focus
{	background:#F6F6F6 url(/images/bg_arrow.gif) no-repeat ! important;}
	
a, a:visited
{	text-decoration:none;
	color: #4192B5}

a:hover, a:active
{	color:#81BAD3;}

form
{	padding:0px;
	margin:0px;}

input, textarea, select
{	border-top:#808080 1px solid;
	border-left:#808080 1px solid;
	border-bottom:#D4D0C8 1px solid;
	border-right:#D4D0C8 1px solid;}

img
{	border:none;}

hr
{	color: #999;
	background-color: #999;
	width: 100%;
	height: 1px;
	border: none;
	margin: 6px 0px 8px 0px;}

h1 {
	font-size: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-bottom: 10px;
	line-height: 120%;
	}
	
h2
{	font-size: 17px;
	margin: 15px 0px 15px 0px;}

h3
{
	font-size: 12px;
	margin: 15px 0px 0px 0px;
	padding: 9px 0px 9px 4px;
	background:#062724;
	color:#FFF;
	border-top: 1px dotted #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	font-style: normal;
	font-weight: lighter;
}
		
p {
	margin: 15px 0px 15px 0px;
	}	
	
h4 {
	font-size: 13px;
	margin: 15px 0px 1px 0px;
	}	

li {
	list-style-type:decimal;
	}



/*General Body */

a.nohover
{	border:none;}

#container, #container.secondary
{
	padding: 0px 0px 33px 0px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:left;
	border-top: none;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
}
	
#container
{
	background: url(/images/bg_container.png) repeat-y;
	width:888px;
	height: 100%;
}

#masthead
{
	background:url(../images/bg_masthead.jpg) no-repeat;
	height:184px;
	width:888px;
	margin-left:auto;
	margin-right:auto;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	border-bottom: none;
	border-left: 4px solid #FFFFFF;
	margin-top: 10px;
}

#masthead a.left
{	background:url(/images/logo.gif);
	width:335px;
	height:110px;
	display:block}

#masthead a.left:hover
{	padding: 0px;
	margin: 0px;
	border: none;}

#masthead .right
{	padding-top:8px;}

#masthead .right, #footer
{	color: #CCC;}

#masthead .right a, #footer a
{	color:#000000;}

#masthead .right a:hover, #footer a:hover
{	color:#FFF;}
	
.nav
{
	background:#E3EADD no-repeat;
	font-weight:normal;
	font-size: 11px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-left-width: 1px;
	border-left-style: dashed;
	border-right-color: #003300;
	border-left-color: #003300;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 4px;
	}

.nav a, .nav a:visited
{
	color: #062724;
	text-decoration: underline;
}
		
.nav a:hover, .nav a:active
{
	color:#2D4971;
	padding-top: 5px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top-style: none;
	font-weight: bolder;
	text-decoration: underline;
}

.nav ul, .bullets ul
{	margin: 0px;
	padding: 0px;}

.nav li, .bullets li
{	list-style:none;
	line-height: 150%;}

.nav li a, .bullets li
{	padding-left: 4px;}
	
.nav li a:hover
	{	background: no-repeat left center;}

.bullets li
	{	background: no-repeat left center;}

.left, .nav, #content-second
{
	float:left;
	height: 100%;
}

.right, #midcolumn, #rightcolumn, .quote
{	float:right;}

#midcolumn
{	width: 194px;}

#content
{	background:url(/images/bg_content.jpg) repeat-x;
	border-top: none;
	padding: 6px 21px 21px 21px;}

#rightcolumn
{	width: 443px;
	}

#midcolumn p
{	padding: 0px 19px 0px 24px;
	margin: 0px;
	font-size: 11px;
	}

#midcolumn p input {
	font-size: 11px;
	margin-top: 6px;
	}
	
#rightcolumn, #midcolumn, #content-second
{	border-left: none;}

br.clearfix
{	clear:both; 	
	margin:0px !important; 
	padding:0px !important; 
	height: 1px; 
	font-size: 1px; 
	line-height: 1px; }

.button, a.button 
{	background: #000 ! important;
	padding: 3px ! important;
	margin: 0px 2px 0px 0px;
	color:#FFF;
	border:none;}

.button a, .button a:visited, a.button {
	color: #FFF;
	}

.button a:hover, .button a:active, a.button:hover {
	color: #FFF;
	}
		
.button:hover, .button:focus, a.button:focus
{	background: #9FACB1 ! important;}

#footer
{	margin:15px 0px 20px 0px;
	padding-bottom: 20px;}



	
	

/*Secondary Page */

#content-second
{	background:url(/images/bg_content2.png) repeat;
	padding: 26px 21px 21px;
	width: 400px;}

#container.secondary
{	background: url(/images/bg_container2.png) repeat-y;
}

h2#media, h2#about, h2#studio, h2#distro, h2#social
{	padding: 5px 0px 0px 28px;
	margin-top: 0px;
	font-size: 17px;
	height: 22px;
	color: #000;}
	
h2#media
{	background: url(/images/icon_media.png) no-repeat center left;}

h2#about
{	background: url(/images/icon_about.png) no-repeat center left;}

h2#studio
{	background: url(/images/icon_studio.png) no-repeat center left;}

h2#distro
{	background: url(/images/icon_distro.png) no-repeat center left;}

h2#social
{	background: url(/images/icon_social.png) no-repeat center left;}
	
h2#media, table.archive .item, h2#about, h2#studio, h2#distro, h2.subtitle, h2#social, .dotted
{	border-bottom: 1px #575858 dotted;}	

.dotted
{	padding-bottom: 19px;
	margin: 0px 0px 22px 0px;}

table.archive
{	width: 100%;
	margin:0px;
	padding:0px;}

table.archive .col1, table.archive .col2
{	padding: 8px 0px 0px 0px;
	width: 48%;}

table.archive .colmid
{	width: 4%}

table.archive a.item
{	background: url(/images/bg_rows.png) repeat-x;
	height: 34px;
	padding: 6px;
	display:block}

table.archive a.item:hover
{	background: url(/images/bg_rows_on.png) repeat-x;}

a.item img
{	margin-right: 8px;
	float: left;}

.subhead
{	font-weight:bold;
	color: #000;}

h2.subtitle
{	font-size: 14px;
	font-weight:normal}

span.subtitle
{	font: 13px Georgia,Times New Roman;
	font-style:italic;
	font-weight:normal;}
	
.quote
{	background:#D9DEE0 url(/images/bg_quote.gif) no-repeat;
	border: 5px solid #FFF;
	width: 197px;
	font: 14px Georgia,Times New Roman;
	padding: 25px;
	margin: 5px 0px 15px 15px;}

a#close
{	background: url(/images/close3.gif);
	margin:0px 0px 20px 0px;
	padding:0px;
	display:block;
	height:15px;
	width:15px;
	float:right}

.highlight {
	background:#E5EAEC;
	}
	
.highlight
{	padding: 3px;
	margin: 20px 0px 7px 0px;
	border-bottom: 1px solid #FFF;
	}

.song {
	background:#E5EAEC;
	padding: 3px;
	border-bottom: 1px solid #FFF;
	height: 17px;
	}

.song:hover {	
	background:#EDF1F2;
	}
	
.highlight a, .band a
{	font-weight:bold;}

.band {
	font-size: 15px;
	font-weight:normal;
	background: #E5EAEC url(/images/audio/bg_band.png);
	height: 86px;
	color: #666;
	padding: 19px 16px 3px 10px;
	margin: 0px;
	border-bottom: 1px solid #FFF;
	}
	
.band img {
	border: 1px solid #666;
	padding: 1px;
	float:left;
	margin: 0px 10px 0px 8px;
	}

.band .text {
	color: #666;
	}

.band h3 {
	font-size: 14px;
	}
	
		
.credit
{	font-style:italic;
	color: #999;}

.featured {
	background: #D4DEC8 repeat-x;
	padding: 16px 16px 16px 16px;
	color: #FFF;
	margin-bottom: 1px;
	}

.featured img {
	border: 1px solid #C7C7C8;
	padding: 4px;
	float: left;
	margin: 4px 12px 6px 0px;
	}	
	
.featured a, .featured a.visited {
	font-weight: bold;
	color:#CAF0FF;
	}
	
.featured a:hover, .featured a.active {
	color:#FFF;
	}

.featured h3 {
	font-size: 19px;
	margin: 0px 0px 13px 0px;
	background: none;
	border-bottom: 1px dotted #DEDEDE;
	border-top: none;
	padding:4px;
	color: #FFF;
	}

.featured h2 {
	margin-top: 3px;
	}
	
.imagegallery img {
	border: 1px solid #9FACB1;
	padding: 1px;
	margin-top: 15px;
	}

.imagegallery td {
	text-align: center;
	}	

input.nostyle {
	padding: 0px;
	margin: 0px;
	background: none ! important;
	border: 0px;
	}	

.product {
	padding: 12px 0px 0px 0px;
	height: 312px;
	margin: 12px 0px 12px 0px;
	}
	
.product img {
	float:left;
	margin: 0px 16px 0px 0px;
	}

.product h2 {
	margin: 0px;
	}

.product input {
	margin: 10px 0px 0px 0px;
	}

#note, #genres {	
	display:none;
	}

#note a.close, #genres a.close {	
	background: url(/images/x.gif) no-repeat;
	display:block;
	height: 11px;
	width: 41px;
	float:right;
	}

.bold {
	font-weight: bold;
	}



/* ARTIST PAGES */

#profilepics {
	float: left;
	width: 200px;
	padding: 3px 23px 10px 0px;
	margin: 0px;
	}

#profilepics #mainpic {
	border: 1px solid #C7C7C8;
	padding: 1px;
	}

.thumb {
	float: left;
	margin: 4px;
	padding: 2px;
	border: 1px solid #C7C7C8;
	}

.thumb:hover {
	border: 1px solid #000;
	}
	
ul#subnav {
	margin:2px 0px 12px 12px;
	padding:0px;
	float: right;
	width: 158px;
	background: #E5EAEC; 
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	}

#subnav li {
	background: url(/images/square3.gif) no-repeat center left;
	list-style:none;
	padding: 6px 4px 6px 13px;
	font-size: 15px;
	font-weight:bold;
	border-bottom: 1px solid #C8CACA;
	margin: 0px 8px 0px 8px;
	} 	

li#last {
	border: none;
	}

.livepreview {
	display:none;
	background: #FFF;
	border: 1px dotted #000;
	padding: 20px;
	}

.blogcomment
{	background: #F5F5F5 url(/images/bg_quote2.gif) top right no-repeat;
	padding: 10px;
	margin: 10px 0px 10px 0px;}
	
.white {
	background: #FFF ! important;
	}



/* WordPress */

h2.date, .timestamphome
{	margin: 2px 0px 12px 0px;
	padding:0px 0px 15px 0px;
	color:#999;
	font-size: 12px;
	font-weight:normal;
	border-bottom: 1px #575858 dotted;
	}

.timestamphome {
	margin-bottom: 5px;
	}
	
h2.title, .headline
{	font-size: 22px;
	margin: 15px 0px 2px 0px;
	padding:0px;
	font-weight:normal;
	line-height: 100%;}

p.metadata
{	margin: 24px 0px 28px 0px;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;}	

ol.commentlist
{	padding:0px;
	margin:0px 0px 0px 20px;}
	
ol.commentlist li
{	background: #E8EAEB;
	padding: 10px;
	margin: 10px 0px 10px 0px;}

a.more, a.more:visited
{	background: #9FACB1;
	color: #FFF;
	padding: 3px;}

a.more:hover, a.more:active
{	background: #7B888E;
	color: #FFF;}
	
h2.headline {
	font-size: 11px;
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	}

.post h2 {
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	}

	
.commentmetadata {
	color: #999;
	}	


/* Social Index */

.tagLink {
	margin-top: 15px;
	}

.tagLink a {	
	margin: 0px 13px 0px 0px;
	line-height:140%;
	}	

.comment-count a
{	padding: 0px 8px 0px 4px;}

.comment-count
{	padding: 2px 2px 2px 4px;
	margin-left: 3px;}
	
.comment-number
{	margin: 30px 0px 0px 0px;
	padding-bottom: 25px;
	text-align:right;}
		


/* Fading Tooltips By Dustin Diaz*/

#toolTip { 
	position:absolute;
	z-index:1000;
	width:220px;
	background:#32515E;
	border:1px double #F7ECD4;
	padding:5px;
	text-align:left}

#toolTip p { 
	margin:0;
	padding:0;
	color:#fff;}

#toolTip p em { 
	display:block;
	margin-top:3px;
	color:#94CAE1;
	font-style:normal;
	font-weight:bold; }

#toolTip p em span { 
	font-weight:bold;
	color:#fff; }
	
#container .midde {
	background-color: #CDD9C0;
	width: 500px;
	position: relative;
	left: 175px;
}
.middle {
	position: static;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: none;
	padding: 4px;
	width: 500px;
}
.welcome {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003300;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #003300;
	padding-top: 5px;
}
.las {
	float: none;
	clear: right;
}
#masthead a.tickets {
	width:200px;
	height:40px;
	display:block;
	top: 155px;
	left: 759px;
	position: fixed;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
