/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* CSS Document */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	background-color: #000000;
	background-image: url(../images/bkgd_red.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#container {
	background-image: url(../images/shade.png);
	background-repeat: repeat;
	border-left: 2px solid #333333;
	border-right: 2px solid #333333;
}

#topBar{
	background-image: url(../images/shade.png);
	background-repeat: repeat;
}	

#content {
	margin: 0px;
	padding: 0px 0px 50px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 2.0;
	width: 800px;
	float: left;
}

#content p{
	padding: 10px;
}

/* ////////////////////////////////////////////////// */
/* //////////       Main Nav divs     /////////////// */
/* ////////////////////////////////////////////////// */

ul#mainNav{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding: 8px;
	margin: 2px 0px;
	font-size: 1em;
	border-bottom: 2px solid #333333;
}

ul#mainNav li {
	display: inline;
	padding: 0px 2px 0px 2px;
}
ul#mainNav li a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 8px 10px;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 2px solid #999999;
	
}
ul#mainNav li a:visited{
	color: #FFFFFF;
}

ul#mainNav li a:hover{
	color: #990000;
}

ul#mainNav li a:active{
	color: #996600;
}

ul#mainNav li.selected a{ /*selected tab effect*/
	color: #999999;
	border-top: 2px solid #333333;
	border-left: 2px solid #333333;
	border-right: 2px solid #333333;
	padding: 10px 8px;
	font-weight: bold;
	background-color: #333333;
}

/* ////////////////////////////////////////////////// */
/* //////////       Sub Nav divs     /////////////// */
/* ////////////////////////////////////////////////// */

ul#subNav {
	list-style-type: none;
	letter-spacing: 2px;
	text-align: left;
	padding: 10px;
	float: left;
}

ul#subNav li {
	display: inline;
	padding: 0px;
}

/* ////////////////////////////////////////////////// */
/* //////////       layout divs       /////////////// */
/* ////////////////////////////////////////////////// */

#footer {
	float: left;
	width: 100%;
	font-size: 0.85em;
	padding: 10px 0px;
	position: relative;
	margin-top: -37px;	
	border-top: 2px solid #333333;
	font-family: Verdana, Courier, monospace;
	min-width: 800px;
	height: 15px;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
}

#footer .date {
	color: rgb(80,80,80);
	width: 800px;
	text-align: center;
	margin: 0px auto;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* home page divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
p.splashInfo {
	float: right;
	color:#999999;
	margin: -20px 20px;
	font-size: .75em;
}
p.splashInfo a{
	color:#999999;
}

p.splashInfo a:hover{
	color:#666666;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* bio divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.bio {
	line-height: 2.5;
}

.bio p{
	text-align:left;
	margin: 0px 15px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* member divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
dl.member {
	float: left;
	width: 350px;
	margin: 10px 10px 0px 30px	
}

dl.member a{
	display: block;
	color: #333333;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
	border: 2px solid #333333;
	padding: 5px 10px;
}

dl.member a:hover{
	display: block;
	border: 2px solid #999999;
	color: #999999;
}

dl.member dt{
	text-align: left;
	padding: 0px 0px 10px 15px;
	font-size: 1.5em;
	font-weight: bold;
}

dl.member dd {
	padding: 0px;
	margin: 0px 10px;
	text-align: right;
}

#memberDetail {
	background-color: #000000;
	width: 740px;
	height: 450px;
	overflow: auto;
	margin: 0px;
	padding: 10px 0px;
}

.memberPic {
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.memberQuestions {
	float: left;
	border: 2px solid #333333;
	padding: 10px;
	width: 350px;
	display: inline;
}

dl.question {
	text-align: left;
	margin: 10px 0px 25px 0px;
}

dl.question dt {
	font-weight: bold;
	color: #666666;
	font-size: 1.1em;
}

dl.question dd {
	padding: 0px;
	color: #333333;
	margin: 5px 30px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* music divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

dl.album{
	float: left;
	width: 175px;
	margin: 10px 0px 0px 20px;
	display: inline;
}

dl.album a{
	display: block;
	color: #333333;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 5px 10px;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
}

dl.album a:hover{
	display: block;
	border: 1px solid #999999;
	color: #999999;
}

dl.album dt{
	text-align: center;
	padding: 0px 10px 0px 10px;
	font-size: 0.9em;
	font-weight: bold;
}

dl.album dd{
	float: left;
	margin: 10px 0px;
}

.albumDetail {
	background-color: #000000;
	color: #777777;
	width: 700px;
	margin: 10px 0px;
	padding: 10px 15px;
}

.albumDetail h2{
	font-size: 1.8em;
	padding: 0px;
	margin: 20px 0px 30px;
}


.albumDetail img{
}

ul.trackList {
	float: right;
	margin: 0px 250px 0px 0px;	
	list-style-type: none;
	display: inline;
	font-size: 1.2em;
}

ul.trackList li{
	margin: 5px 0px;	
}

.releaseDate {
	margin: 0px;
}

.freeItem {
	background-color: #333333;
	color: #999999;
	padding: 10px;
	font-size: 1.1em;
	font-weight: bold;
	margin: -65px 0px;
	float: right;
	display: inline;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* press divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

dl.press {
	text-align: left;
	border-top: solid #333333 1px;
	border-left: solid #333333 1px;
	border-bottom: solid #666666 1px;
	border-right: solid #666666 1px;
	margin: 20px;
	padding: 10px;
	clear: both;
	background-image: url(../images/shade.png)
}
dl.press dt{
	padding: 10px 0px;
	float: left;
	font-size: 1.4em;
}

dl.press dd{
	padding: 20px 0px;
	clear: both;
	padding: 10px;
	color: #cccccc;
}

dl.press dd.date{
	font-size: 100%;
	padding: 20px;
	color: #777777;
	float: right;
	margin: -50px 0px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* shows divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.shows {
	padding: 20px;
	text-align: left;
	border-left: 1px #333333 solid;
	border-top: 1px #333333 solid;
	border-bottom: 1px #999999 solid;
	border-right: 1px #999999 solid;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
	margin: 0px 20px 25px 20px;
	width: 750px;
	font-size: 0.85em;
	clear: both;
}

table.shows th{
	font-weight: bold;
	color: #999999;
}

table.shows th:first-child {
	width: 40%;
}

table.shows td{
	padding: 15px 0px;
	width: 15%;
	font-size: 1.1em;
}

table.shows td:first-child{
	width: 40%;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* store divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

dl.storeItem{
	padding: 0px;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
	text-align: center;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	width: 367px;
	float: left;
	height: 350px;
	margin: 10px 0px 5px 20px;
}

dl.storeItem dt{
	text-align: center;
	padding: 0px 0px 20px;
	font-size: 1.0em;
}

dl.storeItem dt.title{
	font-size: 1.5em;
	font-weight: bold;
	padding: 5px 0px 0px;
}

dl.storeItem dd{
	text-align: center;
	line-height: .5;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* contact divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contact{
	margin: 0px 0px -15px 0px;
	height: 555px;
	background-image: url(../images/contact.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.contact {
	float:left;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	width: 367px;
	margin: 10px 0px 5px 20px;
	text-align: left;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
}

.contact p{
	padding: 0px;
	margin: 0px 5px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* links divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

.links {
	width: 367px;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	float: left;
	text-align: left;
	min-height: 300px;
	margin: 10px 0px 5px 20px;
}

.links h2{
	padding: 0px 10px;
}


.links p{
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* login divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul.form{
	padding: 0px;
	list-style: none;
}
ul.form li{
	padding: 10px;
	margin: 5px 5px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* downloads divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
#downloads {
	font-size: 90%;
	padding: 0px;
	color: #CCCCCC;
	clear: both;
	margin: 0px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* more divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

#emailList {
	margin: 0px 0px 20px;
	float: right;
	font-size: 90%;
	padding: 10px;
	color: #CCCCCC;
	background-color: rgba(44,44,44,0.5);
}

#emailList p {
	margin: 0px 0px;
	padding: 0px;
}


label {
	float: left;
	font-weight:bold;
	margin: 0px 10px;
}


input{
	width: 200px;
	padding: 0px 5px;
	border: solid 3px #CCCCCC;
	background-color: #999999;
	height: 20px;
	font-size: 110%;
	margin: 0px 10px;
}

input:hover{
	border: solid 3px #FFFFFF;
	background-color:#CCCCCC;

}

input:focus {
	border: solid 3px #FFFFFF;
	background-color:#FFFFFF;

}

button {
	border: solid 3px #CCCCCC;
	background-color:#999999;
	font-size: 100%;
	padding: 3px 7px;
	margin: 0px 0px 0px 0px;
}

button:hover {
	color:#333333;
	border: solid 3px #FFFFFF;
	background-color:#CCCCCC;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Form divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul#loginForm {
	line-height: 1.5;
	font-size:90%;
	border: 3px #666666 solid;
	list-style: none;
	width: 400px;
	margin: 0px auto;
	padding: 10px 25px;
}

ul#loginForm li{
	clear: left;
	padding: 12px 0px;
}

ul#loginForm label {
	float: left;
	font-weight:bold;
	margin: 0px 10px;
	width: 60px;
}

ul#loginForm input{
	width: 200px;
	padding: 0px 5px;
	border: solid 3px #CCCCCC;
	background-color: #999999;
	height: 20px;
	font-size: 110%;
	margin: 0px 10px;
}

ul#loginForm input:hover{
	border: solid 3px #FFFFFF;
	background-color:#CCCCCC;

}

ul#loginForm input:focus {
	border: solid 3px #FFFFFF;
	background-color:#FFFFFF;

}

ul#loginForm button {
	border: solid 3px #CCCCCC;
	background-color:#999999;
	font-size: 100%;
	padding: 3px 7px;
	margin: 0px 0px 0px 0px;
}

ul#loginForm button:hover {
	color:#333333;
	border: solid 3px #FFFFFF;
	background-color:#CCCCCC;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* news divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
#news {
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
	width: 500px;
	min-height: 250px;
	margin: 15px 0px 15px 20px;
}

#newsInner {
	
}

dl.newsItem{
	padding: 10px;
	text-align: left;
	float: left;
	
}

dl.newsItem dt{
	font-size: 1.5em;
	color: #999999;
	font-weight: bold;
}

dl.newsItem dt.date{
	font-size: 0.9em;
	color: #333333;
}

dl.newsItem dd{
	font-size: 100%;
	text-align: left;
	line-height: 1.5;
	padding: 10px 0px;
}

.comment {
	font-size: 0.15em;
	color: #333333;
	float: right;
	margin: 5px 0px 0px;
}

#datepicker {
	margin: 0px 5px 0px 0px;
	padding: 5px;
	min-height: 200px;
	border: solid #333333 2px;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
}

#pages {
	float: left;
	width: 500px;
	margin-left: 20px;
}

#pages a{
	margin: 0px;
	padding: 5px;
	background-color: rgb(20, 20, 20);
	display: block;
	border: solid #333333 2px;
}

#newer{
	float: left;
}

#older{
	float: right;
}

.itemCount{
	color: #333333;
	text-align: center;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* more divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
p {
	padding: 5px;
}

img{
	border-style: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* headers divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

h2{
	color: #CCCCCC;
	letter-spacing: 5px;
	font-size: 1.9em;
	padding: 20px 20px 0px;
	margin: 0px 0px 5px 0px;
	text-align: left;
}

h3{
	font-size: 100%;
}

/* ////////////////////////////////////////////////// */

a:link {
	font-size: 100%;
	color: #468966;
	text-decoration: none;
	outline: none;

}
a:visited {
	color: #468966;
	text-decoration: none;
	outline: none;

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

}
a:active {
	color: #468966;
	text-decoration: none;
	outline: none;

}