/*
Copyright (c) 2015, Benedict Aas
*/


/* {{{ External fonts */

@import url(https://fonts.googleapis.com/css?family=Quicksand|Karla:400,400italic,700,700italic|Droid+Sans+Mono);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css);

/* }}} */

/* {{{ Media rules */

/* Mobile devices, super high res screens */
@media only screen and (min-resolution: 2dppx)
{

html, body
{ font-size: 28px }

input[type="checkbox"]
{ zoom: 2.5
; margin: 0
}

.topic h2, #portal h2, #portal_foot h2, thead th
{ font-size: 1.5em }

.c_topicfoot > a[href$="/old/"]::before,
.c_topicfoot > a[href$="/old/"] + a ::before,
.c_topicfoot > a[href$="/new/"]::before
{ font-size: 1rem }

.c_username > a
{ font-size: 1rem !important }

.c_user
{ font-size: 0.8em !important }

.c_postinfo
{ font-size: 0.9em !important }

}

/* Vertical screens */
@media (min-device-height: 1200px) and (max-width: 1200px)
{

}

/* Small screens */
@media only screen and (max-resolution: 1.9dppx)
{

html, body
{ font-size: 14px }

input[type="checkbox"]
{ zoom: 1.5 }

.topic h2, #portal h2, #portal_foot h2, thead th
{ font-size: 2em }

}

/* Bigger than wrap's max-size */
@media (min-width: 1039px)
{

body td.c_post, #topic_review .c_desc + td
{ max-width: 50rem }

.c_post img,
#c_post-preview img,
#topic_review img,
.c_post video,
#c_post-preview video,
.c_post object,
#c_post-preview object,
#topic_review object,
.c_post audio,
#c_post-preview audio,
.c_post iframe,
#c_post-preview iframe
{ max-width: 50rem }

}

/* Smaller than the wrap's max-size */
@media (max-width: 1038px)
{

#wrap
{ margin: 0 0 4.35rem !important }

#profile_menu > li > ul
{ flex-wrap: wrap }

#profile_menu > li > ul > li
{ min-width: 33%; max-width: 33% }

.c_cat-starter
{ display: none }

.c_cat-mark:first-child + .c_cat-title ~ .c_cat-lastpost
{ min-width: calc(100% - 15rem); max-width: calc(100% - 15rem) }

.c_cat-mark + .c_cat-mark ~ .c_cat-lastpost
{ min-width: calc(100% - 18rem); max-width: calc(100% - 18eem) }

.c_cat-mark:first-child + .c_cat-title ~ .c_cat-replies
{ padding-left: 3em
; min-width: 8em
; max-width: 8em
}

.c_cat-mark + .c_cat-mark ~ .c_cat-replies
{ padding-left: 6em
; min-width: 11em
; max-width: 11em
}

body td.c_post, #topic_review .c_desc + td
{ max-width: 100% }

.c_post img,
#c_post-preview img,
#topic_review img,
.c_post video,
#c_post-preview video,
.c_post object,
#c_post-preview object,
#topic_review object,
.c_post audio,
#c_post-preview audio,
.c_post iframe,
#c_post-preview iframe
{ max-width: calc(100% - 1rem) !important }

#fast-reply > dd,
#fast-reply > #c_post-preview
{ width: 100% !important }

#topic_viewer > tbody > tr[id] + tr
{ flex-direction: column }

.c_post
{ margin-top: 0 !important }

td.c_user
{ overflow: visible }

.c_username
{ max-width: initial !important
; min-width: initial !important
; padding: .5rem .5rem .5rem 6.6rem !important
; background-color: inherit !important
; flex: 0 0 auto
}

.c_username > *, .c_postinfo
{ align-self: baseline }

.c_username > a
{ font-size: 1rem !important
}

.c_postinfo
{ padding: .5rem !important }

.c_postinfo > .right
{ display: flex
; align-items: center
; font-size: 0
}

.c_postinfo > .right > a
{ padding: 0 .5rem
}

.c_postinfo > .right > .desc
{ display: none }

.topic .c_user div:first-child img
{ max-width: 5.6rem !important
; min-width: 5.6rem !important
}

.c_user:hover div:first-child > img
{ transform: initial !important }

.topic .c_user > div:first-child,
.topic .c_user > a > div:first-child
{ margin-top: -2.207rem !important
; max-width: 5.6rem !important
; min-width: 5.6rem
; min-height: initial !important
; max-height: 5.214rem !important
; overflow: hidden
}

tr > .c_user
{ display: flex
; max-width: 100%
; min-width: 100%
; max-height: 3rem
; min-height: 3rem
; flex-wrap: wrap
; transition: .3s all cubic-bezier(.55,0,0.1,1)
}

.topic .c_user > .usertitle
{ white-space: initial
; display: flex
; padding: 0 1rem
; align-items: baseline
; flex: 0 0 auto
; width: initial
; max-width: 40%
; text-align: left
}

.topic .c_user > .user_info
{ flex: 1
; justify-content: flex-end
; padding: 0
; min-height: initial
}

.topic .c_user > .usertitle,
.topic .c_user > .user_info
{ position: initial !important
; background-color: inherit
; color: inherit
}

.topic .c_user > .usertitle,
.topic .c_user:hover > .usertitle,
.topic .c_user:hover > .user_info
{ margin-top: 0 !important }

.topic .c_user > .user_info,
.topic .c_user:hover > .user_info
{ max-height: initial !important
; height: initial !important
}

.user_info > dt,
.user_info > dd
{ min-width: initial !important
; padding: 0 .25rem !important
}

.user_info > dt:nth-of-type(n+3),
.user_info > dd:nth-of-type(n+3)
{ display: none }

.c_user > dl
{ position: initial !important
; bottom: initial !important
; max-height: initial !important
; width: initial !important
; background-color: initial !important
}

.c_user > *
{ margin-left: .5rem
; margin-right: .5rem
}

.warn
{ padding: 0 1rem }

.warn > a:last-child
{ font-size: 0
; padding: 0
}

div.warn > a
{ color: #aaa }

.warn > .warning
{ padding: 0 .25rem }

.c_username,
.c_postinfo,
.c_postinfo > .left,
.c_postinfo > .right > a,
.c_user
{ color: #aaa
}

td.c_username > a
{ color: #aaa }

.c_sig
{ margin-left: initial !important }

.c_postfoot > td:first-of-type
{ max-width: initial !important
; min-width: initial !important
; flex: 0 0 auto
}

}

/* End of media rules }}} */

/* {{{ Animations */

@-webkit-keyframes glow {
    from { color: crimson; text-shadow: 0 0 0.5em crimson }
    to { color: inherit; text-shadow: none }
}
@keyframes glow {
    from { color: crimson; text-shadow: 0 0 0.5em crimson }
    to { color: inherit; text-shadow: none }
}

@keyframes circle {
    0% { background-image: radial-gradient(circle, 0.1em, #2196F3 0.09em, transparent) }
    66% { background-image: radial-gradient(circle, 1em, #2196F3 0.9em, transparent) }
    100% { background-image: radial-gradient(circle, 2em, transparent 1.9em, transparent) }
}

@-webkit-keyframes pulse {
    to { background-color: #39C }
    from { background-color: initial }
}
@keyframes pulse {
    to { background-color: #39C }
    from { background-color: initial }
}

@keyframes slide-down {
  to { top: 0 }
  from { top: -4rem }
}

.pulse
{ animation: 1s pulse cubic-bezier(.55,0,0.1,1) infinite alternate }

/* End of animations }}} */

*, *::before, *::after
{ box-sizing: border-box
}

html, body
{ margin: 0 auto
; padding: 0
}

/* {{{ FLEX MY MUSCLES */

#main,
#edit_sig > tbody, #edit_sig > tbody > tr, #c_post, .c_sig blockquote, dl,
#c_notes > form, #acplogin, #acplogin table,
#acplogin thead, #acplogin tbody, #acplogin tr, #acplogin th,
#acplogin tr td:last-child, #acplogin #loginform, #realtop, #top, #top_menu,
#top_info, .drop_menu > li, #submenu, .c_foot > span, #boardmeta,
.c_postinfo, .c_footicons, #fast-reply > dd, #c_postbtn, [align="center"],
.c_postfoot > td:first-of-type,
.warn,
.c_cat-title,
.c_cat-mark,
.c_cat-lastpost,
.c_user > div:first-child,
.c_user > a > div:first-child,
#profile_menu > li > ul,
.c_user > div:first-child,
.c_user > a > div:first-child,
.cat-pages,
.profile .c_mark > div,
.c_topicfoot,
#subhuman,
#logo,
#nav,
#foot_themechooser > form,
#foot_links > a:first-child::before,
#foot_links > a:last-child::before,
#foot_datetime > a,
#foot_datetime,
#foot_datetime::after,
.notice, .error,
.meta_menu > ul,
#emot_wrap,
#emot_list,
#emot_list > li,
#emot_end,
.c_next,
.c_footicons > span,
.c_username,
#pm_folderlist
{ display: flex }

.forums
{ display: flex !important }

.c_sig blockquote
{ display: inline-flex }

#main,
#edit_sig > tbody, #c_notes > form, #acplogin, #acplogin table,
#acplogin thead, #acplogin tbody, #top_menu, .drop_menu > li,
#subhuman,
input[name="mode"][value="2"] ~ .posting > tbody > tr:nth-child(1),
input[name="mode"][value="3"] ~ .posting > tbody > tr:nth-child(1),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(4),
#topic_review > tbody > tr,
#pm_compose > tbody > tr:nth-child(4),
tr > #c_post
{ flex-direction: column }

.c_sig blockquote
{ flex-direction: row-reverse }

.profile > thead > tr
{ flex-direction: column-reverse }

.posting > tbody,
#fast-reply > #c_post,
#edit_profile > tbody
{ flex-direction: row }

.c_foot > span,
.c_sig blockquote > dl
{ justify-content: flex-start }

#realtop, #top, .c_postinfo, .c_footicons, .c_cat-title,
blockquote > dl,
#profile_menu > li > ul,
#fast-reply,
.topinfo
{ justify-content: space-between }

#acplogin tr, #acplogin th, #submenu, .generic, #fast-reply > dd, #c_postbtn,
[align="center"], .warn,
.c_user > div:first-child,
.c_user > a > div:first-child,
.c_next,
.c_username,
.topic + table:not(.topic) > tbody > tr,
.profile .c_mark > div,
.c_topicfoot,
.c_postfoot > td:first-of-type,
#main > table:first-child > tbody > tr,
#main > script:first-child + table > tbody > tr,
#foot_themechooser > form,
#foot_links > a:first-child::before,
#foot_links > a:last-child::before,
#foot > tbody > tr,
#foot_datetime > a,
#emot_end
{ justify-content: center }

.c_user > div:first-child,
.c_user > a > div:first-child,
.c_cat-mark,
.c_user > div:first-child,
.c_user > a > div:first-child,
.profile .c_mark > div,
.c_postfoot > td:first-of-type,
.c_footicons > span,
.c_username,
#c_notes > form, #top_info, .c_foot > span, #acplogin,
#edit_profile > tbody > tr,
#subhuman,
#nav,
#foot_themechooser > form,
#foot_links > a:first-child::before,
#foot_links > a:last-child::before,
#foot > tbody > tr,
#foot_datetime > a,
#foot_datetime::after,
#emot_end,
#pm_inbox > tbody > tr > .c_head,
#pm_quick_reply #c_post,
#pm_quick_reply > tbody > tr,
input[name="mode"]:not([value="1"]) ~ .posting > tbody > tr:nth-child(n+4):nth-child(-n+9),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(n+11):nth-child(-n+16)
{ align-items: center }

#realtop, #top
{ align-items: flex-start }

.c_sig blockquote > dl
{ align-items: flex-end }

.c_cat-views, .c_cat-starter, .c_cat-title, .c_cat-lastpost, .replied-marker,
.c_desc,
#edit_sig > tbody > tr:last-child, #c_post > button, .c_cat-replies,
#emot_list > li,
#pmtoast > a,
form[action$="/tasks/"]
{ align-self: center }

#top_info, .c_postinfo
{ align-self: baseline }

.c_footicons
{ align-self: flex-end }

#realtop, #submenu, .c_foot > span, .c_cat-title, #fast-reply > dd, .warn,
#inlinetopic > .posts > tbody > tr,
.profile:nth-of-type(2) > tbody > tr:first-child,
#search_results_topics + .forums > tbody > .row1,
#search_results_topics + .forums > tbody > .row2,
#announcement_head ~ tr,
.c_postfoot > td:first-of-type,
.c_post-attachment,
.posting > tbody,
#foot > tbody > tr,
.meta_menu > ul,
#emot_list,
#fast-reply,
.user_info,
.c_sig blockquote,
#edit_profile > tbody
{ flex-wrap: wrap }

#top
{ flex-wrap: nowrap }

#top,
.c_cat-title > ul + a,
.cat-pagesjump
{ flex: 1 }

.c_cat-title
{ flex: 2 }

.cat-pages > li,
.meta_menu > ul > li,
.topinfo > .c_username + td,
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(-n+3)
{ flex-grow: 1 }

.warning,
.t_lastpostdate,
#foot_links,
#toggle-topmenu + label,
#c_post-close,
input[name="mode"]:not([value="1"]) ~ .posting > tbody > tr:nth-child(4) > td:first-child,
input[name="mode"]:not([value="1"]) + input[name="type"][value="2"] ~ .posting > tbody > tr:nth-child(6) > td:first-child,
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(11) > td:first-child,
#pmlink > strong:nth-of-type(1),
#pmlink > strong:nth-of-type(3)
{ order: 1 }

.warn > br + a:last-of-type,
#c_post-preview
{ order: 2 }

.warn > a:nth-of-type(2)
{ order: 3 }

.warn > a
{ order: 4 }

/* }}} */

/* {{{ Fonts */

html,
body,
h3,
thead th small,
textarea,
.c_post,
.c_sig,
#profile_menu,
#error_box .generic small:before,
.user_info
{ font-family: "Karla", "Helvetica Neue", "Helvetica", "Arial", sans-serif }

thead th,
blockquote dl,
#logo,
#top,
#subhuman, h2,
#copyright,
#portal h2,
#portal_foot h2,
.c_post big,
.category h2,
.topic h2,
.notice,
.error,
.spoiler_toggle,
.editby,
.queued,
.meta_menu > h3,
#pmlink > strong:nth-of-type(1),
#pmlink > strong:nth-of-type(3)
{ font-family: "Quicksand", sans-serif }

code
{ font-family: "Droid Sans Mono", monospace }

.c_cat-views,
.c_cat-replies > a::before,
.c_cat-views::before,
.c_cat-starter::before,
.t_lastpostdate + a::before,
.c_topicfoot > a,
.user_info > dt,
.c_post-attachment > dd > a::before,
.c_post a::after,
.collapse::before,
.uncollapse::before,
.replied-marker::before,
#error_box > tbody::before,
#foot_themechooser > form::before,
#foot_links > a:first-child::before,
#foot_links > a:last-child::before,
#foot_datetime::after,
#pm_folderlist li::before,
label
{ font-family: "FontAwesome", "Karla" }

#copyright:after
{ font-family: "FontAwesome", "Quicksand" }

.c_forum div,
.forums .forum .c_last
{ font-weight: 300 }

thead > tr > th small,
.c_forum div a,
.c_last-title,
.c_last-title ~ strong,
.meta_menu > h3,
#addpoll,
.forums th
{ font-weight: 400 }

.forums th a,
.forums th a strong
{ font-weight: 700 }

#findposts .c_mark
{ font-weight: 700 }

#top_info > strong > a,
#top_info > small > a::before,
.t_lastpostdate,
.t_lastpostdate + a,
.warn > a,
.search_results_post > thead > tr > th > a,
.c_postinfo > .right > a
{ font-size: 1rem }

.c_cat-lastpost,
#top_info,
#top_info > small > a,
#foot_links
{ font-size: 0 }

thead > tr > th small
{ font-size: 1rem }

ul.cat-topicpages, .c_head, .c_foot, .c_sort, .meta_box
{ font-size: 0.8em }

.c_view-list
{ font-size: 0.9em }

td, #profile_menuwrap, button, .btn_fake, input[type="button"],
.btn_text, #top
{ font-size: 1em }

h2,
h3,
textarea,
.c_post,
#c_post-preview
{ font-size: 1.1em }

.c_forum strong a,
.category h2
{ font-size: 1.25em }

.c_next > a
{ font-size: 1.5em }

#logo,
.profile ~ .profile > thead > tr > th
{ font-size: 1.5em }

#foot_links > a:first-child::before,
#foot_links > a:last-child::before,
#toggle-topmenu + label
{ font-size: 1.5rem }

h1, #top_bar::before,
.folder,
#findposts .c_mark
{ font-size: 2em }

.c_last-title
{ line-height: 1.5 }

.c_view-list
{ line-height: 1.8 }

.c_next > a
{ text-align: center
; white-space: nowrap
}

.forums th,
.c_forum strong a
{ text-transform: uppercase }

.row1 > .c_cat-views, .row2 > .c_cat-views
{ white-space: nowrap }

.c_username
{ word-wrap: break-word }

/* }}} */

/* {{{ Z index */

#subhuman, td.c_user, #floatbar
{ z-index: 1
}

#realtop
{ z-index: 2
}

/* }}} */

/* {{{ Position */

input,
select,
button,
.btn_fake,
td.c_foot a,
#addpoll,
label,
textarea,
.drop_menu a,
.meta_menu a,
.cat-pages a,
.cat-pages i,
/* XXX how dangerous is this */
tr,
.c_user > div:first-child,
.c_user > a > div:first-child,
.c_user > .usertitle,
.bunk-button,
.bunk-big-butt,
#subhuman,
td.c_user,
#floatbar,
#realtop,
.c_next > a,
#c_postbtn [type=submit]
{ position: relative }

/* }}} */

/* {{{ Transition */

#foot_datetime > a:hover,
#foot_links > a:hover::before
{ transition: .3s all cubic-bezier(.55,0,0.1,1) }

/* }}} */

/* {{{ Links */

a
{ color: #CCC
; text-decoration: none
}

.c_post a::after
{ content: "\A0\F08E"
; vertical-align: super
; font-size: 0.7em
}

.editby > strong > a::after
{ content: "" }

/* }}} */

/* {{{ Colors */

::selection,
option:checked,
option:hover
{ background-color: white
; color: black
}

th,
/* JESUS CHRISTUS */
blockquote blockquote, blockquote blockquote blockquote blockquote,
blockquote blockquote blockquote blockquote blockquote blockquote,
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote,
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote,
input, select, button, .btn_fake, td.c_foot a,
input[type="text"]:focus, input[type="password"]:focus, input:not([type]):focus,
textarea:focus,
.cat-pages a, .cat-pagesjump i,
.category > .forums,
.topic > tbody > tr,
.poll > tbody,
.row1, .row2,
.exclusivebutton + table > tbody > tr:first-child > td,
.exclusivebutton + table,
.topic + table,
.ucp > tbody,
.posting > tbody,
.meta_menu > ul > li > a:hover,
#topic_viewer > tbody > tr,
#error_box > tbody,
#fast-reply,
#realtop,
#fast-reply > dd > textarea,
#c_post-preview,
#emot_wrap,
#who_posted > tbody > tr,
#forum_leaders_global > tbody > tr:nth-child(n+2),
#pmlink,
#pm_compose > tbody,
#main > table:first-child td,
#inlinetopic > .posts > tbody > tr,
#acplogin > #loginform tbody,
#foot_links > a:first-child::before,
#foot_links > a:last-child::before,
#foot_datetime > a,
#top_menu,
#conversation,
.topinfo
{ background-color: #1F1F1F }

.c_sig,
.bunk-button
{ background-color: #2D2D2D }

#wrap,
blockquote,
code,
blockquote > code.prettyprint,
#subhuman,
.calendar .cal_inactive,
#acplogin,
.bunk-big-butt:hover,
#profile_menu a:hover,
.c_next > a:hover,
.cat-topicpages a,
#addpoll,
.c_topicfoot > [href$="/old/"]::before,
.c_topicfoot > [href$="/old/"] + a ::before,
.c_topicfoot > [href$="/new/"]::before,
#emot_end,
#pm_compose > tbody > tr:last-child,
.c_post-attachment,
.btn_default,
.btn_normal,
#c_postbtn [type=submit]:hover
{ background-color: #2D2D2D }

[data-desc]:hover::after,
#top_info a[href$="/multi_login/"]:hover::after,
#top_info a[href$="/multi_login/"]:focus::after,
#top_info a[href$="/logout/"]:hover::after,
#top_info a[href$="/logout/"]:focus::after,
#foot_links a[href$="/mark/"]:hover::after,
#foot_links a[href$="/mark/"]:focus::after,
#foot_links a[href$="/marktopics/"]:hover::after,
#foot_links a[href$="/marktopics/"]:focus::after,
button:hover, .btn_fake:hover, select:hover, option:hover,
input[type="button"]:hover, .c_foot a:hover,
.meta_menu a,
.spoiler_toggle,
.nav-mark,
#addpoll:hover,
#foot_datetime > a:hover,
#foot_links > a:hover::before
{ background-color: #3D3D3D }

#copyright
{ background-color: #171717 }

html, body
{ background-color: #101010 }

.notice
{ background-color: #1D1D1D }

.category h2
{ background-color: #ccc }

#fast-reply > dd > textarea::before
{ background-color: rgba(240, 240, 240, 0.7) }

.c_username
{ background-color: #D0D0D0 }

#logo,
.bunk-big-butt,
.bunk-button:hover,
#profile_menu a,
.c_next > a,
.meta_menu a,
#nav > li > a:hover,
#submenu > a:hover,
.c_topicfoot > a:hover::before,
.c_topicfoot > a > strong:hover::before,
#c_postbtn [type=submit]
{ background-color: #FFECB3 }

#emot_end:hover, #emot_end:focus,
#cal_current,
.c_post:hover .c_post-attachment, .c_post:focus .c_post-attachment
{ background-color: #9575CD }

.error
{ background-color: #1D0100 }

#c_post-close,
#pmclose,
.username_no
{ background-color: crimson }

.username_ok
{ background-color: lime }

#profile_menu a:hover, #profile_menu a:focus,
input[type="text"], input[type="password"], input:not([type]),
textarea
{ background-color: transparent }

.c_sig blockquote
{ background-color: initial }

/* {{{ Poll */

.poll > tbody > tr:nth-of-type(1) > .c_poll-bar > div
{ background-color: #9C1153 }

.poll > tbody > tr:nth-of-type(2) > .c_poll-bar > div
{ background-color: #AD1457 }

.poll > tbody > tr:nth-of-type(3) > .c_poll-bar > div
{ background-color: #C2185B }

.poll > tbody > tr:nth-of-type(4) > .c_poll-bar > div
{ background-color: #D81B60 }

.poll > tbody > tr:nth-of-type(5) > .c_poll-bar > div
{ background-color: #E91E63 }

.poll > tbody > tr:nth-of-type(6) > .c_poll-bar > div
{ background-color: #EC407A }

.poll > tbody > tr:nth-of-type(7) > .c_poll-bar > div
{ background-color: #CC449B }

.poll > tbody > tr:nth-of-type(8) > .c_poll-bar > div
{ background-color: #AB47BC }

.poll > tbody > tr:nth-of-type(9) > .c_poll-bar > div
{ background-color: #9C27B0 }

.poll > tbody > tr:nth-of-type(10) > .c_poll-bar > div
{ background-color: #8E24AA }

.poll > tbody > tr:nth-of-type(11) > .c_poll-bar > div
{ background-color: #7B1FA2 }

.poll > tbody > tr:nth-of-type(12) > .c_poll-bar > div
{ background-color: #6A1B9A }

.poll > tbody > tr:nth-of-type(13) > .c_poll-bar > div
{ background-color: #58219D }

.poll > tbody > tr:nth-of-type(14) > .c_poll-bar > div
{ background-color: #4527A0 }

.poll > tbody > tr:nth-of-type(15) > .c_poll-bar > div
{ background-color: #512DA8 }

.poll > tbody > tr:nth-of-type(16) > .c_poll-bar > div
{ background-color: #5E35B1 }

.poll > tbody > tr:nth-of-type(n+16) > .c_poll-bar > div
{ background-color: #424242 }

/* }}} */

button:hover, .btn_fake:hover, select:hover, option:hover,
input[type="button"]:hover, .c_foot a:hover,
.notice, .error,
.notice dt, .error dt,
.notice a, .error a,
.c_post-attachment,
.meta_menu a,
.meta_menu > h3,
.spoiler_toggle,
#top_menu > li:first-child::before,
#top_info,
#c_post-close,
#emot_end,
#cal_current,
#pmclose::after,
.c_post > .c_post-attachment > dd > a,
.c_post > .c_post-attachment > dd > a:hover,
.c_post > .c_post-attachment > dd > a:focus,
.c_post-attachment dt,
.c_topicfoot > [href$="/old/"]::before,
.c_topicfoot > [href$="/old/"] + a ::before,
.c_topicfoot > [href$="/new/"]::before,
#shoutbox dt
{ color: #F0F0F0 }

html, body, td
th, h2, th a, th a:hover,
textarea,
select, input, button, .btn_fake,
input[type="text"]:focus,
input[type="password"]:focus,
input:not([type]):focus,
.cat-pages a, .cat-pagesjump i, .cat-topicpages a,
.editby, .queued,
.c_postinfo, .c_postinfo a,
.calendar td a, .calendar a:hover,
.description,
.c_view,
.c_view-list,
.nav-div,
.c_cat-starter::before,
.c_cat-starter > a,
.c_cat-replies > a,
.c_cat-views,
.c_cat-lastpost,
.c_cat-lastpost > a,
.replied-marker,
.c_desc,
.drop_menu a,
.c_user > .usertitle,
.hot-new, .plain-new, .poll-new,
.bunk-button,
#c_post-resize span,
#foot a, #foot a:hover, #foot label,
#copyright,
#faq dd a, #faq dd a:hover,
#foot td,
#addpoll
{ color: #CCC }

blockquote > dl
{ color: #AAA }

.plain, .hot, .c_cat-mark > .poll, .locked
{ color: #444 }

.topic h2, #portal h2, #portal_foot h2, thead th,
td.c_foot a
.c_forum strong a, .c_last strong a,
#profile_menu a,
.c_sig blockquote > dl > dt,
.c_sig blockquote > dl > dd,
#findposts .c_mark,
#pmtoast > a
{ color: #CCC }

input[type="text"], input[type="password"], input:not([type])
{ color: rgba(208, 208, 208, 0.3) }

.c_username > a,
.c_user > .usertitle,
.warn > a
{ color: #1F1F1F }

#logo > a,
.bunk-big-butt,
.bunk-button:hover,
.c_next > a,
.meta_menu a,
#profile_menu a,
.category h2 > a, .category h2,
#nav > li > a:hover,
#submenu > a:hover,
.c_topicfoot > a:hover::before,
.c_topicfoot > a > strong:hover::before,
#c_postbtn [type=submit]
{ color: #101010 }

.cat-pages a:hover,
.cat-topicpages a:hover,
.cat-pagesjump i:hover,
.cat-pages span,
#fast-reply > dd > textarea::before
{ color: #F0F0F0 }

.bunk-big-butt:hover,
.meta_menu > ul > li > a:hover,
#profile_menu a:hover,
#toggle-topmenu + label:hover,
.c_next > a:hover,
#c_postbtn [type=submit]:hover
{ color: #FFECB3 }

.warning
{ color: crimson }

#top_bar:hover
{ color: #455A64 }

#copyright a
{ color: #E65100 }

.c_post:hover a, .c_post:focus a
{ color: #B39DDB }

.drop_menu li[id^='menu'] a:hover
{ color: #9575CD }

.topic h2, #portal h2, #portal_foot h2, thead th
{ text-shadow: -0.04em 0.04em 0 #303030 }

thead > tr > th small,
#profile_menu,
.search_results_post > thead > tr > th > a
{ text-shadow: none }

.c_username > a
{ text-shadow: none !important }

.c_user > div:first-child, .c_user > a > div:first-child,
.profile .c_mark > div
{ border-color: #1F1F1F }

[data-desc]:hover::after,
#top_info a[href$="/multi_login/"]:hover::after,
#top_info a[href$="/multi_login/"]:focus::after,
#top_info a[href$="/logout/"]:hover::after,
#top_info a[href$="/logout/"]:focus::after,
#foot_links a[href$="/mark/"]:hover::after,
#foot_links a[href$="/mark/"]:focus::after,
#foot_links a[href$="/marktopics/"]:hover::after,
#foot_links a[href$="/marktopics/"]:focus::after,
thead,
#realtop,
#subhuman,
.cat-pages a, .cat-pagesjump i, .cat-topicpages a,
.category > .forums,
#inlinetopic > .posts > tbody > tr,
.c_topicfoot,
#forum_footer,
.topic > tbody > tr:last-child,
.c_postfoot,
#foot_links > a:first-child::before,
#foot_links > a:last-child::before,
#foot_datetime > a,
#error_box > tbody,
.posting > tbody,
#topic_review > tbody > tr,
#acplogin > #loginform tbody,
#addpoll,
.c_topicfoot > [href$="/old/"]::before,
.c_topicfoot > [href$="/old/"] + a ::before,
.c_topicfoot > [href$="/new/"]::before,
.btn_default
{ border-color: #101010 }

blockquote,
.c_sig,
.cat-topicpages a,
.spoiler_toggle,
.c_post-attachment
{ border-color: #272727 }

.spoiler
{ border-color: #ccc }

textarea:focus
{ border-color: #999 }

textarea,
input[type="text"], input[type="password"], input:not([type])
{ border-color: #4D4D4D }

.submit_error
{ border-color: #333 }

.c_user > .usertitle
{ border-color: #2D2D2D }

.bunk-big-butt::after, .bunk-big-butt::before,
.bunk-button::after, .bunk-button::before,
.cat-pages a::before, .cat-pages a::after,
.cat-pages i::before, .cat-pages i::after,
.meta_menu > ul > li > a::after, .meta_menu > ul > li > a::before,
#profile_menu a::before, #profile_menu a::after,
.c_next > a::before, .c_next > a::after,
.cat-topicpages a:hover,
#c_postbtn [type=submit]::before, #c_postbtn [type=submit]::after
{ border-color: #FFECB3 }

.offline
{ border-color: #B71C1C }

.online
{ border-color: #8BC34A }

.c_post:hover .c_post-attachment, .c_post:focus .c_post-attachment
{ border-color: #7E57C2 }

.bunk-big-butt,
#c_postbtn,
.bunk-button,
.meta_menu > ul > li > a,
#profile_menu a,
.c_next > a,
#c_postbtn [type=submit]
{ border-color: transparent }

.notice
{ box-shadow: 0 0 0 0.4rem #202020, 0 0 0 0.6rem #181818, 0 0 0 0.8rem #202020
            , 0 0 0 1.2rem #2D2D2D, 0 0 0 1.4rem #202020, 0 0 0 1.6rem #272727
}

.error
{ box-shadow: 0 0 0 0.4rem #2C0200, 0 0 0 0.6rem #3B0300, 0 0 0 0.8rem #4A0400
            , 0 0 0 1.2rem #860800, 0 0 0 1.4rem #950900, 0 0 0 1.6rem #A40A00
            , 0 0 0 2rem #E42A25, 0 0 0 2.2rem #F55652, 0 0 0 2.4rem transparent
}

#wrap
{ box-shadow: 0 0 0 0.8rem #2D2D2D, 0 0 0 1.2rem #272727, 0 0 0 1.6rem #2D2D2D
            , 0 0 0 2.4rem #1F1F1F, 0 0 0 2.8rem #2D2D2D, 0 0 0 3.2rem #272727
            , 0 0 0 4rem #1F1F1F, 0 0 0 4.4rem #171717, 0 0 0 4.8rem #101010
}

/* }}} */

/* {{{ Many nested */

big > big > big > big > big > big > big > big > big > big > big > big > big > big > big
{ font-size: 154.6pt }

/* }}} */

[data-desc]:hover::after
{ content: attr(data-desc) }

[data-desc]:hover::after,
#top_info a[href$="/multi_login/"]:hover::after,
#top_info a[href$="/multi_login/"]:focus::after,
#top_info a[href$="/logout/"]:hover::after,
#top_info a[href$="/logout/"]:focus::after,
#foot_links a[href$="/mark/"]:hover::after,
#foot_links a[href$="/mark/"]:focus::after,
#foot_links a[href$="/marktopics/"]:hover::after,
#foot_links a[href$="/marktopics/"]:focus::after
{ display: block
; position: absolute
; border-width: 0.1rem
; border-style: solid
; padding: 0.5rem 1rem
; margin: 0.5rem 0 0 0
; font-size: 1rem
}

[align="center"],
#pm_quick_reply > thead > tr > th
{ width: 100% }

#logo
{ text-align: left
; letter-spacing: 0.1em
}

#logo > a
{ padding: 0.5em 1em
}

hr
{ display: none }

table, thead, tbody
{ display: flex
; flex-direction: column
}

tr
{ display: flex
}

thead > tr
{ justify-content: center
}

tr > *
{ min-width: 0
}

thead
{ margin-bottom: 1em
; border-bottom-width: 0.25rem
; border-bottom-style: solid
}

th
{ padding: 0.66em 1em
; text-align: left
; display: block
}

th[colspan]
{ width: 100%
; text-align: center
}

td
{ padding: 0 0.5em
; display: block
}

.topic h2, #portal h2, #portal_foot h2, thead th
{ font-weight: normal }

.category h2
{ padding: 0 1em
; font-weight: 300
; margin: 0
}

thead > tr > th
{ text-align: center
; word-wrap: break-word
}

/* ↓ Android Chrome is Literally Retarded: The Unwanted Scaling of Fonts */
thead > tr > th,
.c_view
{ max-height: 99999px }

thead > tr > th small
{ display: block
; margin-top: 1em
}

input, select, button, .btn_fake, td.c_foot a, #addpoll
{ border-bottom-width: 0.25rem
; border-bottom-style: solid
; border-bottom-color: #101010
; border-top: 0 solid
; border-left: 0 solid
; border-right: 0 solid
; padding: 0.3em 0.5em 0.1em 0.5em
; margin: 0 0.5em
; vertical-align: middle
; transition: .3s all
}

label[for="setskin"]
{ display: none }

#main label
{ margin: .5rem }

label > input[type="text"], label > input[type="password"],
label > input:not([type])
{ position: absolute
; top: 0
; left: 0
; margin: -.3rem 0 0 -.5rem
}

label > input[type="text"]:focus, label > input[type="password"]:focus,
label > input:not([type]):focus
{ margin-top: -1.25rem }

textarea
{ border-width: 0.3em
; border-style: solid
; border-radius: 0.1em 0.1em
; margin: 0 0.5em
; padding: 0.5em
; width: 100%
; max-width: 50rem
; transition: .3s all
; box-sizing: border-box
; outline: none
}

input[type="text"], input[type="password"], input:not([type])
{ border-top-width: 0.25rem
; border-top-style: solid
; border-bottom-width: 0.25rem
; border-bottom-style: solid
; padding: 0.5em
; z-index: 1
; margin-top: 0.5rem
; margin-bottom: 0.5rem
}

input[type="text"]:focus, input[type="password"]:focus, input:not([type]):focus
{ outline: none
; padding-top: 1rem
; padding-bottom: 1rem
; margin-top: 0
; margin-bottom: 0
}

input[type="text"] + small, input[type="password"] + small,
input:not([type]) + small
{ position: absolute
; margin-top: -4.5rem
; margin-left: 1rem
; color: #4D4D4D
; transition: .3s all
}

input[type="text"]:focus + small, input[type="password"]:focus + small,
input:not([type]):focus + small
{ margin-top: -5rem }

input[type="checkbox"]:checked
{ animation: 0.5s circle cubic-bezier(.55,0,0.1,1)
}

input[type="file"]
{ max-width: 40vw }

button, .btn_fake, input[type="button"]
{ overflow: visible
; width: auto
}

.btn_text
{ background: none
; border: 0
; cursor: pointer
}

.btn_default, .btn_normal
{ cursor: pointer }

.notice, .error
{ margin: 3.4em auto
; width: 66%
; overflow: hidden
}

.notice dt, .error dt
{ font-weight: 700 }

.notice dt, .notice dd, .error dt
{ margin: 0
; padding: 0.5em
}

#error_box > thead th
{ border: none
; width: 100%
}

#error_box > tbody
{ border-bottom-width: 0.2rem
; border-bottom-style: solid
}

#error_box > tbody::before
{ content: "\f02a"
; display: block
; font-size: 20em
; font-weight: 300
; text-align: center
}

.generic > td, .generic
{ font-size: 1.2em
; font-weight: 700
; padding: 0 2em 2em 2em
; text-align: center
}

#error_box .generic small::before
{ content: " Zionists are invading as you are seated in front of your computer idly staring at your screen while leaning on your left arm and this self-referential page lights up. Postmodernism is still perpetuated despite its irrelevance. Vitriol paints you amicably. Feminism is victor, emasculate the rest: a toast to the imminent matriarchy. I hope you aren't feeling indifferent today. \A\A The precinct of creativity. Extol fledgling works. Stomp the cigarette and stoop the visceral. Defeat lethologica. Become turbid. You are a mere transient fart in a violent storm. Become immaterially rich. Allow penetration of your mental rind. Are ascetic acolytes truly brittle? Your acquaintances are scintillating. They prevaricate until they shrivel. Lie down in a meadow at dusk and grasp the verdure as the stars line the void. "
; display: block
; font-weight: normal
; white-space: pre-wrap
; text-indent: 1em
; max-width: 37rem
; text-align: left
; margin: 0 auto
; margin-bottom: 10pt
}

.cat-pages, #top ul
{ list-style: none }

#nav, .cat-topicpages, .calendar ul, .meta_menu ul,
#pm_folderlist, #profile_menuwrap ul
{ list-style: none
; padding: 0
}

#profile_menuwrap ul, .cat-topicpages,blockquote dl, #fast-reply dd
{ margin: 0 }

#nav li, .calendar li, .cat-topicpages li,
#pm_folderlist li, #ucp_gallery li
{ display: inline }

#floatbar
{ height: 3.35rem
; width: 100%
; position: fixed
; top: 0
; left: 0
}

#floatbar:hover + #realtop, #floatbar:focus + #realtop
{ position: fixed
; animation: slide-down 0.3s 1 ease-in-out forwards
}

#realtop:hover, #realtop:focus
{ position: fixed
}

#floatbar:hover ~ #subhuman, #floatbar:focus ~ #subhuman,
#realtop:hover ~ #subhuman, #realtop:focus ~ #subhuman
{ margin-top: 3.35rem
}

#realtop
{ width: 100%
; height: 3.35rem
; top: 0
; left: 0
; border-bottom-width: 0.1rem
; border-bottom-style: solid
}

#toggle-topmenu + label
{ margin: 1rem
; cursor: pointer
; transform: rotate(0deg)
; transition: 0.3s all cubic-bezier(.55,0,0.1,1)
; position: absolute
; top: 0
; right: 0
; z-index: 2
}

#toggle-topmenu:checked + label
{ margin-right: 12rem
; transform: rotate(-360deg)
; transition: 1s all cubic-bezier(.55,0,0.1,1)
; position: fixed
}

#toggle-topmenu:checked ~ #top > #top_menu
{ right: 0
; visibility: visible
; transition: 1s right cubic-bezier(.55,0,0.1,1)
}

#top
{ font-weight: bold
; min-width: 50%
}

#top_menu
{ min-height: 100vh
; margin-top: 0
; padding: 3.4rem 0 0 0
; visibility: hidden
; position: fixed
; top: 0
; right: -14em
; z-index: 1
; border-left: 0.1em solid #101010
; transition: 0.3s right cubic-bezier(.55,0,0.1,1),
              0.3s visibility 0.5s cubic-bezier(.55,0,0.1,1)
}

#top_info > strong > a
{ margin: 1em 0 1em 1em
; display: inline-block
}

#top_info a[href$="/login/"]::before, #top_info a[href$="/register/"]::before
{ text-transform: uppercase
; padding: 1.1rem 1rem 0
; display: inline-block
}

#top_info a[href$="/login/"]::before
{ content: "Log in"
}

#top_info a[href$="/register/"]::before
{ content: "Sign up"
}

#top_info a[href$="/logout/"]::before,
#top_info a[href$="/multi_login/"]::before
{ cursor: pointer
; height: 1rem
; width: 1rem
; display: inline-block
; margin: 0 0.4rem
; font-family: "FontAwesome"
; font-weight: 300
}

#top_info a[href$="/logout/"]:hover::after,
#top_info a[href$="/logout/"]:focus::after,
#top_info a[href$="/multi_login/"]:hover::after,
#top_info a[href$="/multi_login/"]:focus::after
{ position: absolute
}

#top_info a[href$="/logout/"]:hover::after,
#top_info a[href$="/logout/"]:focus::after
{ content: "Log out"
}

#top_info a[href$="/multi_login/"]:hover::after,
#top_info a[href$="/multi_login/"]:focus::after
{ content: "Multi-login"
}

#foot_links a[href$="/mark/"]:hover::after,
#foot_links a[href$="/mark/"]:focus::after
{ content: "Mark forums as read" }

#foot_links a[href$="/marktopics/"]:hover::after,
#foot_links a[href$="/marktopics/"]:focus::after
{ content: "Mark topics as read" }

#top_info a[href$="/logout/"]::before
{ content: "\f08b"
}

#top_info a[href$="/multi_login/"]::before
{ content: "\f0c0"
}

.drop_menu li
{ text-align: center
}

.drop_menu li:last-child > ul > li:last-child a
{ border-bottom: none
}

.drop_menu > li a img
{ display: none
}

.drop_menu a
{ display: block
; padding: 1em 2.5em
; transition: 0.5s background-color cubic-bezier(0,0.70,0.85,1)
}

.drop_menu ul
{ overflow: hidden
}

.drop_menu ul, .drop_menu ul li
{ margin: 0
; padding: 0
}

.drop_menu ul li a
{ display: block
}

#subhuman
{ border-bottom-width: 0.1em
; border-bottom-style: solid
}

#toggle-submenu, #toggle-topmenu
{ display: none }

#subhuman > label
{ color: #F0F0F0
; text-align: center
; font-size: 1.5rem
; cursor: pointer
}

#subhuman > label > div
{ padding: 0.5rem 2rem }

#subhuman > input + label
{ transform: rotate(0deg)
; transition: 0.5s all cubic-bezier(.55,0,0.1,1)
}

#subhuman > input:checked + label
{ transform: rotate(540deg)
; transition: 0.5s all cubic-bezier(.55,0,0.1,1)
}

#subhuman > input:checked ~ #submenu
{ max-height: 10rem
; transition: .3s all cubic-bezier(.55,0,0.1,1)
}

#submenu_bar
{ display: none
}

#submenu
{ margin: 0 auto
; max-height: 0
; overflow: hidden
; transition: 0.3s all cubic-bezier(.55,0,0.1,1)
}

#submenu > a
{ padding: 1.5em 1em 1.5em
; transition: 0.3s all cubic-bezier(.55,0,0.1,1)
}

#wrap
{ margin: 0 auto 4.35rem
; max-width: 73rem
}

#nav
{ text-align: center
; margin: 1em 0 0 0
}

#nav > li > a
{ display: inline-block
; white-space: nowrap
; overflow: hidden
; text-overflow: ellipsis
; max-width: 50vw
; padding: .2rem .5rem
; transition: 0.3s all cubic-bezier(.55,0,0.1,1)
}

#nav li:first-child
{ display: none
}

#nav li:nth-last-child(1), #nav li:nth-last-child(2)
{ display: none
}

.nav-div
{ margin: 0 1vw }

.nav-div::before
{ content: ">" }

.meta_menu
{ padding: 0
; margin-top: 1rem
; width: 50%
}

.meta_menu > ul
{ margin-top: 0 }

.meta_menu a
{ display: block
; margin: 0.5em
; padding: 1em
; border-width: 0.1rem
; border-style: solid
; text-align: center
; transition: 0.3s all cubic-bezier(.55,0,0.1,1)
}

.meta_menu > h3
{ text-align: center
; padding: 0.5em 0
; margin: 0 0.5em
}

.meta_menu > ul > li
{ min-width: 50% }

.meta_menu img
{ display: none }

ul li.cat-pageshead
{ display: none }

.cat-pages
{ padding: 0
; margin: 1rem 10rem -5rem 0
}

.cat-pages a::before,
.cat-pages i::before
{ left: 0 }

.cat-pages a::after,
.cat-pages i::after
{ right: 0 }

.cat-pages a::before, .cat-pages a::after,
.cat-pages i::before, .cat-pages i::after
{ content: ""
; border-bottom-width: 0.25rem
; border-bottom-style: solid
; position: absolute
; transition: all 0.3s
; height: 100%
; width: 0
; top: 0.25rem
}

.cat-pages a:hover::after, .cat-pages a:hover::before,
.cat-pages i:hover::before, .cat-pages i:hover::after
{ width: 50% }

.cat-buttons + .cat-pages,
.topic-buttons + .cat-pages,
.topic-buttons:last-of-type ~ .cat-pages
{ margin: -4.47rem 10rem 1rem 0 }

.cat-pages a, .cat-pagesjump i, .cat-topicpages a
{ border-bottom-width: 0.3em
; border-bottom-style: solid
}

.cat-pages span
{ cursor: default
; padding: 1em
; border-bottom: 0.3em solid #3D3D3D
}

.cat-pages a,
.cat-pagesjump i,
.cat-pages span
{ display: block
; text-align: center
}

.cat-topicpages > li > a
{ transition: all 0.3s }

.c_head, .c_foot, .c_sort
{ line-height: 1.8
; width: 100%
; padding: 1em
; display: flex
; justify-content: space-between
; flex-wrap: wrap
}

.exclusivebutton .c_desc,
#edit_profile .c_desc,
#name_change_req .c_desc,
#search_form > tbody > tr > td:first-child,
#email_change .c_desc,
#login_page tbody > tr:nth-child(-n+2) > .c_desc
{ position: absolute
; margin: 1.15rem 0 0 1rem
; top: 0
; left: 0
}

#edit_profile .c_desc[valign=top]
{ margin: -0.15rem 0 0 1rem }

#edit_profile .c_desc[valign=top] + td
{ margin-top: 1rem }

#edit_profile > tbody > tr:nth-last-child(2) > .c_desc
{ display: none }

#search_form > tbody > tr:nth-child(n+2) > td:first-child,
#search_form br,
#login_page br,
#login_page tr:nth-child(3)
{ display: none }

#search_form > tbody > tr
{ margin: 0.5rem 0 }

#search_form select[multiple]
{ height: 10rem
}

#photo_settings tr:nth-child(3) > td[align]:first-of-type
{ display: block }

#photo_settings img
{ max-width: 20rem
; margin-bottom: 1rem
; align-self: center
}

#email_change input
{ width: 15rem }

#email_change > tbody > tr
{ justify-content: center }

.c_desc > small
{ margin-left: .5rem }

.pm_new > td
{ font-weight: 700 }

.hidden .c_post {
background:#000;
}

.bday {
color:#AAAAAA;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.category
{ margin: 2em 0
}

.forums[style*="display: none"]
{ display: none !important
}

.forums > tbody > tr > th
{ text-align: left }

.forums > tbody > tr:nth-child(n+2) > th
{ margin-top: 1rem }

.category > .forums
{ padding: 1em
; border-bottom-width: 0.25rem
; border-bottom-style: solid
}

.forum
{ justify-content: space-between
; margin-top: 1rem
}

.forums tbody tr > td
{ max-height: 99999px
}

.forums .c_mark
{ display: none
}

.forums > tbody > tr > .c_foot
{ border: none
}

.c_forum
{ width: 50%
}

.c_forum, .c_info
{ padding: 0 0 0 1em
}

.forums .forum .c_last
{ flex: 1
; display: flex
; flex-direction: column
}

.c_info
{ margin: 0 0 1em 0
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background:#000;
color:#AAAAAA;
font-size:80%;
font-style:italic;
}

.c_foot > span
{ float: none
}

.c_foot > span > *
{ margin: 0.5em 1em
}

.cat_head td {
border-color:#333;
padding:0;
}

#stats .cat_head td {
border-color:#333;
}

.description
{ order: 2
; font-size: 0.85em
}

.description:empty
{ display: none
}

#stats_events a, #stats_events span {
background:url() no-repeat 2px;
padding:4px 0 4px 20px;
}

#topic_viewer th:first-child > span,
.topic th:first-child > span
{ display: block
; padding: .3em .5em
; font-weight: 300
}

#topic_viewer > tbody > tr:last-child
{ border-bottom: none }

.c_topicfoot,
#forum_footer,
.topic > tbody > tr:last-child
{ border-bottom-width: 0.25rem
; border-bottom-style: solid
}

.c_username
{ padding: .5em 1em
; text-align: center
; min-width: 14.4rem
; max-width: 14.4rem
}

.c_username > a
{ font-size: 1.33em
}

.c_username > a > strong
{ font-weight: 300
}

.c_user
{ min-width: 14.4rem
; max-width: 14.4rem
; padding: 0
; overflow: hidden
; vertical-align: top
; word-wrap: break-word
; text-overflow: ellipsis
; align-self: flex-start
}

.c_user > div:first-child,
.c_user > a > div:first-child
{ max-width: 14.4rem !important
; max-height: 28.8rem !important
; min-height: 10rem
; display: inline-flex
; margin: 0 !important
; overflow: hidden
}

.c_user div:first-child img
{ max-width: 14.4rem !important
; min-width: 14.4rem !important
; max-height: initial !important
; transition: .3s all
}

.c_user:hover div:first-child > img
{ transform: scale(1.3)
; transition: .3s all
}

.topic .user_info
{ overflow: hidden
; transition: .3s all cubic-bezier(.55,0,0.1,1)
; z-index: 1
; position: absolute
; top: -6rem
; max-height: 6rem
; min-height: 6rem
; padding: .5rem .25rem

; color: rgba(30, 30, 30, 0.9)
; background-color: rgba(240, 240, 240, 0.75)
; align-content: space-between
}

.topic .c_user:hover > .user_info
{ top: 0
; transition: .3s all cubic-bezier(.55,0,0.1,1)
}

.c_user > .usertitle
{ padding: 0.5em
; overflow: hidden
; z-index: 1
; width: 14.4rem
; min-height: 2.2rem

; background-color: #D0D0D0

; text-align: center
; white-space: nowrap
; text-overflow: ellipsis

; transition: .3s all
}

.usertitle > br
{ display: none }

.c_user > img
{ display: none }

.c_user > dl
{ position: absolute
; bottom: -3.8rem
; max-height: 6rem
; width: 100%
; background-color: rgba(240,240,240,0.75)
; transition: .3s all
}

.c_user:hover > dl
{ bottom: 2.2rem
; transition: .3s all
}

.warn
{ width: 100% }

.warn > a
{ padding: 0.5em }

.warn > br + a:last-of-type
{ text-align: center
}

.warning
{ padding: 0.25rem
}

.topinfo > td
{ padding: 0 }

#pm_viewer > thead
{ margin-bottom: 0
; border: none
}

#conversation
{ margin: 0 !important }

#conversation .c_postinfo
{ padding: 0.5rem 1rem
; align-items: center
}

#conversation .c_post
{ padding: 1rem
; margin-top: 0
}

.topinfo > td[width]
{ width: initial !important }

.topinfo > td:first-child div > img
{ max-width: 5.6rem !important
; min-width: 5.6rem !important
}

.topinfo > td:first-child div
{ max-width: 5.6rem !important
; min-width: 5.6rem
; min-height: initial !important
}

.topinfo > .c_username
{ max-height: 2.8rem
; max-width: initial !important
; min-width: initial !important
; padding: .5rem .5rem .5rem 1rem !important
; margin-left: 0
; flex: 0 0 auto
; align-self: baseline
}

.topinfo > .c_username > a
{ font-size: 1rem }

.topinfo > .c_user > .usertitle
{ padding: 0 1rem
; max-width: initial !important
; min-width: initial
; width: initial
}

.topinfo > .c_username,
.topinfo > .c_user > .usertitle
{ background-color: inherit !important }

.topinfo,
.topinfo > .c_username > a,
.topinfo > .c_user > .usertitle,
.topinfo div.warn > a
{ color: #aaa }

.topinfo > .c_user
{ margin: -2.8rem 0 0 5.6rem
; min-width: initial
; max-width: initial
}

.topinfo .user_info
{ padding: 0.5rem 0 }

.topinfo .warn
{ padding: 0.5rem }

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

#profile_menu > li > a
{ display: none }

#profile_menu a
{ transition: .3s all cubic-bezier(.55,0,0.1,1)
; margin: 0 .5rem
; border-width: 0.1rem
; border-style: solid
}

.profile:nth-of-type(4) > tbody > tr:nth-child(2) > th:first-child
{ min-width: 192px; max-width: 192px }

.profile:nth-of-type(4) > tbody > tr:nth-child(2) > th:last-child
{ width: 100% }

.profile:nth-of-type(4) > tbody > tr:nth-child(3) > .c_sig
{ margin: 0 }

.profile .c_mark
{ order: -1
; width: 100%
; margin: 0 0 2em 0
; overflow: hidden
}

.profile .c_mark > div
{ max-width: 100% !important
}

.profile .c_mark > div > img
{ max-width: 100% !important
; max-height: none !important
}

.profile input[name="status"]
{ max-width: calc(50vw - 9em) }

.profile > tbody > tr
{ margin-bottom: 1em }

.profile ~ .profile > thead > tr > th
{ margin-top: 1em }

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

.c_poll-bar > div
{ height: 2em
; padding-right: 0.5em
}

.poll > tbody
{ border-bottom: 0.25rem solid #101010
; margin-bottom: 2em
; padding: 2em 1em
}

.poll > tbody > tr > th
{ font-weight: normal }

.editby, .queued
{ font-size: 0.8em
; font-weight: 300
; text-align: right
; margin-top: 1em
; margin-right: 1em
; padding: 0.7em 1em
}

.editby strong
{ font-weight: 300
; text-decoration: underlined
}

.queued {
background-color:#000;
border-color:#333;
}

blockquote
{ border-width: 0.1em
; border-style: solid
; margin: 1em auto
; overflow: hidden
}

blockquote dl
{ padding: 0.3em 0.5em }

.c_post > blockquote > div > blockquote > div
{ padding: .5em 1em }

.c_post > blockquote > div > blockquote > div
{ display: none }

.c_post > blockquote > div > blockquote > dl
{ cursor: pointer }

code
{ display: block
; white-space: pre-wrap
; width: inherit !important
}

blockquote > code.prettyprint
{ border-radius: 0 }

.spoiler
{ border-width: 0.1rem
; border-style: solid
; border-top: 0
; padding: 0.5rem
}

.spoiler_toggle
{ border-width: 0.1em
; border-style: solid
; cursor: pointer
; font-weight: 700
; padding: 0.3em 0.5em
}

.c_postinfo
{ padding: 1em }

.c_postinfo
{ width: 100% }

.c_postinfo, .c_postinfo a
{ font-weight: 300
}

.c_sig
{ font-size: 1em }

.c_sig blockquote
{ margin: 0 0 0 1em
}

.c_sig blockquote, .c_sig blockquote > dl
{ border: 0 }

.c_sig blockquote > dl
{ background: none
; padding: 0
}

.c_sig blockquote > dl > dt
{ float: none
; padding: 0
}

.c_sig blockquote > dl > dd
{ margin: 0
; padding: 0
; text-align: left
}

.c_sig blockquote > dl > dd::before
{ content: ", "
}

.c_sig blockquote > div
{ padding: 0 }

.c_sig blockquote > div::before, .c_sig blockquote > div::after
{ font-size: 2em
; vertical-align: middle
}

.c_sig blockquote > div::before
{ content: "\275D"
}

.c_sig blockquote > div::after
{ content: "\275E"
}

.c_sig blockquote > dl > dt::before
{ content: "\2014\A0"
; padding: 0 0 0 1em
}

#edit_sig > tbody
{ margin: 1em
}

#sig_box > thead > tr > th, #edit_sig > thead > tr > th
{ width: 100% }

.c_postfoot
{ margin-bottom: 1em
; border-bottom-width: 0.25rem
; border-bottom-style: solid
}

.c_postfoot > td
{ padding: 1rem .5rem }

.c_postfoot > td:first-of-type
{ max-width: 14.4rem
; min-width: 14.4rem
}

.c_footicons
{ width: 100% }

.c_next
{ margin: 2rem 0 0 0
; width: 100%
}

.c_next > a,
#addpoll
{ padding: 1rem 8.9rem
; transition: 0.3s all cubic-bezier(.55,0,0.1,1)
}

#addpoll
{ margin: 0 0 1rem 0
; display: inline-block
}

.c_view
{ padding: 1em
}

#fast-reply
{ position: fixed
; bottom: -22rem
; left: 0
; z-index: 1
; width: 100%
; transition: bottom 0.2s cubic-bezier(.55,0,0.1,1)
; opacity: 0
}

#fast-reply.show-bottom
{ opacity: 1 }

#fast-reply > dt
{ display: none }

#fast-reply > dd > textarea::before
{ content: "FAST REPLY"
; position: absolute
; margin: 0 0 -0.25em 0.1em
; font-size: 1.1em
; font-weight: 700
}

#fast-reply > dd,
#fast-reply > #c_post-preview
{ width: 50% }

#fast-reply > dd > textarea
{ height: 10em
; margin: .5em 0
; width: 50em
; max-width: calc(100% - 1em)
}

#fast-reply > dd > button,
#fast-reply > dd > label
{ width: calc(33% - 1em)
; margin: 0 .5rem 1rem .5rem
; padding: .5rem 0
; text-align: center
}

#fast-reply > #c_post-preview
{ margin: .5rem 0 1rem 0
; max-height: 13em
}

#c_post
{ width: 100%
; margin: 1rem 0
}

#c_post-close
{ display: block
; float: none !important
; top: inherit !important
; right: inherit !important
; font-size: 1.5rem
; text-align: center
; padding: 0.5rem
; margin: 0.5rem
; max-width: 50rem
; cursor: pointer
}

#c_post-preview
{ padding: 0 1rem
; margin: 0.5rem 0.5rem 1rem 0.5rem
; max-height: 20em
; text-align: left
; overflow-y: scroll
}

#emot_wrap h3
{ display: none }

#emot_end
{ padding: 1em
; font-weight: 700
; text-transform: uppercase
; min-width: 8rem
}

.row1, .row2, #who_posted > tbody > tr,
#forum_leaders_global > tbody > tr:nth-child(n+2)
{ padding: 1em 0
; margin-bottom: 1em
; border-bottom: 0.25rem solid #101010
}

.row1 > td, .row2 > td
{ white-space: nowrap
; overflow: hidden
; text-overflow: ellipsis
}

#who_posted > tbody > tr:first-child > th:nth-child(1),
#who_posted > tbody > tr:first-child > th:nth-child(2),
#who_posted > tbody > tr > td:nth-child(1),
#who_posted > tbody > tr > td:nth-child(2)
{ min-width: 40%; max-width: 40% }

#who_posted > tbody > tr:first-child > th:nth-child(3),
#who_posted > tbody > tr > td:nth-child(3)
{ min-width: 20%; max-width: 20% }

#who_posted > tbody > tr:last-child > td
{ min-width: 100%
; max-width: 100%
}

#who_posted > tbody > tr:last-child > td > a
{ margin: 0 0.5rem }

#active_list > tbody > tr > td
{ padding: 0 1em }

#active_list > tbody > tr:first-child
{ display: none }

#active_list > tbody > tr > td:nth-child(1)
{ min-width: 35%; max-width: 35% }

#active_list > tbody > tr > td:nth-child(2)
{ min-width: 40%; max-width: 40% }

#active_list > tbody > tr > td:nth-child(3)
{ min-width: 25%; max-width: 25% }

#pm_inbox > tbody > tr > th:nth-child(n+2)
{ display: none }

#pm_inbox > tbody > tr[class] > td:nth-child(1)
{ min-width: 40%; max-width: 40% }

#pm_inbox > tbody > tr[class] > td:nth-child(2)
{ min-width: 25%; max-width: 25% }

#pm_inbox > tbody > tr[class] > td:nth-child(3),
#pm_inbox > tbody > tr[class] > td:nth-child(5)
{ min-width: 5%; max-width: 5% }

#pm_inbox > tbody > tr[class] > td:nth-child(4)
{ min-width: 25%; max-width: 25% }

#forum_leaders_global > tbody > tr:first-child > th,
#forum_leaders_global > tbody > tr:nth-child(n+2) > td
{ min-width: 33%; max-width: 33% }

#forum_leaders_global > tbody > tr:nth-child(n+2) > td
{ padding: 0 1em }

#pm_inbox > tbody > tr:nth-child(2)
{ margin: 0 0 1rem 0
; border-bottom: 0.25rem solid #101010
}

#pm_inbox > tbody > tr > .c_foot
{ padding: 0 0.5rem }

#pm_inbox > tbody > .row1:first-of-type
{ margin-top: 1rem }

#quick_pm_compose > tbody > tr:not(:last-child)
{ padding: 0.5rem 0
; margin: 0
; border: none
}

#quick_pm_compose > tbody > tr:first-child
{ display: flex
; flex-wrap: wrap
}

#quick_pm_compose > tbody > tr:first-child > td
{ max-width: 50%
; width: 20rem
}

#quick_pm_compose > tbody > tr:first-child > td > label,
#quick_pm_compose > tbody > tr:first-child > td > label > input
{ width: 100% }

#quick_pm_compose > tbody > tr:nth-child(2) > td,
#quickcompose
{ max-width: 100%
; width: 40rem
; padding-bottom: 1rem
}

#pm_compose > tbody > tr:first-child
{ padding: 2rem 0 1rem 0 }

#pm_compose > tbody > tr:nth-child(2) > th
{ display: none }

#pm_compose > tbody > tr:nth-child(3)
{ margin-top: 1rem }

#pm_compose > tbody > tr:last-child
{ padding: 1rem 0 3rem }

.member_send > input[type="text"]
{ margin: -.7rem 0 0 -.5rem
; width: 16rem
}

#pm_folders
{ width: 100% }

#pm_folderlist
{ margin: .5rem 0 0 0
}

#pm_folderlist li::before
{ content: "\f0e0"
; margin: 0 .5rem 0 1rem
}

#pm_folderlist li:first-child::before
{ margin-left: 0 }

#pm_forwarded {
border:1px dotted #333;
color:#AAAAAA;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#member_list_full > tbody > tr > td:first-child
{ padding-left: 1em }

#member_list_full > tbody > tr > td:last-child
{ padding-right: 1em }

#top_posters > tbody > tr > td:nth-child(1)
{ width: 5% }

#member_list_full > tbody > tr > th:nth-child(5),
#member_list_full > tbody > tr > th:nth-child(6),
#member_list_full > tbody > tr > td:nth-child(5),
#member_list_full > tbody > tr > td:nth-child(6)
{ width: 10% }

#member_list_full > tbody > tr > th:nth-child(2),
#member_list_full > tbody > tr > th:nth-child(4),
#member_list_full > tbody > tr > td:nth-child(2),
#member_list_full > tbody > tr > td:nth-child(4)
{ width: 15% }

#top_posters > tbody > tr > td:nth-child(4),
#top_posters > tbody > tr > td:nth-child(5)
{ width: 20% }

#member_list_full > tbody > tr > th:nth-child(1),
#member_list_full > tbody > tr > th:nth-child(3),
#member_list_full > tbody > tr[class] > td:nth-child(1),
#member_list_full > tbody > tr > td:nth-child(3),
#top_posters > tbody > tr > td:nth-child(3)
{ width: 25% }

#top_posters > tbody > tr > td:nth-child(2)
{ width: 30% }


#ucp_gallery a {
font-weight:700;
}

.calendar > tbody > tr > th
{ padding: 1em 0
; width: 14.3%
}

.calendar > tbody > tr > td > div
{ font-weight: bold
; padding: 0.5em
; font-size: 2em
}

.calendar > tbody > tr > td > div > a
{ background: url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat 0.5em
; float: right
; font-size: 0.8em
; font-weight: 400
; padding: 0 0 0.5em 2.5em
}

.calendar li a, .calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.portal_content {
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
}

#portal h4 {
border-left:1px solid #333;
border-right:1px solid #333;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a
{ font-size: 120%
; font-weight: 700
}

.search_results
{ margin-bottom: 1em
; padding: 0.5em 1em
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:#AAAAAA;
font-size:85%;
margin:0;
}

.search_results_post > thead > tr > th
{ width: 100% }

.search_results_post > thead > tr > th > a
{ text-shadow: none }

#search_results_topics + .forums > tbody > .row1,
#search_results_topics + .forums > tbody > .row2
{ padding: 0 2em }

#search_results_topics + .forums > tbody > tr:not([class]) > th,
#search_results_topics + .forums > tbody > tr > .c_cat-title + .c_cat-title
{ display: none }

#search_results_topics + .forums > tbody > tr > .c_cat-title:first-child
{ min-width: 100%; max-width: 100% }

#search_results_topics + .forums > tbody > tr > .c_cat-title:first-child ~ td,
#search_results_topics + .forums > tbody > tr > .c_cat-title:first-child ~ .c_cat-lastpost > a,
#search_results_topics + .forums > tbody > tr > .c_cat-title:nth-child(2) ~ td,
#search_results_topics + .forums > tbody > tr > .c_cat-title:nth-child(2) ~ .c_cat-lastpost > a
{ padding-bottom: 1em }

#search_results_topics + .forums > tbody > tr > .c_cat-title:first-child > a,
#search_results_topics + .forums > tbody > tr > .c_cat-title:nth-child(2) > a
{ min-width: calc(100% - 8em); max-width: calc(100% - 8em)
; padding-top: 1em
}

#search_results_topics + .forums > tbody > tr > .c_cat-title:first-child > ul
{ min-width: 8em; max-width: 8em
; padding-top: 1em
}

#search_results_topics + .forums > tbody > tr > .c_cat-title:nth-child(2) > ul
{ padding-top: 1em }

#search_results_topics + .forums > tbody > tr > .c_cat-title:first-child > div
{ min-width: 100%; max-width: 100% }

#findposts .c_mark
{ vertical-align: top
}

#pmtoast
{ margin: 0
; position: fixed
; width: 100%
; z-index: 1
; bottom: 0
; display: flex
; flex-direction: column-reverse
}

#pmtoast > a
{ display: flex
; justify-content: center
; width: 100%
}

#pmlink
{ flex-wrap: wrap
; padding: 1rem 1rem 2rem 1rem
}

#pmlink > big
{ font-family: "QuickSand"
; font-size: 1.1rem
; text-align: center
; width: 100%
}

#pmlink > strong
{ font-weight: 400
; padding: 0 0.2rem
; text-align: center
}

#pmlink > strong:nth-of-type(1)::after
{ content: "," }

#pmlink > strong:nth-of-type(2)
{ order: 0
; font-size: 2rem
; font-weight: 900
; width: 100%
}

#pmlink > small,
#pmlink > br
{ display: none }

#pmclose
{ font-size: 0
; justify-content: center
}

#pmclose::after
{ content: "x"
; font-size: 2rem
; padding: 0.5rem
}

#foot tr
{ padding: 0 1em
}

#foot td
{ font-weight: 300
}

#foot_themechooser > form::before
{ content: "\f1fc"
; margin: 0 1rem 0 0
}

#setskin
{ margin: .5rem 0
; height: 3rem
}

#foot_links > a
{ margin: .5rem
; display: inline-block
}

#foot_links > a:first-child::before,
#foot_links > a:last-child::before
{ padding: 0.5rem 2rem
; border-bottom-width: 0.25rem
; border-bottom-style: solid
; width: 5rem
; height: 3rem
}

#foot_links > a[href*="/announce/"]::before
{ content: "\f0a1" }

#foot_links > a[href*="/comm/"]::before
{ content: "\f09e" }

#foot_links > a[href*="/forward/"]::before
{ content: "\f064" }

#foot_links > a[href*="/stats/marktopics/"]::before
{ content: "\f00c \a0 \f016" }

#foot_links > a[href*="/stats/mark/"]::before
{ content: "\f00c \a0 \f114" }

#foot_datetime > a
{ padding: 0.5rem 1rem
; height: 3rem
; border-bottom-width: 0.25rem
; border-bottom-style: solid
}

#foot_datetime::after
{ content: "\f017"
; padding: 0 1rem
}

#copyright
{ font-size: 1.3em
; margin: 0 auto
; padding: 1em
; text-align: left
; border-top: 0.05em solid #202020
; font-weight: 600
; max-width: calc(1024px + 8.8rem)
; box-sizing: border-box
}

#copyright:after
{ content: "\f268"
; float: right
; display: block
}

#c_tos h3 {
color:#AAAAAA;
font-size:120%;
}

.username_ok
{
}

.username_ok > input
{
}

.username_no
{
}

.username_no > input
{
}

#acplogin
{ height: 100vh
}

#acplogin > h1
{ font-size: 0
; margin: 3vh
}

#acplogin > form
{ overflow: hidden
}

#login_page tbody > tr:nth-child(-n+2) > .c_desc
{ top: 0
; left: 0
}

#login_page tr:nth-child(n+3)
{ padding: 0.5rem 0 0.5rem 0.5rem }

#login_page .c_desc > small
{ margin-left: 9rem
; font-size: 0
}

#login_page .c_desc > small > a::after
{ content: "Reset password"
; font-size: 1rem
}

a img {
border:0;
}

.topic h2, #portal h2
{ padding: 1em 0.5em
; text-align: left
}

h3 {
padding:3px 0;
}

select
{ vertical-align: middle
}

.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.drop_menu .hover ul {
left:auto;
}

#main > table:first-child,
#main > script:first-child + table
{ height: auto !important
; margin: 0 !important
}

form[id^="poll"] + .exclusivebutton > #topic_viewer > thead
{ display: none }

.exclusivebutton + table > tbody > tr:first-child > td,
#main > table:first-child td
{ display: flex
; justify-content: center
; width: 100%
; padding: 0
}

#main > table iframe,
.exclusivebutton + table td > div,
#topic_viewer + table > tbody > tr:first-child > td > div[style],
.topic + table > tbody > tr:first-child > td > div[style]
{ margin: 1em auto 0 auto
; max-width: 90vw
; overflow: hidden
}

#nav li img {
vertical-align:top;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.cat-pages a,
.cat-pagesjump i,
.cat-topicpages a
{ cursor: pointer
; padding: 1rem 0
}

.cat-pagesjump > form > input,
.cat-pagesjump > form > input:focus
{ padding: 0.95em
; margin: 0
; width: 100%
; text-align: center
}

.cat-pages > li
{ margin: 0 0.25em }

.cat-topicpages a
{ padding: 0.5em 0.5em 0 0.5em }

.cat-buttons,
.topic-buttons
{ padding: 1em 0
; text-align: right
}

.cat-buttons:last-of-type
{ padding: 1.37rem 0 }

.postbtn td {
padding:5px;
text-align:center;
}

#announcement_list::before
{ content: "ANNOUNCEMENTS"
; transition: 0.5s all cubic-bezier(.55,0,0.1,1)
; padding: 1em
; font-weight: bold
}

#announcement_list > tbody
{ display: none
}

#announcement_list:hover > tbody, #announcement_list:focus > tbody,
#announcement_list > tbody:hover, #announcement_list > tbody:focus
{ display: table-row-group
}

#announcement_head
{ display: none }

#announcement_head ~ tr > .c_cat-title,
#announcement_head ~ tr > .c_cat-starter
{ padding: 0 1rem }

#inlinetopic > .posts > tbody > tr:first-child:not([class])
{ display: none
}

.pin + tr:not([class])
{ display: none
}

#inlinetopic > .posts > tbody > tr
{ margin-bottom: 1em
; border-bottom-width: 0.25rem
; border-bottom-style: solid
; padding: 1em 0
}

.collapse::before, .uncollapse::before
{ cursor: pointer
; padding: 0.5rem 1rem 0.5rem 0rem
; display: inline-block
}

.collapse::before
{ content: "\f107"
}

.uncollapse::before
{ content: "\f106"
}

.uncollapse > a
{ display: inline-block
; position: absolute
; width: 3em
; height: 2em
; margin-left: -3em
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

#stats_members
{ line-height: 1.2
}

td.c_cat-mark + td.c_cat-mark
{ min-width: 3em
; padding-left: 0
}

.c_cat-mark:first-child > span
{ padding: 0 .7rem }

.c_cat-mark
{ text-align: center
; min-width: 4em
; max-width: 4em
; margin-bottom: -2em
}

.c_cat-icon
{ text-align: center
; min-width: 3em
; max-width: 3em
}

.c_cat-title
{ font-size: 0 }

.c_cat-title ~ td
{ margin-top: 0.5rem }

.c_cat-mark + .c_cat-mark + .c_cat-title
{ max-width: calc(100% - 8rem)
; min-width: calc(100% - 8rem)
}

.c_cat-mark:first-child + .c_cat-title
{ max-width: calc(100% - 4rem)
; min-width: calc(100% - 4rem)
}

.c_cat-title:first-child
{ max-width: 100% }

.c_cat-title > a
{ order: -1
; font-size: 1.2rem
}

a + .description
{ width: 100% }

.c_cat-title > a:first-child, .replied-marker + .description
{ width: calc(100% - 3em) }

.c_cat-title > ul + a
{ width: calc(100% - 10em) }

.c_cat-title > ul
{ order: 2
; padding-right: 1em
}

.c_cat-title > span, .c_cat-title > div, .c_cat-title > ul
{ font-size: 1rem
}

.c_cat-mark:first-child + .c_cat-title + .c_cat-starter
{ min-width: calc(50% - 8.5em)
; max-width: calc(50% - 8.5em)
; margin-left: 3.5em
}

.c_cat-mark + .c_cat-mark + .c_cat-title + .c_cat-starter
{ min-width: calc(50% - 11.5em)
; max-width: calc(50% - 11.5em)
; margin-left: 6.5em
}

.c_cat-starter::before
{ content: "\f007\a0"
}

.c_cat-replies
{ min-width: 5em; max-width: 5em }

.c_cat-replies > a::before
{ content: "\f0e5\a0" }

.c_cat-views
{ min-width: 7em; max-width: 7em }

.c_cat-views::before
{ content: "\f06e\a0" }

.c_cat-title > a, .c_cat-title > .description, .t_lastpostdate + a
{ overflow: hidden
; text-overflow: ellipsis
; white-space: nowrap
}

.c_cat-lastpost
{ min-width: calc(50% - 7rem); max-width: calc(50% - 7rem)
}

.t_lastpostdate
{ padding: 0 1em
; flex-grow: 2
}

.t_lastpostdate + a
{ padding-left: 0.5em
; flex-shrink: 2
}

.t_lastpostdate + a::before
{ content: "\f14b\a0" }

.c_post
{ padding: 1rem
/* ↓ Android Chrome is Literally Retarded: The Unwanted Scaling of Fonts */
; max-height: 999999px
; width: 100%
; overflow: hidden
; margin-top: -1rem
; text-align: justify
}

.c_sig, .c_nosig
{ width: 100% }

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

.pip
{ margin: 3px 0
; white-space: nowrap
; display: none
}

dl
{ margin: 0 }

.user_info > dt
{ font-size: 0 }

.user_info > dt:nth-of-type(1)::before,
.user_info > dt:nth-of-type(2)::before,
.user_info > dt:nth-of-type(3)::before,
.user_info > dt:nth-of-type(4)::before
{ font-size: 1rem
; padding: 0 .5rem
}

.user_info > dt:nth-of-type(1)::before
{ content: "\f075" }

.user_info > dt:nth-of-type(2)::before
{ content: "\f0c0" }

.user_info > dt:nth-of-type(4)::before
{ content: "\f133" }

.user_info > dd
{ min-width: 10rem
; max-width: 10rem
; margin: 0
; padding: 0 .5rem
; white-space: nowrap
; overflow: hidden
; text-overflow: ellipsis
}

.user_info > dd:nth-of-type(2)
{ max-width: 10rem
; min-width: 10rem
}

.user_info > dd:nth-of-type(3)
{ display: none }

.c_poll-choice {
line-height:1.5;
padding-left:45%;
}

td.c_poll-answer {
text-align:right;
width:42.5%;
}

td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}

html td.c_poll-bar span {
margin-top:3px;
}

.c_post, #topic_review > tbody > tr > .c_desc + td,
#c_post-preview
{ line-height: 1.7
; vertical-align: top
; word-wrap: break-word
}

#topic_review > tbody > tr
{ border-bottom-width: 0.25rem
; border-bottom-style: solid
; margin: .5rem 0
; padding: 1rem .5rem
}

#topic_review > tbody > tr > .c_desc
{ position: initial
; margin: 0 0 1rem 0
}

.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img, #topic_review img, .c_post video, .c_post object, .c_post audio,
.c_post iframe
{ max-width: 100%
}

.c_post iframe
{ border: none }

.c_post-attachment
{ font-size: 0.9em
; margin-top: 1em
; padding: 1em
; border-width: 0.1em
; border-style: solid
; transition: 0.5s background-color,border cubic-bezier(.55,0,0.1,1)
}

.c_post:hover a, .c_post:focus a
{ transition: 0.3s color cubic-bezier(.55,0,0.1,1)
}

.c_post:hover .c_post-attachment, .c_post:focus .c_post-attachment
{ border-width: 0.1em
; border-style: solid
; transition: 0.5s background-color cubic-bezier(.55,0,0.1,1), 0.5s border cubic-bezier(.55,0,0.1,1)
}

.c_post-attachment > dt
{ width: 100% }

.c_post-attachment > dd
{ margin-left: 1em
; max-width: 30%
; min-width: 30%
; white-space: nowrap
; overflow: hidden
; text-overflow: ellipsis
}

.c_post-attachment > dd > a::before
{ content: "\F15B\A0"
}

.c_post-attachment dt
{ margin-bottom: 0.5em
; font-size: 1.5em
}

.post_sep
{ font-size: 1px
; height: 0px
; display: none
}

.c_sig
{ vertical-align: top
; margin-left: calc(192px + 1rem)
; margin-top: 1rem
; margin-right: -0.1rem
; padding: 0.5rem

; border-top-style: solid
; border-left-style: solid
; border-top-width: 0.1em
; border-left-width: 0.1em
}

blockquote dl dt,
blockquote dl dd
{ white-space: nowrap }

blockquote > div, blockquote > code
{ margin: 0
; padding: 0.5em
}

#fast-reply > dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}

#c_post-text
{ height: 18em }

#c_post-text, #txt_quote
{ max-width: 50rem
; width: calc(100% - 1em)
; display: block
}

#txt_quote
{ height: 10em }

#c_post-resize,
#btn_preview
{ display: none }

#c_emot
{ vertical-align: top
; margin-top: 1rem
}

#c_bbcode
{ margin-top: 1rem
}

#c_bbcode > br,
#pm_compose input[type="radio"] ~ br
{ display: none }

#c_bbcode input[name="helpbox"]
{ max-width: 50vw
}

#emot_list
{ max-height: 6rem
; margin: 0
; padding: 0
; overflow: auto
; text-align: center
}

#emot_list > li
{ list-style: none }

#emot_list > li > img
{ cursor: pointer
; max-width: 3rem
; max-height: 3rem
; margin: 0.5rem .75rem
}

.pollsetup:nth-child(n+8) > .c_desc
{ display: none }

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select
{ text-align: center }

#ucp_settings img, #ucp_profile img {
margin:18px 20px;
}

#ucp_gallery li {
float:left;
margin:15px 5px;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp > tbody
{ border-bottom: 0.25rem solid #101010
; margin: 0 0 2em 0
}

.ucp > tbody > tr,
#board_settings > tbody > tr,
#email_settings > tbody > tr,
#photo_settings > tbody > tr,
#password_change > tbody > tr,
#email_change > tbody > tr,
#name_change_req > tbody > tr,
#edit_profile > tbody > tr
{ margin: 0.5em 0 }

#avatar_gallery_sys > tbody > tr
{ display: flex
; justify-content: center
}

#avatar_gallery_sys > tbody > tr:first-child > th:nth-child(2)
{ display: none }

#avatar_gallery_sys > tbody > tr > td[style]
{ width: initial !important }

#c_notes
{ width: 100% }

#notepad textarea
{ width: 50em
; max-width: 90vw
; height: 20em
; margin-bottom: 2em
}

.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}

.calendar li {
display:list-item;
font-size:80%;
margin:0;
}

.calendar li.placeholder {
padding:4px;
}

.calendar li span {
cursor:default;
}

.calendar #cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l, #portal_r {
font-size:88.3%;
margin:0;
padding:0;
}

#portal_l {
float:left;
width:200px;
}

#portal_r {
float:right;
width:150px;
}

#portal_news {
margin:0 160px 0 210px;
}

#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}

.portal_box {
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2, #portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
}

#faq {
margin:20px 0;
}

#faq dl {
padding:1em;
}

#faq dt {
margin-bottom:5px;
}

#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin > #loginform
{ max-width: 1024px
}

#acplogin > #loginform .c_mark
{ display: none
}

#acplogin > #loginform tbody
{ border-bottom-width: 0.25rem
; border-bottom-style: solid
; padding: 2em
}

#acplogin > #loginform tbody > tr
{ margin: 0.5em 0
; display: flex
; align-items: center
}

input,select,td,th
{ font-size: 1em
}

.c_post-attachment dt, #c_tos dt {
font-weight:700;
}

.c_topicfoot
{ text-transform: uppercase
; width: 100%
; margin: 1.5rem 0 0 0
; padding: 0 0 1rem 0
; font-size: 0
}

.c_topicfoot > a
{ padding: 0 0.5em
}

.c_topicfoot > [href$="/old/"]::before
{ content: "\f04a" }

.c_topicfoot > [href$="/old/"] + a > strong::before
{ content: "\f233" }

.c_topicfoot > [href$="/new/"]::before
{ content: "\f04e" }

.c_topicfoot > [href$="/old/"]::before,
.c_topicfoot > [href$="/old/"] + a > strong::before,
.c_topicfoot > [href$="/new/"]::before
{ padding: 0.5em 2em
; margin: 0 1em
; font-size: 1.5rem
; border-bottom-width: 0.25rem
; border-bottom-style: solid
; display: inline-block
; transition: .3s all cubic-bezier(.55,0,0.1,1)
}

.meta_box h3, #meta_welcome strong
{ font-size: 120%
}

img,.meta_box button img,td.c_cat-mark input, .c_post-attachment img,.warn img,
#ucp_gallery a img {
vertical-align:middle;
}

#meta_welcome,.search_results {
clear:both;
}

#stats_events {
line-height:2;
}

#c_notes,
.warn,
.c_cat-views,
.c_cat-replies,
.ucp th,
.calendar th
td.c_poll-total,
td.c_poll-vote,
td.c_topicfoot
{ text-align: center }

/* XXX questionable default REM */
blockquote dl dd
{ text-align: right }

#ucp_gallery {
text-align:center;
vertical-align:top;
}

.posting > tbody
{ padding: 2em 0
; border-bottom-width: 0.25rem
; border-bottom-style: solid
}

input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(-n+3)
{ width: 33%
; min-width: 20rem
}

input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(-n+3) > td:last-child
{ width: 100%
; margin-right: 1rem
}

input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(-n+3) > td:last-child > small
{ display: none }

input[name="mode"][value="1"] ~ .posting > tbody > tr > td > input[type="text"]
{ width: 100% }

input[name="mode"][value="2"] ~ .posting > tbody > tr:nth-child(2),
input[name="mode"][value="3"] ~ .posting > tbody > tr:nth-child(2),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(5),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(6),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(9),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(11),
input[name="type"][value="2"] ~ .posting > tbody > tr:nth-child(4),
input[name="type"][value="2"] ~ .posting > tbody > tr:nth-child(4) > td:last-child,
input[name="mode"][value="2"] + input[name="type"][value="1"] ~ .posting > tbody > tr:nth-child(4),
input[name="mode"][value="3"] ~ .posting > tbody > tr:nth-child(4)
{ width: 100% }

input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(6) > th
{ font-size: 0 }

input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(6) > th > a::before
{ content: "Add poll"
; font-size: 1rem
}

input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(10),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(12),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(13) > td:first-child,
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(14),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(15) > td:first-child,
input[name="mode"][value="2"] ~ .posting > tbody > tr:nth-child(3),
input[name="mode"][value="2"] ~ .posting > tbody > tr:nth-child(5),
input[name="mode"][value="2"] + input[name="type"][value="1"] ~ .posting > tbody > tr:nth-child(6) > td:first-child,
input[name="mode"][value="2"] ~ .posting > tbody > tr:nth-child(7),
input[name="mode"][value="2"] ~ .posting > tbody > tr:nth-child(8) > td:first-child,
input[name="mode"][value="2"] + input[name="type"][value="2"] ~ .posting > tbody > tr:nth-child(9),
input[name="mode"][value="2"] + input[name="type"][value="2"] ~ .posting > tbody > tr:nth-child(10) > td:first-child,
input[name="mode"][value="3"] ~ .posting > tbody > tr:nth-child(3),
input[name="type"]:not([value="3"]) ~ .posting > tbody > tr:nth-child(4) > .c_desc
{ display: none }

input[name="mode"]:not([value="1"]) ~ .posting > tbody > tr:nth-child(n+4):nth-child(-n+9),
input[name="mode"][value="1"] ~ .posting > tbody > tr:nth-child(n+11):nth-child(-n+16)
{ padding: 1rem 1rem }

input[name="mode"][value="2"] + input[name="type"][value="2"] ~ .posting > tbody > tr:nth-child(4)
{ padding: 0 }

#c_postbtn
{ padding-top: 2em
}

#c_postbtn > td
{ display: flex
; width: 100%
; justify-content: center
}

#c_postbtn [type=submit]
{ white-space: pre
}

#files_upload input,.pm .row1 a,.pm .row2 a, #ucp_gallery button img,
#findposts td a {
display:block;
}

#c_tos dd, #username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:#000;
border:1px solid #333;
color:#AAAAAA;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#000;
border:8px solid #333;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories, #blog_readers, #blog_about, .blog_options {
background:#000;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3, #blog_sidebar dt {
color:#AAAAAA;
font-weight:700;
}

#blog_sub {
background:#000;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#000;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

.blog_options {
font-size:90%;
text-align:right;
}

.blog_date {
background:#000;
border:1px solid #333;
color:#AAAAAA;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

.blog_date span {
background:#000;
border-top:1px solid #333;
color:#AAAAAA;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

.blog_entry {
background:#000;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#000;
}

#shoutwrap {
background:#000;
border:1px solid #333;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#000;
}

#shoutbox dl, #shoutbox dt, #shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt
{ font-size: 80%
}

#shoutopts, #shoutpost
{ clear: both
; text-align: center
}

.bunk-button
{ padding: .5rem
; margin: 0 0.5rem
; transition: .3s all cubic-bezier(.55,0,0.1,1)
; display: inline-block
}

.bunk-big-butt, #c_postbtn [type=submit]
{ border-width: 0.1rem
; border-style: solid
; font-size: 1.6rem
; padding: 0.6rem 1rem
; transition: 0.3s all cubic-bezier(.55,0,0.1,1)
; width: 9.5rem
; min-height: 3.5rem
; margin-right: 0.25rem
; display: inline-block
; text-align: center
}

.bunk-big-butt::before, .bunk-big-butt::after,
.meta_menu > ul > li > a::before, .meta_menu > ul > li > a::after,
#profile_menu > li > ul a::before, #profile_menu > li > ul a::after,
.c_next > a::before, .c_next > a::after,
#c_postbtn [type=submit]::before, #c_postbtn [type=submit]::after
{ content: ""
; border-style: solid
; position: absolute
; box-sizing: content-box
; transition: all 0.3s
}

.bunk-big-butt::before,
.meta_menu > ul > li > a::before,
#profile_menu > li > ul a::before,
.c_next > a::before,
#c_postbtn [type=submit]::before
{ width: 0
; height: 100%
; border-width: 0.1rem 0 0.1rem 0
; top: -0.1rem
; right: 0
; transition-delay: 0.2s
}

.bunk-big-butt::after,
.meta_menu > ul > li > a::after,
#profile_menu > li > ul a::after,
.c_next > a::after,
#c_postbtn [type=submit]::after
{ height: 0
; width: 100%
; border-width: 0 0.1rem 0 0.1rem
; right: -0.1rem
; top: 0
; transition-delay: 0.5s
}

.bunk-big-butt:hover::before,
.meta_menu > ul > li > a:hover::before,
#profile_menu > li > ul a:hover::before,
.c_next > a:hover::before,
#c_postbtn [type=submit]:hover::before
{ width: 100% }

.bunk-big-butt:hover::after,
.meta_menu > ul > li > a:hover::after,
#profile_menu > li > ul a:hover::after,
.c_next > a:hover::after,
#c_postbtn [type=submit]:hover::after
{ height: 100% }

.usertitle img
{ display: none }

.replied-marker
{ order: 3
; padding-right: 1em
}

.replied-marker::before
{ content: "\f00c"
}

.twitter-share-button, .twitter-tweet-button
{ display: none
}

img[src=""]
{ display: none
}

.pin .folder::before
{ content: "\f08d"
}

.plain::before, .plain-new::before
{ content: "\f0fe"
}

.hot::before, .hot-new::before
{ content: "\f06d"
}

span.poll::before, .poll-new::before
{ content: "\f080"
}

.locked::before
{ content: "\f023"
}

.glow
{ animation: glow 1s ease-in infinite alternate
; -webkit-animation: glow 1s ease-in infinite alternate
}

.show-bottom
{ transition: all 0.4s cubic-bezier(.55,0,0.1,1)
; bottom: 0 !important
}

.close-button[type="button"],
.close-button[type="button"]:hover
{ width: 100%
; background-color: crimson
; border: none
; padding: .25rem 0
; margin: 0
; font-size: 2rem
; color: #f0f0f0
; cursor: pointer
}

/* No third-party script buttons */
#c_post > [onclick],
#c_post-wrap > button[onclick]
{ display: none }

/* BLOWN OUT LMAO */
.right, .left
{ float: none !important }
