/* v1.0 | 20080212
Link: http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}


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

		Table Of Contents:
		01. Layout + Global (nav + bg)
		02. Homepage




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


/************************
	01. Layout
************************/


/* Code for full bleed background
Link: http://www.buildinternet.com/project/supersized/ */
#supersize {position:fixed; z-index: -99;}			
#supersize img {height:100%; width:100%; position:absolute;}

body {
	margin: 0 auto;
	background-color: #000;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font size: 62.5%;	
	text-align: center;
	color: #fff;
	z-index: 1;
}

.wrapper {width: 960px; padding: 1em; padding: 0 10px; margin: 0 auto; overflow: hidden;}

.nav_wrapper {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	border-bottom: 2px solid #e7e7e7;
	overflow: hidden;
	margin-bottom: 30px;
}


/* Nav */
#logo a {
	margin-top: 11px;
	float: left;
	width: 274px;
	height: 37px;
	text-indent: -99999px;
	background-image: url("/images/6131logo.png");
}

.nav_wrapper ul {float: right;}
.nav_wrapper ul li {float: left;}
.nav_wrapper ul li a {
	display: block;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #fff;
	padding: 17px 15px 15px;
	background-color: rgba(0, 0, 0, .0);
	text-decoration: none;
}

.nav_wrapper ul li a:hover {background-color: rgba(150, 150, 150, 0.5);}
.nav_wrapper ul li a:active {background-color: rgba(150, 150, 150, 0.9);}

body#blog .nav_wrapper ul li#blog a {background-color: rgba(150, 150, 150, 0.4);}
body#records .nav_wrapper ul li#records a {background-color: rgba(150, 150, 150, 0.4);}
body#tours .nav_wrapper ul li#tours a {background-color: rgba(150, 150, 150, 0.4);}
body#podcast .nav_wrapper ul li#podcast a {background-color: rgba(150, 150, 150, 0.4);}
body#contact .nav_wrapper ul li#contact a {background-color: rgba(150, 150, 150, 0.4);}

h2 {text-transform: uppercase;}

.content {background-color: rgba(0, 0, 0, 0.5); padding: 15px; text-align: left;}

.hellfish_link a {
	width: 80px; 
	height: 21px;
	text-indent: -99999px;
	background:transparent url("/images/assets/hellfish_icon.png") no-repeat;
	display: block;
}

.hellfish_link a:hover {background:transparent url("/images/assets/hellfish_icon.png") no-repeat 0 -50px;}
.hellfish_link a:active {background:transparent url("/images/assets/hellfish_icon.png") no-repeat 0 -25px;}

.itunes_link a {
	width: 63px; 
	height: 21px;
	text-indent: -99999px;
	background:transparent url("/images/assets/itunes_icon.png") no-repeat;
	display: block;
}

.itunes_link a:hover {background:transparent url("/images/assets/itunes_icon.png") no-repeat 0 -50px;}
.itunes_link a:active {background:transparent url("/images/assets/itunes_icon.png") no-repeat 0 -25px;}

html, body {height: 100%;}
#all {min-height: 100%;}
#all_wrapper {overflow:auto; padding-bottom: 240px;}  /* must be same height as the footer */

#footer {
	width: 100%;
	position: relative;
	height: 240px;
	margin-top: -240px;
	background-color: #000;
}

/*Opera Fix*/
body:before { content:""; height:100%; float: left; width: 0; margin-top:-32767px;/}

#footer .wrapper {padding: 20px 15px 15px; text-align: left; width: 930px;}

#band_list ul {margin-top: 10px; text-align: justify;}
#band_list ul li {margin-bottom: 15px; font-size: 0.7em; text-transform: uppercase; display: inline-block; margin-right: 20px;}
#band_list ul li a {color: #DBDBDB; text-decoration: none; text-shadow: 0 1px 1px #666; padding-bottom: 2px; border-bottom: 1px solid #3F3F3F;}
#band_list ul li a:hover {padding-bottom: 2px; border-bottom: 1px solid #fff;}

#credits ul {float: right; font-size: 0.7em; margin-top: 60px; width: 300px;}
#credits ul li {color: #666; display: inline;}
#credits ul li a {color: #666; text-decoration: none; text-shadow: 0 1px 1px #666; padding-bottom: 2px; border-bottom: 0px solid #666;}
#credits ul li a:hover {color: #fff; border-bottom: none; text-shadow: 0;}

#wrkers {margin-right: 10px;}

a .wrkers_hide {color: #000; border: 1px solid #000; text-shadow: 0 1px 1px #000;}
a:hover .wrkers_hide {color: #fff; border: 1px solid #000; text-shadow: 0 1px 1px #000;}

/************************
	02. Homepage
************************/

#home_blog_container {
	width: 270px;
	float: left;
	border-top: 2px solid #ffff99;
}

#home_slider {width: 620px; height: 340px; background-color: rgba(150, 150, 150, 0.5); float: right; border-top: 2px solid #8393ca; margin-bottom: 30px;}

body#home h2 {font-size: 1.0em; border-bottom: 1px solid #fff; display: inline-block; margin: 0 0 10px 0;}

.home_blog_date {font-size: 0.7em; margin: 10px 0 0 0; text-shadow: 0 1px 1px #2E2E2E;}

.home_blog_title a {
	font-size: 0.8em; 
	display: inline-block;
	color: #fff;
	margin: 7px 0 15px;
	padding-right: 17px;
	background-color: transparent;
	background-image: url("../images/assets/link.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
	text-shadow: 0 1px 1px #2E2E2E;
	text-decoration: none;
}
.home_blog_title a:hover {color: #e7e7e7; text-decoration: underline;}

.container { width:620px; height:440px; overflow:hidden; position:relative;}
.slides { position:absolute; top:0; left:0; }
.slides > div { position:absolute; top:0; width:620px; display: none;}
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:620px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }

#home_records {
	width: 620px;
	background-color: rgba(0, 0, 0, 0.5); 
	float: right;
	border-top: 2px solid #7accc8;
}
#home_records ul li {float: left; margin-left: 1px; width: 206px;}
#home_records ul li.one  {margin-left: 0px;}
.home_records_artist {text-transform: uppercase; margin: 10px auto; font-size: 1.0em;}

.home_records_artist .small {color: yellow;}
.home_records_format, .home_records_title {text-shadow: 0 1px 1px #2E2E2E;}
.home_records_title {font-size: 0.8em;}
.home_records_format {font-size: 0.7em; margin: 11px auto;}

#home_records .product_links {width: 150px; margin: 0 auto 14px; overflow: hidden;}
#home_records .itunes_link, #home_records .hellfish_link {display: inline-block; margin: 0 auto 0;}

#home_small_banners {width: 620px; float: right; margin: 30px 0 0 0;}
/*
#home_podcast {width: 260px; height: 150px; border-top: 2px solid #f9ad81; float: left;}
*/
#home_twitter {width: 590px; height: 80px; border-top: 2px solid #f9ad81; float: right; margin-bottom: 30px;}

#home_twitter #twitter {font-size: 0.8em; line-height: 1.4em; height: 100px; margin-top: 0;}
#home_twitter #twitter a {color: #fff; text-decoration: underline;}
#home_twitter #twitter a:hover {color: #e7e7e7; text-decoration: underline;}

/************************
	03. Sidebar
************************/

#sidebar {
	width: 300px;
	float: right;
	overflow: visible;
}

.sidebar_container {
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	border-top: 2px solid #ffff99;
	margin-bottom: 35px;
}

.sidebar_records ul li img {
	width: 139px;
}

.sidebar_container ul li.left {float: left;}
.sidebar_container ul li.right {float: right;}

.sidebar_container h3 {
	text-transform: uppercase;
	font-size: 1.2em; display: inline-block; 
	border-bottom: 1px solid #fff;
}

ul#sidebar_records_info {
	padding: 0px 15px 15px 15px;
	text-align: left;
	text-shadow: 0 1px 1px #2E2E2E;
	font-size: 0.8em;
}

ul#sidebar_records_info li {
	margin: 19px 0 0 20px;
	list-style-type: decimal;
	list-style-position: outside;
}

#sidebar_records_title {margin: 15px 0 0 0; display: inline-block; text-align: left;}
.sidebar_container.links {padding: 15px; text-align: left;}

.sidebar_container.links ul li a {
	display: inline-block; 
	font-size: 0.8em; 
	text-shadow: 0 1px 1px #2E2E2E; 
	margin: 20px 0 2px;
	text-decoration: none;
	color: #fff;
}

.artist_name, .artist_title {display: inline;}
.artist_format {font-size: 0.9em; margin: 5px 0 0 0;}

#facebook_sidebar {margin-bottom: 30px;}

/************************
	04. Blog
************************/

#blog_wrapper {
	width: 620px;
	float: left;
}

.post {margin-bottom: 50px; border-top: 2px solid #7accc8; overflow: hidden;}
.post h2 {font-size: 1.2em; display: inline-block; border-bottom: 1px solid #fff;} 

.blog_content {
	margin: 15px 0;
	font-size: 0.8em;
	line-height: 1.5em;
	text-shadow: 0 1px 1px #2E2E2E;
	
}

.post_date {display: inline; font-size: 0.8em; text-shadow: 0 1px 1px #2E2E2E; margin: 0 0 0 10px;}

.blog_content p {margin: 0 0 18px 0;}
.blog_content a {color: #fff; padding: 2px 3px; background-color: rgba(255,91,90,0.3); text-decoration: none;}
.blog_content a:hover {background-color: rgba(255,91,90,0.6);}
.post_header {margin: 5px 0 0 0;}

/************************
	05. Records
************************/

.records_wrapper {
	width: 100%;
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.5);
	border-top: 2px solid #a3d39c;
	overflow: hidden;
	margin-bottom: 50px;
}

.records_info {
	width: 200px;
	float: left;
	text-align: left;
	font-size: 0.9em;
	text-shadow: 0 1px 1px #757575;
	color: #e7e7e7;
	overflow: hidden;
}

.records_cat {font-size: 0.8em; margin-bottom: 20px;}
.records_artist {font-size: 1.5em; text-transform: uppercase; color: #fff;}
.records_title {font-size: 1.0em; margin-top: 2px;}
.records_format {font-size: 0.7em; margin-top: 15px;}

.records_cover img {border: 1px solid #757575; margin-top: 20px;}
.records_links {width: 90px; margin: 10px 0; text-align: center;}
.pressing_info {
	width: 760px;
	float: right;
	text-align: left;
	line-height: 1.0em;
}

.pressing_info ul li {
	float: left;
	height: 220px;
	width: 180px;
	margin: 10px 5px 15px;
}

.pressing_info ul li .pressing_details {font-size: 0.8em; text-shadow: 0 1px 1px #2E2E2E; text-align: center; margin-top: 20px;}

.records_links .hellfish_link, .records_links .itunes_link {display: inline-block; margin-bottom: 7px;}

/************************
	06. Tours
************************/

#tours_wrapper {
	width: 620px;
	float: left;
}

.tour_notes {font-size: 0.9em; line-height: 1.4em; margin-bottom: 10px;}
ul.tour_dates li {margin-bottom: 10px;} 

/************************
	07. Contact
************************/

#googleMap {width: 590px; height: 400px; margin: 15px 0 15px;}

ul#contact li {
	width: 196px;
	float: left;
	text-align: center;
}


ul#contact li h2 {font-size: 1.0em; text-transform: uppercase; text-decoration: none; border: 0; margin: 10px 0 20px;}
ul#contact li p {font-size: 0.7em; line-height: 1.5em; margin-bottom: 20px; text-shadow: 0 1px 1px #2E2E2E;}
ul#contact li a {color: #fff; padding: 2px 3px; background-color: rgba(255,91,90,0.3); text-decoration: none;}
ul#contact li a:hover {background-color: rgba(255,91,90,0.6);}

/************************
	08. Financial
************************/

body#financial {background: #8F8F8F url('/images/fin_bg.jpg') repeat; color: #4F4F4F; font-size: 0.8em; text-shadow: 0 1px 1px #CBCBCB; text-align: center;}
#financial_wrapper {
	width: 522px;
	margin: 0 auto;
	padding: 10px;
	background-color: #fff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	overflow: hidden;
}

.fin_rec_num {font-size: 0.8em; text-align: left; color: #9D9D9D; display: inline-block; float: left;}
.fin_rec_artist {
	font-size: 2.0em; 
	text-align: left; 
	text-transform: uppercase;
	margin-left: 60px;
	margin-top: -3px;
}
.fin_rec_title {
	float: left;
	margin-left: 60px;
	margin-top: 8px;
	color: #E5E412;
}

/************************
	09. Podcast Blog
************************/

body#fwp {
	background-color: #e7e6dc;
}

#podcast_wrapper {
	width: 640px;
	margin: 0 auto;
}

.fwp_post {
	width: 640px;
	padding: 20px;
	background-color: #f5f4ee;
	margin: 60px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.fwp_title {
	position: relative;
	margin-top: -90px;
}

.fwp_title a {
	color: #2B2B2B;
	font-size: 1.7em;
	display: inline-block;
	background-color: #D5FFFD;
	margin: 6px 0;
	padding: 6px 10px 3px;
	border-bottom: 3px solid #D3D3D3;
	text-transform: uppercase;
	text-decoration: none;
}

.fwp_content {
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-align: left;
}

.fwp_content a {
	color: #000;
	text-decoration: none;
	padding: 1px 1px;
	background-color: #fff;
	border-bottom: 1px solid #808080;
}

.fwp_content a:hover {border-bottom: 1px solid #802932;}

.fwp_content p {margin-bottom: 30px; line-height: 1.4em;}

.fwp_post_info {
	position: relative;
	padding: 8px;
	background-color: #D5FFFD;	
	color: #000;
	width: 56px;
	top: 4px;
	left: -92px;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.fwp_post_info img {border: 3px solid #e7e6dc;}
.fwp_post_date {
	padding: 3px 0;
	font-size: 0.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	font-weight: bold;
}

#top_links {
		position: fixed;
		top: 0;
		left: 0;
		background-color: #000;
		z-index: 1;
}

#top_links a {color: #fff; text-decoration: none; border-bottom: 1px solid #999;}
#top_links a:hover {border-bottom: 1px solid #FF95DB;}
#top_links ul li {float: left; font-size: 0.8em; padding: 10px 8px;} 
ul li#itunes_link {
	background: transparent url("../_images/podcastIcon.png") no-repeat left 6px;
}

ul li#itunes_link a {margin-left: 17px;}

.fwp_post.scottarnold .fwp_title a, .fwp_post.scottarnold .fwp_post_info {background-color: #D5FFFD;}
.fwp_post.joeycahill .fwp_title a, .fwp_post.joeycahill .fwp_post_info {background-color: #EFCFFF;}
.fwp_post.rayharkins .fwp_title a, .fwp_post.rayharkins .fwp_post_info {background-color: #FFF3AD;}