body { padding: 0; margin: 0; }

#footer { font-size: 75% !important; }

#content { padding: 0 20px 30px 20px; }

#header { background-color: var(--c-bg-alt); }

#header h2#site-title {
    padding: 10px 20px 1px 20px;
    margin: 0;
    font-size: 1.4em;
}
#header h2#site-title a {
    color: var(--c-text);
    text-decoration: none;
    font-weight: bold;
}

#header ul#navbar li.current-page { background-color: var(--c-bg-deep); }

#header ul#subnavbar {
    padding: 4px 20px 4px 15px;
    margin: 0 0 1em 0;
    background-color: var(--c-bg-deep);
}
#header ul#subnavbar li a { color: var(--c-text-soft); font-size: .9em; }
#header ul#subnavbar li a:hover { color: var(--c-link); }

.clone-url {
    font-family: monospace;
    background: var(--c-bg-alt);
    border: 1px solid var(--c-bg-deep);
    padding: .2em .5em;
}

pre {
    background: var(--c-bg-alt);
    border: 1px solid var(--c-bg-deep);
    padding: 1em;
    overflow-x: auto;
    font-size: .9em;
}

.breadcrumb { margin-bottom: .5em; font-size: .9em; }
.breadcrumb a { margin: 0 .2em; }

#post-list { display: flex; flex-direction: row; flex-wrap: nowrap; }

.sidebar {
    min-width: 180px;
    max-width: 180px;
    background-color: var(--c-bg-alt);
    padding: .5em 1em;
    margin-right: 1em;
}
.sidebar ul { list-style: none; margin: 0; padding: 0; }
.sidebar li { margin: .3em 0; }
.sidebar h4 {
    margin: .5em 0 .3em 0;
    color: var(--c-text-soft);
    font-size: .85em;
    text-transform: uppercase;
}

#right-col { flex: 1; min-width: 0; }

div.readme {
    margin-top: 1.5em;
    border-top: 1px solid var(--c-bg-deep);
    padding-top: 1em;
}

#static-index {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2em;
}
#static-index .index-header { margin-bottom: .5em; }
#static-index #index-logo {
    font-size: 3em;
    font-weight: bold;
    font-family: Tahoma, sans-serif;
    color: var(--c-text);
    letter-spacing: -1px;
}
#static-index .index-header a { text-decoration: none; }
#static-index #links { margin: .5em 0 1em 0; }
#static-index #links a { margin: 0 0.5em; font-size: 1.1em; }