/* css Simon Reynolds 2008 */

* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: "arial", helvetica, sans-serif;
	color: #c6bfb3;
	line-height: 1.6em;
	background: #000000 url(images/mastBg.jpg) no-repeat left top;
}   

p {
	font-size: 1.3em;
	margin: 0 0 12px 0;
	line-height: 1.4em;
}

a {
	color: #8bb9d3;
	text-decoration: underline;
}

h3 {
	font-size: 1.4em;
	margin: 0 0 6px 0;
		color: #8b8370;
}

a:hover {
	text-decoration: none;
}

h2 {
	margin: 0 0 9px 0;
}

.left {
	float: left;
}

.right {
	float: right;
	display: inline;
}

.pLarge {
	font-size: 1.4em;
	line-height: 1.8em;
} 

.underline, .underlineNoMargin {
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #322f26;
}

.underlineNoMargin {
	padding: 0px 0 4px 0;
	margin: 0px 0 12px 0;
}

.colorComp {
	color: #8c8577;
}

li.played {
	color: #8c8577;
	text-decoration: line-through;
}

.imageRight {
	float: right;
	margin: 0 0 0 5px;
}


h2#recent, h2#download, h2#shows, h2#archive, h2#contact, h2#us, h2#thankyou, #postcomment {
	display: block;
	width: 85px;
	height: 24px;
	margin: 0 0 8px 0px;
	background: url(images/recently.jpg) no-repeat;
	text-indent: -9000px;
}

h2#download, h2#shows, h2#archive, h2#contact, h2#us, h2#thankyou, #postcomment {
	width: 294px;
	background: url(images/download.jpg) no-repeat;
}

h2#shows {
	background: url(images/shows.jpg) no-repeat;
	margin: 0 0 8px 0px;
}

h2#archive {
	background: url(images/archive.jpg) no-repeat;
		margin: 0 0 8px 0px;
}

h2#contact {
	background: url(images/contactUs.jpg) no-repeat;
}

h2#us {
	background: url(images/us.jpg) no-repeat;
}

h2#thankyou {
	background: url(images/thankyou.jpg) no-repeat;
}


#postcomment {
	background: url(images/comment.jpg) no-repeat;
}

.smallType {
	font-size: .8em;
	color: #8bb9d3;
}

#wrapper {
	float: left;
	width: 936px;
}

#topNav {
	float: right;
	display: inline;
	width: 175px;
	margin: 49px 95px 0 0;
}

#topNav ul li {
	list-style-type: none;
	display: inline;
}

#topNav ul li a {
	text-decoration: none;
	color: #f9f4ea;
	font-size: 1.3em;
	margin: 0 6px 0 0;
}

#topNav ul li a:hover {
	text-decoration: underline;
}

#contentWrapper {
	float: left;
	display: inline;
	width: 936px;
	margin: 313px 0 0 0;
}

#contentHeading {
	float: left;
	display: inline;
	width: 588px;
	height: 64px;
	margin: 0 0 0 0px;	
}

#contentHeading h1 {
	display: block;
	float: left;
	display: inline;
	width: 588px;
	height: 64px;
	background: url(images/headerBg.jpg) no-repeat left top;
	text-indent: -9000px;
}

#contentLeft {
	width: 550px;
	display: inline;
	margin: 8px 0 0 35px;
}

#contentRight {
	width: 550px;
	display: inline;
	width: 308px;
	margin: -65px -1px 0 0px;
	font-size: .9em;
}

#contentRight ul li {
	font-size: 1.3em;
	padding: 0 0 0 28px;
	background: url(images/bullet.jpg) no-repeat left;
	margin: 0 0 8px 0;
}

#playerControl {
	float: left;
	display: inline;
	width: 308px;
	height: 145px;
	overflow: hidden;
	background: #000000;
	/*background: url(images/flashBg.jpg) no-repeat left top;*/
}

#shows dl {
	display: block;
	margin: 0 0 12px 0;
	font-size: 1.3em;
}

#footer {
	clear: both;
	float: left;
	width: 100%;
	margin: 32px 0 0 0;
	background: #151411 url(images/footerFade.jpg) repeat-y right;
}

#footerContentWrapper {
	float: left;
	display: inline;
	width: 900px;
	margin: 22px 0px 0 36px;
	padding: 0 0 32px 0;
	font-size: 1.15em;
}

#footerLeft {
	width: 549px;
}

#footerRight {
	width: 294px;
	margin: 0 10px 0 0;
}

#footerRight p {
	font-size: 1em;
}

#footerSlug {
	float: left;
	display: inline;
	width: 900px;
	height: 30px;
	margin: 0 0 0 40px;
	font-size: .9em;
}

input#eMail {
	width: 294px;
	padding: 4px;
	border: 1px solid #4a443b;
	background: #322f26;
	color: #ffffff;
}

input.submit, input#submit {
	display: block;
	float: right;
	margin: 9px 4px 0 0;
}

input#submit {
	margin: -4px -6px 0 0px;
}

input.indent {
	margin: 9px -8px 0 0px;
}

ul#contactForm li, #footerRight li {
	color: #f9f4ea;
	margin: 0 0 6px 0;
}

input#name, input#contact {
	width: 235px;
	padding: 4px;
	background: #322f26;
	border: 1px solid #4a443b;
}

#contactForm textarea {
	width: 547px;
	height: 125px;
	background: #322f26;
	padding: 4px;
	color: #ffffff;
	border: 1px solid #4a443b;
}

#author, #email, #url, #comment {
border: 1px solid #4a443b;
padding: 4px;
background: #322f26;
width: 235px;
}

#comment {
	width: 547px;
	height: 80px;
	color: #ffffff;
}


#contactForm textarea, input#name, input#contact, #author, #email, #url {
	color: #ffffff;
}

#dateHeader {
	font-size: 1.3em;
	font-weight: bold;
	color: #5e5a4e;
}

h2#recent {
	margin: 0px;
}

.feedback {
	clear: both;
	background: #322f26;
	padding: 4px 0 4px 4px;
	margin: 0 0 24px 0;
	font-size: 1.1em;
}

.commentlist p {
	background: #322f26;
	padding: 4px;
}

#comments {
	font-size: 1.3em;
	font-weight: normal;
	border: 1px solid #322f26;
	border-top: none;
	margin: -12px 0 24px 0;
	padding: 6px 0 6px 4px;
}

.Comment_Boxes {
	background: #322f26 url(images/comBack.jpg) no-repeat right bottom;
	padding: 4px;
	margin: 0 0 22px 0;
}

.Comment_Info {
	margin: 0px 0 0px 0;
	font-style: italic;
	background:  url(images/commentHook.jpg) no-repeat right bottom;
}

#downloads p {
	line-height: 1.5em;
}

ul.downloadForm li {
	padding: 0px 0 0 0 !important;
	background-image: none !important;
}

ul.downloadForm li p {
	font-size: 1em;
	margin: 0px;
}

.smallCopy {
	font-size: .8em;
}

#downloads p.noMargin {
	margin: 0px;
}