/******************************** screen stylesheet - updated dec 30, 2009 */

*, 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, 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; background: none; list-style: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
img#wpstats{ width:0; height:0; padding:0; border:none; overflow:hidden; }
.mod:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/******************************** structure */

body { background: #d5d2cc url("/images/content.png"); font: normal 80%/1.6 georgia, serif; color: rgba(43,41,34,1); text-align: center; }

	.container { width: 960px; text-align: left; margin: 0 auto; position: relative; }

	#header { background: url("/images/header.png") top center no-repeat; }
		#header .container { height: 180px; }
	#content { margin: 0 0 5em 0; }
	#footer { background: url("/images/footer.png") bottom center repeat-x; height: 140px; }	

	#main { width: 700px; float: left; margin: 0 0 3em 15px; position: relative; }
	#sidebar { width: 215px; float: right; margin-right: 15px; position: relative; overflow: hidden; }

	.col { width: 315px; margin-right: 15px; float: left; }








/******************************** navigation & header */

#logo { position: absolute; top: 10px; left: 0; }
	#logo a { display: block; position: relative; width: 255px; height: 60px; overflow: hidden; text-indent: -9999px; }

#footer li { float: left; margin-right: 1em; }

#footer .section { float: left; padding-top: 38px; font-size: .85em; }
	#socmed { width: 715px; }
	#site-details { padding-top: 41px; font-size: 11px; }

#footer li a { background: rgba(146,68,53,.75); color: #fff; display: block; padding: 5px 30px; margin-right: 2px; font-size: .85em !important; -moz-border-radius: .25em; -webkit-border-radius: .25em; border-radius: .25em; text-decoration: none; text-transform: uppercase; }
#footer li a:hover { background: rgba(146,68,53,.9); }

#nav { padding-top: 121px; }
#nav ul { position: relative; width: 960px; height: 60px; display: block; background: url("/images/nav.png") no-repeat; }
	#nav li { top: 0 !important; position: absolute !important; }
	#nav li a { position: absolute; height: 60px; display: block; overflow: hidden; text-indent: -9999px; top: 0 !important; }

	#home a 					{ left: 56px; width: 76px; background: url("/images/nav.png") -56px 0 no-repeat; }
	#shows a 					{ left: 147px; width: 84px; background: url("/images/nav.png") -147px 0 no-repeat; }
	#music a 					{ left: 246px; width: 79px; background: url("/images/nav.png") -246px 0 no-repeat; }
	#bio a 						{ left: 339px; width: 111px; background: url("/images/nav.png") -339px 0 no-repeat; }
	#media a 					{ left: 466px; width: 78px; background: url("/images/nav.png") -466px 0 no-repeat; }
	#journal a				{ left: 557px; width: 97px; background: url("/images/nav.png") -557px 0 no-repeat; }
	#news a 					{ left: 670px; width: 123px; background: url("/images/nav.png") -670px 0 no-repeat; }
	#contact a 				{ left: 811px; width: 96px; background: url("/images/nav.png") -811px 0 no-repeat; }

	#home a:hover, #home a.active					{ background-position: -56px -60px; }
	#shows a:hover, #shows a.active				{ background-position: -147px -60px; }
	#music a:hover, #music a.active				{ background-position: -246px -60px; }
	#bio a:hover, #bio a.active						{ background-position: -339px -60px; }
	#media a:hover, #media a.active				{ background-position: -466px -60px; }
	#journal a:hover, #journal a.active		{ background-position: -557px -60px; }	
	#news a:hover, #news a.active					{ background-position: -670px -60px; }
	#contact a:hover, #contact a.active		{ background-position: -811px -60px; }






/******************************** forms */

form {}
	form.signup { margin-top: 5px; }
fieldset.first { float: left; width: 310px; }
fieldset.second { float: left; width: 200px; }
	
label { display: block; clear: left; margin-bottom: .5em; float: left; width: 100%; }
	span.blockit { width: 200px; float: left; }
	span.required { padding: 5px; float: left; display: block; }
	#commentform span.blockit { float: none; display: block; }
	
input, select, textarea { float: left; border: 1px solid #2b2922; background: rgba(233,231,225,.25); padding: 5px; font: normal 1em/1 helvetica, arial, sans-serif; -moz-border-radius: .25em; -webkit-border-radius: .25em; border-radius: .25em; }
textarea { width: 375px;}
input:focus, select:focus, textarea:focus { background: rgba(233,231,225,.75); }

#sidebar button { background: url("/images/button.png") no-repeat; width: 12px; height: 20px; margin: 3px 0 0 5px; text-indent: -9999px; float: left; overflow: hidden; cursor: pointer; }






/******************************** content */

h1, h2, h3, h4 { font: bold 1em helvetica, arial, sans-serif; letter-spacing: -.05em; }
h1 {}

h2 { font-size: 2em; color: rgba(43,41,34,.5); font-weight: normal; }
	h2 a, h2 span { color: rgba(43,41,34,1); font-weight: bold; padding-right: .5em; }

h3 { color: #803e31; font-size: 16px; text-transform: uppercase; padding: 30px 0 5px 0; clear: left; }
	h3.title { font-size: 28px; color: #252321; }
	.single h3.title { padding-top: 0 !important; }
	#older { margin-top: 30px; }
	
h4 { font-size: 1.15em; padding-bottom: .5em; }

p {}
	
ul, ol {}
	
a { color: rgba(33,93,103,.8);  }	
a:hover { color: rgba(33,93,103,1); }	

table { width: 100%; border-top: 1px solid #e7e5df; }
th, td { padding: 5px; border-bottom: 1px solid #e7e5df; }
th { font: bold 1em/1 helvetica, arial, sans-serif; letter-spacing: -.05em; }











/******************************** common */

strong { font-weight: bold; }
em { font-style: italic; }

.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; text-align: right; }
.clear { clear: left; }
	#footer .clear { padding-top: 1em !important; }
.edit { position: absolute; left: -3em; top: 0; }

.buy, .listen { position: absolute; width: 164px; height: 30px; display: block; text-indent: -9999px; }
	.buy { background: url("/images/button-buy.png") no-repeat; top: 288px; left: 30px; }
	.listen { background: url("/images/button-listen.png") no-repeat; top: 288px; left: 197px; }	
	.buy:hover, .listen:hover { background-position: 0 -30px; }

.section { margin-bottom: 2em; }
	.section li, .section p { font-size: 12px; line-height: 1.4; }
	.tweet li { padding-bottom: 1em; }
	.tweet_date a { text-decoration: none; }
	.section .more { margin-top: 15px; }
	
.meta, .date, .tweet_date a, .required { font-style: italic; font-size: .85em !important; color: rgba(43,41,34,.75); }
.single .meta { margin: -5px 0 15px 0; display: block; }

.more, #commentform button { margin: 1em 0; font-size: .65em !important; text-transform: uppercase; }
	.more a, #commentform button { cursor: pointer; background: rgba(50,118,131,1); color: rgba(255,255,255,1); padding: 5px 30px; margin-right: 2px; -moz-border-radius: .25em; -webkit-border-radius: .25em; border-radius: .25em; text-decoration: none; }
	.more a:hover, #commentform button:hover { background: rgba(50,118,131,.5); color }

.post { position: relative; padding: 0 6px; margin-bottom: 1em; }
	.home .post p { font-size: 14px; margin-bottom: 1em !important; }
	.post h2 { line-height: 1; }

	.post p { margin-bottom: 2em; font-size: 1em; }
	.single .post p { font-size: 1.2em; }
	.post ul, .post ol { margin: 0 0 1em 3em; }
	.post ul li { list-style: disc; }
	.post ol li { list-style: decimal; }

.quotes { }
	.fader { margin: 0 !important; }	
	.fader li { list-style: none !important; padding: 15px; background: url("/images/quotes-back.png"); width: 665px; display: block; }

.post .tracks { width: 180px; float: left; }

#flickrfeed { margin: 0 !important; padding: 0 !important; }
#flickrfeed li, #flickrfeed li a { display: block; float: left; margin-right: 5px; list-style: none; }

.archives { float: left; width: 100%; clear: left; }
	.archives .date { float: left; width: 90px; margin-left: 6px; }
	.archives .title { float: left; width: 488px; }
	.archives .url { float: left; width: 110px; margin-right: 6px; text-align: right; }

.comment { clear: left; border-bottom: 1px solid #e7e5df; padding-bottom: 15px; margin-bottom: 15px; float: left; width: 100%; display: block; }
	.comment_meta { width: 200px; float: left; }
		.avatar { float: left; margin-right: 15px; }
		.comment-link, .twit-link a { color: rgba(43,41,34,.75); text-decoration: none; }
	.comment_text { width: 500px; float: right; }
	#comments h3 { border-top: 3px solid #e7e5df; }

#sidebar-shows { border-top: 1px solid #e7e5df; }
	#sidebar-shows li { padding: 5px 0; border-bottom: 1px solid #e7e5df; }
	.gig-date { float: left; width: 100px; }
	
.archives { border-bottom: 1px dotted #fff; padding: 5px 0 3px 0; }
.masthead { margin-bottom: 30px; }