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

/* moonball = echo */
/* echo = moonball */

/* 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 */

html,body {
margin: 0;
padding: 0;
}

body {
font: 11px verdana, arial, sans-serif;
text-align: center;
background: #000;
}

p {
line-height: 110%;
margin: 0 10px 10px;
}

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

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

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

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

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

h1 {
font: 13px verdana, arial, sans-serif;
font-weight: bold;
text-align: center;
}

#content {
margin-right: 400px;
min-height: 300px;
}

#navigation {
float: left;
width: 100px;
min-height: 300px;
margin-left: -300px;
font: 11px arial, sans-serif;
color: #fff;
background: #000; 
}

#words {
float: left;
width: 200px;
min-height: 300px;
max-height: 300px;
margin-left: -200px;
background: #a8c4d0;
}

#words p {
text-align: right;
}

#words a:link, a:visited {
text-decoration: none;
color: #425468;
}

#words a:hover {
text-decoration: none;
color: #000;
border-bottom: 1px solid #425468;
}

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

#footer {
clear: left;
width: 100%;
background: #000;
color: #fff;
}

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

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

#wrapper {
float: left;
width: 100%;
}

ul,li {
list-style-type: hebrew;
}

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

.affiliates {
margin: 7px;
padding: 5px;
}