/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: "Futura", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    margin:30px auto;
    line-height: 1.4em;
    color: #fff;
    background: #000;
}

div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-family: "Futura", "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	text-transform:uppercase;
	margin: .5em 0;
	letter-spacing: .07em;
}
h1 { font-size: 225% }
h2 { font-size: 170%; line-height: 18px; }
h2 span.active { color: #fff2b5; }
h3 { font-size: 130%; margin: 20px 0 5px 0; color: #ffdf59; text-transform:none; font-weight: normal; }
h4 { font-size: 118%; color: #fff; margin: 5px 0; text-transform:none; font-weight: normal;  }

h5 { font-size: 105%; color: #fff; margin: 5px 0; text-transform:none; font-weight: normal;  }
h6 { font-size: 90%; color: #fff; margin: 7px 0; text-transform:none; font-weight: normal; line-height: 1.2em; }

p { padding: 0 0 1em; }

a,
a:active,
a:link,
a:hover { outline:none; }

a, a:link { 
    color: #fff2b5;
    text-decoration:none;
}

a:hover { text-decoration:underline; }

h2 a,
h2 a:link { color: #fff; }

h2 a:hover { color: #b6b6b6; }

a img, img {
    border: none;
}

ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	height: 640px;
	border: 1px solid #797878;
}

#header h1 {
	text-indent: -9999px;
	position:absolute;
	margin: 45px 0 0 30px;
}

#header h1 a { 
	display:block;
	width: 426px;
	height: 63px;
	background: url("/images/logo.png") top left no-repeat;
}

#content {
	width: 683px;
	height: 455px;
	margin: 150px 0 0 0;
	padding: 0 10px;
	overflow-y:auto;
}


#side-nav ul {
	width: 186px;
	float: left;
	padding: 0;
	margin: 120px 0 0 30px;
}


#side-nav ul li {
	display:block;
	margin: 0;
	padding: 0;
}

#side-nav ul li a {
	display: block;
	width: 222px;
	text-indent: -9999px;
}

#side-nav ul li.sn1 a { height: 37px; background:url("/images/nav/nav_01.png") top left no-repeat; }
#side-nav ul li.sn2 a { height: 37px; background:url("/images/nav/nav_02.png") top left no-repeat; }
#side-nav ul li.sn3 a { height: 37px; background:url("/images/nav/nav_03.png") top left no-repeat; }
#side-nav ul li.sn4 a { height: 37px; background:url("/images/nav/nav_04.png") top left no-repeat; }
#side-nav ul li.sn5 a { height: 38px; background:url("/images/nav/nav_05.png") top left no-repeat; }
#side-nav ul li.sn6 a { height: 27px; background:url("/images/nav/nav_06.png") top left no-repeat; }
#side-nav ul li.sn7 a { height: 36px; background:url("/images/nav/nav_07.png") top left no-repeat; }

#side-nav ul li.sn1 a:hover { background:url("/images/nav/nav_01-hover.png") top left no-repeat; }
#side-nav ul li.sn2 a:hover { background:url("/images/nav/nav_02-hover.png") top left no-repeat; }
#side-nav ul li.sn3 a:hover { background:url("/images/nav/nav_03-hover.png") top left no-repeat; }
#side-nav ul li.sn4 a:hover { background:url("/images/nav/nav_04-hover.png") top left no-repeat; }
#side-nav ul li.sn5 a:hover { background:url("/images/nav/nav_05-hover.png") top left no-repeat; }
#side-nav ul li.sn6 a:hover { background:url("/images/nav/nav_06-hover.png") top left no-repeat; }
#side-nav ul li.sn7 a:hover { background:url("/images/nav/nav_07-hover.png") top left no-repeat; }

#side-nav ul li.sn1 a.active { background:url("/images/nav/nav_01-active.png") top left no-repeat; }
#side-nav ul li.sn2 a.active { background:url("/images/nav/nav_02-active.png") top left no-repeat; }
#side-nav ul li.sn3 a.active { background:url("/images/nav/nav_03-active.png") top left no-repeat; }
#side-nav ul li.sn4 a.active { background:url("/images/nav/nav_04-active.png") top left no-repeat; }
#side-nav ul li.sn5 a.active { background:url("/images/nav/nav_05-active.png") top left no-repeat; }
#side-nav ul li.sn6 a.active { background:url("/images/nav/nav_06-hover.png") top left no-repeat; } /* It's set to hover instead of active on purpose */
#side-nav ul li.sn7 a.active { background:url("/images/nav/nav_07-active.png") top left no-repeat; }

#freedownloadbox {
	position:absolute;
	width: 136px;
	height: 228px;
	margin: 383px 0 0 30px;
	padding: 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.1em;
	background: #b10000;
	padding: 10px;
	z-index: 1;
	opacity:0.3;
	filter:alpha(opacity=30);
}

#freedownload {
	z-index: 1000;
	position:absolute;
	width: 136px;
	margin: 383px 0 0 30px;
	padding: 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.1em;
	padding: 10px;
}

#freedownload a {
	font-size: 14px;
}

#freedownload a.title {
	font-size: 15px;
}

#freedownload p { padding: 12px 0 2px 0; }

#freedownload p img { margin-top: 6px; }

#freedownload p.heading {
	padding:0;
	line-height: 1.1em;
	font-size: 15px;
	text-transform:uppercase;
}

#load {  
    display: none;  
    position: absolute;  
    top: 10px;  
    margin: -78px 0 0 450px;
    padding: 0 0 0 30px;
    background: url("/images/loading-red.gif") center center no-repeat;
    width: 440px;  
    height: 360px;  
    text-indent: -9999em;  
}  

.thumbscontainer { width: 455px; padding: 0; margin: 0; }

.thumbscontainer ul li { float: left; width: 27%; height: 140px; text-align:center; margin: 0 0 8px 5px; }

table.audioplayer { min-width: 220px; }

table.audioplayer td { padding: 0 3px 6px 0; }

table.audioplayer span.num,
table.audioplayer span.length { color: #999; }

table.audioplayer a { color: #fff; }

table.album { width: 100%; }

table.album img,
.albumfloat a img { border: 1px solid #797878; }

.albumfloat a:hover img { border: 1px solid #fff; }

div.albumfloat { float: left; margin: 10px 0 0 15px; }

div.albumfloat.sidepad { margin: 10px 22px 0 32px; }

label { display:block; }

#innercontent textarea { height: 150px; width: 80%; }

div.errors { color: #ff5959; margin: 0 0 10px 0; }

div.errors strong { color: #ffdf59; }

/* Scollbars */
#innercontent {
	position: absolute;
	height: 488px;
	top: 156px;
	padding: 0 0 0 0;
	width: 700px;
	overflow: auto;
	margin: 4px 0 0 0;
	color: #fff;
}

#innercontent p,
#innercontent h1,
#innercontent h2,
#innercontent h3,
#innercontent h4,
#innercontent h5,
#innercontent h6 { max-width: 672px; }

#innercontent p span { line-height: 1.4em; }

.cds_scrollbar {
	position: absolute;
	background: #555;
	right: 0px;
	cursor: pointer;
}
.cds_scrollbar_over {
	background: #aaa;
}
.cds_scrollbar_pushed {
	background: #fff;
}
.cds_track {
	position: absolute;
	background: #222;
	right: -1px;
	top: 0px;
	height: 100%;
	cursor: pointer;
}
.cds_up {
	position: absolute;
	background: #fff;
	right: 0px;
	top: 0px;
	cursor: pointer;
}
	.cds_down {
	position: absolute;
	background: #fff;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
}



/* SPLASH PAGE */

#wrapper.splash #header h1 {
	text-indent: -9999px;
	position:relative;
	margin: 24px 0 17px 260px;
}

#wrapper.splash #header h1 a { 
	display:block;
	width: 426px;
	height: 63px;
	background: url("/images/logo.png") top left no-repeat;
}

#wrapper.splash h2 { font-size: 28px; text-transform:none; font-weight: normal; text-align:center; margin: auto auto 32px auto; }

#splashcontent { width: 96%; margin: 0 auto; }

#splashcontent p { margin:0; padding:5px 0; }

#splashcontent div.col1 { float: left; width: 50%; text-align: center; }
#splashcontent div.col2 { float: right; width: 50%; text-align: center; }

#splashcontent div.col1 a,
#splashcontent div.col2 a { font-size: 14px; color: #fefdfd; font-weight:normal; }

#splashcontent p.entersite { text-align: center; clear:both; padding-top: 10px; }
#splashcontent p.entersite a { color: #fcd113; font-size: 26px; font-weight: normal; }

.albumbuttons { float: right; width: 378px; height: 25px; padding-top: 15px; }
.albumbuttons a { margin: 0 20px 0 0; }