/* Micro reset */
* { margin:0;padding:0; color: #222a33; }
li { list-style-position: outside; }
ol,ul { margin: 1em 0 1em 1em; }
p,blockquote { margin: 1em 0; }
a {
    text-decoration: none;
    border-bottom: 1px solid #555a77;
}
a:hover {
    outline: 2px dotted #808080;
}
*::selection { background: #ffffff; }

body {
    background: #d1d1d0;
    font-size: 24px;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0.5em;
    max-width: 40em;
}

pre {
    background: #c0c0c0;
    padding: 1em;
    overflow: scroll;
    white-space: pre-wrap;
}

blockquote {
    background: #c0c0c0;
    padding: 1em;
}

h2 {
    margin: 2em 0 0 0;
}

#blog-articles article {
    margin: 0em auto 2em 0;
}

#siteNavigation {
    margin: 8em 0 0 0;
    border-top: 1px solid grey;
}
#siteNavigation ul {
    list-style: none;
}
#siteNavigation li {
    display: inline;
    margin: 0 0.5em;
}