* { padding: 0; margin: 0; font-family: verdana, sans-serif; }
body { background-color: #232323; font-size: 10px; color: #989b81; overflow: -moz-scrollbars-vertical; width: 100%; height: 100%; }

a { outline: none; text-decoration: none; color: #888; }
a:hover { color: #444; }

ul { list-style-type: none; }
h1, h2, h3, h4, h5 { margin: 0 0 7px 0; color: #ae5f5f; }
h2 { font-size: 14px; }
p { margin: 0 0 10px 0; line-height: 18px; }
p#footer { border-top: 1px solid #545554; color: #444; }

#container 
{  
  background-image: url('../images/back.jpg'); 
  background-repeat: repeat-y; 
  background-position: center 0;
  position: absolute;
  display: block;
  margin: 0 auto; 
  text-align: center; 
  padding: 0 0 10px 0; 
  height: 100%; 
  margin-left: 20%;
}
#content 
{
  display: block;
  background-color: #202020;
  position: relative;
  margin: 0 auto; 
  width: 750px; 
  height: 100%;
  text-align: left; 
  z-index: 99;
}

#banner 
{
  background-image: url('../images/banner.jpg'); 
  background-repeat: no-repeat; 
  background-position: center 0;
  margin: 0 auto; 
  width: 750px; 
  height: 250px;
}
#contact { position: absolute; padding: 0 0 0 10px; left: 0; top: 225px; z-index: 100; }
#logo 
{
  background-image: url('../images/logo.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 400px;
  height: 200px;
  margin: 0 0 10px 0;
}

#base { width: 520px; float: right; padding: 20px 10px 0  0; }

img.float_right { border: 3px solid #545554; float: right; margin: 10px; }
img.float_left { border: 3px solid #545554; float: left; margin: 5px 10px 5px 0; }

#playlist_list { margin: 0 0 30px 0; display: table; }
.playlist_field 
{ 
  background-image: url('../images/bullet.jpg'); 
  background-repeat: no-repeat; 
  background-position: 0 50%;
  line-height: 20px; 
  padding: 0 20px 0 20px;
  margin: 0 0 2px 0;
  width: 460px; 
  height: 20px;
  color: #666;
  clear: both;
}
.playlist_field p
{ 
  padding: 0;
  margin: 0;
  width: 230px; 
  height: 20px;
  color: #666;
  float: left;
}
p.right { text-align: right; float: right; color: #724747; }

#sounds { margin: 10px 0 10px 0; }
#sounds li { margin: 5px 0 5px 0; }

/* the navigation styles */
#nav { margin: 35px 0 0 10px; width: 180px; float: left; border-bottom: 1px solid #313131; }
#nav li { padding: 2px 0 2px 0; border-top: 1px solid #313131; }
#nav li a { display: block; width: 175px; line-height: 20px; text-align: right; padding: 0 5px 0 0; }

#nav a:hover, a.active
{
  background-color: #292929;
  color: #fff;
}

.hide { display: none; }
.clr { clear: both; }

#vocals 
{
  background-image: url('../images/vocals.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 400px;
  height: 20px;
}
#instrumentals 
{
  background-image: url('../images/instrumentals.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 400px;
  height: 20px;
}