html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	background: url('/images/body/note-background.png')  no-repeat fixed right bottom transparent;
	background-color: #e4e5e0;
		
	color: #F8F8F8;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

h1 { font-size: 18px; margin: 0.5em 0; color: #0066FF; }
h2 { font-size: 16px; margin: 0 0 0.5em; color: #0066FF; }
h3 { font-size: 14px; margin: 0 0 0.1em; color: #FFFFFF; }

a 		{ color: #F8F8F8; text-decoration: underline; outline: none; }
a:hover		{ color: #0066ff; text-decoration: none; outline: none; }
a:active 	{ color: #FFFFFF; text-decoration: none; outline: none; }

table 	{ border: 0px; padding: 0px; border-spacing: 0px }
img 	{ border: 0px; }
p 	{ line-height:1.5; margin:0 0 0.1em; }
ul	{ list-style-type: none; margin: 0px; padding: 0px; }
li 	{ display: inline; margin: 0px; padding: 0px; }

.bold { font-weight: bold; }

div#fadein { display: none; }

#header {
	background-image: url("/images/header/header-background.png");
    	background-position: center center;
    	background-repeat: no-repeat;
	background-color: #000000;
	height: 75px; 
	position: relative;
	width: 100%;
	}
#header .headercontainer {
	height: 100%;
	}

.headercontainer {
	margin: 0 auto;
    	padding-left: 15px;
    	padding-right: 15px;
    	position: relative;
    	text-align: left;
    	width: 800px;
	}
.headercontainer a { color: #FFFFFF; text-decoration: none; }
.headercontainer a:hover { color: #666666; }
.headercontainer a:active { color: #FFFFFF; }

#navbar {
	bottom: 0;
    	height: 15px;
	left: 15px;
    	position: absolute;
    	width: 800px;
	text-align: right;
	}
#navbar li.home { padding: 0px 38px 0px 0px; }
#navbar li.mixes { padding: 0px 38px 0px 0px; }
#navbar li.gallery { padding: 0px 38px 0px 0px; }
#navbar li.playlist { padding: 0px 38px 0px 0px; }
#navbar li.streams { padding: 0px 38px 0px 0px; }
#navbar li.shows {  padding: 0px 38px 0px 0px; }
#navbar li.contact { padding: 0px 38px 0px 0px; }
#navbar li {
	background-position: 0 -200px;
	float: left;
	list-style: none outside none;
	margin-left: 38px;
	}
#navbar ul, #navbar li { 
	margin: 0; 
	padding: 0; 
	}

#topcontainer {
        height: 305px;
        width: 100%;
	text-align: center;
        }
#topcontainer .homecontainerl { height: 100%; background-color: #202020; }
#topcontainer .homecontainerr { height: 100%; background-color: #202020; }
#topstreamcontainer .streamcontainer1 { height: 100%; background-color: #202020; }
#topstreamcontainer .streamcontainer2 { height: 100%; background-color: #202020; }
#topstreamcontainer .streamcontainer3 { height: 100%; background-color: #202020; }

#topcontainer .showcontainer { height: 100%; background-color: #202020; }
#topcontainer .contactcontainer { height: 100%; background: #202020; }
#topcontainer .linkscontainer { height: 100%; background: #202020; }
#topcontainer .aboutcontainer { height: 100%; background: #202020; }
#topcontainer .sitemapcontainer { height: 100%; background: #202020; }

.homecontainerl { margin: 0 auto; padding: 0px; text-align: left; width: 399px; display: inline-block; }
.homecontainerr { margin: 0 auto; padding: 0px; text-align: left; width: 399px; display: inline-block; }

#topstreamcontainer {
	height: 305px; 
	width: 800px;
	margin: 0 auto;
	text-align: center;
	}
.streamcontainer1 { margin: 0 auto; padding: 0px; text-align: left; width: 265px; display: block; float: left; border-right: 3px solid #e4e5e0;  }
.streamcontainer2 { margin: 0 auto; padding: 0px; text-align: left; width: 264px; display: block; float: left; border-right: 3px solid #e4e5e0;  }
.streamcontainer3 { margin: 0 auto; padding: 0px; text-align: left; width: 265px; display: block; float: left; }
.streamcontainer1 p { width: 100%; text-align: center; padding: 5px; }
.streamcontainer2 p { width: 100%; text-align: center; padding: 5px; }
.streamcontainer3 p { width: 100%; text-align: center; padding: 5px; }

.showcontainer { margin: 0 auto; padding: 0px; text-align: left; width: 800px; display: block; }
.contactcontainer { margin: 0 auto; padding: 0px; text-align: left; width: 800px; display: block; }
.linkscontainer { margin: 0 auto; padding: 0px; text-align: left; width: 800px; display: block; }
.aboutcontainer { margin: 0 auto; padding: 0px; text-align: left; width: 800px; display: block; }
.sitemapcontainer { margin: 0 auto; padding: 0px; text-align: left; width: 800px; display: block; }

#bottomcontainer {
	background: transparent;
	height: 425px;
	width: 100%;
	text-align: center;
	}
#bottomcontainer .bottom { height: 100%; background-color: #202020; }
.bottom { 
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 800px;
	display: block;
	}
	
.latestmix { padding: 5px; }
.latestmix img { width: 125px; height: 125px; }
.latestalbum { padding: 5px; }
.latestalbum img { width: 125px; height: 125px; }
.news { padding: 5px; }
.news img { width: 125px; height: 125px; }
.shows { padding: 5px; text-align: center; }
.contact { padding: 5px; text-align: center; }
.links { padding: 5px; }
.about { padding: 5px; }
.sitemap { padding: 5px; }

#mixes {
	background: transparent;
	height: 733px;
	width: 100%;
	text-align: center;
	}
#mixes .mainmixes { height: 100%; background-color: #202020; }	
.mainmixes {
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 800px;
	display: block;
	}

div#footer {
	width: 100%;
	background: transparent;
	color: #666666;
	font-size: 10px;
	text-align: center;
	}
	div#footer p {
		padding: 1em;
		margin: 0;
	}
.footer a { color: #666666; font-size: 10px; text-decoration: underline; }
.footer a:hover { text-decoration: none; }