/*
Description: Stylesheet for Jacob Martin
Version: 0.1
Author: Nick Zlonis
Author URI: http://figureground.com/
*/

/* =Defaults
----------------------------------------------- */

* {font-size: 100%; padding: 0; margin: 0;}

a:link { color:#796b26; text-decoration:none; }
a:visited { color:#747631; text-decoration:none; }
a:hover { color:#4a4c1a; text-decoration:none; }
a:active { color:#000; text-decoration:underline; }
a { border:none; }
a img {border: none;}
blockquote {
	background:#f5f5f5;
	border:1px solid #eee;
	color:#666;
	margin:0 0 1em 0;
	padding:1em 1em 0;
}
h1 {font-size: 2em; margin: 0 0 0.5em 0; padding: 0.25em 0;}
h2 {font-size: 1.66em; font-weight:normal; margin: 0 0 0.5em 0; padding: 0.25em 0;}
h3 {font-size: 1.25em; margin: 0 0 0.5em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0 0 0.25em 0;}
h5 {font-size: 0.1em; margin:0 0 0.25em 0;}
h6 {font-size: 0.9em; margin: 0;}
p { font-size:0.9em; line-height:1.6em; margin: 0 0 1em 0;}
ul, ol {margin: 0; }
dt {margin: 0.5em 0 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0;}


/* =Structure
----------------------------------------------- */

body {
	background:#120b09 url(../images/body_border_bg.png) center top repeat-x;
	font-family:"Helvetica Neue",arial,helvetica,sans-serif;
	font-size:99%;
	text-align:center;
}

div#container {
	margin:0 auto;
	text-align:left;
	width:960px;
}


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


div#header {
	margin:0 auto;
	text-align:center;
	width:960px;
}
body.home div#header {
}

ul#nav_primary {
	background:url(../images/main_bg.png) left top no-repeat;
	height:46px;
	list-style:none;
	margin:0;
	text-align:center;
	overflow: hidden;
	padding:0;
	white-space:nowrap;
	}
ul#nav_primary li{
	display:inline;
	font-size:2.2em;
	margin:0;
	text-transform:uppercase;
	padding:0;
	}

ul#nav_primary li a { 
	margin:10px 0 0 0;
	padding:0 7px 0 7px; 
}

ul#nav_primary li a:link { color:#1a0b07; }
ul#nav_primary li a:visited { color:#1a0b07; }
ul#nav_primary li a:hover { color:#7a6b26; }
ul#nav_primary li a:active { color:#81722d; }

ul#nav_primary li.current a {
	color:#7a6b26;
}

h1#sitehead {
	height:82px; 
	margin:50px 0 40px 0;
	width:943px;
}

h1#sitehead a {
	
}

#woodband {
	background:url(../images/main_bg.png) center top no-repeat;
	height:50px;
	margin:0 auto;
	width:988px;
}
#woodband div {
	background:url(../images/woodband_bg.png) center top no-repeat;
	height:50px;
	width:988px;	
}

/* =Content
----------------------------------------------- */

#album_cover {
	border:1px dashed #968b78;
	float:left;
	margin-right:30px;
	padding:10px;
}

h3.album_title {
	font-size:2em;
	text-transform:uppercase;
}
h4.album_title {
	width:150px;
}
h5.album_price {
	font-size:2em;
	font-weight:normal;
}

h3.biohead {
	font-size:2.2em;
	text-transform:uppercase;
}

.column_main {
	float:left;
	overflow:visible;
	width:600px;
}
body.contact .column_main {
	width:620px;
}
body.home .column_main, body.shows .column_main {
	width:640px
}
.column_main_pad {
	padding:0 30px 0 0;
}

.commentlinks a {
	font-family:"helvetica neue",arial,helvetica,sans-serif;
	font-size:0.9em;
}
.commentlinks a:link { color:#9f7235; }
.commentlinks a:visited { color:#9f7235; }
.commentlinks a:hover { color:#231b12; }
.commentlinks a:active { color:#231b12; }

h3.contact {
	font-size:2em;
	text-transform:uppercase;
}
ul.contact {
	list-style:none;
	margin:10px 0 0 0;
}
ul.contact li {
	border-bottom:1px dashed #968b78;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}

div#content {
	background:url(../images/main_bg.png) left top repeat-y;
	color:#231b12;
	overflow:visible;
	padding:0 0 40px 0;
}
body.home div#content {
	background:url(../images/main_bg_home.png) left bottom no-repeat;
}
div#content_pad {
	margin:0 auto;
	overflow:visible;
	padding:0 0 0 40px;
}
body.contact div#content_pad {
	padding:0 0 0 20px;
}
body.home div#content_pad {
	padding:0;
}
body.shows div#content_pad {
	padding:0;
}

.discography_item {
	border:1px dashed #968b78;
	float:left;
	margin:0 20px 20px 0;
	padding:10px;
}
.discography_item a:link { color:#1a0b07; }
.discography_item a:visited { color:#1a0b07; }
.discography_item a:hover { color:#796b26; }
.discography_item a:active { color:#796b26; }
.discography_item img {
	margin-bottom:0.5em;
}
.discography_item h4 {
	font-weight:normal;
	width:150px;
}
.discography_clear {
	margin: 0 0 20px 0;
}

div.hr {
	background:url('../images/hr_bg.png') top left no-repeat;
	border-bottom:1px dashed #968b78;
	clear:both;
	height:1px;
	margin:0 0 1em 0;
}
h2.headline {
	color:#796b26;
	font-size:2.4em;
	margin:10px 0 0 20px;
	text-transform:uppercase;
}
h3.headline {
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:0;
}
h3.headline a:link { color:#231b12; }
h3.headline a:visited { color:#231b12; }
h3.headline a:hover { color:#231b12; }
h3.headline a:active { color:#231b12; }

h2.pagehead {
	height:24px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:598px;
}
	h2.pagehead_news {
		background:url('../images/h2_news.png') top left no-repeat;
	}
	h2.pagehead_pics {
		background:url('../images/h2_pics.png') top left no-repeat;
	}
	h2.pagehead_shows {
		background:url('../images/h2_shows.png') top left no-repeat;
	}
	h2.pagehead_media {
		background:url('../images/h2_media.png') top left no-repeat;
	}
	h2.pagehead_bio {
		background:url('../images/h2_bio.png') top left no-repeat;
	}
	h2.pagehead_contact {
		background:url('../images/h2_contact.png') top left no-repeat;
	}
	h2.pagehead_store {
		background:url('../images/h2_store.png') top left no-repeat;
	}

h3.mediatitle {
	font-size:2.2em;
	text-transform:uppercase;
}

ul.mp3s {
	list-style:none;
	margin:0 0 1em 0;
}
ul.mp3s li a {
	display:block
	padding:4px 0;
}
ul.mp3s li a:link { color:#1a0b07; text-decoration:underline;  }
ul.mp3s li a:visited { color:#1a0b07; text-decoration:underline;  }
ul.mp3s li a:hover { color:#796b26; text-decoration:underline;  }
ul.mp3s li a:active { color:#796b26; text-decoration:underline;  }

.pic_item {
	border:1px dashed #968b78;
	float:left;
	margin:0 20px 20px 0;
	padding:10px;
	text-align:center;
}


p.posted {
	font-family:"helvetica neue",arial,helvetica,sans-serif;
	font-size:0.8em;
}

.show_city {
	color:#796b26;
	font-size:0.9em;
}
.show_date {
	float:left;
	font-size:1.3em;
	padding:0 0 0 30px;
	width:150px
}
.show_description {
	font-family:"helvetica neue",arial,helvetica,sans-serif;
	font-size:0.8em;
	margin-top:20px;
}
.show_description p {
	font-size:1em;
}
.show_links {
	float:left;
	font-size:1.2em;
	width:100px
}
.show_links a:link { color:#130b04; }
.show_links a:visited { color:#130b04; }
.show_links a:hover { color:#796b26; }
.show_links a:active { color:#796b26; }

.show_location {
	float:left;
	width:260px;
}
.show_venue {
	font-size:1.3em;
}

img.store_img_detail {

}
.store_item {
	border:1px dashed #968b78;
	float:left;
	text-align:center;
	margin:0 20px 20px 0;
	padding:10px;
}
.store_clear {
	margin:0 0 20px 0;
}
.tracks {
	float:left;
	font-size:0.9em;
	width:200px;
}
.tracks ol {
	margin-left:10px;
}
.tracks ol li {
	padding:4px 0;
}
ul {
	list-style:square;
	margin-left:1.5em;
}

.video {
	border:1px dashed #968b78;
	clear:both;
	float:left;
	margin:0 0 20px 0;
	padding:10px;
}
.video h3.title {
	font-size:1.3em;
	font-weight:normal;
}

/* =Sidebar
----------------------------------------------- */

.box_shadow {
	background:url(../images/box_shadow.png) right top no-repeat;
	height:15px;
	margin:0 0 1em 0;
	position:relative;
	right:-9px;
	width:320px;
}

.box_shows a#showslink {
	font-family:"helvetica neue",arial,helvetica,sans-serif;
	font-size:0.8em;
}
.box_shows a#showslink:link { color:#666; }
.box_shows a#showslink:visited { color:#666; }
.box_shows a#showslink: hover { color:#231b12; } 
.box_shows a#showslink: active { color:#231b12; }

.box ul li a:link { background:#cfcdb4; color:#000; }
.box ul li a:visited { background:#cfcdb4; color:#000; }
.box ul li a:hover { background:#dddac4; color:#000; }
.box ul li a:active { background:#e7e2cf; color:#000; text-decoration:none; }

.box ul li.active a {
	
	font-weight:bold;
}

.box {
	background:#cfcdb4;
	border:1px solid #dfd9cd;
	margin:5px 0 0 0;
	position:relative;
	right:-10px;
}
.box_shows {
	padding:0 0 0 10px;
	margin:0 0 1em 0;
}

.column_side {
	float:left;
	overflow:visible;
	padding:20px 0 0 0;
	width:320px;
}

.column_side h3 {
	color:#7a6b26;
	font-size:2.2em;
	margin:10px 0 0 10px;
	padding:0;
	text-transform:uppercase;
}
ul#recentnews {
	list-style:none;
	margin-left:0;
}
ul#recentnews li a{
	border-bottom:1px dashed #968b78;
	display:block;
	padding:10px 60px 10px 20px;
}
ul#recentnews li a span.title {
	font-size:1.4em;
}
ul#recentnews li a:link { background:none; color:#1a0b07; }
ul#recentnews li a:visited { background:none; color:#1a0b07; }
ul#recentnews li a:hover { background:url(../images/home_news_hover_bg.png) right 50% no-repeat; color:#1a0b07; }
ul#recentnews li a:active { background:url(../images/home_news_hover_bg.png) right 50% no-repeat; color:#1a0b07; }

ul.recentnews li a span.date {
	color:#796b26;
	display:block;
	font-size:0.8em;
}

table.shows {
	border-collapse:collapse;
	font-size:0.8em;
}
table.shows td {
	border-top:1px solid #6d655b;
	padding:3px;
}
table.shows tr {
}

.box ul {
	list-style:none;
	margin:0;
}

.box ul li {
	border-bottom:2px dashed #beb097;
}
.box ul li:last-child {
	border-bottom:none;
}
.box ul li a {
	display:block;
	padding:12px;
}

.box ul.shows li  {
	padding:12px;
}
.box ul.shows li span.location {
	font-size:0.8em;
}

a#launch_audio_player_btn {
	margin:0 0 16px 0;
	position:relative;
	right:-10px;	
}


/* =Footer
----------------------------------------------- */

div#footer {
	color:#e4ddd1;
	overflow:hidden;
}
div#footer_pad {
	margin:0 auto;
	overflow:hidden;
	padding:40px 0;
	text-align:left;
	width:940px;
}

.footcol ul li {
	color:#e4ddd1;
	padding: 4px 0;
}
.footcol a:link { color:#e4ddd1; }
.footcol a:visited { color:#e4ddd1; }
.footcol a:hover { color:#796b26; }
.footcol a:active { color:#796b26; text-decoration:underline; }

.footcol {
	float:left;
}
.footcol_nav {
	width:200px;
}
.footcol_friends {
	width:200px;
}
.footcol_find {
	width:240px;
}
.footcol_news {
	width:300px;
}
.footcol_news input#email {
	background:#e7e2cf;
	border:1px dashed #999886;
	color:#1a0b07;
	font-size:0.8em;
	margin:0 8px 0 0;
	padding:3px 0;
	width:180px;
}

#footer h2 {
	color:#7a6b26;
	font-size:2em;
	text-transform:uppercase;
}

.footcol ul {
	font-size:0.9em;
	list-style:none;
	margin-left:0.5em;
}
#signup_btn {
	vertical-align:middle;
}
#signup_form {
	background:#cfcdb4;
	padding:8px;
}

#slider_btm {
	background:url(../images/slider.png) center top no-repeat;
	height:292px;
	margin:0 auto;
	width:1024px;
}

#slider_top {
	background:url(../images/main_bg.png) center top no-repeat;
	margin:0 auto;
	width:1025px;
}

#subfooter {
	background: url(../images/subfooter_bg.png) center top repeat-x;
	height:38px;
	text-align:center;
}
#subfooter div {
	margin:0 auto;
	padding-top:4px;
	text-align:right;
	width:960px;
}
#subfooter div a {
	padding:0 0 0 10px;
}

/* Scrollable Styles
   ------------------------------------ */
.scroller {
  height: 258px;
  width: 1025px;
  position: relative;
  margin: 0px;
  z-index: 10;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	float:left;
	overflow:hidden;
	position:relative;
	width: 965px;
  height: 258px;
  /*margin-left: 30px;*/
  background:url(../images/bg-slider.png) repeat-x left top;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	/*clear:both;*/
}

/* single scrollable item */
.scrollable .items div.item {
  background-color: #e9e2d6;
	cursor: pointer;
	float: left;
	margin: 30px 10px 0px 10px;
	height: 200px;
	width: 300px;
}
.scrollable .items div.item img {
  height: 200px;
	width: 300px;
}

/* active item */
.scrollable .active {
  /*opacity: 1;*/
	/*position:relative;*/
	/*z-index:9999;*/
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/arrows_scroller.png) no-repeat;
	display: block;
	width: 30px;
	height: 258px;
	float: left;
	margin: 0;
	cursor: pointer;
	font-size: 1px;
}

/* right */
a.right 				{ background-position: right top; float: right; }
/*a.right:hover 	{ background-position:-46px -184px; }*/
/* a.right:active 	{ background-position:-60px -30px; }  */


/* left */
a.left				{ background-position: left top; margin-left: 0px; } 
/*a.left:hover  { background-position:-46px 0; }*/
/* a.left:active { background-position:-60px 0; } */

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

/* End Scrollable Styles
   ------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* =Hacks */
div.clear {
	clear:both;
	height:0px;
	width:100%;
}

/* =IE PNG Transparency Fix
----------------------------------------------- */
.box,h2.pagehead,div.hr,img,#newsletter_signup,#newsletter_signup_btn { behavior: url(js/iepngfix.htc) }