/* ОБЩИЕ НАСТРОЙКИ ВСЕХ СТРАНИЦ */

/* Общий цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #000000;
  }

/* Фон форума */
body {
    background: url(https://forumstatic.ru/files/0019/04/41/48471.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
    background-color: transparent;
}

/* Шапка форума */
#pun-title table {
  background-image : url("https://forumstatic.ru/files/0019/04/41/24923.png"); 
  background-repeat : no-repeat;
  background-position: top center;
  border: none;
  height: 190px;
  width: 970px;
  margin-left: -51px;
  margin-top: -185px;
  }

/* CS1.4 Тело форума */
#pun {
  background-color: transparent; 
  background-image: url("https://forumstatic.ru/files/0019/04/41/66849.png");
  }

/* CS1.5 Футер форума */
#pun-about p.container {
    background-color: transparent;
    background-image: url(https://forumstatic.ru/files/0019/04/41/64723.png);
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    height: 66px;
    width: 970px;
    margin: 0px 0px -31px -61px;
    text-align: center;
    border-color: transparent;
    border: none;
  }

div#pun-about {
  margin-bottom: -50px;
  }

/* Цвет и шрифт ссылок нав. меню */
#pun-navlinks a {
    margin: 0 5px;
    letter-spacing: 0.7px;
    color: #3d495a;
    font-family: Roboto Slab;
    font-size: 23px;
    text-align: center;
    font-variant: all-small-caps;
  }

/* Цвета нав.меню при выделении */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    opacity: 0.5;
    color: #ad939c;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  opacity: 0.5;
  }

/* D4.1 цвет и шрифт ссылок активных и т.д.*/
#pun-ulinks a {
    color: #565454;
    font-family: 'Roboto Slab';
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: lowercase;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    opacity: 0.5;
    color: #ad939c;
}

/* прокрутка-справа */
::-webkit-scrollbar
{  width: 6px;
    height: 6px;
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb{
    background-color: #8caac4;
    border: 1px solid #f0efef;
}


/* НАСТРОЙКИ ГЛАВНОЙ СТРАНИЦЫ */

/* Категории */
.punbb .category h2, #pun-stats h2, #pun-main #post-form h2, #pun-debug h2 {
    background: transparent url(https://forumstatic.ru/files/0019/04/41/79516.png) no-repeat;
    width: 970px !important;
    height: 42px;
    box-sizing: border-box;
    position: relative;
    margin: 0px 0px 0px -30px;
    font-size: 0px !important;
    border: none;
    text-align: center;
} 

.punbb h2 span {
    font-size: ;
    font-size: 20px !important;
    text-align: center;
    font-family: 'Roboto Slab';
    text-transform: uppercase !important;
    background: linear-gradient( 90deg, rgb(120 143 165) 0%, rgb(157 118 118) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.5px;
}

/* Полоса статистики форума на главной + быстрый ответ в темах */
#pun-stats.section h2 {
    background: transparent url(https://forumstatic.ru/files/0019/04/41/79516.png) no-repeat;
    width: 970px !important;
    height: 42px;
    box-sizing: border-box;
    position: relative;
    margin: 0px 0px 0px -50px;
    font-size: 0px !important;
    border: none;
}

/* Оформление полосы на участников и активные темы*/
#pun-main h1 {
    box-sizing: border-box;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    text-align: center;
    font-family: 'Roboto Slab';
    letter-spacing: 0.7px;
    font-size: 23px !important;
    width: 970px;
    margin: 0px 0px 0px -30px;
    font-variant: all-small-caps;
    font-weight: normal;
    font-weight: 100;
}

/* Оформление подфорумов*/
#pun-index .category tr {
}

#pun-index .category table {
    border-spacing: 0px 14px !important;
}

#pun-index .category .container {
    margin: -8px -24px -8px -10px;
    position: relative;
}

#pun-index #pun-category1 h2 {margin-top: 0px !important;}

#pun-stats.section h2 {margin-top: -11px !important;
margin-bottom: -10px !important;}

tbody.hasicon {border: 17px solid #806b4b !important;}


#pun-index .category table {border: 0px;}

#pun-index .category {margin-right: 0px !important;}

#pun-index thead {display: none}

div#pun-live-rusff, .topic a.sharelink, #pun-status .status-right, .pl-reports{display:none!important;}

#pun-index .tclcon {
    line-height: 15px;
    width: 575px;
    z-index: 1;
    position: relative;
    padding: 7px 6px 7px 6px;
    text-align: justify;
}

#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    font-weight: 500;
    width: 20px;
    display: none
}

#pun-index .tcr a {
    font-size: 13px;
    font-family: 'Roboto Slab';
    letter-spacing: 0.5px;
}

#pun-index .tcr {
    text-align: left;
    font-weight: 500;
    width: 30%;
    margin-left: 10px !important;
    vertical-align: middle;
}

#pun-index .tcl {width:60% !important;}

.Tems_And_messages {
    width: auto;
    font-family: 'Roboto Slab';
    font-weight: 400;
    text-align: center !important;
    text-transform: uppercase;
    display: block;
    color: #000000;
    letter-spacing: 0.5px;
}

.Tems_And_messages span {
    font-weight: 500;
    font-size: 10px;
    margin-right: 4px;
}


.main table .Add {
    display: inline;
    position: absolute;
    top: 2px;
    right: 5px;
    width: auto;
}

.bubble {
    background: red;
    border: 0 none;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font: bolder 8px/1.6 Tahoma;
    margin: 0;
    min-width: 14px;
    padding: 0 1px;
    position: absolute;
    right: -2px !important;
    text-align: center;
    top: -6px !important;
}

/* Аватар на главной */
.punbb .user-avatar .avatar-image {
   border-radius: 100px!important;
    margin: -3px 6px 0px -2px;
    opacity: 0.85;
    filter: grayscale(1);
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border: 1px solid #af8e3c !important;
}

.punbb .user-avatar .isonline {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -6px !important;
    right: -3px !important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #242335;
    z-index: 100;
}

/* Имена пользователей по центру в "участниках" */
#pun-userlist td.tcl.username {
    display: flex;
    width: 280px;
    align-items: center;
}

/* Баннеры */
#banner-box {
    position: absolute;
    margin-left: -27px;
    margin-top: 32px;
    width: 922px;
    height: 31px;
    opacity: 0.8;
    overflow-y: auto;
}


/* ИКОНКИ СООБЩЕНИЙ*/

#pun-title table tbody tr .title-logo span { display:none; }

/* Старые сообщения */
.punbb div.icon { 
    display: block;
    border-style: none none none none;
    float: left;
    background-repeat: no-repeat;
    background-image: url(https://forumstatic.ru/files/0019/04/41/40547.png);
    width: 20px;
    height: 20px;
    margin: -1px 10px;
    z-index: 2;
    position: absolute;
}

/* Новые сообщения */
TR.inew Div.icon { background-repeat: no-repeat;  background-image: url(https://forumstatic.ru/files/0019/04/41/30221.png);     width:20px;    height:20px; }

#pun-main div.catleft, #pun-main div.catright {display: none}

/* сообщения в поиске */
.forum div.icon, #profile div.icon {
    display: block;
    float: left;
    margin-right: 9px;
    margin-top: 0px;
    position: relative;   
    border: 1px solid #8ba9c3;
    background: #f0ebe7;
    height: 13px;
    width: 13px;
}

/* старые */
.forum Div.icon, #profile div.icon, #pun-searchtopics div.icon {
    background: linear-gradient( 90deg, rgb(255 231 219) 0%, rgb(225 213 213) 75%);
    height: 13px;
    width: 13px;
}
/* новые */
.forum TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #profile TR.inew Div.icon {
    background: #94acc6;
    height: 13px;
    width: 13px;
}

/* закрытые */
.forum TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #f0ebe7;
    height: 13px;
    width: 13px;
}

/* важные */
.forum TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon, #profile TR.isticky Div.icon {
    background: linear-gradient( 90deg, rgb(148 172 196) 0%, rgb(240 235 231) 75%);
    height: 13px;
    width: 13px;
}

/* ВНЕШНИЙ ВИД ПОДФОРУМОВ И ССЫЛОК НА ВАЖНЫЕ ТЕМЫ */
 .vid-kat {
  display: flex;
  justify-content: space-between;
  gap: 10px; /* отступ между блоком текста и блоком ссылок */
  flex-direction: row; /*row-reverse чтобы ссылки были ПЕРЕД текстом; column сделает ссылки ПОД текст, только ширину блоков задать не забудьте на 100%; column-reverse запилит ссылки НАД блоком с текстом, опять же ширину на 100% поправить не забудьте*/
   padding-top: 2px;
}

.f_desc {
  flex: 0 0 1;
  width: auto /*ширина блока с текстом*/;
    font-size: 11px;
    font-family: 'Roboto Slab';
    letter-spacing: 0.7px;
    padding: 0px 0px 0px 5px;
}

.zag2 {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 2px;
    width: 45% /*ширина блока ссылок*/;
}

.zag2 a {
  background: rgba(0,0,0,.06);
    font: normal 10px roboto slab;
    text-transform: uppercase;
    padding: 1px 19px;
    flex: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    border-left: 0px solid #f0ebe7;
    text-shadow: none!important;
    background: linear-gradient( 270deg, rgb(240 235 231) 0%, rgb(224 224 225) 100%);
}

.zag2 a:hover {
  border-left: 10px solid #f0ebe7; /*цвет и ширина бордера по наведению*/
  background: linear-gradient( 270deg, rgb(165 183 202) 0%, rgb(240 235 231) 100%);
  color: #f9f7f7 !important; /*цвет текста по наведению*/
  letter-spacing: 1px
text-shadow: none!important;
}

.nav {
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Roboto Slab';
    padding: 2px;
    text-align: center;
    letter-spacing: 1px;
    color: #f9f7f7;
    width: 406px;
}

.nav a {color: #f9f7f7!important; text-shadow: none!important;}
.nav a:hover {color: #b37f86!important; text-shadow: none!important;}

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #58a49e !important;
    border-radius: 8px;
    color: #fff;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    margin: -6px;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    text-align: center;
}


/* НАСТРОЙКИ ВНЕШНЕГО ВИДА В ТЕМАХ */

/* Оформление полосы время и номер поста */
#pun-viewtopic .post h3 {
    background: transparent url(https://forumstatic.ru/files/0019/04/41/83016.png) no-repeat;
    height: 40px;
    width: 970px;
    margin: 0 0px 0 -31px !important;
}

/* Цвет ссылки на времени поста */
#pun-main .post .permalink {
    letter-spacing: 1px;
    margin-left: 50px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 13px;
    text-align: center;
    font-family: Roboto Condensed;
    font-weight: 600;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;
  }

/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
    background: #faf8f8;
    color: rgb(28, 19, 12);
    border-width: 1px;
    border-style: solid;
    border-style: solid;
    border-width: 6px 2px 2px 2px;
    border-top-color: #d7c5c5;
    border-bottom-color: #d7c5c5;
    border-left-color: #f9f7f7;
    border-right-color: #f9f7f7;
 }

/* CS1.9 Настройки формы ответа*/
.punbb textarea  {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    margin-top: 3px !important;
    padding: 5px;
    background: #faf8f8;
    color: rgb(28, 19, 12);
    border-width: 1px;
    border-style: solid;
    border-style: solid;
    border-width: 6px 2px 2px 2px;
    border-top-color: #d7c5c5;
    border-bottom-color: #d7c5c5;
    border-left-color: #f9f7f7;
    border-right-color: #f9f7f7;
  }

/* CS1.11 Настройки окон в форме ответа*/
 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
    padding: 4px;
    color: #000;
    background-color: #f0efef;
    border: 2px solid #8caac4;
}

/* быстрый ответ оформление */
#pun-main h2 {
text-align: center; 
text-transform: lowercase;
}


/* НАСТРОЙКИ КНОПОК ОТВЕТА И ПОЛЕЙ ВВОДА */

/* кнопки ответа */
.punbb .button { 
    color: #f9f7f7;
    background-color: #8caac4;
    border: 1px solid #f9f7f7;
    padding: 1px 10px 3px 10px;
    text-align: center;
    font: normal 15px "roboto slab";
    text-transform: lowercase;
    border-radius: 0px;
    box-shadow: none;
    letter-spacing: 0.7px;
}

.punbb input {
    padding: 5px;
    background: #faf8f8;
    color: rgb(28, 19, 12);
    border-top-color: #d7c5c5;
    border-bottom-color: #d7c5c5;
    border-left-color: #f9f7f7;
    border-right-color: #f9f7f7;
} 

/* поле ввода ника/поиска/модерирования в темах */
.punbb select {
    padding: 5px;
    background: #faf8f8;
    color: rgb(28, 19, 12);
    border-top-color: #d7c5c5;
    border-bottom-color: #d7c5c5;
    border-left-color: #f9f7f7;
    border-right-color: #f9f7f7;
}

/* ОФОРМЛЕНИЕ ПРОФИЛЯ */

/* профиль */
.punbb .post .post-author {
   text-align: center;
    width: 245px;
    margin-top: 5px;
    margin-left: -1px;
    color: #191818;
    background: #f9f7f7;
    border-width: 0px 2px 2px 2px;
    border-left: solid #8caac4;
    border-right: solid #8caac4;
    border-bottom: solid #8caac4;
}

/* аватар */
.punbb .pa-avatar img {
  max-width: 180px;
    outline: 1px solid #d7c5c5;
    padding: 5px;
}

/* поля личного звания и профиля */
.pa-fld1 { 
    text-align: center;
    font-size: 14px;
    padding: 1px 0px 3px 0px !important;
    font-weight: normal;
    font-family: 'Roboto Slab';
    margin-top: 1px !important;
    letter-spacing: 0.1px;
    width: 239px;
    margin-left: -8px !important;
}

/*Сообщения, респект и посты*/
.pa-posts, .pa-respect, .pa-fld3, .pa-fld4 {
    vertical-align: text-top;
    display: inline-table;
    width: 101px;
    text-align: center;
    padding: 1px 4px !important;
    color: #2c2b2a;
    font-family: 'Roboto Slab';
    font-size: 10px !important;
    text-transform: uppercase;
    background-color: #f0efef;
    line-height: 12px;
    margin: 0px 0px 2px 0px!important;
    letter-spacing: 0.5px;
}

/* награды*/
.punbb .pa-awards {    padding-top: 10px;
    color: transparent;
    line-height: 1.2;}

#viewprofile h2 span, #profilenav h2 span {display: none;}

/* личное звание */
.info {
    font-size: 12px;
    font-family: monospace;
    margin: 0px 0px 0px 0px !important;
    padding: 5px 6px 1px 5px;
    line-height: 12px;
    text-align: justify;
    color: #000;
    border-top: 1px solid #d7c5c5 !important;
    letter-spacing: 0.1px;
}

.name {
    padding: 0px 0px 5px 0px;
}

.name a {
    font-family: 'Roboto Slab';
    text-align: center;
    font-style: normal;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: linear-gradient( 90deg, rgb(109 131 151) 0%, rgb(215 197 197) 130%);
    -webkit-background-clip: text;
    -webkit-box-decoration-break: clone;
    -webkit-text-fill-color: transparent;
}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
 }


/* ЦВЕТА ССЫЛОК НА СТРАНИЦАХ */

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    color: #616d7c;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
     color: #b37f86;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #b37f86;
}

/* цвет ссылки в сообщении */
.post-content a:active, .post-content a:focus, .post-content a:link{
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #616d7c;
}


/* ОКНО РЕПУТАЦИИ ПРИ НАЖАТИИ НА ПЛЮС */
#pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1 {
    background-image: none !important;
    width: 768px !important;
    margin-left: -4px;
    padding: 0px !important;
    height: 18px !important;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    min-height: 20px;
    margin: 19px 4px;
    max-width: 760px;
    background-color: #f0efef;
    border: 2px solid #d7c5c5;
    color: #000;
}

#gfsh {
    position: absolute;
    transition: all .5s ease-in-out 0s;
    opacity: 0;
}


/* фон шрифтов, графити, видосов, цветов и тд*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {     
   background-color: #f0efef;
    border: 2px solid #8caac4;
    padding: 11px !important;
    color: #222131;
}

#spoiler-sels {
    line-height: 2em;
    background-color: #f0efef;
    border: 2px solid #8caac4;
    padding: 11px !important;
    color: #000;
    margin-top: -18px !important;
}

/* шрифтовая область */
#font-area { max-height: 200px; overflow-y: auto; font-size: 14px!important; line-height: 13px;}

#button-smile{display: none;}
#post #button-smile{display:none;}
.punbb th {background: #transparent;color: transparent;}
#pun-live-rusff span.cooltext {display: none;}
.admin-advert-block {display: none;}