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

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	color:#FFFFFF;
	background: #2d2d2d url(images/body-bg.jpg) no-repeat top;
	text-align:center;
}

a {
	color:#FFFFFF;
}

#wrapper {
	height:auto;
	width:auto;
}

#top-bar {
	background:url(images/top-bar-bg.jpg) repeat-x;
	height:36px;
	width:100%;
}

#top-banner {
	background:url(images/header-bg.png) no-repeat;
	width:966px;
	height:122px;
	margin:40px auto auto auto;
}

#main {
	width:986px;
	height:auto;
	margin:0 auto 25px auto;
	
}

#top-text {
	margin:30px auto auto auto;
	width:988px;
}

#top-text a {
	color:#FFFFFF;
	text-decoration:none;
}
	

#above-left {
	float:left;
	display:inline;
	width:240px;
	text-align:right;
	padding-right:10px;
	font-size:10px;
	text-transform:uppercase;
	margin:0 auto;
}

#above-middle {
	float:left;
	display:inline;
	width:465px;
	text-align:right;
	padding-right:10px;
	font-size:10px;
	text-transform:uppercase;
	margin:0 auto;
}

#above-right {
	float:left;
	display:inline;
	width:240px;
	text-align:right;
	padding-right:10px;
	font-size:10px;
	text-transform:uppercase;
	margin:0 auto;
}

#menu {
	background:url(images/menu-bg.png) no-repeat;
	width:246px;
	height:324px;
	float:left;
	display:inline;
	padding-left:7px;
	margin-bottom:10px;
}

#menu ul {
	margin-left:2px;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	margin-top:60px;
	

} 

img {
	border:0px;
}

#menu li {
	margin:2px 0 0 0;
	text-align:left;
} 

#menu a {
	display: block;
	width:211px;
	padding: 3px 0px 3px 25px;
	text-decoration: none; /*lets remove the link underlines*/
	background:url(images/menu-bullet-black.png) no-repeat left;
} 

#menu a {
	color: #000000;
}

#menu a:hover {
	background: #000000 url(images/menu-bullet-white.png) no-repeat left;
	color: #FFFFFF;
} 


#flash {
	background:url(images/mid-photo.png) no-repeat;
	width:462px;
	height:324px;
	float:left;
	display:inline;
	margin-left:7px;
	margin-right:7px;
}

#weekly-top10 {
	background:url(images/weekly-top10-bg.png) no-repeat;
	width:253px;
	height:326px;
	float:right;
	display:inline;
}

#content-wrapper {
	clear:both;
	width:986px;
	margin:0px auto auto auto;
}

#connect-container {
	width:254px;
	height:364px;
	float:left;
	display:inline;	
}

#connect {
	width:254px;
	height:262px;
	background:url(images/connect-bg.png) no-repeat;
}

#social-network {
	width:254px;
	height:102px;
	background:url(images/social-network-bg.png) no-repeat;
}


.content-container {
	width:725px;
	float:left;
	display:inline;
}

.content-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/content-header.png) no-repeat top;
}

.bio-dj-twin-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/bio-dj-twin-header.png) no-repeat top;
}

.events-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/events-header.png) no-repeat top;
}

.about-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/about-header.png) no-repeat top;
}

.videos-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/videos-header.png) no-repeat top;
}

.bio-dj-dc-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/bio-dj-dc-header.png) no-repeat top;
}

.listen-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/listen-header.png) no-repeat top;
}

.photos-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/photos-header.png) no-repeat top;
}

.feedback-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/feedback-header.png) no-repeat top;
}

.news-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/news-header.png) no-repeat top;
}

.song-request-header {
	margin:0 auto;
	width:725px;
	height:67px;
	background:url(images/song-request-header.png) no-repeat top;
}

.content {
	margin:o auto;
	width:725px;
	height:auto;
	background:url(images/content-bg.png) repeat-y;
	color:#e9e9e9;
}

.content-footer {
	margin:0 auto;
	width:725px;
	height:35px;
	background:url(images/content-footer.png) no-repeat;
	clear:both;
}

.photo-img {
	border:1px solid #666;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
}

	
#page-footer {
	background:url(images/page-footer.jpg) repeat-x;
	height:79px;
	width:100%;
	clear:both;
	margin-top:20px;
}	

#page-footer a {
	color:#090;
	text-decoration:none;
}

#page-footer a:hover {
	color:#090;
	text-decoration:underline;
}

.news {
	float:left;
	display:inline;
	margin-left:35px;
	margin-right:30px;
	width:175px;
	height:270px;
}

.news-title { 
	margin-top:0px;
	padding-bottom:3px;
	text-align:left;
	text-transform:uppercase;
	background:#666;
	margin-bottom:0px;
	width:172px;
	padding-top:3px;
	padding-left:5px;
	color:#000000;
}

.news-snippet {
	margin-top:5px;
	margin-bottom:0px;
	text-align:justify;
	padding:2px;
}

.news-snippet a {
	color:#090;
	text-decoration:none;
}

.news-snippet a:hover {
	color:#090;
	text-decoration:underline;
}

.form_table {
	text-align:left;
}


.form {
	width:675px;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-left:15px;
}

.form td {
	padding-top:5px;
	padding-bottom:5px;
}

.small {
	font-size:9px;
	margin-left:27px;
}





#weekly-top10 li {
	margin:1px 0 0 0;
	text-align:left;
} 

#weekly-top10 a {
	display: block;
	width:212px;
	padding: 0px 0px 0px 25px;
	text-decoration: none; /*lets remove the link underlines*/
} 

#weekly-top10 a {
	color: #dadada;
}

#weekly-top10 a:hover {
	background: #319025;
	color: #000000;
} 

#weekly-top10 ul {
	margin-left:1px;
	padding: 0;
	list-style-type: none;
	font-size: 9px;
	margin-top:60px;
} 

th {
	padding-top:5px;
	padding-bottom:10px;
}

td {
	padding-top:5px;
	padding-bottom:2px;
	vertical-align:bottom;
}