/******************************************************************
   style.css  ·  the red thread 
   Структурный файл: позиции, размеры, раскладка punbb.
   Палитра и цвета вынесены в style_cs.1787178220.css (импорт ниже).
******************************************************************/

@import url(style_cs.1787178220.css);

html, body { margin: 0; padding: 0 }
* { margin: 0 }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }
.punbb img { margin-top: 0px; }
.punbb .main table { table-layout: fixed; width: 100%; }
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle }
body { font-size: 100.01%; overflow-x: hidden }
.punbb { font: normal 68.75% inter, verdana, arial, montserrat, sans-serif; }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, montserrat, sans-serif; }
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-size: 11px; letter-spacing: 0px; padding-top: 0px; font-weight: normal; border-color: transparent;}
.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; }
.punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
.punbb address, .punbb em { font-style: normal }
.punbb .post-content em { font-style: italic }
.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }
.punbb a { text-decoration: underline }
.punbb optgroup { font-weight: bold; }

#pun { position: relative; width: var(--wh); margin: 230px auto 15px; padding-top: 4px; background-position: center top; background-repeat: repeat-y; }
.punbb { height: auto; margin: 0 auto; width: 1117px; }
.punbb .section, .punbb .main { margin-bottom: 1em; }
.punbb .category, .punbb .post { margin-top: 0.4em; }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; }
#pun-post .topic { margin-top: 1em; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px }
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0px 1em 0px 1em; border-style: solid solid none solid; border-width: 1px 1px 0px 1px; }

#pun-navlinks { border: none; margin: 0; }
#pun-navlinks li { display: inline; padding-right: 0em; }
#pun-navlinks .container { position: absolute; width: var(--wh); font-weight: normal; text-align: center; top: -180px; left: 0px; }
#pun-navlinks li a { display: inline-block; padding: 1px 15px 1px 0px !important; font-size: 15px !important; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
#navawards, #navawards a span { display:none!important; }
#pun-messages .pa-posts { display: none; }

#pun-ulinks .container { position: absolute; display: inline; width: var(--wh); padding: 0 !important; top: -2px; font-weight: normal; text-align: center; }
#pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; }
#pun-ulinks a { font-size: 8px !important; letter-spacing: 0.7px; font-weight: 100; text-transform: uppercase; padding: 0px 15px 0px 5px !important; }

#pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; }
#pun-status span { white-space: nowrap; margin-right: 0.5em; }
#pun-status .container { position: absolute; display: inline-flex; width: var(--wh); gap: 1px; font-weight: 100; font-size: 9px; text-transform: uppercase; top: -214px; justify-content: center; }
#pun-status .container a { text-transform: uppercase; font-size: 9px!important; }
#pun-status .container strong { font-weight: 100!important; }
#pun-status .container .item4 { display: none; }

#pun-crumbs1 { overflow: hidden; margin: 20px 0px 0px; }
#pun-crumbs1 p.container { border-top: none; padding: 0px; font-size: 10px; text-transform:uppercase; }
#pun-crumbs2 { overflow: hidden; margin-bottom: 0; border-bottom: none; }
#pun-crumbs2 .container { border-bottom: none; padding: 0px; font-size: 10px; text-transform:uppercase; }
#pun-crumbs1, #pun-crumbs2 { text-align: center; font-weight: normal; }
#pun-crumbs2 { margin-bottom: 10px !important; }
#pun-crumbs2 a, #pun-crumbs1 a { text-transform: uppercase; font-size: 10px; font-weight: 600; }
#pun-break1 { border-style: solid none; border-width: 1px 0; height: 0; margin-bottom: 0px; position: relative; z-index: 1; }
#pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; }

#pun-stats .container { margin: 0px 30px 20px 30px; position: relative; top: 21px; padding: 19px 0px 0px 0px; z-index: 9; }
#pun-stats .container strong { font-weight: normal; }
#pun-stats .container a { font-weight: 600; font-size: 9px; text-transform: uppercase; }
.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 { position: absolute; font-size: 8px !important; letter-spacing: 0.7px; font-weight: 100; display: block; width: 350px; text-align: center !important; margin-left: -83px; text-transform: uppercase; }
.statscon li.item1, .statscon li.item2, .statscon li.item3 { margin-top: -9px; width: 161px; padding: 1px 15px; }
.statscon li.item1 { left: 115px; border-radius: 20px 0px 0px 20px; }
.statscon li.item2 { left: 306px; border-radius: 0px; }
.statscon li.item3 { left: 497px; width: 222px; border-radius: 0px; }
.statscon li.item4 { margin-top: -9px; right: 31px; gap: 5px; padding: 1px 5px; display: flex; z-index: 1; border-radius: 0px 20px 20px 0px; justify-content: center; }
.statscon li.item4 a { letter-spacing: 0.7px !important; font-size: 8px !important; }
.statscon li.item5 { display: block; width: 857px!important; margin: 0px 31px 0px; text-align: justify!important; }
.statscon li.item5.users_24h { min-height: 50px; }
li#onlinelist { margin-top: 10px; border-top-style: solid; border-top-width: 1px; float: left; line-height: 130%; }
li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0px; text-transform: uppercase; font-size: 9px; text-align: justify; }

.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; }
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% }
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; }
#pun-debug table .tcl { width: 15%; white-space:normal; }
#pun-debug .tcr { width: 90%; white-space: normal; }
.punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }
.punbb td .modlist { display: block; padding-top: 0.3em }

.punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; }
.punbb .main .tcl { border-left-style: none; border-left-width: 0; text-align: left; width: 60%; }
.punbb .main .tcr { position: relative; overflow: hidden; text-align: right; width: 35%; padding-right: 0px; padding-top: 24px; }
.punbb .user-avatar .avatar-image { float: right !important; height: 30px !important; width: 30px !important; opacity: 0.55 !important; border-radius: 10px !important; outline-offset: 0px; background-position: center center; background-size: cover; background-repeat: no-repeat; filter: grayscale(1); transition: all 0.3s linear 0s; }
.punbb .user-avatar { float: right!important; position: relative; height: 36px; width: 36px; margin: -1px 10px 2px 2px !important; }
.punbb .user-avatar .avatar-image:hover { filter: grayscale(0); opacity: 0.85!important; transform: scale(1.09); }
.punbb .user-avatar .isonline { display: block; position: absolute; top: -3px !important; right: -3px !important; z-index: 100; }

.punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; }
.punbb .post h3 { margin: 0px 0px 0px; display: block; height: 13px; }
.punbb .post h3 span { display: block; margin: 15px 0px 0px; }
.punbb .post h3 span a { padding: 2px 10px; text-transform: uppercase; top: -4px; left: 1px; position: relative; font-size: 11px; }
.punbb .post h3 strong { margin-top: -2px; right: 5px; text-transform: lowercase; padding: 0px 10px; position: absolute; font-weight: 500; width: auto; font-size: 10px; text-align: right !important; }
.punbb#pun-searchposts .post h3 span a { position: relative !important; top: 2px; left: 0px; font-size: 11px; }
.punbb#pun-searchposts em { display: none; }
.punbb#pun-searchposts .post h3 span a:before { content: "«"; padding: 0px 2px; }
.punbb#pun-searchposts .pa-author strong { font-weight: normal!important; }
.punbb#pun-searchposts .pa-replies { font-size: 11px; font-family: var(--1ft); margin: 8px 0px 5px; }

.punbb .post-content { width: 100%; text-align: justify; }
.punbb .post-sig dt { display: block; border-top: 1px dashed; width: 250px; height: 0px; margin: 15px 0; }
.punbb .post-content p { margin: 0; padding: 0 0 5px 0; }
.post-content hr { filter: alpha(opacity = 50); margin-bottom: 0.8em; }
.post-content { margin: -10px 0px 0px 0px !important; }
.punbb .post-content img { vertical-align: text-bottom }
.punbb .post-content img.postimg { vertical-align: middle; }
.punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; }
.punbb .post-content .scrollbox { width: 100%; height: 2.5em!important; overflow: auto; }

.punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }
.multipage { margin-top: 3em; }
.linkst .pagelink { margin-top: -25px; word-spacing: 3px; margin-left: 17px; }
.linksb .pagelink { float: left; margin: 0px -11px; width: 24em; word-spacing: 3px; text-align: left; }
.linksb .postlink { float: right; width: 16em; margin-top: 0px; margin-right: 10px; }
.punbb .linksb { text-align: right; padding: 0px 0px 0px 25px; }
.linkst .postlink { position: absolute; top: -22px; right: -6px; text-align: right; padding-right: 17px; }
.subscribelink { clear: both; padding-top: 0.3em; margin-right: 10px; padding-bottom: 0.5em; }

.punbb .post .post-author ul, .punbb .post .post-author p { line-height: 140%; }
#pun-main .post-author ul { margin: 0px 20px 20px; }
.punbb .post .post-author { float: left; width: 230px; height: auto; margin-top: 0px; margin-left: 8px; overflow: hidden; }
#tuser { cursor: pointer; font-size: 11px !important; display: block; position: absolute; z-index: 99; opacity: 0.5; margin-top: -52px !important; margin-left: 196px !important; padding: 0px; width: 20px; height: 20px; }
.indOnline { display: block !important; position: absolute; z-index: 0; width: 7px; height: 7px; border-radius: 20px !important; box-sizing: border-box; margin-top: -45px !important; margin-left: -25px !important; animation: blinkColor .9s linear infinite; }
.indOffline { display: block !important; position: absolute; width: 47px; height: 40px; background: none; box-sizing: border-box; margin-top: -54px !important; margin-left: -14px!important; }
.pa-avatar { display: flex; max-width: 190px; max-height: 180px; text-align: center; z-index: 2; position: relative; justify-content: center; }
.pa-avatar img { max-width: 180px; max-height: 180px; padding: 0px; z-index: 9; position: relative; margin-top: 0px; }
.pa-author { text-align: center; padding: 8px 0px 1px 0px !important; width: inherit; font-size: 12px; margin: 20px 5px 0px; }
.pa-author a { position: relative; z-index: 9999; text-transform: uppercase !important; font-size: 12px !important; margin-left: 0px !important; transition: all .5s linear 0s !important; }
li.pa-title { position: relative; height: 14px; width: 180px; margin: 0px 5px 6px; font-size: 9px; letter-spacing: 0.7px; z-index: 999; text-transform: lowercase; text-align: center; }
.pa-posts, .pa-respect, .pa-fld2 { width: 93px; gap: 4px; display: inline-flex; margin: 0px; text-transform: lowercase; font-size: 9px; text-align: center; height: 14px; flex-direction: row; justify-content: center; align-items: center; }
.pa-respect a:link, .pa-respect a:visited { text-transform: lowercase; font-size: 9px; }
.pa-fld1 { position: relative; width: 173px !important; margin: 7px 0px 5px; text-align: center; font-size: 9px; padding: 0px 9px 0px!important; text-transform: lowercase; }
.pa-reg, .pa-fld1 .fld-name, li.pa-awards .fld-name, .pa-author img, .pa-gifts, .pa-online { display: none; }
.punbb .post-body { margin-left: 22em; margin-right: 6px; border-left-style: solid; border-left-width: 1px; padding: 0px 0 1px 0; }
.punbb .post-box { padding: 20px 15px 0px; margin: 10px 3px 15px 3px !important; }
.punbb fieldset .post-box { margin-bottom: 0.8em }
.punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; }
.punbb .post-links ul { height: auto; line-height: 1em; margin-left: -202px; font-size: 10px; text-transform: lowercase; background: transparent; text-align: right; margin-right: 0px; }
.punbb .post-links li { display: inline; text-align: center; margin: 0px 2px; padding: 0px 5px 1px 5px; transition: all 0.5s ease 0s; }
.pl-email, .pl-website { float: left; }
.punbb .clearer { clear: both; height: 0; font-size: 0; }
.topic a.sharelink { display: none; }

.punbb .formal .container { padding: 0em 1.3em 0em 1.3em; }
.punbb .formsubmit { padding: 0 0 0 1.7em; text-align: center; margin: 1em 0 0 0; }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 }
.punbb fieldset { border-style: solid; border-width: 1px; padding: 0px 2px 0px 0px; margin: 0 0 1px 0; }
.punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 }
.punbb .fs-box { padding: 1em 0 0.8em 0; }
.punbb .fs-box p, .punbb .fs-box fieldset { padding: 0px 0 0.8em 0; }
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; }
.punbb .datafield br { display: none }
.punbb .datafield span.input a { font-weight: normal; }
.punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; }
.punbb textarea, .punbb .longinput input { width: 64%; margin: 0; }
.punbb .hashelp { position: relative; }
.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; }
.punbb #profile .helplinks { top: 1.5em; }
.punbb .helplinks span { display: block; padding-bottom: 0.2em; }
#pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; }
.punbb .helplinks span INPUT { margin-right: 2px; margin-bottom: 2px; }
.punbb fieldset legend { padding: 0; margin: 0px 0px 0px 11px; font-size: 11px; }
.punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 10px; }
.punbb .inline .infofield { text-transform: lowercase; font-size: 9px; text-align: justify; }

#profile .container { padding-left: 15.6em; }
#profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; }
#profilenav li { padding-bottom: 0.8em; word-spacing: 3px; font-weight: normal; }
#profile-signature ul { border-style: dashed; border-width: 1px 0 0 0; margin: 0; background: none; box-shadow: none; padding: 1em 1em 0 1em; }
#viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; }
#viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; }
#viewprofile li, #setmods dl { padding: 0px 0 0 19em; margin-left: 20px; margin-bottom: 3px; }
#setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; }
#profile-left li, #profile-left li * { padding-left: 0; margin-left: 0; border-radius: 0px; }
.punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em }
#viewprofile ul { margin: 0px 20px 10px 20px; display: block; border-radius: 30px; }
#profilenav ul { padding: 10px 0px 3px 19px; border-radius: 0px; margin: 9px 0 5px 3px; }
#viewprofile li span { float: left; width: 150px; text-transform: lowercase; margin-left: -212px; padding: 7px 30px; }
#viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; text-transform: lowercase; font-weight: normal; font-size: 11px; }
div#profile-gifts, #profile-right li#pa-invites, #profile-right li#pa-gifts { display: none; }
#profile-left { width: 250px!important; display: inline-flex; padding-top: 0 !important; justify-content: center; flex-direction: column; align-items: center; align-content: center; flex-wrap: wrap; }
.punbb h1 { display: none; }
#profile-left #pa-avatar div { width: 180px; height: 180px; padding: 5px; border-radius: 0px; display: flex; justify-content: center; align-items: center; margin: 0px 55px; }

#pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; }
#pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; }
#pun-userlist .usertable table { border-style: solid; border-width: 1px; }
* html .tclcon { height: 1px }
.punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; }
.punbb .info-box * { padding: 0 0 0.7em 0; }
.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }
.punbb .modmenu .container { padding: 1.5em 1em; text-align: right; }
.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; }
.punbb .modmenu .container strong { float: left; }
.punbb .modmenu input { margin-left: 1em; }
.punbb .info .container { padding: 0.8em 1em }
.punbb .info .container .backlink { padding-top: 0.8em; }
#pun-title { margin: 0; border: none; }
#pun-title h1 { display: block; height: 40px; padding: 2em 1em 0 1em; }
#pun-title .container { border-style: none solid none solid; }
#pun-title h1 span { font-size: 0em; }
#pun-title TD.title-logo-tdl { border: none; width: 100%; }
#pun-title TD.title-logo-tdr { border: none; width: 420px; }

#pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; }
#pun-pagelinks .container { background: transparent; border: none; padding: 0 }
#pun-pagelinks .container li { display: inline }
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; }
#pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; }
#pun-pagelinks li a span { display:block; margin: 0 1em }
#pun-announcement h2 { padding: 0; margin: 0 15px -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; display:none; }
#pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; }
#pun-announcement .container { padding: 0.6em 0.5em 1em 1em; margin-bottom: -54px; margin-top: 45px; text-align: center; }

#pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; }
#pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; }
#pun-about { margin-top: 0; }
#pun-about p span { display:block; padding-left: 50%; }
div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; }
#pun-about p.container { height: var(--hg2); width: var(--wh1); margin-top: 15px; margin-left: -35px; position: absolute; background: var(--bot); }
#pun-about .container .item1 { position: relative; font-size: 8px; top: 18px; text-align: center; }
#pun-about .container .item1 a { font-size: 10px!important; }

#pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; }
#pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; }
#pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em }
#pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em }
#pun-help .formal li { padding: 0; line-height: 130% }
#pun-help .formal li * { vertical-align: text-top }
#pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; }

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt { border-color: transparent; }
#pun-main .post-author ul { text-align: center; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { text-align: justify; }
#post-form h2 span { display: none; }
#pun-index h2 { box-shadow: none }
#pun-main div.catleft, #pun-main div.catright { display: none; }
.punbb th { font-size: 0!important; }
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { font-size: 19px!important; text-align: center; text-transform: uppercase; }
#pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; }
.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden }

#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span, #pun-admain .adcontainer .tcl, #pun-admain .adcontainer td { font-size: 12px!important; }
#pun-adnav h2 { margin-left: 2px!important; }
#pun-admain textarea { width: 94%!important; }

span.num_msg { margin-top: -11px !important; margin-left: -16px !important; font-size: 8px !important; font: 500 10px/1.6 Tahoma; text-align: center!important; padding: 0px 7px 1px 7px!important; height: 11px !important; width: auto!important; border-radius: 5px!important; }
span.num_msg:before { top: 10px !important; margin-left: 0px !important; }
.bubble { right: 5px!important; top: -12px!important; border-radius: 5px!important; }

.punbb .longinput input { font-size: 12px!important; }
.punbb textarea { font-size: 12px!important; }
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: 100%; } }

#tooltip { position:absolute; font-size: 10px !important; text-transform: uppercase; margin: 0 0 0 0; padding: 5px; font-weight:normal; display:none; z-index: 99999999; border-radius: 0px!important; }
.noNull:before { content: "+"; font-size: 13px; display: inline-block; margin-left: -8px; margin-top: 6px; position: absolute; }
div .post-rating p>a { text-align: center; outline: 1px solid transparent; font-weight: 500 !important; background: none; position: relative; padding-left: 1px; z-index: 100; width: 38px; height: 38px; font-size: 12px !important; display: inline-block; vertical-align: middle; line-height: 34px; letter-spacing: -1px; }
div .post-rating p>a:after { content:'favorite'; position: relative; font-size: 18px; font-family: 'Material Icons'; left: 3px; top: 5px; }
div.post-vote { margin-bottom: 65px; }
div.post-vote p>a { font-size: 0 !important; position: absolute; cursor: pointer; z-index: 200; width: 23px; height: 23px; background: none; display: block; margin-left: 29px; margin-top: 42px; }
div.post-vote p>a:after { content:'question_answer'; position: relative; font-family: 'Material Icons'; top: 3px; left: 10px; font-size: 18px !important; }

.go-up, .go-down { cursor: pointer; width: 14px; height: 55px; display: none; border-radius: 0px 20px 20px 0px; position: fixed; opacity: 0.6; z-index: 9999; }
.go-up { top: 370px; margin-left: 1117px !important; }
.go-down { top: 434px; margin-left: 1117px !important; }
.go-up:hover, .go-down:hover { opacity: 1; }

/* ---- слои HTML-верха (надписи в шапке, кисточка, плашки) ---- */
#html-header infotext { position: absolute; left: 229px; top: -157px; width: 345px; letter-spacing: 0.5px; word-spacing: 2px; text-transform: uppercase; font-size: 81px; text-align: left; }
#html-header infotext2 { position: absolute; right: 269px; top: -100px; width: 345px; letter-spacing: 0.5px; word-spacing: 2px; text-transform: uppercase; font-size: 80px; text-align: left; }
#html-header txt-sh { position: absolute; top: -72px; height: 49px; display: block; padding: 5px 8px; border-radius: 15px; left: 238px; width: 245px; z-index: 999; letter-spacing: 0.5px; text-transform: uppercase; font-size: 8px; }
#plash { position: absolute; scrollbar-width: none; width: 175px; height: 125px; text-align: left; overflow: hidden; top: -142px; right: 153px; }
.plaha { display: inline-block; width: 175px; height: 20px; margin-bottom: 5px; transition: all .5s linear 0s !important; }
.plaha text { position: relative; display: inline-block; text-transform: uppercase; font-size: 11px; margin-top: 4px!important; width: 175px; text-align: center; }

#html-footer copy { position: absolute; width: var(--wh); margin: 105px 0px 0px; padding: 0px; letter-spacing: 1px; text-transform: lowercase; text-align: center; font-size: 10px; }
#html-footer copy a { font-size: 10px; text-transform: uppercase; opacity: .5; }

/* ---- главная: список разделов ---- */
#pun-index .tclcon { width: 700px; font-size: 11px; text-transform: lowercase; margin-left: 18px; background: none; border-radius: 20px; font-family: var(--1ft); text-align: justify; margin-top: 0px; }
#pun-index .tcl h3 { width: 270px; height: 27px; text-align: center; font-weight: normal !important; right: 25px; position: relative; top: 0px; }
#pun-index .tclcon h3 a { position: relative; display: flex; height: 26px; top: 0px; text-transform: uppercase; font-family: var(--1ft); font-size: 18px; padding: 0px; align-items: center; justify-content: center; }
.podf-text { padding: 0px; top: 0px; line-height: 13px; text-transform: uppercase; width: 460px; left: 54px; z-index: 1; position: relative; display: inline-block; text-align: justify; font-size: 8px; }
#pun-index .tcr a { font-size: 11px; letter-spacing: 0.3px !important; font-weight: 500; text-transform: uppercase; }
span.lastpost { font-size: 9px; text-transform: uppercase; }
#pun-index .tc2, #pun-index .tc3 { width: 5%; }
.category thead { display: none; }
.category tr { display: flex; }
.category tr .tcl { flex-basis: 70%; }
.category .forum-title { float: left; width: 30%; }
.category .subforums { float: left; width: 100%; }
.topics-and-posts { position: relative; width: 270px; padding: 1px 0px 1px; display: inline-flex; border-top: none; letter-spacing: 0.7px; font-weight: 100; gap: 26px; font-family: var(--1ft); font-size: 7px; text-transform: uppercase; left: -26px; top: 0px; justify-content: center; }
.topics-and-posts b { font-weight: normal; }
span.topics { text-align: right; }
span.posts { text-align: left; }
#pun-index .tcl { width: 30%; }
.forlinks { text-align: center; position: relative; width: 464px; padding: 1px 0px 1px; border-radius: 20px; top: 3px !important; display: flex; justify-content: center; margin-left: 262px !important; }
.navsi { display: flex; font-size: 9px; text-align: center; padding: 0px 6px; box-sizing: border-box; transition: .5s; }
.navsi a { font-size: 7px !important; letter-spacing: 0.7px; font-weight: 100; font-family: var(--1ft) !important; text-transform: uppercase!important; padding: 0px; }
#pun-index #pun-main .category .container { margin-top: 20px; }
#pun-index .category tr { display: block; }
#pun-index .category h2, #pun-stats.section h2 { margin: 0; width: 1077px; text-align: center; }
#pun-index .category h2 span, #pun-stats.section h2 span { display: flex; text-align: center; text-transform: uppercase; font-size: 25px; letter-spacing: 1px !important; padding-left: 20px; padding-right: 20px; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear; position: relative; z-index: 1; justify-content: center; font-weight: 600; }

/* ---- формы: базовая геометрия ---- */
.punbb textarea { outline: 0; width: 100% !important; box-sizing: border-box; }
.punbb select, .punbb input { padding: 3px !important; margin-left: 3px; font-size: 11px !important; }
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box { margin: 5px 1px 15px }
.punbb .post-content .quote-box, .punbb .post-content .code-box { position: relative; overflow: hidden; padding: 10px 15px 5px 15px !important; }
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div { display: block; padding-bottom: 5px; font-weight: 600; font-style: normal; margin: 0px 0px 4px; letter-spacing: 0px; font-size: 10px; text-transform: lowercase; }
.post-content .spoiler-box > div { border-bottom: none; }
.post-content .spoiler-box > blockquote { padding-top: 0.4em!important; }
.code-box strong.legend a:before { content: '\e86f'; }
.quote-box cite:before { content: '\e244'; }
.post-content .spoiler-box > div:before { content: '\e5cf'; }
.post-content .spoiler-box > div.visible:before { content: '\e5ce'; }
.code-box strong.legend a:before, .quote-box cite:before, .post-content .spoiler-box > div:before, .post-content .spoiler-box > div.visible:before { position: relative; font-size: 13px; font-family: 'Material Icons'; padding: 0px 4px; top: 3px; }
.punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 10px 5px 10px 5px; padding: 0px; }
.post-content .spoiler-box > div { cursor: pointer; padding-left: 0px!important; }
.post-content .spoiler-box > div.visible { margin-left: 0px!important; background-image: none!important; }
#pun-main .code-box .scrollbox pre { font-size: 11px; font-family: var(--4ft); }

#font-area, .popup_graffiti, #size-area, #spoiler-sels, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area { padding: 10px !important; font-size: 11px; }
#tags .container { position: absolute; right: 5px!important; top: 60px!important; z-index: 2; }
#font-area { height: 200px; overflow-y: auto; text-align: left; }
#size-area { display: flex; text-align: center; gap: 18px; width: 370px; align-items: baseline; flex-wrap: wrap; justify-content: center; }
#plng { width: 165px; border-radius: 20px; padding: 1px 0px 0px; text-align: center; margin-right: 5px; margin-left: 4px; z-index: 99; float: left; letter-spacing: 0.7px; text-transform: uppercase; font-size: 9px; display: inline; }
#plng b { font-size: 10px; font-weight: 100; }
.punbb .post-content del { text-decoration: none; filter: blur(2px); }
.punbb .post-content del:hover { filter: blur(0px); }

input.button, #post fieldset .hashelp div input, .button, #pun-admain input { text-transform: uppercase; transition: all 0.5s ease 0s; font-size: 9px !important; letter-spacing: 0.7px; font-weight: 500 !important; padding: 1px 5px 0px 5px !important; cursor: pointer !important; }
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before { display: none; }
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon { float: left; display: block; border-radius: 40%; height: 8px; width: 8px; margin-left: 0px; margin-right: 5px; margin-top: 2px; z-index: 99; }
#pun-index table Div.icon { height: 15px; width: 15px; margin: -7px -11px; display: block; position: absolute; z-index: 99; }
.closedatafield { display: none; }
.stickytext { display: none; }
.lastedit { display: none; }
body { overflow-x: hidden }

/* тулбар редактора (замена иконок material-icons) */
#form-buttons tr { display: block; margin: 5px 0px !important; margin-left: 15px !important; text-align: center; }
#form-buttons td img { position: absolute; z-index: 10; left: 0; top: 0; }
#form-buttons td { background-image: none !important; display: inline-block; position: relative; width: 26px; height: 26px; margin: 0 2px 5px; }
#form-buttons td .material-icons { position: absolute; z-index: 1; left: 0; font-size: 20px; padding: 6px 0px; }