body {
color: #FFFFFF;
padding: 0px;
margin: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
background: url(/images/background.jpg) 0 0 repeat-x;
}

#container {
margin: 0px auto 0px auto; 
padding: 5px; 
width: 770px; 
}

#header  {
width: 770px;
height: 100px;
margin: 0px;
position: relative;
display: block;
background: url(/images/header_bg.png) 0 0 no-repeat;
}

#tagline {
letter-spacing: 1.5px;
margin-left: 102px;
}

#body {
width: 770px;
margin: 3px 0px 0px 0px;
}

#contentLeft {
float: left;
width: 520px;
padding: 0px;
margin: 5px 0px 0px 0px;
}

#contentRight {
float: right;
width: 250px;
padding: 0px;
margin: 0px;
}

#main {
margin: 5px; 
padding: 5px; 
width: 500px;
height:400px;
height: 100%;
text-align: left;
border: 1px #CCCCCC dotted;
background: url(/images/main.png) 0 0 repeat;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

#watch_listen {
padding-bottom: 10px;
text-align: left;
}

#footer {
width: 770px;
margin: 3px auto 0px auto;
padding: 3px;
text-align: center;
}

.navigation {
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: left;
}

.scroller { height: 234px; width: 240px; overflow: auto; }
.hide { display: none; }
.clear { clear: both; }
.logo { margin:0 auto 0 auto; height:90px; } 

.nav { color: #C30F06; } 
 
a, a img { border: 0; }

a:link { color: #C30F06; text-decoration : none; }

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

a:active { color: #666666; text-decoration: none;}

a:visited {	color: #C30F06;	text-decoration : none; }


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

h2 {
padding:0 0 3px 0px;
margin:0px;
}

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

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

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


.playlists {
list-style-type: none;
padding: 0;
margin: 30px auto 0px 150px;
}

.playlists li	{
margin: 0 0 2px 5px;
padding: 5px;
}


.boxlist {
list-style-type: none;
padding: 0;
margin: 0;
}

.boxlist li	{
float: left;
display: inline;
margin: 0 0 5px 5px;
padding: 5px;
width: 200px;
min-height: 60px;
background: #E5E5E5;
}

.boxlist li p {
padding: 0;
margin: 10px;
font-size: 10px;
}

.boxlist li img	{
float: left;
background:  #000000;
margin: 0 10px 0 0;
width: 60px;
height: 60px;
padding: 4px;
border: 1px dotted #222222;
}

.boxlist a:hover img {
border: 1px solid #FFFFFF;
}

.boxlist h2 {
color: #C30F06;
font-size: 13px;
padding: 5px 0;
}

.boxlist h3 {
color: #666666;
font-size: 11px;
padding: 0 0 5px 0;
}

.boxlist h4 {
color: #666666;
font-size: 10px;
padding: 0 0 5px 0;
}