/* 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: #208742;
background: #000;
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;
background: #000;
}

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

#navigation ul li { 
display: inline; 
}

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

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

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

#footer {
margin: 0px;
padding: 12px;
color: #C9E2C5;
background: #000;
height: 50px;
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:link {
color: #208742;
text-decoration: none;
border-bottom: 1px solid #223E30;
}

a:visited {
text-decoration:none;
color: #223E30;
border-bottom: 1px solid #000;
}

a:hover {
color: #208742;
border-bottom: 1px solid #000;
}

a:active {
text-decoration:none;
color: #fff;
border-bottom: 1px solid #000;
}

img {
border: none;
}

.center {
text-align:center;
}

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