body {
    /* фон форума */
   background: url(https://i.imgur.com/h08N4Ig.png) no-repeat fixed top center /cover #c7c7c7;
    font-family: verdana;
}

#pun {
    /* тело форума */
    background: #c7c7c7;
}

#pun-title table {
    /* шапка */
    background: url(https://i.imgur.com/zrnUnxm.png) no-repeat top center;
    width: 958px;
    height: 300px;
    margin-left: -25px;
}

/* оформление всех ссылок */

.punbb a, .punbb a:link, .punbb a:visited, #pun-admain a, #pun-admain a:link, #pun-admain a:visited {
    color: #92754e;
    text-decoration: none !important;
    transition: color 0.5s ease-in-out;
}

.punbb a:hover, .punbb a:focus, .punbb a:active, #pun-admin_index .nodefault, #pun-admin_index a:hover, #pun-admin_index a:focus, #pun-admin_index a:active {
    color: #262626;
    text-decoration: none;
}

/* оформление навигации */

#pun-navlinks .container a {
    text-decoration: none;
    font-size: 18px;
    font-family: var(--impfont);
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: lowercase;
    transition: all .5s ease-in-out 0s;
    margin: 0 8px;
}

#pun-navlinks .container a:hover {
    color: #92754e;
}

#pun-ulinks .container {
    font-size: 10px;
    font-family: var(--bfont);
    letter-spacing: 0,5px;
    text-transform: lowercase;
}

#pun-ulinks .container a {
    text-decoration: none;
    color: #121212;
    transition: all .5s ease-in-out 0s;
}

#pun-ulinks .container a:hover {
    color: #262626;
}

#pun-status {
    /* привет */
    text-align: center;
    text-transform: lowercase;
    font-size: 10px;
    font-family: var(--bfont);
    letter-spacing: 0.5px;
}

#pun-crumbs1, #pun-crumbs2 {
    font-size: 10px;
    font-family: var(--bfont);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 10px 0;
}

/* категории */

#pun-main .category h2 {
    background: url(https://i.imgur.com/RZIS11d.png) no-repeat top left;
    color: #d1d3d2;
    text-align: left;
    margin: 10px 5px 10px 16px !important;
    padding: 1px 0 1px 0;
}

/* статистика */

#pun-stats.section h2 {
        background: url(https://i.imgur.com/RZIS11d.png) no-repeat top center;
    color: #d1d3d2;
}

/* форумы */
#pun-main .tcl,
#pun-main .tcr {
    font-size: 11px;
    font-family: var(--bfont);
    letter-spacing: 1px;
}

#pun-main .tclcon {
    text-align: justify;
}

/* настройка тем и сообщений */
#pun-index .tclcon {
    font-size: 10px;
    text-align: justify;
    font-family: var(--bfont);
    line-height: 15px;
    z-index: 1;
    position: relative;
    min-height: 60px;
    color: #908f8f;  
}

#pun-index .tclcon h3 a {
    font-size: 12px;
    font-family: var(--bfont);
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    color: #262626;
    letter-spacing: 2px;
}

#pun-index td.tc2, #pun-index td.tc3, #pun-index td.tc2:before, #pun-index td.tc3:before {
    font-size: 10px;
    text-transform: uppercase;
    font-family: var(--bfont);
    color: #262626;
    text-align: center;
    letter-spacing: 1px;
}
#pun-index td.tc2, #pun-index td.tc3 {
    position: absolute;
    left: 330px;
    width: 140px;
    display: inline-block;
}

/* иконки начало */

.punbb div.icon {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    padding-right: 0px;
    margin: 7px 8px 0px 5px !important;
}

table Div.icon {
    margin-top: 0px !important;
}

/*------ нет новых сообщений ------*/

table Div.icon {
    /* background: url(http://forumstatic.ru/files/001b/2b/70/10951.png) no-repeat top center; */
    background-color: #a2001b;
    border-radius: 50%;
    opacity: 0.5;
}

/*------ есть новые сообщения ------*/

TR.inew Div.icon {
    /* background: url(http://forumstatic.ru/files/001b/2b/70/18873.png) no-repeat top center; */
    background-color: #a2001b;
    border-radius: 50%;
    opacity: 1;
}

/*------ иконки внутри темы ------*/
#pun-viewforum table Div.icon,
#pun-messages table Div.icon,
#pun-searchtopics table Div.icon {
    display: block;
    float: left;
    position: relative;
    margin: 5px 10px !important;
    background-color: #a2001b;
    opacity: 0.5;
    width: 10px;
    height: 10px;
}

#pun-viewforum TR.inew Div.icon,
#pun-messages TR.inew Div.icon,
#pun-searchtopics TR.inew Div.icon { /* темы с новыми сообщениями */
    background-color: #a2001b;
    opacity: 1;
}

#pun-viewforum TR.isticky Div.icon,
#pun-messages TR.isticky Div.icon,
#pun-searchtopics TR.isticky Div.icon { /* важные темы */
    background-color: #000cf1;
    opacity: 1;
}

#pun-viewforum TR.iclosed Div.icon,
#pun-messages TR.iclosed Div.icon,
#pun-searchtopics TR.iclosed Div.icon { /* закрытые темы */
    background-color: #000000;
    opacity: 1;
}
/* иконки конец */

/* после статистики */

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    text-transform: lowercase;
    font-size: 10px;
    font-family: var(--bfont);
    letter-spacing: 1px;
}

li#onlinelist.item5 {
    font-size: 10px;
    font-family: var(--bfont);
    letter-spacing: 1px;
    text-transform: lowercase;
}

#pun-about p.container {
    /* футер */
    background: url(https://i.imgur.com/BGennm5.png) no-repeat bottom center;
    width: 930px;
    height: 46px;
    margin: 0 0 -22px -10px;
}

#pun-about .container .item1 {
    font-size: 10px;
    font-family: var(--bfont);
    letter-spacing: 1px;
    text-transform: lowercase;
}

.info {
    font-size: 10px;
}

/* внутреннее */
.linkst, .linksb, #pun-main .modmenu {
    font-size: 12px;
    font-family: var(--bfont);
    text-transform: lowercase;
    letter-spacing: 1px;
}

.pagelink {
    display: inline-block;
}

.postlink {
    display: inline-block;
    float: right;
}

.postlink.long {
    display: inline-block;
    float: right;
    text-align: right;
}

#pun-main .modmenu span {
}

/* профиль */
.post-author ul {
    margin: 0px 6px;
    padding: 0 !important;
    text-transform: lowercase;
    color: #262626;
    font: 10px var(--bfont);
    text-align: center;
}

.post-author {
    background: url(https://i.imgur.com/ltjUHO1.png) no-repeat top;
    border: 1px solid #383b44;
        border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    position: relative;
}

.post-author .pa-author {
    font: 25px var(--secfont);
    letter-spacing: 1px;
    text-align: center;
    padding: 0;
    margin: 5px 0 0 0;
    color: #908f8f;
    transition: all .3s linear 0s;
    text-transform: uppercase;
}

.post-author .pa-author a {
color: #ffffff !important;
}

#pun .post-author ul a {
    color: #000000;
}

#pun .post-author ul a:hover {
    color: #92754e;
}

.pa-title {
    color: #d9d9d9;
    font: 300 9px var(--bfont);
    line-height: 16px !important;
    text-align: center;
    text-transform: lowercase;
}

.pa-avatar.item2 img {
    outline: 2px solid #d9d9d9;
}

.pa-posts, .pa-respect {
    text-transform: lowercase;
    font: 9px var(--bfont);
}

.pa-respect img {width: 10px;}

.pa-online { display:none!important;}

/* профиль конец */

.punbb .post {border-color: transparent; text-align: justify; font-size: 11px;}

/* блоки в постах */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    background-clip: padding-box;
    background: #efefef;
    padding: 10px !important;
    position: relative;
    border: 1px solid var(--bhcolor) !important;
}

#pun .quote-box cite, #pun .code-box strong.legend {
    background: var(--bhcolor);
    padding: 5px !important;
    font-size: 10px;
    text-transform: uppercase;
    font-family: var(--bfont);
    letter-spacing: 0px;
    margin: 0px !important;
    text-align: center;
    color: #020202;
}

#pun .code-box strong.legend a {
    color: #020202
}

#pun .code-box strong.legend a:hover {
    color: #92754e
}

#pun-main .code-box .scrollbox pre {
    font-family: pt sans !important;
    font-size: 12px;
    letter-spacing: 0.5px;
}

del {
    background: #92754e;
    color: transparent;
    transition: all 0.3s ease-out;
    text-decoration: none !important;
}

del:hover {
    background: transparent;
    color: #000000;
    text-decoration: none !important;
}

/* поля */
.punbb textarea {
    background-clip: padding-box;
    background: #efefef;
    border: 1px solid var(--bhcolor) !important;
    padding: 10px !important;
    color: #222;
    border: none;
    width: 97.6% !important;
}
.punbb textarea:focus-visible {outline: none;}

#keyboard-area input {box-shadow: none;
color: #262626!important;}

#font-area {
    height: 230px;
    overflow-y: auto;
    padding: 5px;
    text-align: left;
    width: 200px;
    font-size: 14px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: #262626;
}

::-webkit-scrollbar-thumb {
  background: #92754e;
  width:6px;
}

::selection {
    background: #92754e;
    color: #fefefe;
}

.punbb select, input {
    padding: 3px;
    color: #222;
    background: #efefef;
    border: 1px solid var(--bhcolor) !important;
}

/* всплывающие подсказки */
#tooltip {
    position: absolute;
    background: var(--bhcolor);
    z-index: 999;
    max-width: 180px;
    border: none;
    box-shadow: 0 0 1px 1px #0000001a;
    font-family: var(--bfont);
    font-size: 10px;
    display: none;
    color: #262626;
    text-align: center;
    padding: 5px;
    letter-spacing: 0.5px;
}

/* написано символов */
#plng {
    padding: 4px 10px 4px 20px;
    margin: 5px 0px 0 -10px !important;
    font-family: var(--bfont) !important;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-transform: lowercase;
    display: inline-block;
    position: relative;
    width: 100%;
    line-height: 20px;
    background: var(--bhcolor);
    letter-spacing: 1px;
}

.testnews {
  position: absolute;
    top: 200px;
    margin-left: 4px;
    width: 330px;
    text-align: justify;
    font: 300 11px/10px var(--bfont);
color: #383838;
}

.testnews span {
  font-weight: bold;
}

.testnews > div {
  
}

/* слайдер увеличения шрифта в темках */
.FNTslider {position: relative; z-index: 1000; background: #c3c3c3; width: 110px; height: 5px; border: solid 1px #b6b6b6; float: right;}
.FNTslider .before {height: 5px; border: solid 1px #92754e; border-right: none 0; position: absolute; background: #92754e; margin-top: -1px;}
.FNTslider .thumb {width: 8px; height: 13px; position: relative; top: -4px; background: #444444; cursor: pointer;}

/* кнопка */
.button, button.sticker, #pa-edit strong a  {
    background: #92754e;
    color: #262626;
    outline: 1px solid #92754e;
    font: 10px var(--bfont) !important;
    padding: 8px 11px 8px 11px;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: lowercase;
    letter-spacing: 1px;
    border: 0 !important;
}
.button:hover, button.sticker:hover, #pa-edit strong a:hover {
    background: #ffffff;
    outline: 1px solid var(--bhcolor);
    cursor: pointer;
    color: #92754e;
}

/* плашка новостей маг */
.plash {
    background: linear-gradient(45deg, white, #d9d9d9);
    padding: 2px 13px 2px 13px;
        margin: 0 10px 0 0 !important;
    display: inline-table;
    font-family: var(--bfont);
    font-size: 10px;
    letter-spacing: 0.5px;
    transition: all 0.5s ease-in-out 0s;
}

.plash:hover{      background: #a2001b;
    cursor: pointer;}


/* для таблицы */
.redgenre {
    position: absolute;
    margin: 250px 0 0 600px !important;
    text-align: center;
    color: #eeeeee;
    font-weight: bold;
    font-size: 10px;
}

.amslinks {    
        position: absolute;
    margin: 38px 0 0 74px !important;
    width: 150px;
}

.amslinks a {
    color: #eeeeee !important;
    padding-right: 15px;
}

.implinks {
        position: absolute;
    margin: 100px 0 0 -100px !important;
    width: 70px;
    text-align: left;
}

.implinks a {
    color: #B31000 !important;
    padding-right: 10px;
    font-weight: bold;
}

.redtxt {
     position: absolute;
    margin: 100px 0 0 900px !important;
    width: 150px;
    font-size: 10px;
    color: #eeeeee;
}

.redpst {
    position: absolute;
    margin: 85px 280px !important;
}

.redpstbox {
    width: 155px;
    height: 95px;
    padding: 0 15px 0 0;
    overflow: overlay;
    text-align: justify;
}

.redpst span {
    font: 120px var(--impfont);
    text-transform: uppercase;
    color: #a2001b;
}

.redpst a {
    color: #000000 !important;
    font-weight: bold;
}

.redact {
    position: absolute;
    margin: 116px 0 0 620px !important;
    width: 110px;
}

.redact a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0 10px 5px 0;
    transition: .5s all ease-out;
    filter: grayscale(1);
}

.redact a img:hover {
    filter: grayscale(0);
}

.redpst {
    position: absolute;
    margin: 116px 0 0 530px !important;
    width: 110px;
}

.redpst a img {
    width: 80px;
    height: 70px;
    border-radius: 50%;
    padding: 0 10px 5px 0;
    transition: .5s all ease-out;
    filter: grayscale(1);
}

.redpst a img:hover {
    filter: grayscale(0);
}

.redplash {
    position: absolute;
    margin: 80px 0 0 257px !important;
}

/* индикатор активности */
.indOnline, .indOffline {
   display: -webkit-box;
    margin: -47px 0px 0px -32px !important;
    position: absolute;
width: 40px;
    height: 46px!important;
}
.indOnline {
    background: url(https://i.imgur.com/tdose1V.png);
}
.indOffline {
     background: url(https://i.imgur.com/kXPuuWa.png);
}

/* лупка залупка */
#tuser {position: absolute; margin: 0 0 0 -5px !important; display: -webkit-box; font-size: 16px;}
#s-block {display: none !important;}