/* afflicted.sh blog — shared styling
 * 1990s green-on-black hacker aesthetic to match the rest of the site.
 */
body {
    background-color: #000;
    color: #0f0;
    font-family: monospace;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}
a { color: #0f0; text-decoration: none; }
a:hover { text-decoration: underline; color: #fff; }
a:visited { color: #0c0; }

h1, h2, h3, h4 { color: #fff; margin: 1em 0 0.5em; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.05em; }

ul { margin: 0 0 1em 1em; }
p { margin: 0.5em 0 1em; }

.wrap { margin: 0 auto; max-width: 920px; padding: 20px; }
.divider { border-top: 1px solid #0f0; margin: 24px 0; }

.site-header {
    border-bottom: 1px dashed #0f0;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.cat {
    color: #0f0;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.1;
    text-shadow: 0 0 8px rgba(0,255,65,.35);
}
.site-header .title { font-size: 1.4em; color: #fff; }
.site-header .nav { float: right; font-size: 12px; color: #6a6; }
.site-header .nav a { color: #afa; }

.site-footer {
    margin-top: 40px;
    border-top: 1px dashed #0f0;
    padding-top: 12px;
    color: #6a6;
    font-size: 12px;
}

.meta { color: #6a6; font-size: 12px; margin-bottom: 1em; }
.tags { color: #6a6; font-size: 12px; }
.tags .tag {
    border: 1px solid #0a0;
    padding: 0 6px;
    margin-right: 6px;
    color: #afa;
}

pre {
    background: linear-gradient(#020 0%, #000 100%);
    color: #afa;
    border: 1px dashed #0f0;
    padding: 10px 14px;
    overflow-x: auto;
    white-space: pre;
    font-size: 13px;
}
code {
    color: #cfc;
    background: #020;
    padding: 1px 4px;
    border: 1px dotted #050;
}
pre code { background: transparent; border: none; padding: 0; color: inherit; }

.receipt { color: #aaffaa; }

blockquote {
    border-left: 3px solid #0f0;
    padding-left: 12px;
    margin-left: 0;
    color: #afa;
}

table { border-collapse: collapse; margin: 1em 0; width: 100%; }
th, td { border: 1px solid #0a0; padding: 4px 10px; text-align: left; vertical-align: top; }
th { color: #fff; }

/* Post-listing on the blog index */
.post-list { list-style: none; margin: 0; padding: 0; }
.post-list li {
    padding: 14px 0;
    border-bottom: 1px solid #030;
}
.post-list .post-title {
    font-size: 1.15em;
    color: #fff;
}
.post-list .post-title a:hover { color: #fff; }
.post-list .post-date {
    color: #6a6;
    font-size: 12px;
    margin-left: 8px;
}
.post-list .post-summary {
    margin: 6px 0 0;
    color: #afa;
}

.empty {
    padding: 30px 0;
    color: #6a6;
}

@media (max-width: 700px) {
    .wrap { padding: 12px; }
    .site-header .nav { float: none; display: block; margin-top: 6px; }
}