body {
    background-color: #dfdfdf;
    color: #000000;
    margin: 0em;
    min-width: 20em;
}

img.left {
    margin: 0em;
    margin-right: 1em;
    padding: 0.5em;
    float: left;
}

img.bordered-left {
    margin: 0.5em;
    margin-right: 1em;
    padding: 0.5em;
    background-color: #bfbfbf;
    float: left;
}

img.bordered-center {
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
    padding: 0.5em;
    background-color: #bfbfbf;
}

img.right {
    margin: 0em;
    margin-left: 1em;
    padding: 0.5em;
    float: right;
}

img.bordered-right {
    margin: 0.5em;
    margin-left: 1em;
    padding: 0.5em;
    background-color: #bfbfbf;
    float: right;
}

div.bordered-left {
    margin: 0.5em;
    margin-right: 1em;
    padding: 0.5em;
    background-color: #bfbfbf;
    float: left;
}

div.bordered-center {
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
}

div.bordered-right {
    margin: 0.5em;
    margin-left: 1em;
    padding: 0.5em;
    background-color: #bfbfbf;
    float: right;
}

blockquote {
    color: #202020;
    background-color: #bfbfbf;
    padding: 0.5em;
    padding-left: 1em;
    font-style: italic;
    border-left: solid 0.2em #808080;
}

div.console {
    color: #202020;
    background-color: #bfbfbf;
    padding: 0.5em;
    padding-left: 1em;
    font-family: monospace;
    border-left: solid 0.2em #808080;
}

/* Used by markdown code blocks */
div.highlight {
    margin: 0em;
    background-color: #242424;
    padding: 0.5em;
    padding-left: 1em;
    font-family: monospace;
    border-left: solid 0.2em #808080;

    /* Allow horizontal scroll for code. */
    overflow-x: scroll;
}

/* Used by jekyll code blocks for 'highlight' */
figure.highlight {
    margin: 0em;
    background-color: #242424;
    padding: 0.5em;
    padding-left: 1em;
    font-family: monospace;
    border-left: solid 0.2em #808080;

    /* Allow horizontal scroll for code. */
    overflow-x: scroll;
}

code {
    display: inline-block;
}

pre.highlight {
    color: #d0d0d0;
}

pre.lineno {
    color: #d0d0d0;
}

figure.highlight {
    margin: 0em;
    background-color: #242424;
    padding: 0.5em;
    padding-left: 1em;
    font-family: monospace;
    border-left: solid 0.2em #808080;
}

h1#top_bar {
    padding: 0.5em;
    letter-spacing: 0.15em;
    margin: 0em;
    color: #103060;
}

div#main {
    font-family: sans-serif;
    margin: auto;
    width: 100%;
}

div#header {
    background-color: #b0cfff;
    margin: 0em;
}

div#footer {
    background-color: #b0cfff;
    margin: 0em;
}

div#content {
    padding: 1em;
    margin: 0 auto;
    width: 90%;
}

div#content > h1 {
    margin: 0em;
}

div#content > h2 {
    margin: 0em;
    margin-top: 0.5em;
    clear: both;
}

div#content > h3 {
    margin: 0em;
    margin-top: 0.5em;
    clear: both;
}

div#footer {
    padding: 1em;
    margin: 0 auto;
    text-align: center;
}

ul.navigation {
    list-style-type: none;
    margin: 0em;
    padding: 0em;
    padding-left: 0.3em;
    background-color: #586880;
    color: #ffffff;
    font-size: medium;
    font-weight: bolder;
}

ul.navigation li {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.2em;
    display: inline-block;
}

ul.navigation a {
    color: #ffffff;
    margin: 0em;
    padding: 0.5em;
}

ul.navigation a:hover {
    background-color: #000000;
}

li.toplevel:hover div.dropdown {
    display: block;
}

ul.navigation > li > a > span {
    text-decoration: none;
    display: inline-block;
    padding-right: 0.2em;
}

div.dropdown {
    display: none;
    position: absolute;
    z-index: 1;
}

div.dropdown li {
    display: block;
    margin-right: 0.5em;
}

div.dropdown ul {
    list-style-type: none;
    margin: 0em;
    margin-top: 0.5em;
    padding: 0em;
    padding-left: 0.3em;
    background-color: #586880;
    min-width: 6em;
    color: #ffffff;
}

div.update_date p {
    margin: 0em;
    margin-top: 0.3em;
    color: #404040;
    font-style: italic;
}