body {
	background: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #000;
	}

hr, .no-css { display: none }

div.hr {
	border-top: 1px solid #744B37;
	margin: 24px 0;
	height: 1px;
	}

div.news-hr {
	border-top: 1px dotted #744B37;
	margin: 20px 0;
	height: 1px;
	}

blockquote {
	border-left: 1px solid #888;
	margin: 0.8em 0;
	padding: 0 1.5em;
	}

p, .p {
	margin: 1em 0;
	line-height: 18px;
	}

ul, ol {
	padding: 0;
	margin: 1.2em 0;
	}

li { margin: 2px 0 2px 20px }

	ol li { list-style: decimal }
	ul li { list-style: circle }

	.spaced-out li { margin: 0 0 10px 20px }




/****************************************************** Layout & Positioning */

#outer-container {
	width: 960px;
	}

#left-column {
	left: 0px;
	position: absolute;
	text-align: right;
	top: 0px;
	width: 175px;
	}

#middle-column, #middle-column-wide {
	/* background: #391608 url(img/bg.gif) repeat-x fixed top left; */
	float: left;
	left: 200px;
	position: relative;
	top: 14px;
	width: 420px;
	}

	#middle-column-inner {
		padding: 0;
		}

	#bottom {
		background: #250E05;
		height: 60px;
		}

#middle-column-wide {
	width: 680px;
	}

#right-column {
	float: right;
	position: relative;
	top: 84px;
	width: 240px;
	}

	#right-column > div {
		margin-bottom: 23px;
		}

#menu-outer {
	float: right;
	font-size: 13px;
	margin: 36px 5px 0 0;
	}

#menu {
	width: 95px;
	line-height: 23px;
	}

#menu .hr {
	margin: 12px 0;
	border-top: 1px solid #57230E;
	}



/******************************************************* Generic Positioning */

.next { margin-top: 40px }

.first, .first-element { margin-top: 0 }

.grid-block {
	float: left;
	width: 140px;
	text-align: left;
	margin-right: 35px;
	height: 240px;
	}




/********************************************************************* Forms */

textarea {
	background: #311307;	
	border: 1px solid #180903;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

input.text-input,
input.form-text {
	background: #311307;
	border: 1px solid #180903;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px 5px;
	}

	/* input.text-input:hover, */
	/* input.form-text:hover, */
	input.text-input:focus,
	input.form-text:focus {
		border: 1px solid #180903;
		background: #250E05;
		}

.node-form textarea {
	background: #311307;
	border: 1px solid #180903;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
	background: #5B1300;
	border: 1px solid #180903;
	}

#views-filters {
	display: none;
	}




/************************************************************ Generic Floats */

.float-right {
	float: right;
	margin: 0 0 20px 20px;
	}

.float-left {
	float: left;
	margin: 0 20px 20px 0;
	}




/************************************************************ Generic Frames */

.framed {
	border: 1px solid #CCC;
	padding: 4px;
	}




/******************************************************************* Headers */

h1 { font-size: 18px; line-height: 26px; font-weight: normal; margin-bottom: 14px; color: #D05524;}
h2 { font-size: 16px; line-height: 24px; font-weight: normal; margin-bottom: 12px; color: #FFF4E5; }
h3 { font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 10px; color: #FFF4E5; }
h4 { font-size: 14px; line-height: 18px; font-weight: normal; margin-bottom: 8px; }

h1.with-h2, h2.with-h3 { margin-bottom: 0 }




/**************************************************************** Typography */

.content {
	font-size: 12px;
	line-height: 18px;
	}

.byline {
	font-size: 11px;
	line-height: 15px;
	color: #D05524;
	}

.small {
	font-size: 11px;
	line-height: 16px;
	}

.b { font-weight: bold }

.uppercase { text-transform: uppercase }

.faded { color: #7E5241 }

.link-list {
	font-size: 11px;
	line-height: 20px;
	}

.centered { text-align: center }

blockquote + h2, blockquote + h3, blockquote + p, p + h1, p + h2, p + h3 { margin-top: 2em }

.callout, .callout-left, .callout-right {
	color: #FFF4E5;
	font-size: 15px;
	font-weight: normal;
	line-height: 24px;
	}

	.callout-left {
		width: 35%;
		float: left;
		margin: 0 20px 20px 0;
		}

	.callout-right {
		width: 35%;
		float: right;
		margin: 0 0 20px 20px;
		}

.dropcap {
	float: left;
	font-size: 40px;
	line-height: 33px;
	padding-right: 5px;
	}

.side-quote {
	color: #A87E59;
	font-size: 13px;
	line-height: 19px;
	}




/********************************************************************* Links */

a:link,
a:visited,
a:active,
a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #F5AA6E;
	}

	a:hover { color: #FFF }

	a.active:link, a.active:visited, a.active:active, a.active:hover {
		font-weight: bold;
		}

	#menu a:link, #menu a:visited, #menu a:active {
		text-decoration: none;
		color: #ED7337;
		}

		#menu a.active {
			color: #FFFCE7;
			font-weight: normal;
			}

		#menu a:hover {
			text-decoration: underline;
			color: #FFFCE7;
			}

	h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
		text-decoration: none;
		color: #D05524;
		}

		h2 a:hover {
			color: #FFFCE7;
			text-decoration: none;
			}

	#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
		text-decoration: none;
		color: #738075;
		}

		#footer a:hover {
			text-decoration: underline;
			color: #373D38;
			}

	legend a:link,
	legend a:visited,
	legend a:active,
	legend a:hover {
		font-weight: normal;
		color: #FFF;
		text-decoration: none;
		}

	th a:link,
	th a:visited,
	th a:active,	
	th a:hover,
	th a.active:link,
	th a.active:visited,
	th a.active:active,
	th a.active:hover {
		/* padding-right: 18px; */
		font-weight: normal !important;
		text-decoration: none !important;
		color: #EEE !important;
		}

		thead th a:hover, thead th a.active:hover { color: #FFF }

a.quiet:link, a.quiet:visited, a.quiet:active, a.quiet:hover {
	color: #333;
	text-decoration: none;
	}

a.no-underline:link, a.no-underline:visited, a.no-underline:active, a.no-underline:hover { text-decoration: none }

a.edit-button:link, a.edit-button:visited, a.edit-button:active, a.edit-button:hover {
	color: #FFF !important;
	background: #999;
	text-decoration: none !important;
	font-size: 9px !important;
	font-family: Arial, sans-serif !important;
	padding: 2px 4px;
	font-weight: bold !important;
	border: 1px solid #555;
	border-top-color: #CCC;
	border-left-color: #CCC;
	}

	a.edit-button:hover {
		background: #BBB;
		}

a.external:link, a.external:visited, a.external:active, a.external:hover {
	background: transparent url(img/external.gif) no-repeat scroll right center;
	padding-right: 13px;
	}

.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active {
	color: #F5A477;
	font-weight: normal !important;
	text-decoration: none;
	}

.breadcrumb a:hover {
	color: #FFD3BF !important;
	font-weight: normal !important;
	text-decoration: underline;
	}

a.more-news:link, a.more-news:visited, a.more-news:active, a.more-news:hover {
	text-decoration: none;
	color: #ED7337;
	}

	a.more-news:hover {
		text-decoration: underline;
		color: #FFFCE7;
		}



/******************************************************************* TinyMCE */

body.mceContentBody {
	text-align: left;
	padding: 14px 15px;
	background: #391608;
	}

.mceEditor td, .mceEditor th {
	padding: 0;
	margin: 0;
	}

.mceStatusbarBottom {
	border-top: 1px solid #000 !important;
	}

.mceToolbarTop {
	border-bottom: 1px solid #000 !important;
	}

.mceEditor {
	background: #111 !important;
	border: 1px solid #000 !important;
	}

.mcePathItem, .mcePathItem:link, .mcePathItem:visited .mcePathItem:hover {
	color: #FFF !important;
	}




/**************************************************************** Icon Boxes */

.audio-link, .video-link, .pdf-link, .txt-link, .rm-link, .doc-link, .clef { padding: 2px 0 2px 32px }

.audio-link { background: transparent url(img/audio_link.gif) scroll no-repeat 0px 2px }
.video-link { background: transparent url(img/video_link.gif) scroll no-repeat 0px 2px }
.pdf-link { background: transparent url(img/pdf_link.gif) scroll no-repeat 2px 5px }
.txt-link { background: transparent url(img/txt_link.gif) scroll no-repeat 0px 4px }
.doc-link { background: transparent url(img/doc_link.gif) scroll no-repeat 2px 5px }
.rm-link { background: transparent url(img/rm_link.gif) scroll no-repeat 0px 1px }

.clef {
	padding: 2px 0 2px 57px;
	background: transparent url(img/clef.gif) scroll no-repeat 34px 5px;
	}

.eighth {
	padding: 2px 0 2px 57px;
	background: transparent url(img/note.gif) scroll no-repeat 36px 5px;
	}



/****************************************************************** Comments */

#comments {
	margin-top: 2em;
	}

#comments-area {
	border-left: 3px solid #EEE;
	padding-left: 22px;
	margin: 1em 0;
	}

.comment-info {
	font-size: 12px;
	font-weight: bold;
	}

.comment-content {
	padding-left: 20px;
	}

.comment-content p:last-child {
	margin-bottom: 0;
	}

form + div.node {
	margin-top: 1em;
	}

.comment {
	margin: 1em 0 2em 0;
	}

.preview > .comment {
	margin: 0;
	}

.comment-unpublished {
	background-color: #FFF4F4;
	border: 1px dashed #FF9999;
	margin: 1em 0;
	padding: 20px;
	}




/******************************************************************** Search */

#search {
	padding: 10px 0 10px 11px;
	background: #E3E9EC;
	}

#search-field {
	float: left;
	font-size: 14px;
	padding: 3px;
	width: 138px;
	}

#search-button {
	float: left;
	margin-left: 2px;
	}

#search-results a {
	font-size: 15px;
	line-height: 20px;
	}




/**************************************************************** Album Page */

.track-listing-even, .track-listing-odd {
	border-top: 1px dotted #744B37;
	font-size: 11px;
	padding: 6px 0 6px 24px;
	text-indent: -24px;
	}

/*
.track-listing-even, .track-listing-odd {
	background: #250E05;
	font-size: 11px;
	margin: 2px 0;
	padding: 5px 24px;
	text-indent: -17px;
	}

.track-listing-odd {
	background: #371507;
	}
*/




/************************************************************** Gallery Page */

.youtube-grid {
	float: left;
	}

	.youtube-grid tbody { border: 0 }

	.youtube-grid td {
		padding: 0;
		text-align: center;
		vertical-align: top;
		width: 150px;
		height: 180px;
		}

.gallery-photo-grid {
	float: left;
	}

	.gallery-photo-grid tbody { border: 0 }

	.gallery-photo-grid td {
		padding: 0;
		text-align: center;
		vertical-align: top;
		width: 150px;
		height: 180px;
		}