body {
background-color: #CDBBD6;
}

/* CONTAINER */
#container {
background-color: #A09999;
border: 20px solid #8B8484;
width: 500px;
margin: auto;
}

/* NAVIGATION */
#nav {
background-color: #8F768B;
font-size: 16px;
text-align: center;
line-height: 30px;
height: 35px;
}

#nav a {
font-family: Garamond, serif;
color: #E0DEE8;
text-decoration: none;
text-transform: uppercase;
padding: 2px;
}

#nav a:hover {
background-color: #CDBBD6;
color: #8F768B;
padding: 2px;
}

/* CONTENT */
#content {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 13px;
color: #E1CEEA;
line-height: 24px;
text-align: justify;
padding-left: 15px;
padding-right: 15px;
}

#content b {
color: #777171;
}

#content a {
color: #E0DEE8;
border-bottom: 1px solid #8F768B;
text-decoration: none;
}

#content a:hover {
color: #D6D4DD;
}

#content h1{
background-image: url("img/h1.png");
background-repeat: no-repeat;
font-family: Garamond, serif;
font-size: 24px;
color: #8F768B;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 50px;
height: 50px;
padding-left: 50px;
}

#content blockquote {
background-color: #8B8484;
font-size: 12px;
line-height: 12px;
padding: 10px;
}

#content blockquote b {
color: #CDBBD6;
}

#content textarea, input {
background-color: #8B8484;
border: 0px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 13px;
color: #E1CEEA;
}

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

/* DISCLAIMER */
#disclaimer {
background-color: #8F768B;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
color: #E0DEE8;
text-align: center;
line-height: 35px;
height: 35px;
}

#disclaimer a {
color: #CDBBD6;
text-decoration: none;
}