body {

font-family: "georgia", "serif";
background: black url("/img/su_bg.jpg") top left no-repeat;
color:white;
text-align:center;
font-size:84%;
margin:0;
}

a {
color:#291A17;
background:white;
padding:1px 10px 1px 3px;
text-decoration:none;
}

a.inText {
background:none;
color:#fff;
text-decoration:underline;
padding:0;
}

a.genre, a.buy {
color:#DFC4AF;
background:#000;
}

a.closeFilter {
margin:5px;
}

h2 a {

margin-right:5px;

}

a.image {
background:transparent;
padding:0;
}

p.listenWith {
background:#291A17;
width:340px;
padding: 5px 5px 5px 5px;
}

h1 {
margin-left:10px;
margin-top:15px;
margin-bottom:12px;
}

a img {
padding:1px;
vertical-align:bottom;
border:0;
}

h2 {

font-size:1.2em;
color:#DFC4AF;
padding:1px 10px 1px 3px;
display:inline;
background:#291A17;
font-weight:300;
}

h3 {
font-size:1em;
font-weight:700;
padding: 3px 10px 0 3px;
margin-bottom:0px;
width:300px;
background:#291A17;
clear:both;
}

h4 {
font-size:1em;
font-weight:300;
font-style:italic;
padding: 3px 10px 0 3px;
margin-bottom:0px;
}

#content {
width:950px;
text-align:left;
margin-left:40px;
}

#player {
width:720px;
float:left;
background: transparent url("/img/su_player_bg.gif") top right no-repeat;
text-align:right;
}

#player p {
margin:2px;
}

#nav {
width:800px;
float:left;
margin-top:60px;
margin-left:10px;
border-bottom: white dashed 1px;
}

#nav ul {
padding: 10px 10px 10px 0;
margin:0;
}


#nav li {
display:inline;
margin-bottom:10px;
margin-right:10px;
}

#nav li a {
padding:2px 10px 2px 3px;
}

#nav li a.current {
padding:2px 10px 2px 3px;
background:#291A17;
color:white;
}


#main {

width:700px;
background:tranparent;
float:left;
margin-left:20px;
margin-top:40px;

}


.linksLeft {
float:left;
width:300px;
clear:both;
margin-bottom:30px;
}

.linksRight {
float:left;
width:300px;
margin-bottom:30px;
}


.linksLeft li, .linksRight li {

list-style:none;
margin-bottom:5px;

}

.linksLeft ul, .linksRight ul {
margin-bottom:5px;

}



hr {

clear:both;
background:#DFC4AF;
color:#DFC4AF;
margin-bottom:20px;
width:100%;
}

p {

margin-right:20px;
margin-left:5px;
}

.mix {

margin-bottom:40px;
margin-top:30px;
}

.mix img {
margin: 0 0 5px 0;
}


.mix .imageGenres {

float:right;
margin-right:20px;
margin-top:0px;
width:260px;
background:#291A17;
padding: 5px;
}

.mix .imageGenres p {
margin:0px;
}


.mix ol {

margin:0;
padding:0;
width:390px;
}

.mix li {

list-style:decimal;
margin-right:20px;
margin-left:40px;
margin-bottom:5px;
}


#sub {
margin-left:10px;
margin-top:50px;
width:170px;
float:left;
}

#sub ul {

margin-left:10px;
padding:0;

}


#sub li {

list-style:none;
margin-bottom:3px;
}

a:hover {
color: white;
background:red;
}

a:active {
color: red;
background:white;

}

.pageOn {
font-size:1.5em;
color: white;
background:#291A17
}