@charset "utf-8";
/* CSS Document */

/* ############################################################### Basic elements */

.alert {
	clear: both;
	margin: 0 0 11px;
	padding: 10px;
	border: 1px solid #779493;
	background: #779493;
	color: #fff;
	}
	.alert h3 {
		font-size: 12px;
		text-align: center;
		margin: 0;
		padding: 0;
		font-weight: normal;
		color: #fff;
		}
		.alert h3 em { font-style: normal; }
	.alert a { color: #fff; }
#errors {}
	#errors p {
		color: #c8d4d3;
		}
		#errors p strong { color: #9dbfbe; }
hr { display: none; }
.cb { clear: both; }
h2, h3, h4, h5, h6 {
	margin: 0 0 11px;
	padding: 0;
	}
	h2.title {
		margin: 0 0 25px;
		padding: 0;
		}
		h2.title a {
			display: block;
			background-position: 0 0;
			background-repeat: no-repeat;
			}
			h2.title span { display: none; }
		body#home h2.title a, 
		body#a_home h2.title a {
			width: 151px;
			height: 32px;
			background-image: url(../images/h2_welcome.gif);
			}
		body#journal h2.title a, 
		body#a_journal h2.title a {
			width: 111px;
			height: 42px;
			background-image: url(../images/h2_journal.gif);
			}
		body#a_biography h2.title a {
			width: 145px;
			height: 50px;
			background-image: url(../images/h2_biography.gif);
			}
		body#shows h2.title a, 
		body#a_shows h2.title a {
			width: 93px;
			height: 34px;
			background-image: url(../images/h2_shows.gif);
			}
		body#band h2.title a, 
		body#a_band h2.title a {
			width: 76px;
			height: 31px;
			background-image: url(../images/h2_band.gif);
			}
		body#voice_overs h2.title a, 
		body#a_voiceovers h2.title a {
			width: 163px;
			height: 27px;
			background-image: url(../images/h2_voice_overs.gif);
			}
		body#media h2.title a, 
		body#a_media h2.title a {
			width: 92px;
			height: 33px;
			background-image: url(../images/h2_media.gif);
			}
		body#a_music h2.title a {
			width: 93px;
			height: 29px;
			background-image: url(../images/h2_music.gif);
			}
		body#a_photos h2.title a, 
		body#photos h2.title a, 
		body#photo h2.title a {
			width: 94px;
			height: 35px;
			background-image: url(../images/h2_photos.gif);
			}
		body#contact h2.title a, 
		body#a_contact h2.title a {
			width: 104px;
			height: 30px;
			background-image: url(../images/h2_contact.gif);
			}
		body#a_files h2.title a {
			width: 70px;
			height: 32px;
			background-image: url(../images/h2_files.gif);
			}
	h4 {
		font-size: 12px;
		}
p {
	margin: 0;
	padding: 0 0 11px;
	}
a { color: #e3c69e; }
a img { border-color: #e3c69e; }
form {
	margin: 0 0 11px;
	padding: 0;
	}
	fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		}
		input, select, option, textarea {
			font-family: Arial, Helvetica, sans-serif;
			line-height: 16px;
			font-size: 11px;
			color: #302516;
			background: #d9c8b7;
			}
		input, textarea {
			border: 1px solid inset;
			padding: 2px 5px;
			}
		button {
			border: 1px solid outset;
			background: #e3c69e;
			}
		input { padding: 2px 5px; }
		button {
			font-family: Arial, Helvetica, sans-serif;
			line-height: 16px;
			font-size: 11px;
			color: #fff;
			background: #779493;
			border-color: #779493;
			padding: 3px 5px;
			}
		.wymeditor { width: 100%; color: #3c2b1a; }
		.row {
			clear: both;
			}
			.row .label {
				padding: 4px 0 5px;
				float: left;
				text-align: right;
				}
			.row .field {
				float: right;
				text-align: left;
				}
		.form_controls {
			text-align: center;
			}
			.form_controls.r { text-align: right; }
table {
	width: 100%;
	margin: 0 0 11px;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	}
	tr {}
		th, td { vertical-align: top; }
		th {
			background: #2c2216;
			padding: 6px 10px 4px;
			font-size: 12px;
			}
		#secondary th { color: #e3c69e !important; }
		td {
			padding: 5px 10px;
			}
		tr.o td { background: #493a2d; }
		tr.e td {}
/* ############################################################### Layout */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #3b2b1e url(../images/bg_body.jpg) repeat-x 50% 0;
	color: #e3c69e;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	}
#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: url(../images/bg_container.jpg) no-repeat 0 0;
	}
	#header {
		margin: 0;
		padding: 0;
		width: 900px;
		height: 205px;
		background: url(../images/bg_header.jpg) no-repeat 0 0;
		}
		#skip_to_content { display: none; }
		#header h1 {
			margin: 0;
			padding: 0;
			}
			#header h1 a {
				display: block;
				position: absolute;
				top: 105px;
				margin-left: 0;
				width: 325px;
				height: 82px;
				}
				#header h1 a span { display: none; }
		#nav {}
			#nav ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				#nav li {
					margin: 0;
					padding: 0;
					}
					#nav a {
						display: block;
						position: absolute;
						height: 25px;
						}
						#nav span { display: none; }
						#nav_shows a {
							top: 139px;
							margin-left: 384px;
							width: 64px;
							}
						#nav_band a {
							top: 127px;
							margin-left: 487px;
							width: 50px;
							}
						#nav_voice_overs a {
							top: 165px;
							margin-left: 456px;
							width: 102px;
							}
						#nav_media a {
							top: 144px;
							margin-left: 577px;
							width: 60px;
							}
						#nav_contact a {
							top: 132px;
							margin-left: 650px;
							width: 65px;
							}
		#anav {
			position: absolute;
			top: 205px;
			margin: 0 0 0 280px;
			padding: 0;
			}
			#anav ul {
				margin: 0;
				padding: 0;
				}
				#anav li {
					margin: 0;
					padding: 0;
					display: inline;
					}
					#anav a {
						display: block;
						float: left;
						margin: 0 2px 0 0;
						padding: 4px 10px;
						text-decoration: none;
						}
					#anav a:hover {
						background: #506763;
						}
					#anav li.current a { background: #506763; }
	#content {
		margin: 0;
		padding: 35px 30px 0;
		width: 840px;
		background: url(../images/bg_content.jpg) no-repeat 0 0;
		}
		#primary {
			float: left;
			width: 530px;
			padding: 0 30px 0 0;
			min-height: 150px;
			}
		#secondary {
			float: right;
			width: 280px;
			}
			#secondary .header {
				}
			#secondary .content {
/*				background: url(../images/bg_secondary.jpg) repeat-y 0 0; */
				margin: 30px 0 0;
				padding: 0 45px 0 15px;
				}
			#secondary .footer {
/*
				background: url(../images/bg_secondary_footer.jpg) no-repeat 0 0;
				height: 30px;
*/
				}
		#tertiary { clear: both; }
	#footer {
		clear: both;
		padding: 25px 45px 0 30px;
		text-align: center;
		font-size: 10px;
		}
		#footer a { text-decoration: none; }
			#footer a:hover { text-decoration: underline; }
		a#admin {
			position: absolute;
			display: block;
			width: 50px;
			height: 20px;
			top: 0;
			right: 2px;
			padding: 2px 5px 0;
			text-align: right;
			text-decoration: none;
			font-size: 10px;
			}
			#admin span { display: none; }
			#admin:hover span { display: block; }
/* ############################################################### Layout variations */
body.twocol {}
	.twocol #content {}
		.twocol #primary {}
		.twocol #secondary {
/*
			background: url(../images/bg_secondary.jpg) repeat-y 0 0;
			color: #3c2b1a;
*/
			}
			.public.twocol #secondary .header {
/*
				height: 6px;
				background: url(../images/bg_secondary_header.jpg) no-repeat 0 0;
*/
				}
			.public.twocol #secondary .content {
/*
				width: 250px;
				padding: 0 15px;
*/
				}
			.public.twocol #secondary .footer {
/*
				height: 6px;
				background: url(../images/bg_secondary_footer.jpg) no-repeat 0 0;
*/
				}
body.full {}
	.full #content {}
		.full #primary {
			float: none;
			clear: both;
			width: 840px;
			margin: 0;
			}
		.full #secondary {
			float: none;
			clear: both;
			width: 840px;
			}
/* ############################################################### Page-specifics */
body#home {}
	#home #primary {
		width: 430px;
		}
	#home #secondary {
		width: 370px;
		}
		#home #secondary #media_player {
			padding: 0 0 12px;
			}
		#home #secondary table { width 100%; }
		#home th.date { width: 75px; }
		#home th.venue { }
		#home th.location { }
body#shows {}
	#shows table {}
		#shows table a {}
body#media {}
	#media #primary {
		width: 460px;
		}
	#media #secondary {
		width: 350px;
		}
		#media #albums {}
			#media .album {
				clear: both;
				margin: 0 0 10px;
				padding: 10px;
				border: 1px solid #513f32;
				background: #3e2f24;
				}
				#media .thumb {
					float: left;
					width: 110px;
					text-align: right;
					}
				#media .info {
					float: right;
					width: 205px;
					}
body#photos {}
	#photos #album_info {
		}
	#photos .images {}
		#photos .image {
			float: left;
			display: block;
			width: 125px;
			height: 125px;
			}
body#photo {}
	#photo #info {
		}
	#photo #image {
		text-align: center;
		}
body#contact {}
	#contact .row {}
		#contact .label {
			display: block;
			float: left;
			width: 100px;
			text-align: right;
			}
		#contact .field {
			display: block;
			float: right;
			width: 720px;
			}
/* ############################################################## Admin */
body#a_journal {}
	#a_journal .label { width: 100px; }
	#a_journal .field { width: 725px; }
body#a_shows {}
	#a_shows #primary {}
	#a_shows #secondary {}
	#a_shows .row {
		clear: both;
		}
		#a_shows .row .label {
			float: left;
			text-align: right;
			width: 100px;
			}
		#a_shows .row .field {
			float: right;
			text-align: left;
			width: 725px;
			}
body#a_photos {}
	#a_photos .label { width: 100px; }
	#a_photos .field { width: 725px; }
	#album_tools {
		border-bottom: 1px solid #513f32;
		margin: 0 0 11px;
		}
		#album_tools ul {
			margin: 0 0 0 11px;
			padding: 0;
			}
			#album_tools li {
				display: inline;
				margin: 0 1px 0 0;
				padding: 0;
				}
				#album_tools a {
					margin: 0 3px 0 0;
					padding: 5px 5px;
					display: block;
					float: left;
					border: 1px solid #513f32;
					border-bottom: 0;
					font-size: 11px;
					color: #e3c69e;
					background: #3e2f24;
					text-decoration: none;
					font-weight: bold;
					}
				#album_tools a:hover {
					background: #4f3f35;
					}
	#a_photos #album_info {
		clear: both;
		margin: 0 0 11px;
		padding: 10px;
		border: 1px solid #624f43;
		background: #4f3f35;
		}
		#a_photos #album_info h3 {
			font-size: 14px;
			text-align: center;
			border-bottom: 1px solid #513f32 !important;
			padding: 0 0 5px;
			}
		#a_photos #album_info .thumb {
			float: right;
			width: 150px;
			text-align: right;
			}
			#a_photos #album_info .thumb img { border: 2px solid; }
		#a_photos #album_info .info {
			float: left;
			width: 650px;
			}
			#a_photos #album_info .label { width: 100px; }
			#a_photos #album_info .field { width: 530px; }
	#a_photos #albums {}
		#a_photos .album {
			margin: 0 0 10px;
			padding: 10px;
			border: 1px solid #513f32;
			background: #3e2f24;
			}
			#a_photos .album .image {
				float: left;
				width: 115px;
				}
			#a_photos .album .details {
				float: right;
				width: 700px;
				}
				#a_photos .album .details h3 {
					font-size: 14px;
					}
	#a_photos #images {}
		#a_photos #images .image {
			border: 1px solid #513f32;
			background: #3e2f24;
			margin: 0 0 10px;
			padding: 10px;
			}
			#a_photos #images .image h3 {
				font-size: 14px;
				text-align: center;
				border-bottom: 1px solid #513f32;
				padding: 0 0 5px;
				}
			#a_photos #images .image .thumb {
				float: right;
				width: 150px;
				text-align: right;
				}
			#a_photos #images .thumb img { border: 2px solid; }
			#a_photos #images .image .info {
				float: left;
				width: 650px;
				}
				#a_photos #images .image .info .row {
					padding: 0 0 2px;
					}
					#a_photos #images .image .info .row .label {}
					#a_photos #images .image .info .row .field { width: 531px; }
			#a_photos #images .image .tools {
				text-align: right;
				}
	#a_photos #add_images {
		text-align: center;
		}
		#a_photos #add_images .row {
			padding: 0 0 5px;
			}
body#a_files {}
	#a_files .row {}
		#a_files .row .label {
			float: left;
			width: 100px;
			}
		#a_files .row .field {
			float: right;
			width: 725px;
			}
	#a_files table {}
		#a_files .delete {
			width: 50px;
			text-align: center;
			}