/* hello, friend. this is moonball typing. */

/* moonball = echo */

/* 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 */
/* same goes for any suggestions you have for improvements and the like */
/* i had the colours #B9CAFF & #7D7757 in here somewhere. that's just a note for myself ;) */

body,html {
margin: 0px; 
padding: 0px;
color: #fff;
background: #111122;
font: 11px "Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
text-align: center;
}

p {
margin: 0 10px 10px;
}

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

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

a:hover {
text-decoration: none;
color: #111122;
}

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

h1 {
text-align: center;
font-size: 24px;
}

h2, h3 {
text-align: center;
font-size: 13px;
}

#container {
text-align: left;
width: 700px;
margin: 0 auto;
}

#header {
height: 80px;
line-height: 80px;
background: #556677;
color: #fff;
}

#content {
height: 350px;
color: #001133;
background: #bbccdd;
overflow: auto;
}

#content a {
text-decoration: underline;
color: #111122;
}

input, textarea, submit {
font: 10px verdana, arial, sans-serif;
background: #fff;
color: #111122;
border: 1px solid #000;
}

#right {
min-height: 100px;
float: right;
width: 350px;
background: #223355;
}

#left {
min-height: 100px;
float: left;
width: 350px;
background: #223355;
}

#left a, #right a {
text-decoration: none;
}

#footer {
clear: both;
width: 100%;
text-align: center;
color: #fff;
background: #556677;
}

#footer p {
margin: 0;
padding: 5px 10px;
}

#footer a {
text-decoration: none;
color: #ddeeff;
}

#footer a:hover{
text-decoration: none;
color: #001133;
}