/* hello, friend. this is moonball 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 {
background: #000;
color: #e6dce2;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;

text-align: justify;
}

#wrapper {
height: 600px;
left: 0px;
position: absolute;
top: 0px;
width: 800px;
}

#ripples {
background-color: #000;
background-image: url(ripples.gif);
background-position: top left;
background-repeat: no-repeat;
height: 360px;
left: 0px;
position: absolute;
top: 0px;
width: 480px;
}

#welcome {
background-color: #000;
min-height: 240px;
left: 0px;
overflow: auto;
position: absolute;
top: 360px;
width: 480px;
text-align: justify;
}

#navigation {
background-color: #000;
height: 600px;
left: 480px;
position: absolute;
top: 0px;
width: 320px;
}

h1 {
color: #88AAC6;
font: 18px Lucida Console, Courier New, Courier, monospace;
text-align: center;
}

h2 {
color: #88AAC6;
font: 14px Lucida Console, Courier New, Courier, monospace;
text-align: center;
}

p {
margin: 5px;
padding: 5px;
}

img {
border: 0;
}

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

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

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

a:hover {
color: #28354C;
text-decoration:none;
}
	
input,select,textarea {
background-color: #000000; 
color: #465866;
font: 11px arial, sans-serif;
}						

.center {
text-align: center;
}