/* BODY */
body {
background-image: url("img/bg.jpg");
margin: 0;
}

/* TOP */
#top {
background-image: url("img/top-bg.jpg");
background-repeat: repeat-x;
}

/* CONTAINER */
#container {
width: 700px;
}

/* NAVIGATION */
#nav {
font-size: 16px;
text-align: center;
line-height: 35px;
width: 600px;
height: 35px;
margin: auto;
padding-top: 5px;
}

#nav a {
background-image: url("img/link.jpg");
font-family: Verdana, Generva, sans-serif;
color: #DCDCD2;
text-decoration: none;
text-transform: uppercase;
padding: 10px;
}

#nav a:hover {
background-image: url("img/hover.jpg");
}

/* CONTENT */
#content {
font-family: Verdana, Generva, sans-serif;
font-size: 10px;
color: #8F4F11;
line-height: 24px;
text-align: justify;
width: 600px;
margin: auto;
}

#content b, strong {
color: #D39185;
}

#content i, em {
background-color: #E5DC8F;
padding: 2px;
}

#content a {
color: #5495B1;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content h1 {
background-image: url("img/h1.png");
background-repeat: no-repeat;
font-family: Century Gothic;
font-size: 20px;
color: #659DB5;
font-weight: normal;
text-shadow: #DFE0D8 2px 2px 2px;
letter-spacing: 3px;
line-height: 55px;
text-align: left;
height: 41px;
padding-left: 48px;
}

#content h2 {
font-family: Century Gothic;
font-size: 14px;
color: #D39185;
font-weight: normal;
text-shadow: #DFE0D8 2px 2px 2px;
letter-spacing: 3px;
text-align: right;
margin-top: -25px;
}

#content blockquote {
background-image: url("img/blockquote.jpg");
border: 10px solid #9BB9CD;
text-align: center;
width: 400px;
padding: 5px;
margin: auto;
}

#content blockquote b {
color: #DBF19B;
}

#content textarea, input {
background-image: url("img/blockquote.jpg");
border: 5px solid #9BB9CD;
font-family: Verdana, Generva, sans-serif;
font-size: 10px;
color: #8F4F11;
}

.codesort li {
display: inline;
padding-right: 0.5em;
}


/* MEMBERS LIST */

#list {
width: 400px;
margin: auto;
}

#list table, th {
text-align: center;
width: 400px;
}

#list td {
width: 200px;
}