#archive {
    float               : right;
    background            : #efefef;
    margin-right        : .7em;
    padding                : .5em 1em;
    border-bottom        : 1px solid #ccc;
    border-top            : 1px solid #ccc;
}
#archive ol {
    list-style          : none;
    padding             : 0;
    margin              : 0;
}
#archive li {
    display             : inline;
}
#archive li a {
    font-size           : 1.2em;
    font-weight         : bold;
    display             : block;
    margin              : .4em;
}
pre {
    margin                : 1.3em;
    padding                : .2em 1em;
    background            : #efefef;
    border                : 1px dashed #ccc;
    overflow            : auto;
    font-family            : monospace;
    min-height            : 2em;
}
.blog {
    margin                : 1em;
    background            : url(i/blog_header.png) no-repeat;
}
.blog h2 {
    font-size            : 1.8em;
    padding                : .8em 0 0 3em;
    margin-bottom        : 1.2em;
}
    .blog h3 {
        margin                : 1em;
        font-size            : 1.5em;
        color                : #0331B0;
    }
    .blog_footer {
        background            : #efefef;
        margin-left            : .6em;
        padding                : 1.5em .5em;
        border-bottom        : 1px solid #ccc;
        border-top            : 1px solid #ccc;
    }
    .blog_content {
        padding             : .5em;
    }
.blog_content blockquote {
    margin                : 1.3em;
    padding                : 1em;
    background            : #efefef;
    border                : 1px dashed #ccc;
    overflow            : auto;
    font-family            : monospace;
}