/* CSS Document */

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 100%;
	cursor:default;
}

table#wrap {
	width: 100%;
	height: 100%;
	min-width: 100%;
}

table#wrap td {
	vertical-align: middle;
	text-align: center;
}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	text-align: left;
}

#gradienttop{
	margin:-110px 0 0 0;
	padding:0;
	width:770px;
	height:110px;
	background:url(../images/gradienttop.gif) repeat-x;
}

#leftcol{
	margin:0;
	padding:0;
	width:340px;
	float:left;
	background:url(../images/leftblock3.gif) repeat-x bottom;
}

#rightcol{
	margin:0;
	padding:0;
	height:350px;
	width:430px;
	float:left;
	background:url(../images/leftblock3.gif) repeat-x bottom;
}

#header {
	margin:0;
	padding:0;
}

#navigation {
	margin:0 0 10px 0;
	padding:0;
}

#leftblock1{
	margin:0;
	padding:0;
	background:#FF66FF;
	width:108px;
	height:60px;
	float:left;
}

#leftblock2{
	margin:0;
	padding:0;
	background:url(../images/leftblock2.gif);
	width:115px;
	height:50px;
	float:left;
}

#radiobutt{
	margin:0;
	padding:0;
	float:left;
	cursor:pointer;
}

#radio{
	margin:0;
	padding:0;
	float:left;
}

#welcomewrap{
	margin:0 0 0 10px;
	padding:10px 10px 0 10px;
	width:188px;
	height:83px;
	border:1px solid #333333;
	float:left;
	display:inline;
}

#welcome{
	margin:0 0 4px 0;
	padding:0;
	width:91px;
	height:18px;
	background:url(../images/welcome.gif);
}

#welcomewrap h1{
	margin:0;
	padding:0;
	color:#FF66FF;
	font-size:63%;
	font-weight:normal;
	line-height:110%;
}

.homepic{
	margin:0 0 0 10px;
	padding:0;
	float:left;
}

#hometext{
	margin:0 0 0 10px;
	padding:0 10px 0 10px;
	width:399px;
	height:140px;
	overflow:auto;
	clear:both;
	border-left:1px solid #6633CC;
}

#hometext h1{
	margin:0 0 3px 0;
	padding:0;
	color:#CC3399;
	font-size:69%;
	float:left;
}

#hometext h2{
	margin:0 0 3px 0;
	padding:0;
	color:#6633CC;
	font-size:69%;
}

#hometext p{
	margin:0 0 10px 0;
	padding:0;
	color:#CCCCCC;
	font-size:63%;
	line-height:120%;
}

#biographyhead{
	margin:0 0 0 10px;
	padding:10px 10px 0 10px;
	width:398px;
	height:30px;
	border:1px solid #333333;
	float:left;
	display:inline;
	background:url(../images/biography.gif) no-repeat;
	text-align:right;
}

#biographyhead a{
	margin:0 0 0 10px;
	padding:0;
	color:#CC3399;
	font-size:63%;
	font-weight:bold;
	text-decoration:none;
}

#biographyhead a:hover, #biographyhead a:focus{
	color:#FF66FF;
}

#biography{
	margin:0;
	padding:0;
	width:100px;
	height:22px;
	background:url(../images/biography.gif);
}

#biogtext{
	margin:0 0 0 10px;
	padding:0 10px 0 10px;
	height:193px;
	width:399px;
	overflow:auto;
	clear:both;
	border-left:1px solid #6633CC;
}

#biogtext p{
	margin:0 0 10px 0;
	padding:0;
	color:#CCCCCC;
	font-size:63%;
	line-height:120%;
}

.biogpic{
	margin:0 10px 10px 10px;
	padding:0;
	float:left;
}

#linkshead{
	margin:0 0 0 10px;
	padding:10px 10px 0 10px;
	width:398px;
	height:30px;
	border:1px solid #333333;
	float:left;
	display:inline;
	background:url(../images/links.gif) no-repeat;
	text-align:right;
}

#linkstext{
	margin:0 0 0 10px;
	padding:0 10px 0 10px;
	width:399px;
	height:193px;
	clear:both;
	border-left:1px solid #CC3399;
}

#linkstext p{
	margin:0 0 10px 0;
	padding:0;
	font-size:63%;
	color:#CCCCCC;
}

#linkstext ul{
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	float:left;
	width:105px;
	border-left:1px solid #6633CC;
}

#linkstext ul li{
	margin:0;
	padding:0;
	list-style:none;
}

#linkstext ul li a{
	margin:0;
	padding:0;
	font-size:69%;
	color:#FF66FF;
	text-decoration:none;
}

#linkstext ul li a:hover, #linkstext ul li a:focus{
	color:#FFFFFF;
}

#contacthead{
	margin:0 0 0 10px;
	padding:10px 10px 0 10px;
	width:398px;
	height:30px;
	border:1px solid #333333;
	float:left;
	display:inline;
	background:url(../images/contact.gif) no-repeat;
	text-align:right;
}

#contacttext{
	margin:0 0 0 10px;
	padding:0 10px 0 10px;
	width:399px;
	height:193px;
	clear:both;
	border-left:1px solid #CC3399;
}

#contacttext p{
	margin:0 0 10px 0;
	padding:0;
	font-size:63%;
	color:#CCCCCC;
}

#contacttext a{
	margin:0;
	padding:0;
	font-size:100%;
	color:#FF66FF;
	text-decoration:none;
}

#contacttext a:hover, #contacttext ul li a:focus{
	color:#FFFFFF;
}
	
#djhead{
	margin:0 0 0 10px;
	padding:10px 10px 0 10px;
	width:398px;
	height:30px;
	border:1px solid #333333;
	float:left;
	display:inline;
	background:url(../images/dj.gif) no-repeat;
	text-align:right;
}

#djtext{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	height:193px;
	clear:both;
	border-left:1px solid #CC3399;
}

#djmixes{
	margin:0;
	padding:0;
	float:left;
	width:189px;
}

#djmixes h1{
	margin:0 0 5px 0;
	padding:0;
	color:#FF66FF;
	font-size:75%;
}

#djmixes p{
	margin:0 0 10px 0;
	padding:0;
	color:#CCCCCC;
	font-size:63%;
}

#djmixes a{
	margin:0 10px 0 0;
	padding:0;
	float:left;
	color:#6633CC;
	font-size:63%;
	font-weight:bold;
	text-decoration:none;
}

#djmixes a:hover,#djmixes a:focus{
	color:#CC3399;
}

#djdiary{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	float:left;
	border-left:1px solid #6633CC;
	width:198px;
	height:193px;
	overflow:auto;
}

#djdiary h1{
	margin:0 0 5px 0;
	padding:0;
	color:#CC3399;
	font-size:88%;
}

#djdiary h2{
	margin:0 0 2px 0;
	padding:0;
	color:#FF66FF;
	font-size:69%;
}

#djdiary h3{
	margin:0 0 2px 0;
	padding:0;
	color:#6633CC;
	font-size:63%;
}

#djdiary p{
	margin:0;
	padding:0;
	color:#CCCCCC;
	font-size:63%;
}

#producerhead{
	margin:0 0 0 10px;
	padding:10px 10px 0 10px;
	width:398px;
	height:30px;
	border:1px solid #333333;
	float:left;
	display:inline;
	background:url(../images/producer.gif) no-repeat;
	text-align:right;
}

#producertext{
	margin:0 0 0 10px;
	padding:0 10px 0 10px;
	height:193px;
	width:399px;
	overflow:auto;
	clear:both;
	border-left:1px solid #CC3399;
}

#producertext h1{
	margin:5px 0 0 0;
	padding:0;
	font-size:75%;
	color:#FF66FF;
	float:left;
}

#producertext h2{
	margin:5px 0 0 10px;
	padding:0;
	font-size:69%;
	color:#6633CC;
	float:left;
}

#producertext p{
	margin:0 0 5px 0;
	padding:0;
	font-size:63%;
	color:#CCCCCC;
	clear:both;
}


#may07promohead{
	margin:0 0 0 10px;
	padding:10px 10px 0 10px;
	width:398px;
	height:30px;
	border:1px solid #333333;
	float:left;
	display:inline;
	background:url(../images/may07promo.gif) no-repeat;
	text-align:right;
}

#may07promohead a{
	margin:0 0 0 10px;
	padding:0;
	color:#CC3399;
	font-size:63%;
	font-weight:bold;
	text-decoration:none;
}

#may07promohead a:hover, #biographyhead a:focus{
	color:#FF66FF;
}

#tracklisttext{
	margin:0 0 0 10px;
	padding:0 10px 0 10px;
	height:193px;
	width:399px;
	clear:both;
	border-left:1px solid #CC3399;
	overflow:auto;
}

table#tracklist{
	margin:0;
	padding:0;
	font-size:100%;
	text-align:left;
	width:380px;
}

table#tracklist th{
	padding:0 5px 0 5px;
	text-align:left;
	font-size: 63%;
	color: #999999;
}

table#tracklist td{
	padding:3px 5px 3px 5px;
	text-align:left;
	color:#FF66FF;
	font-size:63%;
}

table#tracklist tbody tr:hover {
	background-color:#6633CC;
}

table#tracklist tr.odds {
	background-color:#222222;
}

#freesoupnet{
	margin:13px 4px 0 0;
	padding:0;
	float:right;
}

.pagebreak{
	margin:0;
	padding:0;
	clear:both;
	float:left;
}

#footer{
	margin:0;
	padding:0;
		
}

#footer #copy a{
	margin:0;
	padding:0;
	color:#999999;
	font-size:57%;
	text-decoration:none;
	float:left;
}

#footer #copy a:hover, #footer #copy a:focus{
	color:#CC3399;
}

#foot-nav{
	margin:0;
	padding:0;
	float:right;
}

#foot-nav ul{
	margin:0;
	padding:0;
	list-style:none;
}

#foot-nav ul li{
	margin:0;
	padding:0;
	display:inline;
	color:#999999;
	font-size:57%;
	text-decoration:none;
}

#foot-nav ul li a{
	margin:0;
	padding:0;
	color:#999999;
	text-decoration:none;
}

#foot-nav ul li a.onpage{
	color:#FF66FF;
}

#foot-nav ul li a:hover, #foot-nav ul li a:focus{
	color:#CC3399;
}

.w3logo{
	margin:0 10px 0 0;
	padding:0;
	float:left;
}