body, input, button {
    font-family: "Arial", sans-serif;
    font-size: 10pt;
    color: black;
}

header {
    background-color: #d9e7ff;
    border-bottom: 1px solid #679fff;
    border-radius: 0;
    color: #0000cc;
    text-shadow: none;

    a { color: #0000cc; }
}

.board, .post, .thread, .thread-warning, .flashed-message, .recent-post {
    background-color: #e8eef7;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 6px;
    color: black;
}

.board .description, .thread, .post { font-size: unset; }

.recent-post .author, .thread .author, .post .author { font-weight: normal; }

.thread .name, .recent-post .name, .board .name,
.recent-posts-header h2 a, .recent-attachments h2 a,
.subheader .title a {
    color: #0000cc;
}

.pager a, .pager a:hover { color: #0000cc; }

.recent-items-meta { background-color: #d9e7ff; }

.thread {
    &:visited { background: white; }
    &:visited .name { color: black; }
    .reply-count, .author, .time { color: black; }
}

.recent-post {
    .reply-count, .author, .time, .excerpt { color: black; }
}

.board .description { color: black; }
.post { color: black; }

.thread-warning {
    margin-top: 15px;
    border-bottom: 1px solid #bbbbbb;
}

:is(.subheader .right .button, form input[type=submit]) {
    border: 1px solid #aeaeae;
    background: #f6f6f6;
    background: linear-gradient(to bottom, #f6f6f6, #dedede);
    border-radius: 1px;
    color: black;
    font-weight: normal;
    text-shadow: none;
    text-transform: none;
    cursor: default;
    font-size: inherit;
    line-height: 24px;

    &:active {
        background: #dedede;
        background: linear-gradient(to bottom, #dedede, #f6f6f6);
    }
}

.subheader {
    .title { margin: 10px; }
    .right { margin: 12px 12px 12px 0; }
}

.pager {
    a, span, span.current {
        background-color: transparent !important;
        border: 1px solid transparent;
        font-weight: normal;
    }
    span.current {
        color: black;
        font-weight: bold;
    }
    a {
        text-decoration: underline;

        &:hover { border: 1px solid transparent; }
    }
}

@media all and (max-width: 600px) {
    .subheader .right { margin: 0 0 12px 12px; }
}