@media all {
/* Main tags */
body {font-family:arial,helvetica,sans-serif; font-size:75%; margin:0; -webkit-text-size-adjust:none; padding-top:0px!important; min-width:320px}
input, textarea, select, button {font-family:arial,helvetica,sans-serif; font-size:100%; outline:none}
p {line-height:1.4; margin:0 0 1em 0}
a img {border:0}
abbr {cursor:help}

/* Links */
a {text-decoration:none}
a:hover {color:#000; text-decoration:underline}
a:active {color:#666}
a, .link, .p .hdr a.link {color:#00f}

/* Misc */
.fl {float:left}
.fr {float:right}
.clear {clear:both; font-size:1px; margin:0; padding:0; width:1px}
small, dt {font-size:90%}
#loading {font-size:120%; padding:5px 15px; position:fixed; right:25px; top:0; z-index:10000}
.strike {text-decoration:line-through}
img.avatar, div.avatar img {width:105px; max-height:151px; object-fit:cover; vertical-align:bottom; image-rendering:auto}
.disabled {cursor:default; cursor:not-allowed}
h2 {font-size:160%; font-weight:normal}
h3 {font-size:120%; font-weight:bold}
#appearance #preview {margin-bottom:0}

/* Header */
#hdr {overflow:hidden; padding:0 25px; position:relative}
#hdr h1 {float:left; font-size:190%; font-weight:normal; margin:0; padding:17px 0}
#hdr h1 img {height:36px; margin-right:13px}
#hdr h1 img, #forumTitle {vertical-align:middle}
#hdr p#stats {float:right; font-size:90%; line-height:1.5em; margin-top:1em; text-align:right}
.small #hdr h1 {float:left; font-size:150%; overflow:hidden; padding:7px 0; margin-right:5%; white-space:nowrap}
.small #hdr h1 img {height:32px; max-width:100px}
.small #forumTitle {display:inline-block; max-width:500px}
#hdr #search {margin-bottom:0; margin-top:10px; overflow:hidden}

/* Forum description */
#forumTitle, #forumDescription {overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#wrapper:not(.small) #forumTitle {position:absolute; max-width:calc(100% - 160px)}
#wrapper:not(.small) h1:not(#hasForumDescription) #forumTitle {line-height:35px}
#forumDescription {font-size:12px; display:block}
h1#hasForumDescription #forumTitle {font-size:20px}

/* User bar */
#bar {line-height:18px; overflow:hidden; padding:6px 25px; height:18px}
#bar ul {list-style-type:none; margin:0; padding:0}
#bar li {float:left; margin:0}
#bar .fl li {margin-right:3px}
#bar .fr li {margin-left:3px}
#bar strong {font-size:120%}
#bar form {font-size:90%; margin-top:-1px; margin-bottom:-2px}
#bar .text {width:8em}
#bar input.text {height:14px; -webkit-appearance:none}
#bar img {vertical-align:-4px}
#bar li a span.button {font-size:90%; margin-top:-1px; margin-bottom:2px; display:flex; display:-webkit-flex; display:-webkit-box; display:-moz-box; display:-ms-flexbox}
#displayAvatars select {height:20px; margin-left:3px}
#bar strong#user {margin-right:5px}
#bar #profile {display:none}
/* Dividers */
#bar li > .vl, li > .vr {display:block; position:relative}	
#bar li:not(li:first-child) > .vl::after, #bar li:not(li:last-child) > .vr::after {content:''; position:absolute; pointer-events:none}

/* Header and bar */
#header {top:0; z-index:100; position:relative}

/* Body */
#body {padding:10px 25px; padding-bottom:0}
#wrapper {max-width:1000px; margin:0 auto}

/* Tags & gambits */
#tagArea {margin-bottom:15px}
#tags, #gambits {line-height:1.2; margin:10px 10px 10px; text-align:justify}
#tags a, #gambits a {margin-right:0.7em}
a.s1 {font-size:140%}
a.s2 {font-size:115%}
a.s3 {font-size:110%}
a.s4 {font-size:100%}
a.s5 {font-size:90%}

/* Search form */
#search {font-size:150%; min-width:100px; overflow:hidden; padding-right:7.1em; margin-bottom:10px}
#search .fr {margin-right:-18.5em; width:18.5em}
#searchText {float:left; height:21px; min-width:100px; width:100%; margin-right:-100%; padding-right:2em}
#search.withStartConversation {padding-right:18.5em}
#submit {float:left; font-size:100%; position:relative}
#submit input {font-size:100%; margin-left:-5px; padding-left:8px; width:5.5em}
#new {float:right; font-size:100%}
#new input {font-size:100%; width:10.5em}
#reset {display:block; float:left; height:27px; line-height:23px; overflow:hidden; text-align:center; width:1.5em}

/* Messages */
#messages .msg {margin:0}
#messages .msg #debugInfo {margin:5px 0 0}
.msg .close {float:right; padding:0 5px; margin:-2px -4px 0 5px}
.msg {line-height:1.4; margin:0 0 1em 0; padding:5px 10px}
.msg code {background:none}

/* Stars */ 
.star1, .star0 {cursor:default; display:block; font-size:600%; font-weight:normal; height:0.4em; line-height:0.8; overflow:hidden; width:0.4em}
a.star1, a.star0 {cursor:pointer}
.star1 span, .star0 span {display:none}
.starInline {cursor:inherit; display:none; display:inline-block; font-size:350%; margin-bottom:-4px}

/* Conversation labels */
.label {font-size:90%; padding:0 5px; white-space:nowrap}

/* Conversations table */
.c {width:100%}
.c th {font-weight:normal; font-size:90%; padding:6px 0; text-align:left}
.c td {line-height:1.1; padding:5px 0}
.c .labels {margin-right:3px; vertical-align:text-top}
.c strong {font-size:120%; font-weight:bold}
.c .read {font-weight:normal}
.c strong a {margin:0}
.c a {margin-left:8.5px; margin-bottom:-5px}
.c .author a, .c .lastPost a {margin:0}
.c td.avatar {padding:4px 0 4px 4px; width:32px; text-align:center}
.c td.avatar img {width:30px; height:30px; object-fit:cover; vertical-align:middle}
.c td.star {width:2em}
.c td.star a {margin-left:5px}
.c td.conversation {width:50%; word-break:break-word}
.c .conversation, .c .posts {padding:5px 10px}
.c .posts {text-align:center}
.c td.posts {font-size:175%}
small.tags {margin-right:8.5px}
small.tags:empty {margin:0}
#unreadPost a, #lastPost a {margin:0}
#newResults td {padding:0}
#newResults .msg {margin:0; padding:3px 0; font-size:90%; text-align:center}
#newResults a {margin:0; font-weight:bold}
#more .msg {margin:0; padding:3px 0; text-align:center; font-size:90%}
#more .msg a {font-weight:bold}
#searchResults {margin-bottom:10px}
#searchResults .msg.warning {margin:0}
/* #searchResults tbody tr:hover #unreadPost a, #searchResults tbody tr:hover #lastPost a {display:inherit} */

/* Conversation header */
#cHdr {margin:0 0 10px; overflow:hidden; padding:5px 0 0}
/* Info and title (left part) */
#cInfo {float:left; overflow:hidden; width:60%}
#cInfo .star1, #cInfo .star0 {float:left; width:32px; margin:0 5px 0 0; padding:5px 0 0 0}
#cInfo h2 {font-size:100%; margin:0; overflow:hidden}
#cInfo #cTitle {font-size:180%; font-weight:normal; width:75%; margin:0; word-wrap:break-word; text-overflow:ellipsis}
#cInfo #cTitle:not(.text) {padding-left:0}
#cTitle {display:inline-block; padding:5px 2px 3px 2px; line-height:1}
#cInfo .editable {box-shadow:none}
#cInfo .text {width:75%}
#cInfo .editable {background:none; padding:3px}
#cInfo dl {margin:0}
#cInfo dt {clear:left; float:left; line-height:2.1em; margin:5px 5px 0 0; width:32px}
#cInfo dd {display:block; line-height:2em; margin:0; padding-top:4px}
#cInfo .button {line-height:1}
#cTags a {line-height:1.5; padding:0 5px 0 5px; width:fit-content; text-align:center}
#cTags a:empty {display:none}
/* Members allowed (right part) */
#allowed {float:right; text-align:right; width:40%; margin:0; padding:5px 0 0}
#allowed dd {margin:0}
#allowedList {display:block; font-size:90%; margin:5px 0}
#addMember {width:9em; height:14px; margin:0 -5px 5px 0}

/* Pagination */
.pg {font-size:95%; line-height:20px; margin:0 0 10px; display:flex; flex-direction:row; overflow:hidden; padding:0; text-align:center; -webkit-user-select:none; -ms-user-select:none; user-select:none}
.pg li {list-style-type:none; box-sizing:border-box}
.pg li.middle {cursor:pointer; margin:0 -1px; width:100%; flex:1; min-width:0; z-index:1}
.pg li a {padding:0 10px}
.pg li a.disabled, .pg li a.disabled:hover, .pg li a.disabled:active {cursor:default; cursor:not-allowed}
.pg .viewing {cursor:E-resize; cursor:col-resize; margin-top:-1px; position:relative; white-space:nowrap}
.pg .viewing div {overflow:hidden; padding:0 2px; line-height:20px}
.pg .unread {display:block; height:20px; margin-top:-21px; overflow:hidden; white-space:nowrap}
.pg li.left a, .pg li.right a {cursor:pointer; display:block; float:left; overflow:hidden; text-align:center; white-space:nowrap}

/* Conversation post */
hr {display:none}
.p {margin-bottom:10px}
.p .hdr {white-space:nowrap; overflow:hidden; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style:none; scrollbar-width:none; padding:5px 10px}
.p .hdr::-webkit-scrollbar {display:none}
.p .hdr h3, .p .hdr h4 {border:0; display:inline; font-size:120%; font-weight:bold; margin:0}
.p .hdr span, .p .hdr form {display:inline; font-size:90%; margin-left:7px}
.p .hdr select, .p .hdr input.save {background:none; display:inline; padding-top:1px; margin:-1px 0 -2px 0}
.p .hdr input.save {padding:0 2px}
.p .hdr .thumb {width:30px; height:29px; float:left; margin:-5px 10px -10px 0}
.p.l .hdr .thumb {float:left; margin:-5px 10px -10px -10px; display:none}
.p.r .hdr .thumb {float:right; margin:-5px -10px -10px 0; display:none}
.p .hdr .thumb img {width:100%; height:100%; object-fit:cover; image-rendering:auto}
.p .hdr .pInfo {float:left}
/* .p .hdr .pInfo .thumb {margin:0 8px 0 -10px; display:none}
.p .hdr .pInfo .thumb img {border-top-color:transparent; border-top-style:solid; border-top-width:3px; box-sizing:border-box} */
.p .hdr .controls {float:right; padding-top:1px}
.p .hdr .controls:empty, .p .hdr .controls:blank {display:none}
.p .hdr .controls a {font-size:90%; line-height:1.5; margin:0 0 3px 0; padding:0 5px; text-align:center; display:inline-block}
.p .hdr .controls span {font-size:100%}
.p .hdr a.button {padding:1px 4px}
.p .body {line-height:1.3; overflow:auto; padding:10px 10px 0}
.p div.avatar {overflow:hidden; padding:5px 0; position:relative; text-align:center; width:115px}
.p.r {border-right-style:solid; border-right-width:115px}
.p.r div.avatar {float:right; margin-right:-115px}
.p.l {border-left-style:solid; border-left-width:115px}
.p.l div.avatar {float:left; margin-left:-115px}
.p .parts {width:100%}
.p.r .parts {float:left}
.p.l .parts {float:right}
#cPosts p {word-wrap:break-word; text-align:justify}
#cPosts p:empty {display:none}
.deleted .hdr {margin:0}
.p.deleted .hdr {box-shadow:none}
.deleted .controls span, .deleted .controls span:nth-child(n+2) > a {margin-left:0}

/* Reply to a conversation */
.p .edit {padding:10px 10px 10px 10px}
.r .edit {padding:10px 10px 10px 0; padding-left:10px}
.l .edit {padding:10px 0 10px 10px; padding-right:10px}
.p .body textarea {height:25em; width:fill-available; width:-webkit-fill-available; width:-moz-available}
.p .editButtons {text-align:right}
#reply-preview p {text-align:justify}
#discardDraft, #submitPost {margin-left:3px}

/* Formatting buttons */
.p .controls {margin:-1px 0 -3px 0}
.p .controls .formattingButtons {overflow:hidden; display:block; float:left; margin-left:5px; margin-right:5px}
.p .controls .formattingButtons a span {margin-left:0}
.p .hdr .formattingButtons a:last-child {margin-right:0}
#reply-previewCheckbox {margin-top:2px; margin-left:0}
#format-b {font-weight:bold}
#format-i {font-style:italic}
#format-h {text-decoration:underline}
#format-s {text-decoration:line-through}
#format-code {font-family:monospace; font-size:120%; line-height:1.4}

/* Formatting checkbox */
.formattingCheckbox {font-size:90%!important; display:inline-table!important; margin-left:0!important}
.formattingCheckbox input {height:12px; display:inline-flex; display:-webkit-inline-flex; margin:0!important; margin-top:2px!important; margin-right:4px!important}
.formattingCheckbox label {display:inline-block; margin-top:3px}

/* Code, quotes, headers */
pre, code, .fixed {font-family:monospace; font-size:120%; overflow-x:auto; white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
pre {margin:0 10px 1em; padding:7px}
blockquote {margin:0 0 1em; padding:8px 10px 0 10px; max-height:145px; overflow-y:auto}
blockquote cite {display:block; font-style:normal; font-weight:bold; padding-bottom:2px}
blockquote p {margin-bottom:.75em}
.p .body h3 {margin:0 0 5px}
.p .body p > img, .p .body p > video, .p .body p > audio, .p .body .frame {vertical-align:bottom; max-width:425px; width:100%; box-sizing:border-box}
.p .body p > .frame {margin-top:.5em}
.p .body p > .frame:first-child {margin-top:0}
.p hr {display:block; height:1px}

/* Join this forum */
#join .form input.text {font-size:140%}
#join .form .msg {padding:4px 10px}
@media only screen and (max-width:1000px) {
#name-message, #email-message, #password-message, #confirm-message {clear:left; margin-left:13em}
#name-message .msg, #email-message .msg, #password-message .msg, #confirm-message .msg {margin:0}
}
@media only screen and (max-width:870px) {
#name-message, #email-message, #password-message, #confirm-message {margin:0}
}

/* My settings */
#settings .post {margin:0}
#settings .submit {margin-bottom:5px}
#preview .body {overflow:visible; padding:10px 10px}
#settingsAvatar label {width:20em}
#settingsAvatar li:last-child {margin-top:-28px}
#settingsOther label {width:32em}
.hidden#settingsOther, .hidden#settingsPassword {margin-bottom:5px; padding-bottom:0}
@media only screen and (max-width:870px) {
#settingsAvatar li:last-child {margin-top:0}
}
/* Color palette */
#palette {margin:-10px -10px 10px -8px}
#palette table {position:relative; width:100%} 
#palette td {padding:0 2px 0 0; vertical-align:top} 
#palette td:hover a:not(.selected) {height:38px}
#palette a {display:block; height:35px; margin-top:2px}
#palette a.selected {height:40px; margin-top:0}
#palette table#tblfirst a.selected {margin-top:-3px}
#palette table#tblsecond a.selected {height:37px}

/* Admin */
#admin {margin:-15px -25px; border:0; border-left-style:solid; border-left-width:175px}
#admin .menu {float:left; width:175px; margin:0; margin-top:5px; margin-left:-175px; padding:10px 0}
#admin .menu li {list-style-type:none; margin:0; padding:0; display:block}
#admin .menu li a {display:block; margin-left:25px; padding:10px 15px; font-size:120%}
#admin .menu li.active a {margin-right:-1px; font-weight:bold}
#admin .inner {min-height:230px; padding:15px 25px 1px 25px; margin-bottom:15px}
#admin .stats label {font-weight:normal; text-align:left; width:30%}
#admin .stats div {float:none; font-size:115%; margin-left:35%; clear:none}
#admin .stats li {padding-left:10px}
#admin .settingsForm hr {display:block; margin:10px -15px}
#admin .logoForm label, #admin .iconForm label, #admin .settingsForm label {width:20em}
#admin .clear {display:none}
.form.settingsForm input.text {font-size:140%}
.form.settingsForm.advanced input.text {font-size:100%}
.form.logoForm img {height:32px; padding:5px}
.form.iconForm img {width:128px; height:128px}
.form.logoForm li:last-child, .form.iconForm li:last-child {margin-top:-28px}
@media only screen and (max-width:870px) {
.form.logoForm li:last-child, .form.iconForm li:last-child {margin-top:0}
}

/* Plugins */
#plugins .controls {float:right}
#plugins .controls a, #plugins .toggle {font-size:90%; width:4.5em; text-align:center; display:block; float:left; padding:2px 0}
#plugins .controls a, #plugins li > small, #plugins li > strong {margin-left:10px}
#plugins li > small {line-height:1.5}
#plugins > ul {list-style:none; margin:0; padding:0}
#plugins > ul > li {display:block; padding:5px}
#plugins li strong {font-weight:normal; font-size:120%}
#plugins li.enabled strong {font-weight:bold}
#plugins li form {margin:15px 5px}
#plugins li .settings {padding:5px 20px; margin-top:5px}
#plugins li form label {width:20em; width:40%}
#plugins li li {border:0}
#addPlugin .warning {margin:0}

/* Skins */
#skins ul {list-style:none; margin:0; padding:0}
#skins li {float:left; width:50%; max-width:375px}
#skins a {display:block; padding:10px}
#skins strong {font-weight:normal; font-size:120%}
#skins li.enabled strong {font-weight:bold}
#skins small {margin-left:10px}
#skins .preview {display:block; font-size:20px; margin-bottom:5px; overflow:hidden; text-align:center}
#skins .preview span {display:block; margin-top:65px}
#skins .preview img {display:block; width:100%}
@media only screen and (max-width:400px) {
#skins li {width:100%}
}

/* Profile */
.profile .body {padding:10px 10px}
.profile .form label {font-weight:normal; text-align:left; width:30%}
.profile .form div {float:none; font-size:115%; margin-left:35%}
.profile .form li {padding-left:10px}
.profile div.about {margin:0 0 1em 0}
.p.profile {margin-bottom:0}

/* Members online */
#membersOnline .p {margin-bottom:4px; border:0}
#membersOnline .p:last-child {margin-bottom:0}
#membersOnline .hdr {margin:0; padding-left:0}
#fieldmembers .warning {margin:unset}

/* Footer */
#ftr {font-size:90%; padding:0 25px 20px; overflow:hidden}
#ftr ul {margin:0; padding:0; list-style-type:none}
#ftr ul > li {float:left}
#ftr ul > li a, #ftr ul > li form {margin:0 3px 3px 0; display:inline-block}
#ftr .bar {display:none}
#ftr p#copyright, #ftr p#stats {margin:0 0 3px 0}
#ftr p#copyright {display:inline-block}
#ftr p#stats {float:right}
#ftr-content {padding:3px 0 0}

/* Inputs, buttons, and other form elements */
form {margin:0}
input.text, textarea {padding:2px}
input.checkbox, input.radio {padding:0; margin:0 2px 0 5px; vertical-align:-2px}
label.checkbox, label.radio {cursor:pointer}
fieldset {margin:5px 0 10px 0; padding:0 15px 15px}
legend {font-size:140%; font-weight:bold; padding:5px 10px 10px}
fieldset.hidden {padding:0 16px 0}
fieldset li:last-child {border-bottom:none!important; margin-bottom:0!important}
fieldset > .warning:last-child {margin:0}

/* Structured forms */
.form label {float:left; line-height:1.5; margin:0 1em 1px 0; text-align:right; width:12em}
.form div label {float:none; margin:0; text-align:left; width:auto}
.form:not(.stats) div small {width:20rem; display:block; padding:3px 0 0}
.form label.long {text-align:left; width:100%}
.form label.radio {cursor:pointer; text-align:left}
.form input.text, .form select {float:left; margin:0; width:20em}
.form input.checkbox, .form input.radio {margin:3px 5px 5px 0}
.form div {float:left; line-height:1.5}
.form div input.text, .form div select {float:none}
.form {margin:0; padding:0}
.form li {display:block; list-style:none; padding-top:4px; overflow:hidden}
.form li:first-child {padding-top:0}
.form .msg {float:left; font-size:95%; margin:0 0 0 10px; padding:2px 10px}
@media only screen and (max-width:870px) {
.form:not(.stats) label {width:auto!important; text-align:left}
.form label:empty {display:none}
.form label.checkbox {margin:0 0 1px 20px}
.form input.checkbox {display:block; position:absolute}
.form:not(.stats) div small {width:100%}
.form select, .form:not(.stats) div, .form input.text {clear:left}
.form li {padding-top:7px}
.form .msg {margin:0}
}
@media only screen and (max-width:400px) {
.form select, .form div, .form input.text {width:100%; width:-webkit-fill-available}
}

/* Buttons */
.button, .button input {cursor:pointer; display:-moz-inline-box; display:inline-block; height:20.3px; padding:0; text-align:center; font-weight:normal}
.button {margin:0; height:18px}
.button input {background:none; border:0; margin-left:5px; margin-right:5px; height:18px}
.big {height:25px}
.big input {font-size:140%; height:26px}
.buttonSmall {line-height:1.5; width:fit-content}
a.buttonSmall {padding:0 5px; margin:0 0 10px; line-height:18px; text-decoration:none}
.buttonDisabled, .buttonDisabled:active, .buttonDisabled:hover, .bigDisabled, .bigDisabled:active, .bigDisabled:hover {cursor:default; cursor:not-allowed}
.buttonDisabled input, .buttonDisabled:active input, .buttonDisabled:hover input, .bigDisabled input, .bigDisabled:active input, .bigDisabled:hover input {cursor:default; cursor:not-allowed}

/* Post colors */
.c0 .hdr, .p .c0 .hdr, #palette .c0 {background:#ffffff} .c0 {border-color:#ffffff; background:#fff}

/* Special properties */
#ftr-content #forgotPassword, #ftr-content #startConversation {display:none}
#settingsOther {padding:0 15px 12px}
td.author, td.lastPost {max-width:95px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#cInfo #saveTitleTags {display:none!important}
#beenLoggedOutShadow {width:100%!important; height:100%!important}

@keyframes Gradient {
0% {background-position:0% 50%}
50% {background-position:100% 50%}
100% {background-position:0% 50%}
}

@-webkit-keyframes Gradient {   
0% {background-position:0% 50%}
50% {background-position:100% 50%}
100% {background-position:0% 50%}
}

@-moz-keyframes Gradient {   
0% {background-position:0% 50%}
50% {background-position:100% 50%}
100% {background-position:0% 50%}
}

@media print {
#hdr, #bar, .pg .left, .pg .right, #reply, .avatar, .p .controls {display:none}
.pg {padding:0}
hr {display:block}
.p.l, p.r {border:0}
.p.l::after, .p.r::after {display:none}
}

/* Mobile properties */
@media only screen and (max-width:1000px) {
.small #hdr h1 img {max-width:10vw}
.small #forumTitle {max-width:35vw}
#editedBy, span.star0 {display:none}
#bar {height:18px}
#bar #user, #bar #startConversation {display:none}
#bar #profile {display:initial}
ul.fl, ul.fr {position:absolute}
ul.fl {z-index:1}
ul.fr {z-index:0; right:25px}
}

@media only screen and (max-width:800px) {
#reply .hdr {min-height:16px}
#reply .pInfo {display:none}
}

@media only screen and (max-width:735px) {
.c td.conversation {width:75%}
th.author, th.lastPost {display:none}
td.author, td.lastPost {display:none}
}

@media only screen and (max-width:710px) {
div#copyright {margin-top:0}
ul.fl, ul.fr {white-space:nowrap}
#bar .fr {display:none}
#ftr .bar {display:block}
}

@media only screen and (max-width:620px) {
.small #hdr h1 {width:100%; margin-right:0}
.small #hdr h1 img {max-width:62px}
.small #forumTitle {max-width:none}
#wrapper.small #search {display:none}
#search.withStartConversation {padding-right:7.15em}
#search .fr {margin-right:-7.15em; width:7.15em}
#new {display:none}
#ftr-content #startConversation {display:inline-block}
#admin {margin-top:0; border-left:0; border-image:none; background:unset}
#admin .menu {float:none; margin-top:0; margin-left:25px; margin-right:25px; padding:0; width:-webkit-fill-available}
#admin .menu li {display:block; margin-right:0}
#admin .menu li a {display:block; margin:0}
/*#admin .menu li.active a {margin-right:0; border-left:unset!important; border-bottom:unset!important}*/
#admin .inner {min-height:unset; padding-top:10px; border-left:0}
}

@media only screen and (max-width:570px) {
#body {padding:15px 10px; padding-top:10px; padding-bottom:0; overflow:hidden}
#loading {right:10px}
#hdr, #bar {padding-left:10px; padding-right:10px}
#tags .s4, #tags .s5, #tags .s6 {display:none}
#searchResults table.c {margin-top:0}
#ftr {padding:0 10px 10px}
#sconvo .pInfo {display:none}
.p.deleted {margin-bottom:10px}
.p.l {border-left-width:0}
.p.r {border-right-width:0}
.p.l div.avatar, .p.r div.avatar {display:none}
.p.l .hdr .thumb, .p.r .hdr .thumb {display:initial}
#allowed {margin-block-start:0; margin-bottom:0}
#settingsOtherForm input {left:26px}
.profile .form li, #report {padding-left:0}

/* Formatting controls */
#sconvo .hdr {min-height:16px}
.p .controls .formattingButtons {white-space:normal}
#cPosts .p .hdr .controls:not(:empty) {float:none; clear:left; position:relative; overflow:overlay; margin:5px -10px -7px -10px; padding-top:4px; padding-bottom:4px}
#cPosts .p .hdr .controls > a:first-child, #cPosts .deleted .hdr .controls span:first-child {margin-left:10px}
#cPosts .p .hdr .controls .formattingButtons {margin-left:10px; margin-right:10px}
#cPosts .p .hdr .controls .formattingButtons a:first-child {margin-left:0}
#reply .controls {float:none; clear:none; overflow:overlay; margin:-1px 0 -3px 0; padding:0; background:inherit; box-shadow:none}
.p .hdr .pInfo {float:none}
.p .hdr .pInfo::-webkit-scrollbar, #reply .controls::-webkit-scrollbar {display:none}
#reply .formattingButtons {margin:0}
.formattingCheckbox {clear:left; float:left; width:-webkit-fill-available; margin-bottom:3px}
#cPosts .p .hdr .controls .formattingCheckbox {padding-left:10px}
.p.deleted .body {margin-top:5px}
}

@media only screen and (max-width:500px) {
#bar #forgotPassword {display:none}
#ftr-content #forgotPassword {display:inline-block}
/* #login {padding-right:0; border-right:0} */
#joinLink .button {margin-right:-20px}
}

@media only screen and (max-width:420px) {
#addMember {width:5em}
}

@media only screen and (max-width:405px) {
#rememberMe, #rememberChk {display:none}
}

@media only screen and (max-width:395px) {
#membersOnline .hdr span {display:none}
#ftr p#stats {float:none}
}

@media only screen and (max-width:340px) {
#discardDraft {clear:left; margin:5px 0 0 0}
}