* {
margin: 0;
padding: 0;
border: 0;
}

body {
padding: 2% 0 0;
background: #e5e5e5;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
width: 799px;
margin: 0 auto;
}

#header {
background-image: url(header.jpg);
width: 799px;
height: 100px;
}

#nav {
background: url(nav_bg.jpg) repeat-x;
color: #fff;
font-family: sans-serif;
font-size: 100%;
font-weight: bold;
line-height: 1.8em;
text-align: center;
margin: 0 0 5px;
}

#nav ul {
list-style-type: none;
}

#nav li {
display: inline;
margin: 0 8px;
}

#nav li a {
color: #fff;
}

#nav li a:hover {
color: #000;
}

a {
text-decoration: none;
}

.header_div {
background: url(nav_bg.jpg) repeat-x;
font-size: .8em;
font-weight: bold;
width: 100%;
height: 20px;
}

.header_div p {
text-align: left;
text-indent: .5em;
font-family: sans-serif;
color: #fff;
margin: 0;
}

#spool {
background: #868686;
width: 480px;
height: auto;
margin: 0px 9px 9px;
float: left;
}

#left_column {
background: #868686;
width: 150px;
height: auto;
float: left;
}

#right_column {
background: #868686;
width: 150px;
height: auto;
float: right;
}

#list {
background: #868686;
width: 480px;
height: auto;
margin: 0px 9px 9px;
padding-bottom: 20px;
float: left;
}

#footer {
background : #868686;
color : #fff;
font-size : 60%;
padding : 5px;
clear : both;
margin: 20px 0px 10px 0px;
}

#footer a {
color : #ff0;
}

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

#footer p {
padding : 2px;
text-align : center;
}

.clearfloat {
clear : both;
}

.mixes {
background: #9b9b9b;
width: 95%;
height: auto;
padding-bottom: 10px;
margin: 10px auto;
border : 1px dashed #999;
}

.mixes a {
font-family: Courier;
font-weight: bold;
font-size: small;
color: white;
}

.mixes a:hover {
color: #000;
}

.date {
font-size: x-small;
font-weight: bold;
color: white;
}

.title {
color: white;
font-size: small;
font-weight: bold;
text-align: center;
}

.descr {
color: white;
font-family: Times;
font-size: 90%;
text-align: center;
}

.flyer {
width: 200px;
border : 2px solid #acacac;
}

.pic {
width: 150px;
height: 100px;
margin: 0;
}

.artists {
background: #9b9b9b;
width: 150px;
height: 130px;
padding: 1px;
margin: 19px 0px 19px 60px;
border : 1px solid #acacac;
float: left;
}

.tabname {
font-size: x-small;
font-weight: bold;
text-align: center;
color: white;
margin: 0;
}

.standalone {
background: #9b9b9b;
width: 87%;
height: auto;
margin: 20px auto;
padding: 10px 20px 10px;
border : 1px solid #acacac;
}

.links {
color: #fff;
font-family: Courier;
font-weight: bold;
font-size: small;
}

.linksr {
color: #fff;
font-family: Courier;
float: right;
font-weight: bold;
font-size: small;
padding-bottom: 5px;
}

.linksl {
color: #fff;
font-family: Courier;
float: left;
font-weight: bold;
font-size: small;
padding-bottom: 5px;
}

#form {
background: #767676;
width: 80%;
height: auto;
padding: 10px;
margin: 10px auto;
border : 1px solid white;
}

#note {
background: #000;
width: 90%;
height: auto;
padding: 10px;
margin: 10px auto;
border : 1px dashed white;
}

.releases {
background: #9b9b9b;
width: 87%;
height: auto;
padding: 1px;
padding-bottom: 5px;
margin: 10px auto;
border : 1px dashed #999;
}

.release_date {
font-size: xx-small;
font-weight: bold;
padding-bottom: 5px;
color: white;
}

.partners {
background: #9b9b9b;
width: 90%;
height: auto;
padding-bottom: 5px;
padding-top: 5px;
margin: 10px auto;
border : 1px dashed #999;
}

.nav_mix {
width: 95%;
height: auto;
margin: 5px auto 5px;
}

.search_line {
color: black;
background-color: white;
border: 1px solid #fff;
font-family: Courier;
font-weight: bold;
font-size: small;
}

.rating {
background: white;
width: auto;
height: auto;
margin: 2px;
padding: 0 3px;
float: right;
}

.rating p {
font-size: x-small;
font-weight: bold;
text-align: center;
color: #4c4c4c;
}