body {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1rem;
    /* Theme */
    text-shadow: 0 0 .15em rgba(0, 0, 0, .75);
    background: #333;
    color: #fff;
}

a {
    color: rgb(31, 203, 233);
}

a:hover {
    color: rgb(203, 233, 31);
}

body > main > header {
    margin: 0 0 1rem 0;
    padding: .5rem 0 .5rem 0;
    background: rgba(0, 0, 0, .1);
    text-align: center;
}

body > main > header > small:first-child {
    font-size: .75rem;
    font-style: italic;
    color: #999;
}

body > main > header img {
    margin-top: 1rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .5);
}

body > footer {
    font-size: 0.66em;
}

.bg-red {
    background: #433;
}

.bg-red-intense {
    background: #633;
}

.bg-green {
    background: #343;
}

.bg-green-intense {
    background: #363;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

blockquote {
    padding: .66rem;
    border-left: .33rem solid rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .05);
}

blockquote:before {
    content: open-quote;
    float: left;
    font-size: 2rem;
    line-height: 1rem;
}

blockquote:after {
    content: close-quote;
    float: right;
    font-size: 2rem;
    line-height: 1rem;
}

blockquote > *:last-child {
    margin-bottom: .2rem;
}

/* Tables */

table {
    width: 100%;
    border: 2px solid rgba(0, 0, 0, .33);
    margin-bottom: 1rem;
}

table > thead {
    border-bottom: 2px solid rgba(0, 0, 0, .33);
    background: #282828;
}

table > tbody > tr {
    border-bottom: 2px solid rgba(0, 0, 0, .33);
}

table td,
table th {
    padding: .25rem;
}

table.custom-col-width th,
table.custom-col-width td {
    width: auto;
}

table.custom-col-width th.min-width,
table.custom-col-width td.min-width {
    width: 1%;
    white-space: nowrap;
    padding-right: 1rem;
}

/* Navigation */

nav > ul {
    padding-left: 0;
}

nav > ul > li {
    display: inline-block;
    margin-right: .75rem;
}

nav > ul > li > a {
    text-decoration: none;
}

/* Media */

img {
    max-width: 100%;
}

/* Widgets */

.site-header {
    font-size: 2.5rem;
    font-weight: bold;
}

.site-header > img {
    vertical-align: initial;
}

.post-meta {
    text-align: right;
    font-size: .75em;
}