body {
    color: #505050;
}

/*
 * Reset base styles.
 */

a,
abbr,
acronym,
address,
blockquote,
body,
caption,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
label,
legend,
li,
object,
ol,
p,
pre,
q,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

body {
    background-color: #f9f9f9;
    font-family: Georgia, "Georgia Ref", serif;
}


#header {
    background-color: #369;
    position: fixed;
    top: 0;
    left: 0;
    height: 0.5em;
    width: 100%;
}

#footer {
    background-color: #369;
    color: #f9f9f9;
    clear: left;
    font-size: 0.9em;
    line-height: 1.4;
}

body.short #footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

#footer #footer-about {
    margin-bottom: 1em;
}

#footer a {
    color: #f9f9f9;
}

#footer nav {
    float: left;
    margin-bottom: 1em;
    margin-left: 2.4em;
    margin-top: 1em;
    padding-right: 3em;
}

#footer-meta {
    border-left: 1px solid #f9f9f9;
    float: left;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 3em;
    width: 30em;
}

#footer nav ul li {
    list-style-type: none;
}

#footer nav ul li a {
    color: #f9f9f9;
}

#footer p.clear {
    clear: left;
}

#content a:link,
#content a:visited,
#content a:hover,
#content a:active {
    color: #369;
}

#content {
    float: left;
    width: 45%;
    margin: 0 auto;
    background-color: #f9f9f9;
    font-size: 0.9em;
    padding: 1em 1em 1em 2em;
    border-style: solid;
    border-color: #000;
    line-height: 1.4em;
}

#content em {
    font-style: italic;
}

#content h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    padding-top: 1.5em;
}

#content p.meta {
    font-family: Georgia, "Georgia Red", serif;
    font-style: italic;
    font-size: .8em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}

#content p {
    margin: 1em 0;
}

#content h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 2em;
}

#content blockquote {
    font-family: Georgia, "Georgia Ref", serif;
    font-style: italic;
    margin: 1em;
}

#content code {
    font-family: "Andale Mono", "Bitstream Vera Sans Mono", Monaco, Consolas, monospace;
    font-size: .9em;
}

#content ol li,
#content ul li {
    margin-left: 2em;
}

#content p.floatimg {
    float: right;
    margin: .5em;
}

#content ul.archive-list {
    margin-top: 1em;
}

#content table.project-info {
    border: 1px solid #ccc;
    border-collapse: collapse;
    font-family: Helvetica, Arial, sans-serif;
}

#content table.project-info caption {
    text-align: left;
    font-weight: bold;
    padding-bottom: .5em;
}

#content table.project-info td,
#content table.project-info th {
    border: 1px solid #ccc;
    padding: .25em .5em;
}

#content table.project-info th {
    text-align: left;
    font-weight: bold;
    background-color: #eee;
}

#content table.project-info td img {
    vertical-align: middle;
}

#content form#contact-form input,
#content form#contact-form textarea {
    border: 1px solid #ccc;
}

#content form#contact-form dl dd {
    margin-bottom: 1em;
}

#content form#contact-form input#id_email,
#content form#contact-form input#id_name {
    line-height: 1.6em;
    width: 50%;
}

#content form#contact-form textarea {
    height: 20em;
    width: 80%;
}

#content form#contact-form input[type=submit] {
    background-color: #eee;
    color: #505050;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;
}

#content form#contact-form .error {
    font-weight: bold;
    color: #900;
}

/*
 * Styles below autogenerated from Pygments code highlighting. Some duplication
 * exists because the class name I use for code snippets has changed over time.
 */

#content .codehilite,
#content .typygmentdown {
    background-color: #eee;
    margin: 22px 0;
    padding: 12px 28px;
}

code,
kbd,
pre,
samp,
var {
    font-family: "andale Mono", "Bitstream Vera Sans Mono", Monaco, monospace;
    font-size: 12px;
}

code,
kbd,
samp,
var {
    line-height: 14px;
}

#content .typygmentdown pre,
#content .codehilite pre {
    background-color: #eee;
    overflow: auto;
}

.typygmentdown pre .cp {
    color: #999;
    font-weight: bold;
}

.typygmentdown pre .gd {
    color: #000;
    background-color: #fdd;
}

.typygmentdown pre .gi {
    color: #000;
    background-color: #dfd;
}

.typygmentdown pre .go {
    color: #888;
}

.typygmentdown pre .gu {
    color: #aaa;
}

.typygmentdown pre .na {
    color: teal;
}

.typygmentdown pre .ni {
    color: purple;
}

.typygmentdown pre .nt {
    color: navy;
}

.typygmentdown pre .sr {
    color: olive;
}

.typygmentdown pre .ge {
    font-style: italic;
}

.typygmentdown pre .c,
.typygmentdown pre .c1,
.typygmentdown pre .cm {
    color: #998;
    font-style: italic;
}

.typygmentdown pre .gs,
.typygmentdown pre .k,
.typygmentdown pre .kc,
.typygmentdown pre .kd,
.typygmentdown pre .kp,
.typygmentdown pre .kr,
.typygmentdown pre .ow {
    font-weight: bold;
}

.typygmentdown pre .gr,
.typygmentdown pre .gt {
    color: #a00;
}

.typygmentdown pre .bp,
.typygmentdown pre .gh,
.typygmentdown pre .nb,
.typygmentdown pre .no,
.typygmentdown pre .nv,
.typygmentdown pre .vc,
.typygmentdown pre .vg,
.typygmentdown pre .vi {
    color: #999;
}

.typygmentdown pre .gp,
.typygmentdown pre .nn {
    color: #555;
}

.typygmentdown pre .kt,
.typygmentdown pre .nc {
    color: #458;
    font-weight: bold;
}

.typygmentdown pre .il,
.typygmentdown pre .m,
.typygmentdown pre .mf,
.typygmentdown pre .mh,
.typygmentdown pre .mi,
.typygmentdown pre .mo {
    color: #099;
}

.typygmentdown pre .s,
.typygmentdown pre .s1,
.typygmentdown pre .s2,
.typygmentdown pre .sb,
.typygmentdown pre .sc,
.typygmentdown pre .sd,
.typygmentdown pre .se,
.typygmentdown pre .sh,
.typygmentdown pre .si,
.typygmentdown pre .ss,
.typygmentdown pre .sx {
    color: #b84;
}

.typygmentdown pre .ne,
.typygmentdown pre .nf {
    color: #900;
    font-weight: bold;
}

,
.codehilite pre .ge {
    font-style: italic;
}

.codehilite pre .c,
.codehilite pre .c1,
.codehilite pre .cm {
    color: #998;
    font-style: italic;
}

.codehilite pre .gs,
.codehilite pre .k,
.codehilite pre .kc,
.codehilite pre .kd,
.codehilite pre .kn,
.codehilite pre .kp,
.codehilite pre .kr,
.codehilite pre .ow {
    font-weight: bold;
}

.codehilite pre .gr,
.codehilite pre .gt {
    color: #a00;
}

.codehilite pre .bp,
.codehilite pre .gh,
.codehilite pre .nb,
.codehilite pre .no,
.codehilite pre .nv,
.codehilite pre .vc,
.codehilite pre .vg,
.codehilite pre .vi {
    color: #999;
}

.codehilite pre .gp,
.codehilite pre .nn {
    color: #555;
}

.codehilite pre .kt,
.codehilite pre .nc {
    color: #458;
    font-weight: bold;
}

.codehilite pre .il,
.codehilite pre .m,
.codehilite pre .mf,
.codehilite pre .mh,
.codehilite pre .mi,
.codehilite pre .mo {
    color: #099;
}

.codehilite pre .s,
.codehilite pre .s1,
.codehilite pre .s2,
.codehilite pre .sb,
.codehilite pre .sc,
.codehilite pre .sd,
.codehilite pre .se,
.codehilite pre .sh,
.codehilite pre .si,
.codehilite pre .ss,
.codehilite pre .sx {
    color: #b84;
}

.codehilite pre .ne,
.codehilite pre .nf {
    color: #900;
    font-weight: bold;
}