* { box-sizing: border-box; outline: 0; transition: .5s }
.clear { clear: both }
body { margin: 0; font-size: 11px; line-height: 1.9em; font-family: tahoma, calibri, sans-serif; cursor: default; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; background-size: auto, cover; background-attachment: fixed; background-position: 50% 50%; color: red; }

/* 
body:after { content:""; position: fixed; height:100vh; top: 0; right: 0; left: 0; z-index: -1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
*/ 

.thread_icon{padding: 3px;}
.float_right, .expcolimage { float: right }
.float_left { float: left }
.expcolimage { margin-left: 5px }
a { text-decoration: none!important }
#quick_reply_form .checkbox { float: left; margin-top: -3px }
::-webkit-scrollbar { border: 6px solid; height: 13px; width: 13px; cursor: hand }
::-webkit-scrollbar-thumb { border: 5px solid }
.fill>div { flex: 1 }
td, th { padding: 0 5px }
.blocky>span { text-transform: lowercase; position: absolute; bottom: -3px; line-height: 1; right: 0; z-index: 9; font-family: Redressed; font-size: 20px }
.log br:nth-child(1) { display: none }
legend { color: inherit; font-size: inherit; border: inherit; margin: 0; width: auto }


header { display: flex!important; user-select: none; padding: 2%; font-size: 6vw; letter-spacing: -.3vw }

.index header { height: 70vh; font-size: 8vw; letter-spacing: -.5vw }
header .title { text-align: center; width: 100%; font-family: Redressed; line-height: 1 }
header, nav, .dropdown-menu, .welcome big, .thead, .blocky { background-position: 50% 50%!important; background-position: center center; align-items: flex-end; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
button { border: 0; margin: 10px 5px }
.navbar-toggle { z-index: 1 }
nav { position: sticky; top: 0; left: 0; right: 0; padding: 0 10px; z-index: 999 }
nav, .dropdown-menu, .postbit_buttons { font-size: 9px!important; text-transform: uppercase; font-weight: bold; letter-spacing: 1px }
nav a { padding: 10px 5px; display: inline-block; line-height: 1!important }
.nav>li>a:focus, .nav>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background: none!important }
.dropdown-menu { border: 0 }
button:hover, input.button:hover { border-color: transparent!important }
.navbar-collapse { padding-left: 0!important }
.navbar-nav>li>.dropdown-menu { margin-top: 0!important; border: 0!important; color:yellow!important; }
.dropdown-menu { text-align: right!important; padding: 15px 0!important; color:yellow!important; }
#debug { display: none }
#content { margin: 0 auto; max-width: 1500px; width: 90%; padding: 3% }
table { width: 100% }
.affiliates, .footer { text-align: center }
.footer { font-size: 85%; margin: -10px }
input, select { border: 0; padding: 4px 10px; min-height: 26px; margin: 0; line-height: 1 }
a:hover { text-decoration: none }
h1 { font-family: Redressed; text-transform: lowercase; font-weight: bold; margin-top: 0 } 
h2 { font-family: Redressed; font-size: 22px; font-weight: 100 }
.new_reply_button, .new_thread_button { font-family: Redressed; font-size: 22px; text-transform: lowercase }
.welcome thead, .welcome .tcat { display: none }
.news { height: 220px }
.rthreads { height: 300px }
.wonline { max-height: 140px }
.news, .rthreads, .wonline { overflow: auto }
.news, .wonline, .season { padding: 10px }
img { max-width: 100% }
.maplink { display: block; padding: 20px; font-size: 200%; font-family: Redressed }
.flex>div { margin: 10px }
p { margin: 0 0 1em }
textarea { border: 0; padding: 10px }
th { text-transform: uppercase; font-size: 9px; text-align: center }
.top { text-align: center }
.census, .awthreads { text-align: center }
.welcome big { display: block }
.welcome big { text-align: right }
.welcome big, .thead { background-size: cover!important; padding: 20px; background-blend-mode: color-dodge; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px }
.blocky { padding: 20px; position: relative }
.blocky div, .blocky table { width: auto }
.welcome big a, .plain a, .thead a { color: inherit!important }
small { line-height: 150% }
.postbit .flex { display: flex }
input[type=checkbox], input[type=radio] { display: inline-block!important }
.postbit small, .postbit a { color: inherit!important }
.sceditor-button { box-sizing: content-box }
.sceditor-container textarea { color: inherit; font-weight: 100; font-family: "courier new"; background: inherit; font-size: 11px; line-height: 1.4 }
.author_avatar { text-align: center } 
.signature { padding: 2% 0 0; margin-top: 2% }
.postwrap { padding: 2% }
.postbit { padding: 15px }
.postbit_buttons { text-align: right }
.postbit_buttons a { margin: 0 10px }
.postbit h2 { text-align: center }
.stats div { flex: 1; text-align: center }
.stats b { text-transform: uppercase; font-size: 65%; padding: 5px; letter-spacing: 1px }
.threadreview { max-height: 500px; overflow: auto }
label { margin: 0; font-weight: normal }
label input { float: left; margin: -2px 4px 0 0!important }
.nricons label { margin: 0 10px 0 0 }
.full>div { flex: 1 }
.pagination { margin: 0 }
.member_postbit .pbcharacter { display: none }
code { display: block; color: inherit; padding: 10px; text-align: left; width: 80%; max-height: 200px; margin: 0 auto; overflow: auto }
.selectall { text-align: right }
.tcat { font-style: italic; font-family: georgia; font-weight: 100; text-transform: lowercase; font-size: 11px; padding: 3px; }
.tcat strong { font-weight: 100!important }
.helpbits { list-style: lower-roman }
.profile h2 { margin-top: 0 }
.profile .flex { margin: -10px }
.profile .log { max-height: 400px; overflow: auto }
.profav { flex-shrink: 0 }
.tablink { cursor: pointer }
.active { color: inherit!important; text-shadow: none!important; cursor: default }
.tab { margin-top: 1%!important; padding-top: 1%!important }
.expcolimage img {  position: absolute; right: 0; opacity: 0; height: 100%; padding: 10px }
.expcolimage:before { content: "+" }
.expcolimage { position: relative }
.block a { color: inherit!important; float: right }
.spacer { height: 10px; display: block; content: "" }
.skills { align-self: center; text-align: center; width: 100% }
.stats strong { margin-bottom: 5px }
.profinfowrap .spacer { height: 20px }
.profinfo div { position: relative }
.boardwrapper { flex-wrap: wrap }
.subforums div { display: inline-block }
dd { margin-left: 20px }
.icboards>div { padding-top: 200px; background-size: cover; background-position: top center }
.icimg { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.board small { display: block; margin-top: 10px; padding-top: 10px; width: 100% }
.codeblock .title { display: none } 
.subforums { font-size: 0; margin-top: 10px }
.subforums a { font-size: 9px; text-transform: uppercase; margin: 2px 4px; padding: 0 5px; display: inline-block; color: inherit!important; font-weight: bold; letter-spacing: .5px; }

.boardwrapper .blocky { display: flex; flex-wrap: wrap }
.boardinfo { position: relative; z-index: 9; width: 100%!important }
.subwrapper div:nth-last-child(1) { flex: 1 }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: none }

@media (min-width: 1200px) {  
.news { overflow: hidden }
.news:hover, .rthreads:hover, .wonline:hover { overflow: auto }
.flex { display: flex; margin: -10px }
.fill { flex: 1 }
.skinny { width: 25% }
.welcome>div { margin: 10px }
.postbit { width: 230px }
.postbit>div { top: 50px; position: sticky }
.halves>div { width: calc(1/2*100% - (1 - 1/2)*40px) }
.thirds>div { width: calc(1/3*100% - (1 - 1/3)*30px) }
}

@media(max-width: 700px) {
.navbar-nav .open .dropdown-menu { background: none!important }
.nosm { display: none }
table { display: block; overflow-x: auto; white-space: nowrap }
}

@media (max-width: 1200px) {  
.actual_post table, .actual_post div, .actual_post font, .actual_post span, .blocky table  { width: auto!important; background: none!important; padding: 0!important; border: 0!important; color: inherit!important; margin: 0!important; text-shadow: none!important; box-shadow: none!important; white-space: normal!important }
.postbit img, .profav { display: none }
.postbit h2 { margin-top: 0 }
	.nosm { display: none }
	.index header { height: 25vh }
	body, header { background-attachment: scroll!important }
}