body {
background: #1e1f23 url('images/bg.jpg');
font: 12px "Lucida Grande", Tahoma, Sans-serif;
color: #fff;
line-height: 20px;
margin: 0px;
text-align: justify;
}


#container {
width: 786px;
}


#one {
background: url('images/one.jpg');
width: 786px;
height: 155px;
}


#two {
background: url('images/two.jpg');
width: 786px;
height: 155px;
}


#three {
background: url('images/three.jpg');
width: 786px;
height: 154px;
}


#four {
background: url('images/four.jpg');
width: 786px;
height: 154px;
}


#index a {
display: block;
height: 67px;
width: 218px;
}


#title {
font: 36px "Century Gothic", Times, Serif;
text-transform: lowercase;
margin: -424px 0px 0px 470px;
}


#rewind {
color: #aaaaaa;
}


#the {
color: #cba7a1;
}


#radio {
color: #bebea4;
}


#all {
margin: 11px 0px 0px 0px;
width: 870px;
}


#rotate {
margin: 150px 0px 0px 245px;
float: left;
width: 120px;
}

.mini {
float: left;
width: 52px;
margin-right: 7px;
}


.mini span {
background: url('images/bg2.png');
display: block;
font-size: 9px;
text-transform: uppercase;
line-height: 14px;
text-align: center;
}


.mini img {
margin: 7px 1px 0px 1px;
filter: alpha(opacity=40);
opacity: 0.4;
border: 0px;
}


.mini img:hover {
filter: alpha(opacity=80);
opacity: 0.8;
}


#content {
float: left;
background: url('images/bg2.png');
margin: 0px 0px 0px 25px;
padding: 7px 17px 20px 17px;
width: 353px;
}


#content li {
list-style-image: url('images/bullet.png');
}


#nav {
width: 90px;
float: right;
margin: 17px 0px 0px 0px;
}


#nav li {
margin: 0px 0px 13px -25px;
list-style-type: none;
}

#nav a {
font: bold 13px "Century Gothic", "Lucida Grande", Sans-serif;
text-transform: uppercase;
color: #b7bba3;
letter-spacing: 1px;
}


#nav a:hover {
text-decoration: none;
color: #ffe7c1;
}


p {
padding: 0px;
margin: 0px;
}


h1 {
border-bottom: 2px dashed #888888;
font: bold 16px "Century Gothic", Times, Serif;
color: #fff;
letter-spacing: 4px;
margin: 0px 0px 10px 0px;
padding: 10px 0px 4px 30px;
text-transform: uppercase;
}


b, strong {
font: bold 11px "century Gothic";
text-transform: uppercase;
color: #cba7a1;
}


i, em {
color: #aab2b8;
}


a {
color: #b8b499;
text-decoration: none;
outline-style: none;
}


a:hover {
color: #cec0a6;
text-decoration: underline;
}


.joined {
margin: 10px 5px 0px 5px;
}

.joined img {
filter:alpha(opacity=45);
opacity:0.45;
margin: 5px 5px;
padding: 4px;
background: url('images/bg3.png');
}

.joined img:hover {
filter:alpha(opacity=80);
opacity:0.80;
}


.owned {
display: block;
margin-top: 20px;
}


.owned img {
padding: 5px;
background: url('images/bg3.png');
filter:alpha(opacity=45);
opacity:0.45;
margin: 11px 10px 10px 10px;
float: left;
}

.owned img:hover {
filter:alpha(opacity=80);
opacity:0.8;
}

.owned-text {
padding: 15px 0px 20px 0px;
border-width: 224px;
border: 1px dashed #787878;
}

.wishlist {
text-align: center;
margin-top: 10px;
}


.wishlist img {
padding: 5px;
background: url('images/bg3.png');
filter:alpha(opacity=45);
opacity:0.45;
margin: 5px;
}


.wishlist img:hover {
filter:alpha(opacity=100);
opacity: 1.0;
}

a:hover, #content img:hover {
cursor: help;
}