body {
    color: #345;
    padding: 5px;
}

h1 {
    font-size: 22px;
    color: #fff;
    background: #345;
    padding: 2px;
}

h2 {
    border-bottom: 1px solid #345;
}

p {
    margin-left: 10px;
}

code {
    font-family: "Courier New", Monaco, fixed;
    background: #ffb;
}

div#container {
    font-family: verdana, helvetica, sans;
    font-size: .9em;
}

div#links {
    width: 200px;
    float: left;
    position: fixed;
}

div#links h3 a {
    font-size: 12px;
}

div#links ul {
    margin: 0;
    padding: 0;
    font-size: 10px;
}

div#links ul li {
    margin-bottom: 10px;
}

div#links ul li a {
    color: #678;
}

div#content {
    margin: 0 20px 0 240px;
}

div.code-box {
    border: 1px solid #abc;
    background: #f7f7f7;
    margin: 12px;
    padding: 12px;
}

div#credits {
    text-align: center;
    color: #777;
    font-size: 10px;
    margin-top: 40px;
}

ul.ul_bottom_margin li {
    margin-bottom: 20px;
}

ul.ul_bottom_margin li li {
    margin-bottom: 5px;
}