body {
    background-color: #0d1e30;
    background-image: url('bnet-bg.jpg');
    background-repeat: repeat;
    color: rgba(255,255,255,.7);
}

header {
    background: rgba(255,255,255,.1);
    padding: 8px;
    border-radius: 0;
}

a, footer a {
    color: white;
}

h2, .subheader .title {
    color: #fff;
}

form .right input:not([type=submit]), form .right textarea {
    background-color: rgba(16,22,29,.8);
    color: #fff;
    border: 1px solid rgba(255,255,255,.3);
}

form .right input:not([type=submit]):hover, form .right textarea:hover {
    border: 1px solid rgba(255,255,255,.5);
}

form .right input:not([type=submit]):focus, form .right textarea:focus {
    border: 1px solid #00aeff;
}

.subheader .right .button, form input[type=submit] {
    background-color: rgb(14, 134, 202);
    border: 1px solid rgb(16, 161, 222);
    border-radius: 0;
    text-transform: none;
    font-weight: normal;
    color: white;
    cursor: pointer;
}

.subheader .right .button:hover, form input[type=submit]:hover {
    background: rgb(16, 161, 222);
}

.board, .post, .thread, .thread-warning, .flashed-message, .recent-post {
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 1px #000;
    background-color: rgba(255,255,255,.05);
    color: #fff;
    margin-bottom: 12px;
    padding: 12px 16px;
}

.post {
    padding-bottom: 4px;
}

.board:hover, .thread:hover, .recent-post:hover {
    background-color: rgba(255,255,255,.1);
}

.recent-attachments-gallery .recent-attachment {
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 1px #000;
    background-color: rgba(255,255,255,.05);
}

.recent-attachments-gallery .recent-attachment:hover {
    background-color: rgba(255,255,255,.1);
}

.recent-post .name {
    color: #fff;
}

.recent-post .reply-count, .recent-post .author, .recent-post .time,
.thread .reply-count, .thread .author, .thread .time, .thread .time a,
.post .time a {
    color: rgba(255,255,255,.5);
    font-weight: normal;
}

.thread .reply-count, .board .thread-count, .board .post-count,
.recent-post:not(.mod) .author .icon, .recent-post .time .icon,
.recent-post .reply-count .icon,
.thread .author .icon, .thread .time .icon, .post .time .icon {
    color: rgba(255,255,255,.5);
}

.recent-post .icon, .thread .icon, .board .icon,
.recent-post.mod .author,
.post.mod .author .icon, .post.mod .author,
.thread.mod .name, .thread.mod .name .icon, .thread.mod .author,
.thread.mod .author .icon {
    color: #00b4ff;
}

.board .name .icon,
.recent-post .name .icon,
.thread .name .icon {
    color: #00d683;
}

.thread:visited .name .icon,
.thread.no-replies .reply-count .icon {
    color: #aaa;
}

.thread .time:hover .icon {
    color: #fff;
}

.post .time a:hover,
.thread .time a:hover,
.recent-post .time a:hover {
    color: #fff;
}

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

.board .description, .thread .excerpt, .recent-post .excerpt,
.post .text {
    color: rgba(255,255,255,.7);
}

.post .text strong, .post .text span.title {
    color: #fff;
}

.boards:not(.full-width) {
    margin-right: 6px;
    width: calc(50% - 6px);
}

.recent-posts {
    margin-left: 6px;
    width: calc(50% - 6px);
}

.posts {
    margin-bottom: 8px;
}

.post, .thread, .recent-post {
    margin: 0;
    box-shadow: unset;
    border: 0 none;
    border-top: 1px solid rgba(255,255,255,.15);
}

.post .post-buttons .post-button {
    opacity: .3;
    background-color: rgba(0,0,0,.2);
    border-color: rgba(255,255,255,.3);
    color: #00aeff;
}

.post:hover .post-buttons .post-button {
    opacity: 1;
}

.post .post-buttons .post-button:active {
    background-color: #00aeff;
    border-color: #00aeff;
    color: #fff;
}

.post:last-child, .thread:last-child, .recent-post:last-child {
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.thread:visited .name {
    color: #aaa;
}

.thread-warning {
    margin-top: 12px;
}

.pager span, .pager a {
    border-radius: 0;
    font-weight: normal;
}

.pager span {
    background-color: unset;
    border: 0 none;
    color: rgba(255,255,255,.5);
}

.pager span.current {
    background-color: #00aeff;
    border-color: #00aeff;
    color: #fff;
}

.pager a {
    background-color: rgba(0,0,0,.2);
    border-color: rgba(255,255,255,.3);
    color: #00aeff;
}

.pager a:hover {
    background-color: unset;
    border-color: rgba(255,255,255,.6);
    color: #fff;
}

.post-info {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.recent-posts-header h2 a,
.recent-posts-header .rss-icon,
.recent-attachments h2 a {
    color: #fff;
}

.posts .post-meta {
    border-top-color: rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .05);
}

.posts .post-meta a {
    color: rgba(255, 255, 255, .7);
}

.tippy-tooltip.flamewars-theme {
    background-color: #272e3b;
    border: 1px solid #000;
    box-shadow: 0 0 0 0.08rem #3d434f inset, 0 0.2rem 0.4rem rgba(0,0,0,.5);
    padding: 6px 10px;
}
.tippy-tooltip.flamewars-theme .tippy-arrow {
    border-style: solid;
    color: transparent;
    position: absolute;
    z-index: 1001;
}
.tippy-tooltip.flamewars-theme .tippy-arrow:after,
.tippy-tooltip.flamewars-theme .tippy-arrow:before {
    content: "";
    position: absolute;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.flamewars-theme .tippy-arrow {
    top: 7px;
    border-width: 0 .5rem .5rem;
    border-top-color: #000;
    border-bottom-color: #000;
    transform: translate(0,-.95rem);
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.flamewars-theme .tippy-arrow:before {
    border: 8px solid transparent;
    top: -7px;
    transform: translate(-.5rem,0);
    border-color: transparent transparent #3d434f;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.flamewars-theme .tippy-arrow:after {
    border-style: solid;
    border-width: 0 7px 7px;
    bottom: -10px;
    margin-left: -7px;
    border-color: transparent transparent #272e3b;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.flamewars-theme .tippy-arrow {
    bottom: 7px;
    border-width: .5rem .5rem 0 .5rem;
    border-top-color: #000;
    border-bottom-color: #000;
    transform: translate(0,.95rem);
}
.tippy-popper[x-placement^=top] .tippy-tooltip.flamewars-theme .tippy-arrow:before {
    border: 8px solid transparent;
    top: -9px;
    transform: translate(-.5rem,0);
    border-color: #3d434f transparent transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.flamewars-theme .tippy-arrow:after {
    border-style: solid;
    border-width: 7px 7px 0 7px;
    bottom: 3px;
    margin-left: -7px;
    border-color: #272e3b transparent;
}

@media all and (max-width: 600px) {
    .board {
        border-left: 0 none;
        border-right: 0 none;
        margin-bottom: 6px;
    }

    .boards, .boards:not(.full-width), .recent-posts {
        width: unset;
        margin: 0;
    }
}