#body {
    background: #fff;
    color: #333;
    margin: 50px 5% 30px;
    padding: 20px;
}

#user, h1 {
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 10px;
}

#user {
    color: #adf;
    right: 5%;
    padding-right: 5px;
    text-align: right;
}

#user a {
    color: #fff;
}

.error {
    color: #f00;
}

* {
    margin: 0;
    padding: 0;
}

body {
    background: #035;
    font: small/1.3em Calibri, Verdana, sans-serif;
}

dd {
    margin-bottom: 1em;
}

div, form, pre {
    margin-bottom: 2em;
}

dt {
    font-size: 120%;
}

h1, h2, h3, h4, h5, h6 {
    color: #035;
    font-family: Cambria, Georgia, serif;
    line-height: 1.5em;
}

h1 {
    left: 5%;
}

h1 a {
    color: #fff;
    text-decoration: none;
}

input#title, textarea#code, textarea#comment {
    border: #aaa solid 1px;
    width: 100%;
}

input {
    font-size: large;
    padding: .2em 0;
}

label {
    display: block;
    font-weight: bold;
}

li a {
    color: #333;
    padding: .2em;
    text-decoration: none;
}

li a:hover, li a:hover small {
    background: #333;
    color: #fff;
}

ol, ul {
    padding-left: 2em;
}

ol li {
    color: #aaa;
}

p {
    margin-bottom: 1em;
}

small {
    color: #666;
}

/* Prettify */
.str { color: #181; font-style: italic; }
.kwd { color: #369; }
.com { color: #666; }
.typ { color: #c40; }
.lit { color: #900; }
.pun { color: #000; font-weight: bold; }
.pln { color: #333; }
.tag { color: #369; font-weight: bold; }
.atn { color: #939; font-weight: bold; }
.atv { color: #181; }
.dec { color: #606; }

pre.code {
    background-color: #f9f9f9;
    border-color: #eee;
    border-style: solid;
    border-width: 1px 1px 1px 20px;
    font-family: Consolas, 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
    font-size: small;
    line-height: 1.1em;
    padding: 6px 4px 4px 6px;
}