@charset "utf-8";
/* CSS Document */

#topbar {
	background-color: #000;
	height: 20px;
	width: 100%;
}
#topbar-in {
	height: 20px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#topcont{
	height: 20px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;

}
#header {
	height: 110px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;

}
#logo {
	float: left;
	height: 100px;
	width: 440px;
	margin-top: 5px;
}
#listen-button {
	float: right;
	height: 55px;
	width: 225px;
	margin-top: 20px;
}

#toplink {
	background-image: url(images/topdown.png);
	float: right;
	height: 20px;
	width: 350px;
}
/* NAVIGATION */
#navigator {
	background-image: url(images/nav.png);
	height: 25px;
	width: 845px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 5px;
	padding-left: 5px;
}

.nav A:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.nav A:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.nav A:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.nav A:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	background-image: url(images/nav-red.png);
}
/* END OF NAVIGATION */

#container {
	height: 710px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#container-right {
	float: right;
	height: 600px;
	width: 277px;
}
#container-left {
	float: left;
	height: 600px;
	width: 550px;
}


#djnow {
	height: 130px;
	width: 277px;
}

#mainbox {
	height: 250px;
	width: 550px;
	background-image: url(images/poster-klubbpro.png);
	border: 1px solid #FFF;
	margin-bottom: 5px;
}
#mainbox-interact {
	background-image: url(images/nav.png);
	height: 25px;
	width: 545px;
	margin-top: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-top: 5px;
	padding-left: 5px;
}

#righthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	height: 23px;
	width: 275px;
	margin-bottom: 5px;
	background-image: url(images/nav-red.png);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 2px;
	padding-left: 2px;
}
#lefthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	height: 23px;
	width: 550px;
	margin-bottom: 5px;
	background-image: url(images/nav-red.png);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 2px;
	padding-left: 2px;
}
#nowplaying {
	height: 100px;
	width: 277px;
}

.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
#home-message {
	height: 250px;
	width: 550px;

}

#footer {
	background-color: #000;
	height: 200px;
	width: 100%;
}

#footer-cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 200px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}

#loudcity {
	background-image: url(images/loudcity-logo.jpg);
	height: 45px;
	width: 111px;
	margin-top: 5px;
	float: right;
}
#hosting365 {
	background-image: url(images/hosting365-logo.jpg);
	height: 47px;
	width: 200px;
	margin-top: 5px;
	float: left;
}
.white A:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.white A:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.white A:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.white A:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}