body {
    background: #fff;
    font-family: Georgia, Times, 'Times New Roman', serif;
    margin: 0;
}

pre, code, textarea {
    /* stolen from Stack Overflow... they must have done their research */
    font-family: 'Consolas', 'Monaco', 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
}

a {
    text-decoration: none;
}

a:link,
a:visited {
    color: #f30;
}

a:hover {
    color: #f90;
}

#main, #footer {
    position: relative;
    top: 40px;
    left: 280px;
    width: 500px;
}

/***************  Main  ***************/

#main {
}

#main h1, #main h2, #main h3 {
    font-weight: normal; /* bold by default */
}

#main ul {
    padding-left: 1.5em; /* indent less than default */
}

#main li {
    list-style-type: square;
    margin: 0.5em 0; /* some spacing for simple list items (those with <p> have a larger margin from paragraphs anyway) */
}

#main pre {
    background-color: #eee;
    padding: 0.5em;
    font-size: 0.9em;
    overflow: auto;
}

#main blockquote {
    margin-left: 0.5em; /* only first-level blockquote */
    padding-left: 1em;
    border-left: 1px solid #ccc;
}

#main blockquote blockquote {
    margin-left: 0em;
}

/**************  Footer  **************/

#footer {
    margin: 5em 0 5em 0;
    border-top: 1px solid #ccc;
    font-size: 0.75em;
    color: #555;
}

#footer a:link,
#footer a:visited {
    color: #999;
}

#footer a:hover {
    color: #f30;
}

/***************  Menu  ***************/

#menu {
    position: absolute;
    top: 40px;
    left: 20px;
    width: 200px;
    padding: 20px 20px 0 0;

    border-right: 1px solid #ccc;
    text-align: right;
    font-size: 0.9em;
}

#menu h2 {
    font-size: 0.9em;
    letter-spacing: 0.1em;
    color: #333;
    text-transform: uppercase;
}

#menu ul {
    margin: 1.6em 0;
    list-style-type: none;
}

#menu li {
    line-height: 1.4em;
}