* {
	padding: 0px;
	margin: 0px;
}
html, body {
	text-align: center;
	background-color: #000000;
	font: normal normal normal 12px/1.8em Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 15px;
	text-transform: lowercase;
	text-decoration: none;
	line-height: 14pt;
}

body.calendar #nav li.calendar a,
body.join #nav li.join a,
body.recommend #nav li.recommend a,
body.howto #nav li.howto a,
body.music #nav li.music a,
body.press #nav li.press a,
body.contact #nav li.contact a,
.activeNav {
	color: #8ad8e6;
}


#main-nav{
	height:72px;
	margin:0 auto;
	background:#000 url(_img/menu-bg.jpg) no-repeat; 				
}


#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a{
	width:575px;
	height:72px;
	margin:0px;
	padding:0px;
	display: block;
		
}

#main-nav ul li .sunday {
	width: 150px;
}







/* -- Hovers -- */

#main-nav ul li a.home:hover{
	background: url(_img/menu-bg.jpg) 0px -72px no-repeat; 
}
			
#main-nav ul li a.sunday:hover{
	background: url(_img/menu-bg.jpg) -575px -72px no-repeat; 
}		
/* CSS Document */


























a {
	color: #72c7d6;
	text-decoration: none;
}

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

.clearing {}

#wrapper {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 730px;
}

#flashcontent {
	display: none;
	background-color: #000;
	text-align: right;
/*	float: right; */
	height: 30px;
}

#homeContent {

}



#nav {
	border-top: 1px solid #666;
	width: 100%;
	float: left;
	clear: both;
}

#nav ul {
	display: block;
	list-style: none; 	
}

#nav li {

	float: left;
	margin-bottom: 35px;
	padding-top: 2px;
	padding-right: 27px;
}

#nav li#right {
	padding-left: 2px;
	padding-right: 0px;
}

#nav li a#selected {
	color: #8ad8e6;
}

#nav li a {
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	height: 20px;
	text-transform: lowercase;
	text-decoration: none;
}

#nav li a:hover {
	color: #fff;
}

#body {
	clear: both;
}

#body h3 {
	text-transform: lowercase;
	font-size: 13px;
	color: #cccccc;
	margin-bottom: 8px;
	text-decoration: none;
}

#body h4 {
	text-transform: lowercase;
	font-size: 15px;
	color: #8ad8e6;
	margin-bottom: 8px;
}



#body h5 {
	text-transform: lowercase;
	font-size: 11px;
	color: #999;
	margin-top: 40px;
	line-height: 1.2em;
	font-weight: bold;
}


#body h6 {
	text-transform: lowercase;
	font-size: 15px;
	color: #8ad8e6;
	margin-bottom: 8px;
}

#body h7 {
	text-transform: lowercase;
	font-size: 12px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 0px;
	text-decoration: none;
	line-height: 1.5em;
	font-weight: bold;
}


body.index #body img {
	margin: 0;
	padding: 0;
}

body.index #body img.imgLeft {
	padding-right: 12px;
}


#homeShows h2 {
	letter-spacing: -.03em;
	text-transform: lowercase;
	margin-top: 30px;
	margin-bottom: 8px;
	margin-left: 6px;
}

#homeShows a {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	color: #00cc33
	height: 30px;
	letter-spacing: -.04em;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 24px;
	display: block;
	text-decoration: none;
}

#homeShows a:hover {
	text-shadow: #000 2px 2px 2px;
	color: #fff;
	background-color: #111;
}

#homeShows div {
	clear: both;
}

.upcoming a span.showDate {
	width: 100px;
	display: block;
	float: left;
	text-decoration: none;
	color: #ccc;

	}
	
	.upcoming a:hover span.showDate {
	width: 100px;
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;

	
}



a.rollBlock {
	color: #8ad8e6;
	padding-bottom: 7px;
	padding-top: 5px;
	padding-left: 28px;
	font-size: 24px;
	letter-spacing: -.04em;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	display:block;
	background: url('_img/arrow.gif') no-repeat scroll 0 10px;
	border-top: 1px solid #333;
	text-shadow: #000 2px 2px 2px;
}

a.rollBlock2 {
	color: #8ad8e6;
	padding-bottom: 7px;
	padding-top: 5px;
	padding-left: 28px;
	border-top: 1px solid #333;
	text-decoration: none;

}


#calendarWrapper #blockAnchor1 {
	background-image: url('_img/arrow_down.gif');
}

a:hover.rollBlock {
	border-top: 1px solid #444;
	color: #fff;
	background-color: #111;
}
 
#calendarWrapper a span {
	display: block;
}

#calendarWrapper a span.calendarDate {

	font-size: 14px;
	color: #999;
}

#calendarWrapper a:hover span.calendarDate {

	font-size: 14px;
	color: #fff;
}
.activate {
	background: #1c1c1c url('_img/activate_gradent.gif') repeat-x scroll 0 0;
	display: none;
	padding-left: 28px;
	padding-top: 3px;
/*	height: 225px; */
}

.activate img {
	display: block;
	float: right;
	padding-right: 20px;
	padding-top: 3px;
	padding-top: 3px;
}

.activate img.left {
	display: block;
	float: left;
	padding-right: 15px;
	padding-top: 3px;
}
.activate p.director {
	font-size: 14px;
	color: #fff;
	margin-bottom: 3px;
}

.activate p {
	margin-right: 280px;
	text-shadow: #000 2px 2px 2px;
}
.activate p.recommend {
	margin-right: 170px;
	text-shadow: #000 2px 2px 2px;
}


.activate .clearing {
	height: 25px;
}

#howToWrapper ul {
	width: 322px;
	margin: 0px;
	list-style-type: none;
}

#howToWrapper li {
	width: 99%;
	margin: 0px;
	text-transform: lowercase;
	color: #8ad8e6;
	font: normal normal bold 17px/1.2em Arial, sans-serif;
}

#howToWrapper li a {
	margin: 0px 0px 0px 28px;
	display: block;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	color: #999;
}

#howToWrapper li a:hover {
	color: #fff;
	background-color: #111;
}

#howToWrapper li span {
	margin-top: 7px;
	font-size: 24px;
	display: block;
	float: left;
	width: 12px;
	height: 22px;
}

#howToRight {
	background-color: #333;
	position: relative;
	float: right;
	height: 300px;
	width: 396px;
	clip: rect(0 396px 300px 0);
	overflow: hidden;
}
#howToRight div {
	position: relative;
	background: url('_img/howto_mainimage.jpg') no-repeat scroll 0px 0px;
	height: 2100px;
	width: 396px;
}

#recommendWrapper h3 {

}

#recommendWrapper .recommendLeft {
	float: left;
	width: 140px;
}
.recommendWrapper p {}

.recommendRight {
	margin-left: 145px;
	margin-bottom: 10px;
}
.line {
	clear: both;
	border-top: 1px solid #333;
	height: 10px;
}

#emailWrapper, #pressWrapper, #musicWrapper {
	height: 500px;
}

#pressWrapper h3 a{
	text-decoration: none;
	height: 36px;
	display: block;
	padding: 5px 5px 5px 53px;
	background: #000 url('_img/press_pdf_bg.gif') no-repeat scroll 0 0;
	text-decoration: none;
}


#pressWrapper h3 a:hover{
	color: #fff;
	text-shadow: #000 2px 2px 2px;
	background: #111 url('_img/press_pdf_bg.gif') no-repeat scroll 0 -50px;
	text-decoration: none;
}

#pressWrapper h3 a:hover{
text-decoration: none;}


#pressWrapper h4 a{
	text-decoration: none;
	height: 20px;
	display: block;
	padding: 5px 7px 7px 10px;
	background: #000;
}

#pressWrapper h4 a:hover{
	color: #fff;
	text-shadow: #000 2px 2px 2px;
	background: #111;
}

#pressWrapper h4 a:hover{}




#pressWrapper h6 a{
	text-decoration: none;
	height: 36px;
	display: block;
	padding: 5px 5px 5px 53px;
	background: #000 no-repeat scroll 0 0;
}

#pressWrapper h6 a:hover{
	color: #fff;
	text-shadow: #000 2px 2px 2px;
	background: #111 url('_img/press_pdf_bg.gif') no-repeat scroll 0 -50px;
}

#pressWrapper h6 a:hover{}



#musicWrapper table {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
#musicWrapper table td {
	line-height: 1.5em;
	color: #ccc;
	padding-top: 9px;
	padding-bottom: 9px;
	vertical-align: top;
	border-top: 1px solid #333;
		
text-transform: lowercase;
}
#musicWrapper table td a{
	text-decoration: none;
}

#musicWrapper table td.artistImage {
	padding-top: 32px;
	
}

#musicWrapper table td.artistInfo {
	padding-left: 9px;
	padding-right: 12px;
}





#musicWrapper table td.artistInfo h2 {
	color: #8ad8e6;
	text-transform: lowercase;
	padding-bottom: 2px;
}

#musicWrapper table td.artistDownload, #musicWrapper table td.artistEmail  {
	width: 120px;
	padding-right: 9px;
	text-transform: lowercase;
}

#musicWrapper table td.artistDownload {
	
}

#emailWrapper p span{
	margin-left: 5px;
	margin-right: 5px;
}

#submitButton input{
	margin-top: 5px;
	display: block;
	background: url('_img/submit_bg.gif') no-repeat scroll 0 0;
}

#submitButton input:hover{

	background: url('_img/submit_bg.gif') no-repeat scroll 0 -30px;
}

dd input, dd textarea {
	color: #ccc;
	padding: 3px;
	display: block;
	font-size: 12px;
	width: 250px;
	margin-bottom: 8px;
	background-color: #171717;
	border-right: 1px solid #303639;
	border-bottom: 1px solid #303639;
	border: 1px solid #111;
}
dd textarea {
	width: 500px;
}

dd input:hover, dd textarea:hover   {
	color: #fff;
	background-color: #050607;
	border-right: 1px solid #3d4d55;
	border-bottom: 1px solid #3d4d55;
	border-top: 1px solid #3d4d55;
	border-left: 1px solid #3d4d55;

}

#footer {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	margin-top: 300px;
	margin-bottom: 5px;
}

#quote {
	margin-top: 20px;
	background: url('_img/quoteBg.gif') no-repeat scroll 0 0;
	padding: 37px 65px 25px 65px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#quote h4 {
	line-height: 1.5em;
	color: #999;
	font-size: 18px;
	font-weight: normal;
	text-align: justify;
	
}

#quote h4 span {
	display: none;
}



#quote p {
	margin-top: 4px;
	font-size: 15px;
	color: #77cede;
	font-weight: bold;
	text-align: right;
}
.recommendTitle {
	font-size: 18px;
	 letter-spacing: .01em;
	 
}
p.recommend a{
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
p.recommend a:hover{
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}