@import url("reset.css");

/* Universal Objects
************************************************/

body {
	font-family: Georgia, Times, "serif";
	font-size: 13px;
	color: #3b3732;
	
	background-image: url(/images/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #4d463d;
	text-align: center; /* Aligns the container to center */
}

#main-container { /* Centers Content */
	width: 959px;
	margin: 0 auto 20px;
	
	text-align: left; /* Resets the text */
}

#sub-container {	/* Offset ten pixels to make up for the scrollbar */
	width: 959px;
	margin-left: -9px;
	
	background-image: url(/images/content-background.jpg);
	background-position: 258px 276px;
	background-repeat: repeat-y;
}

.left-title {
	
}

#mast-head {
	height: 93px;
	
	background-image: url(/images/masthead.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#left-column {
	width: 332px;
	float: left;
}

#right-column {
	width: 627px;
	padding-top: 10px; margin-bottom: -20px;
	float: left;
	
	background-image: url(/images/right-background.jpg);
	background-position: 567px 0px;
	background-repeat: no-repeat;
}

#footer {
	margin-top: 35px;
	width: 701px; height: 106px;
	float: right;
	
	background-image: url(/images/footer.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#footer_content {
	padding: 0px 75px 0px 95px;
	font-size: 10px;
	color: #7c6b56;
	text-align: center;
}
#footer_content p {
	line-height: 11px;
}

/* Left Menu
************************************************/

#menu {
	width: 332px; height: 176px;
	padding: 23px 44px 34px 82px;
	
	background-image: url(/images/menu/menu-background.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

	#menu a.biography {
		width: 206px; height: 47px;
		display: block;
		
		background-image: url(/images/menu/biography.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#menu a.biography:hover {
		background-position: 0px -47px;
	}
	
	#menu a.schedule {
		width: 206px; height: 56px;
		display: block;
		
		background-image: url(/images/menu/schedule.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#menu a.schedule:hover {
		background-position: 0px -56px;
	}
	
	#menu a.gallery {
		width: 119px; height: 39px;
		display: block;
		float: left;
		
		background-image: url(/images/menu/gallery.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#menu a.gallery:hover {
		background-position: 0px -39px;
	}
	
	#menu a.store {
		width: 87px; height: 39px;
		display: block;
		float: left;
		
		background-image: url(/images/menu/store.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#menu a.store:hover {
		background-position: 0px -39px;
	}
	
	#menu a.links {
		width: 84px; height: 34px;
		display: block;
		float: left;
		
		background-image: url(/images/menu/lyrics.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#menu a.links:hover {
		background-position: 0px -34px;
	}
	
	#menu a.contact {
		width: 122px; height: 34px;
		display: block;
		float: left;
		
		background-image: url(/images/menu/contact.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#menu a.contact:hover {
		background-position: 0px -34px;
	}
	
/* Footer Frame
************************************************/

#frame {
	width: 100%;
	padding: 0 0 0 3px;
	display: block;
	position: fixed;
	bottom: 0;
	
	background-image: url(/images/frame-background.jpg);
	background-position: top center;
	background-color: #000;
}
	
	#frame img {
		float: left;
	}

#frame-menu {
	width: 838px;
	margin: 0 auto 0;
	text-align: left;
}

	#frame-menu a {
		height: 47px;
		display: block;
		float: left;
		
		background-image: url(/images/frame/links.jpg);
		background-repeat: no-repeat;
	}

	#frame-menu a.home {
		width: 60px;
		background-position: 0px 0px;
	}
	
	#frame-menu a.home:hover {
		background-position: 0px -47px;
	}
	
	#frame-menu a.biography {
		width: 86px;
		background-position: -60px 0px;
	}
	
	#frame-menu a.biography:hover {
		background-position: -60px -47px;
	}
	
	#frame-menu a.schedule {
		width: 83px;
		background-position: -146px 0px;
	}
	
	#frame-menu a.schedule:hover {
		background-position: -146px -47px;
	}
	
	#frame-menu a.gallery {
		width: 72px;
		background-position: -229px 0px;
	}
	
	#frame-menu a.gallery:hover {
		background-position: -229px -47px;
	}
	
	#frame-menu a.store {
		width: 58px;
		background-position: -301px 0px;
	}
	
	#frame-menu a.store:hover {
		background-position: -301px -47px;
	}
	
	#frame-menu a.links {
		width: 57px;
		background-position: -359px 0px;
	}
	
	#frame-menu a.links:hover {
		background-position: -359px -47px;
	}
	
	#frame-menu a.contact {
		width: 59px;
		background-position: -416px 0px;
	}
	
	#frame-menu a.contact:hover {
		background-position: -416px -47px;
	}
	
/* Promo
************************************************/

#header-promo {
	width: 627px; height: 183px;
	margin-top: -10px;
	
	background-image: url(/images/promos/header.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#header-promo img {
	margin: 23px 0px 0px 15px;
	width: 550px;
	height: 130px;
}

#promo {
	width: 231px; height: 236px;
	padding: 14px 33px 11px 68px;
	
	float: left;
	position: relative;
	
	background-image: url(/images/promos/promo-background.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

	.promo-border {
		width: 231px; height: 236px;
		position: absolute;
		top: 14px; left: 68px;
		
	}
	
	.promo-image {
		width: 231px; height: 236px;
	}

/* Content
************************************************/

#content {
	padding: 5px 70px 0 20px;
}

	#right-column .subpage {
		padding: 0 70px 0 20px;
	}
	
	#content .left-column {
		width: 258px;
		margin-right: 20px;
		float: left;
	}
	
	#content .right-column {
		width: 258px;
		float: left;
	}

.homepage-photo {
	margin-right: 20px;
	float: left;
}

#photo {
	width: 231px; height: 236px;
	padding: 5px 13px 11px 38px;
	
	float: right;
	position: relative;
}

	.photo-border {
		width: 231px; height: 236px;
		position: absolute;
		top: 5px; left: 38px;
		
	}
	
#photo img.photo-image {
	margin: 2px 0px 0px 3px;
	width: 228px; height: 231px;
}

#photo.home { float: left; padding-left: 0px; width: 176px; height: 181px; }
#photo.home .photo-border { top: 5px; left: 0px; width: 176px; height: 181px; }
#photo.home img.photo-image {	width: 173px; height: 176px; }

/* News */

div.news_entry {
	clear: both;
}

div.news_entry div.news_photo {
	position: relative;
	margin: 0px 0px 10px 15px;
	width: 173px;
	height: 177px;
	float: right;
	overflow: hidden;
}
div.news_photo img.photo_border_sm {
	margin: 0px;
	padding: 0px;
	position: absolute;
}
div.news_photo img.photo {
	margin: 2px 0px 0px 3px;
}

/* Schedule */

div#schedule div.line {
	display:block;
	margin: -5px 0px 5px 0px;
	clear:both;
	height:0;
	padding:0;
	overflow: hidden;
	border-top: 1px dashed #928874;
}

div#schedule table#upcoming_shows, div#schedule table#recent_shows {
	width: 538px;
}
div#schedule table#recent_shows {
	margin: 15px 0px 25px 0px;
}
div#schedule table#upcoming_shows tr.header th, div#schedule table#recent_shows tr.header th {
	padding-top: 1px;
	height: 20px;
	color: #665f50;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	border-bottom: 1px dashed #928874;
}
div#schedule table#upcoming_shows tr.event_even td, div#schedule table#upcoming_shows tr.event_odd td, div#schedule table#recent_shows tr.event_even td, div#schedule table#recent_shows tr.event_odd td {
	padding: 15px, 0px 15px, 0px;
	font-size: 14px;
	line-height: 20px;
}
div#schedule table#upcoming_shows tr.event_even, div#schedule table#recent_shows tr.event_even {
	background-image: url(/images/schedule_alt_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
div#schedule table#upcoming_shows tr.event_more_info td, div#schedule table#recent_shows tr.event_more_info td {
	padding: 15px, 0px 15px, 0px;
	font-size: 12px;
	line-height: 14px;
	border-bottom: 1px dashed #c4b89f;
}
div#schedule table#upcoming_shows tr.event_more_info td p, div#schedule table#recent_shows tr.event_more_info td p {
	margin: 10px 0px 10px 0px;
}

div#schedule p.prev_link, div#schedule p.next_link {
	margin-top: 15px;
	font-size: 11px;
}
div#schedule p.prev_link {
	float: left;
}
div#schedule p.next_link {
	float: right;
}

div#schedule span.underline {
	text-decoration: underline;
}

/* Store */

div.item_info {
	margin: 55px 0px 0px 0px;
	width: 255px;
	float: left;
	text-align: right;
}
div.item_info h4 {
	font-size: 30px;
	line-height: 40px;
}
div.item_info p {
	font-size: 14px;
	line-height: 18px;
}

div.store_image {
	width: 231px; height: 236px;
	padding: 5px 13px 11px 38px;
	
	float: right;
	position: relative;
}

div.store_image .photo-border {
		width: 231px; height: 236px;
		position: absolute;
		top: 5px; left: 38px;
		
	}
	
div.store_image img.photo-image {
	margin: 2px 0px 0px 3px;
	width: 228px; height: 231px;
}

/* Gallery */

div.gallery_thumb {
	width: 231px; height: 236px;
	padding: 5px 13px 11px 18px;
	
	float: left;
	position: relative;
}

div.gallery_thumb .photo-border {
		width: 231px; height: 236px;
		position: absolute;
		top: 5px; left: 18px;
		
	}
	
div.gallery_thumb img.photo-image {
	margin: 2px 0px 0px 3px;
	width: 228px; height: 231px;
}

ul#photos li {
	margin: 0px 7px 7px 0px;
	padding: 0px;
	width: 172px;
	height: 172px;
	list-style-type: none;
	display: block;
	float: left;
}
ul#photos li a {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul#photos li a:hover {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#view_photo {
	margin: 0 auto;
	margin-top: 20px;
	width: 500px;
	min-height: 650px;
	text-align: center;
}
div#view_photo div#next_previous {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	position: absolute;
	width: 100px;
	margin-left: 370px;
	background-image: url("/images/background_thumb.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	opacity: .45;
	filter: alpha(opacity=45);
}
div#view_photo div#next_previous:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
div#view_photo div#next_previous div.next_link {
	float: right;
}
div#view_photo div#next_previous div.previous_link {
	float: left;
}

div#view_photo p.back_link {
	margin-top: 25px;
	font-size: 11px;
	text-align: left;
}

/* Biography */

#bio_additional {
	margin-top: 25px;
}

#bio h4, #bio_additional h4 {
	margin: 5px 20px 5px 55px;
	font-size: 18px;
	font-style: italic;
	text-align: right;
	line-height: 24px;
}
#bio h5, #bio_additional h5 {
	margin: 0px 25px 15px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

/* Jukebox
************************************************/

#jukebox {
	margin-left: -10px;
	float: left;
}

/* Facespace
************************************************/

a.myspace {
	width: 115px; height: 35px;
	margin-left: 68px;
	display: block;
	float: left;
		
	background-position: 0px 0px;
	background-image: url(/images/myspace.jpg);
	background-repeat: no-repeat;
}

	a.myspace:hover {
		background-position: 0px -35px;
	}
	
a.purevolume {
	width: 149px; height: 35px;
	display: block;
	float: left;
		
	background-position: 0px 0px;
	background-image: url(/images/purevolume.jpg);
	background-repeat: no-repeat;
}

	a.purevolume:hover {
		background-position: 0px -35px;
	}

/* Sections
************************************************/

.news {
	margin-top: 40px;
}

	img.news-archive {
		margin: -1em 0;
		margin-left: -10px;
		border-bottom: transparent;
	}
	
.shows {
	margin-top: 20px;
}

	.shows ul {
		width: 560px;
		padding-top: 10px;
	}
	
	.shows div.line {
		display:block;
		clear:both;
		height:0;
		margin:0;
		padding:0;
		overflow: hidden;
		border-top: 1px dashed #928874;
	}
	
	.shows li {
		padding-bottom: 10px; margin-bottom: 10px;
		margin-right: 20px;
		width: 258px;
		border-bottom: 1px dashed #928874;
		float: left;
	}
	
	.shows li span {
		float: right;
	}
	
	.shows li a {
		border-bottom: 0;
		float: left;
		
		color: #3b3732;
		font-weight: bold;
	}
	
	.shows li br {
		clear: both;
	}
	
	span.booking {
		color: #7c6b56;
	}

.seperator {
	margin-top: 10px;
}