/* hello, friend. this is moonball (a.k.a. echo) typing. */

/* you may use this source code to gather css knowledge, play around and perhaps learn from my mistakes ;) */

/* if this has helped you (or not) i'd love to know! send me some mail: moonball at echoing dot org */

body,html {
margin: 0px;
padding: 0px;
color: #5ABCD9;
background: #020202;
font: 12px "Lucida Console", "Courier New", Courier, monospace;
}

#coverart {
height: 298px;
left: 0px;
position: absolute;
top: 0px;
width: 300px;
}

#navigation {
height: 50px;
left: 300px;
position: absolute;
top: 0px;
width: 325px;
}

#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navigation ul li { 
display: inline; 
}

#navigation ul li a {
color: #fff;
text-decoration: none;
padding: 2px 1px;
}

#navigation  ul li a:hover {
color: #000;
background-color: #5ABCD9;
}

#content {
height: 248px;
left: 300px;
overflow: auto;
position: absolute;
top: 50px;
width: 325px;
}

#footer {
margin: 12px;
padding: 4px;
height: 100px;
left: 0px;
position: absolute;
top: 298px;
width: 600px;
text-align: center;
font: 11px "Lucida Console", "Courier New", Courier, monospace;
}

h1 {
text-align: center;
font: 14px "Lucida Console", "Courier New", Courier, monospace;
}

h2 {
text-align: center;
font: 13px "Lucida Console", "Courier New", Courier, monospace;
}

p {
margin: 5px;
padding: 4px;
text-align: justify;
}

a {
color: #fff;
text-decoration: none;
}

a:hover {
color: #fff;
border-bottom: 1px solid #5ABCD9;
}

img {
border: none;
}

input,select,textarea {
margin: 5px;
background: #fff;
color: #000;
font: 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #5ABCD9;
}