/* Global Reset */
* {
    margin: 0;
    padding: 0;
}

/* Common styles */
html, body { height: 100%; }

body {
    background-color: white;
    font-family: 'Merriweather', serif;
    font-size: 16pt;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

h1.title { margin-bottom: 0.5em; }

p { margin: 1em 0; }

a {
    color: #a00;
    text-decoration: none;
}

a:hover {
    color: #888;
}

a.button {
    background-color: #a00;
    color: white;
    padding: 0.5em 1em;
    border-radius: 0.5em;
    cursor: pointer;
}

a.button:hover {
    background-color: #888;
}

/* Site */
.site {
    width: 43em;
    padding: 1em;
    margin: 0 auto;
    line-height: 1.5em;
}

.header {
    border-bottom: 2px solid #ccc;
    margin-bottom: 2em;
}

.header h1 {
    font-family: 'Inconsolata', monospace;
    font-size: 160%;
    font-weight: bold;
    color: #888;
}

.navlist li {
    font-family: 'Inconsolata', monospace;
    font-size: 120%;
    display: inline;
    list-style-type: none;
    padding-right: 2em;
}

.title {
    display: inline-block;
}

.title a {
    color: #a00;
}

.footer {
    font-size: 80%;
    line-height: 1.2em;
    color: #444;
    border-top: 2px solid #ccc;
    margin-top: 2em;
    overflow: hidden;
}

.footer .contact {
    float: left;
    margin-right: 3em;
}

.footer .rss {
    margin-top: 1.1em;
    margin-right: -.2em;
    float: right;
}

.footer .rss img {
    border: 0;
}

/* Posts */
/* standard */
.page h1, .page h2, h1.post_title {
    text-align: left;
    line-height: 1.2em;
}

.page h1, .page h2, .page h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}

h1.post_title {
    font-size: 1.5em;
}

.page h1, h1.post_title {
    font-size: 1.5em;
    border-left: 0.3em solid #a00;
    padding-left: 0.5em;
}

.page h2 {
    border-left: 0.3em solid #888;
    padding-left: 0.5em;
    font-size: 1.2em;
}

.post {
    margin-bottom: 2em;
}

.post .more {
}

img.wrap, img.solid {
    border: 2px solid #ccc;
    border-radius: 0.5em;
    margin: 0.5em;
}

img.wrap {
    float: right;
    max-width: 40%;
}

img.solid {
    display: block;
    margin: 0 auto;
    max-width: 90%;
}

.post td {
    vertical-align: top;
}

.post .date {
    margin-top: 0.4em;
    font-weight: bold;
    text-align: right;
    color: #888;
}

.highlight {
    font-family: 'Inconsolata', monospace;
    border-left: 0.5em solid #ccc;
    padding-left: 1em;
}

ul, ol {
    margin-left: 1.35em;
}

code, pre {
    font-family: 'Inconsolata', monospace;
}

blockquote {
    margin: 0.5em 1em;
    padding: 0 1em;
    border-left: 0.5em #eee solid;
    font-style: italic;
}

.call-to-action {
    background-color: #eee;
    margin: 4em 0;
    padding: 1em;
    border-radius: 0.5em;
    text-align: center;
}

/* terminal */
.post pre.terminal {
    border: 1px solid #000;
    background-color: #333;
    color: #fff;
}

.post pre.terminal code {
    background-color: #333;
}