/* =globals ***************************************************/
body { background: #000 url(../images/presentation/main-bg.jpg) top center no-repeat; font-family: helvetica, arial, sans-serif; color: #c2c2c2;}

h1, h2, h3, h4, h5 { color: #fff; font-family: "Times New Roman", Times, serif;}
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }

strong { font-weight: bold; }

ol { }
	ol li { margin: 0 0 0 2em; }
	
table a, p a, ul a { color: #fdb813; text-decoration: none; border: 1px solid #fdb813; border-width: 0 0 1px 0; }
	a.image { border: 0;}
	a img { border: 2px solid #fff;}

table th, table td { vertical-align: middle; }
/* slightly enhanced, universal clearfix hack */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    } 

/* =all pages **************************************************/
#wrapper { width: 1000px; position: relative; margin: 0 auto;}

td.icon { text-align: center; }
	td.icon a { border: none; }
		td.icon img { border: 0; }
	
.pagination { font-size: 0.7em; padding: 2em 0; clear: both; line-height: 1.5em;}
	.pagination a { border: 1px solid #fdb813; text-decoration: none; padding: 3px; margin: 2px; color: #fdb813; }
		.pagination a:hover { background-color: #fdb813; color: #000; }
	.pagination span.current { border: 1px solid #fdb813; background-color: #fdb813; color: #000; padding: 3px 5px; margin: 2px;}
	.pagination span.disabled { border: 1px solid gray; color: gray; padding: 3px 5px; margin: 2px; }

/* =branding ***************************************************/
#branding h1 a { display: block; width: 728px; height: 120px; background: url(../images/presentation/title-bg.png) top left no-repeat; text-indent:-9999px; overflow: hidden; border: 0; margin: 0 auto;}
#branding ul { margin: 320px 0 15px 0; }
	#branding ul li { float: left; }
		#branding ul li a { display: block; height: 60px; text-indent: -9999px; overflow: hidden; background: url(../images/presentation/menu-bg.png) no-repeat; border: 0; }
		
		#branding #menu #news-link { width: 112px; background-position: 0 0px; }
			#home #branding #menu #news-link { background-position: 0 -60px; }
		
		#branding #menu #bio-link { width: 83px; background-position: -112px 0px; }
			#bio #branding #menu #bio-link { background-position: -112px -60px; }
			
		#branding #menu #journal-link { width: 242px; background-position: -195px 0px; }
			#journal #branding #menu #journal-link { background-position: -195px -60px; }
			
		#branding #menu #pictures-link { width: 147px; background-position: -437px 0px; }
			#pictures #branding #menu #pictures-link { background-position: -437px -60px; }
						
		#branding #menu #merch-link { width: 212px; background-position: -584px 0px; }
			#merch #branding #menu #merch-link { background-position: -584px -60px; }
			
		#branding #menu #archives-link { width: 204px; background-position: -796px 0px; }
			#archives #branding #menu #archives-link, .archive #branding #menu #archives-link { background-position: -796px -60px; }

/* =footer *************************************************/			
#footer { clear: both; font-size: 80%; padding: 20px 15px;}

/* =home ***************************************************/
#home #content-main { width: 570px; padding: 15px; float: left; background: #000; }
	#home #content-main .entry { padding: 4px 8px;}
		#home #content-main p { margin: 0.5em 0 1em; line-height: 1.5em;}
	#home #content-main h3 { color: #fff; background: #1a1a1a; padding: 4px 60px 4px 8px; margin: 0 -8px; position: relative; min-height: 24px; height: auto;}
		#home #content-main h3 span { font-size: 0.55em; font-family: helvetica, sans-serif; color: #c2c2c2; display: block; width: 60px; height: 16px; position: absolute; right: 8px; bottom: 50%; margin-bottom: -11px; text-align: right; }

#home #content-sub { width: 395px; float: right; background: url(../images/presentation/shows-splatter-bg.png) bottom left no-repeat; color: #e6cecc; font-size: 85%;}
	#home #content-sub #shows { background: #830900; margin: 0 0 70px 47px; min-height: 213px; padding: 0 0 10px 0; }
		#home #content-sub #shows h2 { text-align: center; height: 48px; background: url(../images/presentation/shows-header-bg.gif) top center no-repeat; text-indent: -9999px;}
		#home #content-sub #shows h4, #home #content-sub #shows h5 { font-size: 1.1em; font-family: helvetica, arial, sans-serif; }
		#home #content-sub #shows h4 { width: 237px; float: left; }
		#home #content-sub #shows h5 { width: 75px; float: left; margin: 0 10px 5px 0; }
		#home #content-sub #shows p { clear: both; margin: 0 0 0 85px; line-height: 1.1em; }
			#home #content-sub #shows p.no-shows { margin: 2em 0 0 97px; }
			#home #content-sub #shows p.past-shows { margin: 2em 0 0 97px; }
			#home #content-sub #shows p.past-shows a { color: #fff; }
			
		#home #content-sub .show { padding: 8px 12px; overflow: auto; }
			#home #content-sub #shows .show .bands { padding: 3px 0; }
			#home #content-sub .show .details { color: #fff; }
			
			#home #content-sub .show .info { width: 237px; float: right; }
				#home #content-sub .show .info h4 { float: none; width: auto; }
				#home #content-sub .show .info p { margin-left: 0; width: auto; float: none; clear: none; }
				#home #content-sub #shows .show .info p.bands { margin-left: 0; }
				#home #content-sub #shows .show .info p.details { margin-left: 0; }
				#home #content-sub .show img { float: left; }
				
#home #content-sub2 { width: 310px; float: right; }
	#home #content-sub2 #photos { margin: 20px 0 0 0; }
		#home #content-sub2 #photos li { float: left; margin: 5px 6px; }
			#home #content-sub2 #photos li a { border: 0; }
				#home #content-sub2 #photos a img { border: 3px solid #fdb813;}
				
	#home #content-sub2 #stalk-us { }
		#home #content-sub2 #stalk-us li { }
			#home #content-sub2 #stalk-us li a { border: 0; }
				#home #content-sub2 #stalk-us li a img { border: 0; }
				
				
/* =bio **************************************************/
#bio #content-main { width: 650px; float: right; }
	#bio #content-main ul { margin: 5px 0;}
		#bio #content-main ul li { margin: 10px 30px;}

#bio #content-sub { width: 320px; float: left; }
	#bio #content-sub li { text-align: center; margin: 0 0 30px 0;}
	#bio #content-sub p { margin: 0;}
	
/* =journal **********************************************/
#journal #content-main { overflow: hidden; }
	#journal #content-main .journal-entry { margin: 30px 0 0 0; clear: both; width: 970px; overflow: hidden;}
		#journal #content-main .journal-entry .text { width: 650px; float: right; margin: 0 20px 0 0; }
			#journal #content-main .journal-entry .text h3 { font-size: 1.2em; }
		#journal #content-main .journal-entry .picture { width: 250px; float: left; }
			#journal #content-main .journal-entry .picture a { border: 0; display: block; float: right; }
			
/* =pictures *********************************************/
#pictures #content-main { }
	#pictures #content-main form { float: right; }
	#pictures #content-main p { clear: both; }
	#pictures #content-main #current-photos { width: 900px; margin: 40px auto 0; }
		#pictures #content-main #current-photos li { float: left; margin: 10px 10px; }
			#pictures #content-main #current-photos li a { border: 0; }
			  #pictures #content-main #current-photos li a img { border-color: #fdb813; } 
				
/* =downloads ********************************************/
#downloads .newline { clear: both; }

#downloads #content-main { }
	#downloads #content-main h2 { margin-bottom: 10px; }
	
	#downloads #content-main ul { margin-bottom: 20px; }
	#downloads #content-main #wallpapers { }
		#downloads #content-main #wallpapers li { float: left; text-align: center; margin: 10px; }
			#downloads #content-main #wallpapers li img { display: block; border: 1px solid white; margin: 10px 0; }
			
	#downloads #content-main #banners { padding: 10px 0 0 0; }
		#downloads #content-main #banners li { margin: 10px; }
			#downloads #content-main #banners li img { border: 1px solid white;}
	
	#downloads #content-main #im-icons { padding: 10px 0 0 10px;}
		#downloads #content-main #im-icons li { float: left; margin: 10px 0;}
		
	#downloads #content-main #tabs { padding: 10px 0 0 0;}
		#downloads #content-main #tabs li { float: left; width: 200px; }
			#downloads #content-main #tabs li ul { }
				#downloads #content-main #tabs li ul li { float: none; margin: 5px 0;}
				
/* =merch ************************************************/
#merch #content-main { }
	#merch #content-main table { margin-bottom: 20px;}
		#merch #content-main table tr { }
			#merch #content-main table tr td { vertical-align: top; padding: 10px; line-height: 1.5em; }
				#merch #content-main table tr td.buy { width: 100px; }
					#merch #content-main table tr td.buy a { }
				#merch #content-main table tr td.image { width: 175px; }
					
	#merch #clothing td.description, #merch #accessories td.description { padding-right: 130px; }
			
	#merch #content-main h2 { }
	#merch #content-main h3 { font-size: 1.3em; }
	
	#merch #content-main #instructions { padding: 0 130px 0 205px; }
		#merch #content-main #instructions h2 { margin-bottom: 10px;}
		
/* =lineup ***********************************************/
#lineup h2 { margin: 0 0 20px 0; }
#lineup h3 { font-size: 90%; }
#lineup table { margin: 0 0 20px 0; }
#lineup table th { text-indent: -9999px; font-size: 20%; }
#lineup table th.name { width: 10%; }
#lineup table th.instrument { width: 20%; }
#lineup table th.dates { width: 20%; }

#lineup table td { padding: 10px 0; line-height: 1.2em; }

/* =allshows *********************************************/
#allshows #content-main table { width: 100%; line-height: 1.2em; border: 1px solid #777; font-size: 90%; }
	#allshows #content-main table th { padding: 5px 3px; border: 1px solid #777;}
	#allshows #content-main table td { padding: 3px; border: 1px solid #777; }
		#allshows table th.date { width: 10%; }
		#allshows table th.location { width: 15%; }
		#allshows table th.venue { width: 15%; }
		#allshows table th.notes { }
		#allshows table th.review-link { width: 5%; }
		#allshows table th.flyer-link { width: 5%; }
	
/* =discography ******************************************/
#discography #content { }
	#discography table { margin-bottom: 30px; }
		#discography table th { text-indent:-9999px; }
			#discography table th.album-cover { width: 190px; }
		#discography table td { vertical-align: top; font-size: 90%; padding: 0 0 15px 0; }
			#discography table td h3 { margin: 5px 0; }
		#discography #content-main table p { margin: 3px 0; }

		#discography #content h2 { clear: both; }
		
		#discography #content .album { float: left; width: 200px; min-height: 200px; text-align: center; margin: 10px; padding: 20px 10px 10px 10px; background: #111; border: 1px solid #333;}
			#discography #content .album:hover { border-color: #fdb813; }
			#discography #content .album h3 { font-size: 1em; }
			#discography #content .album h3 a { text-decoration: none; color: #fdb813; }
		
		#discography #content .single-album { }
			#discography #content .single-album h3 { margin-bottom: 25px; }
			#discography #content .single-album img { float: left; width: 300px; border: 1px solid #333;}
			#discography #content .single-album ul { float: left; width: 600px; margin: 0px 0 0 15px; }
				#discography #content .single-album ul li { margin: 10px 5px; }
			
			
/* =liverecordings ***************************************/
#liverecordings #content { }
	#liverecordings table { font-size: 90%; }
		#liverecordings table th { text-indent: -9999px; }
			#liverecordings table th.show { width: 30%; }
			#liverecordings table th.songs { width: 40%; }
			#liverecordings table th.notes { }
		#liverecordings table td { padding-bottom: 20px; }
		
/* =lyrics ***********************************************/
#lyrics #content { }
	#lyrics #content-main li { clear: both; font-size: 90%; margin-bottom: 15px; overflow: auto; }
		#lyrics #content-main li .text { width: 750px; float: right; }
		#lyrics #content-main li .image { float: left; width: 190px; padding-top: 15px; text-align: center; }
		
/* =songs ************************************************/
#songs #content-main .recorded, .recorded li { color: #fff; }
#songs #content-main .played, .played li { color: #fdb813; }
#songs #content-main .covers, .covers li { color: #830900; }

#songs #content-main ul.recorded { margin-top: 15px;}
#songs #content-main li { float: left; width: 25%;}
	#songs #content-main li h3 { font-size: 1.2em;}
	#songs #content-main li ul li { float: none; padding: 2px; width: 98%; }
	
/* =quotes ***********************************************/
#quotes #content-main ol li { margin: 10px 0 10px 2em; line-height: 1.2em; }

/* =merch archive page ***********************************/
#allmerch #content-main { }
	#allmerch ul { margin-bottom: 30px; }
	 	#allmerch ul li { margin: 0 0 10px 0; }
		#allmerch #content-main ul li p { margin: 0; line-height: 1.2em; }
			#allmerch #content-main ul li p.note { margin: 5px 0 0 0; }
			
/* =reviews **********************************************/
#reviews #content-main { }
	#reviews #content-main ul { }
		#reviews #content-main ul li { margin: 20px 0;}
			#reviews #content-main ul li p { margin: 0; }
			#reviews #content-main ul li cite { line-height: 1.5em; color: #fff;}
			
/* =flyers ***********************************************/
#flyers #content-main p { text-align: center; }
	#flyers #content-main p a { border: 0; }
				
/* =page styles ******************************************/
.page #content { background: #000; padding: 15px; }
	.page #content p { margin: 0.5em 0 1em; line-height: 1.5em;}
	.page #content { padding-top: 20px; }
	
/* =merch-archive ****************************************/
#merch-archive #content-main { overflow: auto; }
	
	#merch-archive #column1 { width: 430px; float: left; }
	#merch-archive #column2 { width: 430px; float: right; }
			
	#merch-archive .merch-item { padding: 10px 0px 10px 20px; }
	
		#merch-archive .merch-item:hover { background: #0a0a0a;}
		
		#merch-archive h3 { padding-top: 15px; }
		
		#merch-archive h4 a { color: #fff;}