@import url('reset.css');
@import url('gigs.css');
body{
	background: url('/assets/images/common/bg.png') repeat;
	font-size: 0.8em;
	font-family: "Helvetica Neue Light", Arial;
	color:#f1f1f1;
}
#wrap, #bottom_banner {
  position: relative;
  margin: 0px auto;
  text-align: left;
  zoom: 1;
  overflow:hidden;
  width:900px;
}

/*|||||||||||||||
COMMON
||||||||||||||||*/
a, a:visited{color:#f1f1f1;}




/*|||||||||||||||
MASTHEAD
||||||||||||||||*/
div#masthead{
	margin-top:20px;
}
div#logo{
	text-align:right;
	margin-right:55px;
}
/*|||||||||||||||
NAV
||||||||||||||||*/
div#nav_wrap{
	height:37px;
	width:100%;
	background: url('/assets/images/common/nav_bg.png') no-repeat;
}
div#nav_wrap ul{
	margin-left:150px;
}
div#nav_wrap ul li{
	display:inline;
	float:left;
	margin:0 15px;
	height:37px;
	width:58px;
}
div#nav_wrap ul li a{
	text-decoration:none;
	padding: 0 10px;
	padding-top:8px;
	padding-bottom:23px;
}
div#nav_wrap ul li a em{
	color:#f1f1f1;
	padding:0 15px 25px 15px;
	visibility:hidden;
}

div#nav_wrap ul li#latest{
	background: url('/assets/images/common/latest.png') no-repeat;
}
div#nav_wrap ul li#about{
	background: url('/assets/images/common/about.png') no-repeat;
}
div#nav_wrap ul li#gallery{
	background: url('/assets/images/common/gallery.png') no-repeat;
}
div#nav_wrap ul li#gigs{
	background: url('/assets/images/common/gigs.png') no-repeat;
}
div#nav_wrap ul li#demos{
	background: url('/assets/images/common/demos.png') no-repeat;
}
div#nav_wrap ul li#merch{
	background: url('/assets/images/common/merch.png') no-repeat;
}

/*|||||||||||||||
LEFT BAR
||||||||||||||||*/
div#left_bar{
	margin-top:4px;
	width:175px;
}
div#left_bar div#recent_release{
	background:url('/assets/images/common/recent_bg.png') no-repeat;
	height:123px;
	width:165px;
	text-align:center;
}
div#left_bar div#recent_release img{
	margin-top:8px;
}
div#left_bar div#banners{
	margin-top:3px;
}
div#left_bar div#banners ul{
	line-height:1.0;
	display:inline;
	float:left;
	position:relative;
	width:80px;
	text-align:left;
}

div#left_bar div#banners ul li{
	margin:2.5px 0;
}
div #left_bar div#banners ul#right_banners{
	margin-left:5px;
}

div#left_bar div#contact{
	width:165px;
	height:104px;
	background:url('/assets/images/common/contact_bg.png') no-repeat;
}

div#left_bar div#contact div#email{
	padding-top:8px;
}
div#left_bar div#contact div#email,div#join_mailing_list, div#social_networks{
	margin-left:15px;
	margin-bottom:5px;
}

div#join_mailing_list input{
	width:70px;
	height:18px;
	border:none;
	color:#f1f1f1;
	font-size:.8em;
	float:left;
	background:#32302c;
	margin:5px 5px 0 0;
	padding-left:5px;
	padding-top:2px;

}
div#join_mailing_list input{
	/*background:url(/assets/images/common/input_left.png) no-repeat #000;
	padding:0 0 0 4px;*/
	
}
div#join_mailing_list input{height:17px;}
/*div#join_mailing_list span{
	background:url(/assets/images/common/input_right.png) no-repeat right top;
	padding:1px 3px 3px 0;
	float:left;
}*/
    /* if you want a different color, jsut specify it here, and change the color of the included .png files */
div#join_mailing_list span input{
	color:#f1f1f1;
	font-weight:bold;
	border:0; 
	background:url('/assets/images/common/input_bg_round.png') no-repeat;
	margin:5px 5px 0 0;
	padding-right:5px;
}
div#join_mailing_list img#submit{
	margin-top:5px;
}

ul li.artist_thumb img:hover{
	cursor:pointer;
}



div#content{
	width:460px;
	height:410px;
    padding:20px 0 20px 10px;
	background: url('/assets/images/common/arrows.png') center right no-repeat;
	overflow: hidden;
	margin: 0 auto;
}
div#content_scroll{
	/*background: url('/assets/images/common/cubes.png') 135px 150px no-repeat;*/
}

div#bottom_banner{
	padding-top:8px;
	position:relative;
	left:-30px;
	height:199px;
	width:842px;
	background: url('/assets/images/banners/banner_bg.png') center center no-repeat;
}
div#bottom_banner img{

}

/*LATEST*/
div#content.latest div.latest{
	border-bottom: 2px dotted #f1f1f1;
	width:95%;
	padding-bottom:10px;
}
div#content.latest div.latest div{
	display:inline;
	float:left;
}
div#content.latest div.latest div.thumb{
	width:75px;
	padding-top:15px;
	padding-right:10px;
}
div#content.latest div.latest div.detail{
	width:300px;
}

div#content.latest p.summary{
	font-size:1.4em;
	line-height:1.1;
}
div#content.latest a.title{
	font-size:2.0em;
	text-decoration:none;
	font-weight:bold;
	display:block;
	margin:10px 0;
}

h3.title{
	font-size:2.0em;
	font-weight:bold;
	margin:10px 0;
}

div#content.view_latest h4{
	font-size:2.0em;
	color:#f1f1f1;
	font-weight:bold;
	text-decoration:underline;

}
div#content.view_latest div#article_body{
	margin:20px 0;
}

div#content.demos p{
	font-size:1.8em;
	line-height:1.4;
}

div#content.about p{
	font-size:1.3em;
	line-height:1.4;
	margin-bottom:10px;
}

div#content div#content_scroll{
	padding-right:29px;
}




/*GALLERY*/
div#content.gallery div#gallery_main{
	padding-left:15px;
}
div#content.gallery div#gallery_main h1{
	padding-bottom:15px;
}
/*ARTISTS*/
p#biog{
	line-height:1.3;
	font-size:1.4em;
	padding-bottom:20px;
}
div#artist_releases{
	padding-bottom:30px;
}


/*Common Element Styles*/
div#content h1.section_header{
	font-size:2.2em;
	line-height:1.4;
}
div#content h2.section_header{
	font-size:1.8em;
	line-height:1.2;
	margin-bottom:10px;
	padding-bottom:2px;
	border-bottom:2px dotted #fff;

}

/*Merch*/
div.merch h1{
	font-size:1.9em;
}
/*Contact*/
div#contact_us{color:#000;}
div#contact_us label{
	display:block;
	margin:5px 0;
	font-size:1.4em;
}
div#contact_us input{
	height:30px;
	width:200px;
	font-size:1.4em;
}
div#contact_us span input{
	margin-top:20px;
	height:30px;
	width:100px;
	font-size:1.3em;
}
div#thanks h2, div#contact_us h2{
	color:#333;
	font-size:1.7em;
}


/*Admin*/
p.admin{
margin:15px 0;
color:red;
font-size:.7em;
}


div#right_bar{
	padding-top:4px;
	width:235px;
}
div#right_bar div#artist_pic_full{
	/*background:  url('/assets/images/artists/artist_pic_full.png') no-repeat;*/
	width:198px;
	height:123px;
}
div#right_bar div#artist_name{
	padding-top:105px;
	text-align:center;
	font-size:1.5em;
}

div#right_bar div#artists_thumbs{
	margin-top:4px;
	width:205px
}
div#right_bar div#artists_thumbs ul{
	line-height:1.4;
}
div#right_bar div#artists_thumbs ul li{
	display:inline;

	/*padding-top:9px;*/
}
div#right_bar div#artists_thumbs ul li a{
	padding-top:42px;
}
div#right_bar div#artists_thumbs ul li a img{
	margin-right:-.5px;
}
div#right_bar div#promo{
	padding-top:1px;
	padding-bottom:4px;
}
div#right_bar div#bottom_right{
	
	width:235px;
	height:34px;
	background: url('/assets/images/common/bottom_right.png') no-repeat;
}




div#left_bar, div#content, div#right_bar{
	display:inline;
	float:left;
}

/* float clearing for IE6 */
* html #left_bar,#content,div#content.latest div.latest:after{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html #left_bar,#content,div#content.latest div.latest:after{
  min-height: 1%;
}

/* float clearing for everyone else */
#left_bar:after,#content:after, div#content.latest div.latest:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}