html {
 background-color: #fff;
 color: #000;
 font-family: georgia, serif;
 line-height: 130%;
}

h1 {
 margin: 15px 0 5px;
}

p {
 margin: 5px 0;
}

code {
 background-color: #ddf;
 font-family: "courier new", courier, monospace;
}

pre {
 background-color: #ddf;
 margin: 0 auto;
 overflow: auto;
}

pre ol {
 padding: 0;
 margin: 0;
}

pre li {
 padding: 0;
 margin: 0 0 0 3.5em;
}

.article_metadata {
 border-top: 1px solid #ccc;
 font-size: 70%;
 margin: 15px 0 -10px;
 padding-top: 5px;
}


/* MENU */
#menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#menu li {
 display: inline;
 margin: 0;
 padding: 0;
}

#menu li a {
 background-color: #339;
 border-top: 1px solid #669;
 border-right: 1px solid #003;
 border-bottom: 1px solid #003;
 border-left: 1px solid #669;
 color: #fff;
 display: block;
 float: left;
 font-family: verdana, sans-serif;
 font-size: 16px;
 line-height: 33px;
 padding: 0 5px;
 text-decoration: none;
}

#menu li a:hover {
 background-color: #33c;
 text-decoration: underline;
}


/* CONTAINERS */
#container {
 margin: 0 auto;
 width: 40em;
}

#header {
 height: 80px;
}

#menu {
 border-top: 2px solid #669;
 border-right: 2px solid #003;
 border-bottom: 2px solid #003;
 border-left: 2px solid #669;
 background-color: #336;
 height: 35px;
}

#contents {
}

#footer {
 border-top: 2px solid #336;
 height: 20px;
 margin: 15px 0 0;
}