body {
font : 80% "trebuchet ms", verdana, georgia, arial, sans-serif;
background : #828282;
color : #fff;
text-transform : lowercase;
}
#container {
margin : 0 auto;
width : 806px;
background : #000;
border : 1px solid #000;
}
#header {
background : #ffcc00;
padding : 20px;
}
#header h1 {
margin : 0;
}
#navigation {
float : left;
width : 806px;
background : #333;
}
#navigation ul {
margin : 0;
padding : 0;
}
#navigation ul li {
list-style-type : none;
display : inline;
}
#navigation li a {
display : block;
float : left;
padding : 5px 10px;
color : #cca300;
text-decoration : none;
border-right : 1px solid #fff;
}
#navigation li a:hover {
background : #8a0c00;
}
#content {
clear : left;
}
#footer {
background : #ffcc00;
text-align : right;
padding : 20px;
height : 1%;
color : #000;
}
a:link, a:visited {
color : #ffce0a;
text-transform : none;
}
a:hover, a:active {
color : #ffda47;
text-decoration : underline;
}
p {
padding : 5px;
}
h2 {
background-color : #530902;
color : #fff;
padding : 5px;
font-style : italic;
letter-spacing : 1px;
}
strong, b, em, u, i {
color : #ffd83d;
}