* { padding:0; margin:0; } 

/*BODY*/
body { 
background: #BFDCFF url(urchin.gif);
color: #366;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
}
h1, h2, h3, p {
margin: 1em 0;
}

h1 {
color: #699;
font-size: 1.3em;
}
h2 {
font-size: 1.1em;
font-style: italic;
color: #366;
}

ul {
padding: 0;
margin: 0;
}

a:link {color: #366;}
a:visited {color: #699;}
a:hover {color: #033;}
a:active {color: #699;}


/*DIVS*/
#container {
width: 650px;
margin: 20px auto; 
}

#header {
margin: 0;
padding: 0;
height: 246px;
width: 650px;
border-bottom: 1px #6c99a0 solid; 
}

#main-content {
height: 1%;
padding: 1em 5%;
background: #9bb;
border: 1px #6c99a0 solid;
border-top: 0; 
}

#player {
height: 284px;
width: 550px;
margin: 0 auto;
}


#nav {
height: 2em;
background: #9bb;
font-size: 1.2em;
text-align: center;
border: 1px #6c99a0 solid;
border-top: 0; 
border-bottom: 0;
}
#nav li {
display: inline;
}
#nav a {
background: #c4d6f7;
color: #033;
padding: 0 5% 5px;
border: 1px #6c99a0 solid; 
text-decoration: none;
}
#nav a:link {
color: #366;
}
#nav a:visited {
color: #399;
}
#nav li a:hover {
color: #033;
background: #9bb;
}
#nav a:active {
}

#sidebar {
float: right;
width: 200px;
margin: 0 0 0 10px;
padding: 0 10px;
border: 1px #888 solid;
background: #c4d6f7;
color: #366;
}

#sidebarlist {
float: right;
width: 225px;
margin: 25px 0 0 0;
padding: 0;
}

/*FOOTER*/
p.footer {
clear: both;
margin-top: 20px;
font-size: .7em;
text-align: center;
font-style: italic;
}