body {
	font: 13px Arial;
	background: url('bg.jpg') repeat-x;
}

form {
	margin: 0;
}

a {
	text-decoration: none;
	color: #33C;
}

a:hover {
	color: #66F;
}

#container {
	width: 800px;
}

#panel {
	margin-bottom: 20px;
	border: 1px solid #0574bb;
	background: url('panel_bg.jpg') repeat-x;
}

table.categories {
	/*background-color: #F5F5F5;*/
}

table.categories td {
	text-align: center;
}

span.genre-trance, span.genre-house, span.genre-dance, span.genre-techno, span.genre-dnb, span.genre-chill {
	font: 11px "Arial";
	font-weight: bold;
	color: #FFF;
	padding: 1px 4px;
}

span.type {
	font: 16px "Arial";
	font-weight: bold;
	color: #666;
	padding: 1px 4px;
}

#searchinput {
	width: 200px;
	border: 1px solid #CCC;
}

#searchsubmit {
	background-color: #FFF;
	border: 1px solid #CCC;
}

#content {
	width: 100%;
	clear: both;
}

#header {
	font: 28px Arial;
	height: 157px;
}

#header sup {
	font: 10px Arial;
	color: #CCC;
	font-weight: bold;
}

#header a {
	color: black;
}

#header #logo {
	position: absolute;
	left: 66px;
	top: 43px;
}

.sorry {
	font-size: 11px;
	color: #393;
	margin: 5px 0 0 20px;
}

#pager {
	margin: 20px;
	padding: 10px;
	font-size: 12px;
	text-align: center;
}

#pager a {
	border: 1px solid #999;
	padding: 2px 4px;
}

#footer {
	margin: 20px;
	padding: 10px;
	font-size: 11px;
	color: #999;
	clear: both;
	float: left;
}

#counter {
	float: left;
}

#copyright {
	float: left;
	margin-left: 20px;
}

#copyright a {
	color: #999;
}

.item {
	padding: 4px;
	margin: 4px 0;
	background-color: #F9F9F9;
	border-left-width: 7px;
	position: relative;
	clear: both;
}

div.link a {
	font-size: 14px;
	font-weight: bold;
}

div.labels {
	float: right;
}

div.labels .left {
	float: left;
}

div.labels .right {
	float: right;
}

.item .info {
	padding-top: 2px;
	color: #393;
	font-size: 11px;
}

a.a-trance span {
	background-color: #0094d5;
}

a.a-trance:hover span {
	background-color: #6dafe0;
}

.item-trance {
	border: 1px solid #0094d5;
	border-left: 7px solid #0094d5;
	background-color: #edf3fa;
}

a.a-house span {
	background-color: #e3007a;
}

a.a-house:hover span {
	background-color: #e26b99;
}

.item-house {
	border: 1px solid #e3007a;
	border-left: 7px solid #e3007a;
	background-color: #fdedf1;
}

a.a-dance span {
	background-color: #640a7b;
}

a.a-dance:hover span {
	background-color: #8e599d;
}

.item-dance {
	border: 1px solid #640a7b;
	border-left: 7px solid #640a7b;
	background-color: #eee5ef;
}

a.a-techno span {
	background-color: #6f382f;
}

a.a-techno:hover span {
	background-color: #976d56;
}

.item-techno {
	border: 1px solid #6f382f;
	border-left: 7px solid #6f382f;
	background-color: #f0e7e1;
}

a.a-dnb span {
	background-color: #ed9205;
}

a.a-dnb:hover span {
	background-color: #f4b25a;
}

.item-dnb {
	border: 1px solid #ed9205;
	border-left: 7px solid #ed9205;
	background-color: #fff3e6;
}

a.a-chill span {
	background-color: #2d4b9b;
}

a.a-chill:hover span {
	background-color: #6977b6;
}

.item-chill {
	border: 1px solid #2d4b9b;
	border-left: 7px solid #2d4b9b;
	background-color: #eae8f3;
	margin-left: 8px;
}

.item-single {
	margin-left: 8px;
}

.item-album {
	border-left-width: 15px;
}

.item-radio {
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	margin-left: 8px;
}

span.genre-trance {
	background-color: #0094d5;
}

span.genre-house {
	background-color: #e3007a;
}

span.genre-dance {
	background-color: #640a7b;
}

span.genre-techno {
	background-color: #6f382f;
}

span.genre-dnb {
	background-color: #ed9205;
}

span.genre-chill {
	background-color: #2d4b9b;
}


span.dl a {
	font: 11px "Arial";
	font-weight: bold;
}

span.dl a:hover {
	font: 11px "Arial";
	font-weight: bold;
}

span.images {
	font: 11px "Arial";
	font-weight: bold;
	color: #FF0;
	padding: 1px 4px;
	background-color: #666;
}

div#r-type h4, div#r-genre h4, div#r-size h4, div#r-date h4, div#r-link h4, div#r-views h4 {
	display: inline;
}

div#r-filelist {
	border: 1px solid #CCC;
	padding: 5px;
}

pre.nfo {
	width: 780px;
  height: 444px;
  max-height: 444px;
  background-color: #F0F0E6;
  border: 1px solid #CCC;
  padding: 8px;
  font: 11px Courier New;
  overflow: scroll;
}

div#law {
	color: #AAA;
}

div.image {
	float: left;
}

div.image img {
	padding: 1px;
	border: 1px solid #CCC;
}

#featured, #popular {
	position: relative;
	clear: both;
	border: 1px solid #CCC;
	background-color: #F5F5F5;
	padding: 0px 4px;
	margin: 15px 0;
	font-size: 11px;
}

#searches {
	position: relative;
	clear: both;
	border: 1px solid #CCC;
	background-color: #F5F5F5;
	padding: 5px 5px;
	margin: 15px 0;
	font-size: 13px;
	text-align: center;
}

#featured table td, #popular table td {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#featured .label, #popular .label, #searches .label {
	clear: both;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	text-align: right;
}

#footer a {
	color: #666;
}

#footer a:hover {
	color: #999;
}