/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.0A Фон*/
body {
    background: #ae8b76 url("https://i.ibb.co/L92x3Xy/BG-new.png") no-repeat fixed top center;
}

/* CS1.0B Тело*/
#pun {
    margin: auto;
    position: relative;
    margin-bottom: 0px;
    margin-top: 157px!important; 
    background: url("https://i.ibb.co/fCx2pp3/FBG.png") repeat-y scroll top center; 
    -webkit-text-size-adjust: none;
}

/* CS1.0C Прокрутка*/
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    background-color: #ddd4c4; 
}

::-webkit-scrollbar-thumb {
    background-color: #648a78;
    border: 3px #ddd4c4 solid; 
}

/* CS1.0D Шапка*/
#pun-title table {
    position: relative;
    background: transparent url("https://i.ibb.co/2Z2QGdw/H-1.png") top center scroll no-repeat;
    height: 379px!important;
    width: 1036px!important;
    margin-left: -65px;
    top: -158px;
    margin-bottom: -158px!important;
}

#pun-maint {
    margin: 0px 20% 22px 20%;
}

#pun-redirect .main-title {
    padding-top: 110px;
    margin-bottom: 30px !important;
}

/* CS1.0E Футер */
#pun-about p.container {
    background: transparent url("https://i.ibb.co/GCntDgQ/image.png") bottom center no-repeat;
    width: 1035px;
    height: 153px;
    margin-bottom: -120px;
    margin-left: -77px;
    text-align: center;
}

/* CS1.0F Переадресация*/
#pun-redirect { 
    background: #ae8b76;
    position: fixed;
    margin-top: 40px!important;
    text-align: center;
    font-size: 12px;
}

/* CS1.1 Элементы форума*/
.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
    background-color: transparent;
}

/* CS1.2 Заголовки*/
#pun-stats h2, .punbb .main h2 {font-size: 0em;}, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
     font-size: 13px;
     text-align: center;
     font-family: Times New Roman; 
     color: #000000;
}

#pun-redirect h1 {
    background-image: none;
    padding-bottom: 10px; 
    color: transparent; 
    text-shadow: none;
}

.punbb-admin #pun-admain h2{
    color: #000000;
    background: transparent;
    text-align: left;
    text-shadow: none;
    padding-left: 55px;
}

/* CS1.3 Цитата, спойлер и код*/
.punbb .quote-box, .punbb .code-box {
    background: url("https://i.ibb.co/PxZcb2Z/box-img.png") no-repeat top right;
    background-color: #e2dccf;
    padding: 10px 12px 11px 12px!important;
    color: #33231d;
    margin-bottom: 22px!important;
    box-shadow: 0px 0px 0px 1px #dbd4c5, 0px 0px 0px 2px #e2dccf, 18px -27px 0 -16px #648a78;
    margin-top: 15px!important;
}

.quote-box cite {
    height: 13px;
}

.punbb  .spoiler-box {
    background: none!important;
    padding: 15px 12px 15px 12px!important;
    margin-bottom: 10px!important;
    text-align: center;
    background-color: #e2dccf!important;
    box-shadow: 0px 0px 0px 1px #648a78, 0px 0px 0px 3px #e2dccf;
}

/* CS1.4 Маркер-текст*/
.post-content .highlight-text { 
    background-color: #648a78!important;
    color: #ffffff!important;
}

/* CS1.5 */
#pun-navlinks .container {
    background-color: transparent;
    font-size: 13px;
    text-transform: uppercase;
}

.offline li.pa-online strong {
    font-weight: normal
}

/* CS1.6 Форма ответа*/
.punbb textarea  {
    background: #e2dccf;
    padding: 5px;
    border: 1px #e2dccf solid!important;
    color: #212121;
    text-transform: none!important;
}

/* CS1.7 Профиль в теме*/
.punbb .post .post-author > ul {
    padding: 1px 6px 10px 6px !important;
}

.punbb .post .post-author {
    text-align: center;
    background: #e2dccf;
    color: #648a78;
}

.pa-title {
    text-align: center;
    z-index: 1000;
    font-family: "Times New Roman";
    text-transform: lowercase;
    font-size: 13px;
    width: 215px;
    margin-bottom: 2px !important;
    margin-top: 2px !important;
    margin-left: -6px !important;
    color: #648a78;
}

.pa-author  {
    text-align: center;
    margin-left: 0px !important;
    padding-top: 17px !important;
    margin-top: 0px !important;
}

/* CS1.8 Окна в форме ответа*/
#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  {
    background: #e2dccf;
    padding: 5px;
    border: 1px #648a78;
}

/* CS1.9 Поля ввода, кнопки и выпадающие меню*/
.punbb .button {
    background: #648a78;
    padding: 5px 14px 4px 14px;
    font-family: Times New Roman!important;
    font-size: 12px!important;
    border: 2px #648a78 solid!important;
    color: #e2dccf;
    box-shadow: 0px 0px 0px 1px #dfb273 inset;
    transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
}

.punbb .button:hover {
    background: #dfb273;
    border: 2px #dfb273 solid!important;
    color: #865b58;
    box-shadow: 0px 0px 0px 1px #648a78 inset;
}

.punbb input, .punbb select  {
    font-family: Times New Roman!important;
    font-size: 12px!important;
    padding: 5px 14px 4px 14px;
    background: #e2dccf;
    border: 1px #648a78 solid!important;
    color: #765b58;
}

/* CS1.10 Статистика*/
#pun-stats h2 {
    background-image: url("https://i.ibb.co/7kt2x5M/8.png");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 63px;
    width: 906px;
    margin-left: 11px;
}

#post .formsubmit { text-align: center; }

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

/* CS2.1 Убираем все рамки*/
.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, .punbb th, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
    border-color: transparent;
}

/* CS3 Links
-------------------------------------------------------------*/

/* 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: #5a2709;
    text-decoration: none;
    transition: color 0.2s 0.02s ease;
}

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

/* 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: #648a78;
    text-decoration: none;
}

/* CS3.3 */
#pun-navlinks li>a {
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 0;
    color: transparent;
    transition: background 0.2s 0.02s ease;
}

#pun-navlinks li#navindex>a {
    background: url("https://i.ibb.co/1vwWYyK/1.png");
}
#pun-navlinks li#navindex>a:hover {
    background: url("https://i.ibb.co/Btxmmqh/1-2.png");
}

#pun-navlinks li#navuserlist>a {
    background: url("https://i.ibb.co/Y0jYhPF/2.png");
}
#pun-navlinks li#navuserlist>a:hover {
    background: url("https://i.ibb.co/TcjVvy1/2-2.png");
}

#pun-navlinks li#navsearch>a {
    background: url("https://i.ibb.co/Zcfk4Gv/6-1.png");
}
#pun-navlinks li#navsearch>a:hover {
    background: url("https://i.ibb.co/ZJhdFp6/6-2.png");
}

#pun-navlinks li#navprofile>a {
    background: url("https://i.ibb.co/BTdyc1F/7.png");
}
#pun-navlinks li#navprofile>a:hover {
    background: url("https://i.ibb.co/wR66Pf3/7-2.png");
}

#pun-navlinks li#navpm>a {
    background: url("https://i.ibb.co/2N4sfTQ/11.png");
}
#pun-navlinks li#navpm>a:hover {
    background: url("https://i.ibb.co/kHBNtkZ/11-2.png");
}

#pun-navlinks li#navadmin>a {
    background: url("https://i.ibb.co/ns2YzmL/9.png");
}
#pun-navlinks li#navadmin>a:hover {
    background: url("https://i.ibb.co/Dz3fsmw/9-2.png");
}

#pun-navlinks li#navlogout>a {
    background: url("https://i.ibb.co/4MnjmST/10.png");
}
#pun-navlinks li#navlogout>a:hover {
    background: url("https://i.ibb.co/85C0GjD/10-2.png");
}

#pun-navlinks li#navlogin>a {
    background: url("https://i.ibb.co/jbns2SB/4.png");
}
#pun-navlinks li#navlogin>a:hover {
    background: url("https://i.ibb.co/GQJCJZj/4-2.png");
}

#pun-navlinks li#navregister>a {
    background: url("https://i.ibb.co/9VRn7Sh/3.png");
}
#pun-navlinks li#navregister>a:hover {
    background: url("https://i.ibb.co/0j2qw4w/3-2.png");
}

#pun-navlinks li#navpr_1>a {
    background: url("https://i.ibb.co/72ghM1P/5.png");
}
#pun-navlinks li#navpr_1>a:hover {
    background: url("https://i.ibb.co/3htwqJk/5-2.png");
}

#pun-ulinks a {
    transition: color 0.2s linear;
    color: #765b58;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active{
    color: #648a78;
}

#pun-index .tcl a {
   color: #648a78!important;
}

#pun-index .tcl a:hover {
   color: #bb8058!important;
}

/* CS4 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {
    background: url("https://i.ibb.co/jRqLZds/old.png") no-repeat; 
}

TR.inew Div.icon {
    background: url("https://i.ibb.co/4dfC2n2/new.png") no-repeat;
}

TR.iclosed Div.icon {
    background: url("https://i.ibb.co/LdjwFNS/closed.png") no-repeat;
}

tr.isticky div.icon {
    background: url("https://i.ibb.co/Wzd5p0D/important.png") no-repeat;
}

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

/* Иконки на главной странице */
#pun-main .category Div.icon {
    float: left;
    display: block;
    border-style: none;
    height: 6px;
    width: 536px;
    margin: 8px 0px auto 10px;
    background-repeat: no-repeat;
    position: absolute;
}

#pun-main .category Div.icon { background: none; }

#pun-main .category TR.inew Div.icon { 
    background: url("https://i.ibb.co/FmnPfS0/main-icon.png") no-repeat;
}

/* CS5 Другое
 -------------------------------------------------------------*/

#font-area {
    height: 200px!important;
    overflow-y: auto;
}

/* Убрать важно/закрыто/редактирование */
.stickytext, .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit { display: none; }

.punbb th {
    background: none;
    color: #000000;
}

/* Цвет подписи */
.punbb .post-sig {
    color: #765b58;
}

#profile .container #profilenav h2   {
    text-align : left;
    text-shadow: none;
    color: #7a7567;
}

/* Разделитель */
hr {   
    height: 1px;
    margin-top: 5px!important;
    background-color: #648a78;
    border: none;
}

/* Уважение и сообщения */
.pa-respect, .pa-posts, .pa-fld1, .pa-fld3 {
    display: inline-block;
    text-align: center;
    width: 84px!important;
    line-height: 11px;
    padding: 6px 6px!important;
    margin-bottom: 0px!important;
    margin-top: 3px!important;
    font-size: 11px;
    font-family: Times New Roman!important;
    text-transform: lowercase;
    background: url("https://i.ibb.co/7yRPy8b/profile-bg.png") repeat;
    height: 25px!important;
    margin-right: -1px!important;
    letter-spacing: 0.5px;
}

.pa-posts span, .pa-fld3 span, .pa-fld1 span { display: block; }
.pa-respect span:first-child { display: block;}

.pa-respect a { color: #648a78!important; }

/* Не отображать модераторов */
#pun-index .modlist { display: none; }

/* Темы и сообщения */
#pun-index .tc2, #pun-index .tc3 { display: none !important; }

/* Скрыть: "форум, последнее сообщение" */
#pun-index .category table  thead{ display: none; }

/* H1 в центр */
#pun-main h1 { text-align: center; }

/* Рамка вокруг аватара автора последнего сообщения */
.punbb .user-avatar .avatar-image {
    height: 30px!important;
    width: 30px!important;
    border: 2px solid #648a78!important;
}

/* Окантовка аватара */
.pa-avatar img{ box-shadow: 0px 0px 0px 2px #e2dccf, 0px 0px 0px 3px #648a78; }

/* Личное описание */
.pa-fld4 {
    background: url("https://i.ibb.co/R4yD4mj/panteon.png") no-repeat top center;
    height: 23px;
    width: 215px;
    margin-top: -1px!important;
    margin-bottom: -7px!important;
    color: #e2dccf;
    text-transform: lowercase;
    font-weight: bold;
    padding: 3px 0px 0px 0px!important;
    margin-left: -6px!important;
}

#awardbud {
   height: 47px!important;
}

#pun-messages h3 {
    background: none;
    width: 500px;
}

.Plashkispace {
    width: 906px;
    margin-bottom: 60px!important;
    margin-top: -89px!important;
    text-align: center;
    position: absolute;
}

#imageupload-left input[type=button] {
      width: 15em!important;
      text-align:center;
}

.Lz {
    background: url("https://i.ibb.co/7yRPy8b/profile-bg.png") repeat;
    margin-left: 4px!important;
    width: 181px;
    padding: 8px 7px;
    color: #765b58;
}

#Lz-head {
    text-align:center;
    font-family: Times New Roman;
    color: #b8784d;
    font-weight: bold!important;
    font-size: 12px;
}

#Lz-head a, Lz-body a { color: #b8784d!important; }
#Lz-head a:hover, Lz-body a:hover { color: #648a78!important; }

#Lz-underhead {
    color: #e2dccf;
    background-color: #648a78!important;
    font-size: 11px;
    font-style: italic;
    font-family: Times New Roman;
    text-align: center;
    margin: 2px 11px;
}

#Lz-body {
    text-align: justify;
    font-size: 10px!important;
    line-height: 1.2em;
}

/* Подкатегории на главной странице */
#pun-main .category tr {
    background-color: #e2dccf;
    display: block;
    margin: 10px;
    padding-bottom: 15px;
}

td.tcr a { font-weight: bold!important; }

/* Подфорумы */
.PodforumOne {
    margin-top: -10px!important;
    width: 536px;
}

.PodforumTwo {
    height: 14px;
    text-align: left;
    font-family: Times New Roman;
    font-size: 12px;
    padding-top: 9px;
    font-style: italic;
    padding-left: 30px!important;
    color: #b8784d;
    text-transform: lowercase;
    font-weight: bold;
}

.PodforumThree {
    padding: 5px 5px!important;
    font-family: Times New Roman;
    line-height: 1.3em;
    font-size: 12px;
    color: #765b58;
    margin-top: 5px!important;
    background-color: #dcd5c8;
    margin-bottom: 1px!important;
}

.PodforumFour {
    font-family: Times New Roman;
    line-height: 1.3em;
    font-size: 12px;
    color: #765b58;
    text-align: right;
    font-weight: bold;
}

.PodforumSS {
    color: #648a78!important;
    display: inline;
}

/* Баннеры */
.banners {
    position: absolute;
    width: 835px;
    height: 31px;
    margin-top: -2px!important;
    margin-left: 33px!important;
    overflow-y: auto;
}

.banners img {
    transition: all .5s ease-in-out 0s;
    opacity: .40;
}

.banners img:hover { opacity: 1; }

/* Объявление */

.Header-main-gif {
    position: absolute;
    margin: -249px 0px 0px -17px!important;
}

.Header-main-gif img {
    transition: all .6s ease-in-out 0s;
    opacity: 0!important;
}

.Header-main-gif img:hover { opacity: 1!important; }

.Table-admins {
    position: absolute;
    margin: -259px 0px 0px -9px!important;
    color: #765b58;
    font-family: Times New Roman;
    font-size: 14px;
}

.Table-admins b {
    color: #648a78!important;
    font-family: "Onyx"!important;
    font-size: 24px;
    font-weight: normal;
}

.Table-admins a {
    text-shadow: 0px 0px 4px #dbd1c3;
    padding-right: 9px;
    color: #765b58!important;
}

.Table-admins a:hover { color: #648a78!important; }

.view {
    position: relative;
    display: inline-block;
}

.view>a> img {
    border: #dfb273 1px solid!important;
    height: auto;
}

.view > a {
    display: none;
    position: absolute;
    background: #648a78;
    text-align: justify;
    color: #f0eadf!important;
    width: 127px;
    padding: 10px;
    right: -47px;
    top: 6px;
    text-decoration: none!important;
    text-transform: none!important;
    font-weight: 400!important;
    z-index: 9999;
    text-shadow: none!important;
    font-size: 12px;
    line-height: 13px;
}

a.hover:hover + .view > a {
    display: inline-block;
}

.Table-navigation {
    position: absolute;
    margin: -226px 0px 0px 52px!important;
    text-align: right;
    color: #648a78;
    font-family: Times New Roman;
    font-size: 12px;
}

.Table-navigation a { text-shadow: 0px 0px 4px #dbd1c3; color: #765b58!important; }

.Table-navigation a:hover { color: #648a78!important; }

.Table-activists {
    position: absolute;
    margin: -190px 0px 0px 82px!important;
}

.Table-activists img {
    width: 33px;
    height: 33px;
    border-radius: 16px;
    margin-right: 33px;
}

.Table-activists-last {
    margin-left: -1px!important;
}

.Image-filter {
    filter: grayscale(53%) sepia(76%) hue-rotate(360deg) saturate(168%);
    -webkit-filter: grayscale(53%) sepia(76%) hue-rotate(360deg) saturate(168%);
    -moz-filter: grayscale(53%) sepia(76%) hue-rotate(360deg) saturate(168%);
}

.Table-quote {
    position: absolute;
    margin: -153px 0px 0px 87px!important;
    font-size: 12px;
    font-family: Times New Roman;
    color: #765b58;
    width: 429px;
    text-align: right;
}

.Table-quote a { color: #b8784d!important; font-weight: bold; }

.Table-quote a:hover { color: #648a78!important; }

.Table-writers {
    position: absolute;
    margin: -263px 0px 0px 640px!important;
}

.Table-writers img {
    width: 33px;
    height: 33px;
    border-radius: 16px;
    margin-right: 33px;
}

.Table-post {
    position: absolute;
    margin: -215px 0px 0px 566px!important;
}

.Table-post-text {
    position: absolute;
    width: 300px;
    height: 27px;
    overflow-y: auto;
    padding: 2px;
    font-size: 12px;
    font-family: Times New Roman;
    color: #765b58;
    line-height: 11px;
}

.Table-post-author img {
    width: 33px;
    height: 33px;
    border-radius: 16px;
    margin-left: 310px!important;
    position: absolute;
    margin-top: -3px!important;
}

.Table-episode {
    position: absolute;
    margin: -166px 0px 0px 640px!important;
    font-size: 12px;
    font-family: Times New Roman;
}

.Table-episode a { color: #765b58!important; }

.Table-episode a:hover { color: #648a78!important; }

#p44 .post-author, #p44 .post-sig { display: none; }
#p44 .post-body { margin-left: -15px; }

/* гостевая */
#guestbook {
    width: 700px;
    height: 580px;
    background: url(https://i.imgur.com/YFvAjk9.png);
    margin:auto;
}

.guestcont {
    width: 600px;
    height: 198px;
    position: absolute; 
    margin-left: 50px !important;
    margin-top: 120px !important;
    overflow-y: auto;
}

.tekst {
    font-family: 'Roboto';
    font-size: 11px;
    color: #000000;
    text-shadow: 1px 1px #dcd5c5;
    letter-spacing: 0.5px;
    position: relative;
}

.ssilki, .ssilki a {
    position: relative;
    font-family: 'Yeseva One';
    font-size: 15px;
    letter-spacing: 1px;
    color: #95b1a5 !important;
    text-shadow: 2px 1px #171717 !important;
}

.zagol {
    font-family: Georgia;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
    color: #fdf1d7;
    text-shadow: 1px 1px #1a1a1a;
    letter-spacing: 0.5px;
    position: relative;
}

.prid1 {
    margin-top: 346px !important;
    margin-left: 130px !important;
    font-family: Georgia;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    color: #121212;
    text-shadow: 1px 1px #d1bba9;
    letter-spacing: 0.5px;
    position: absolute;
}

.prid2 {
    margin-top: 346px !important;
 margin-left: 430px !important;
    font-family: Georgia;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    color: #121212;
    text-shadow: 1px 1px #d1bba9;
    letter-spacing: 0.5px;
    position: absolute;
}

.vnesh {
width: 250px;
    height: 160px;
    position: absolute;
    margin-left: 80px !important;
    margin-top: 380px !important;
    padding-right: 5px;
    overflow-y: auto;
    font-family: 'Roboto';
    font-size: 10.5px;
    line-height: 12px;
    letter-spacing: 0.5px;
    color: #181818;
    text-shadow: 1px 1px #ddbeac;
}

.vnesh1 {
width: 250px;
    height: 160px;
    position: absolute;
    margin-left: 372px !important;
    margin-top: 380px !important;
    padding-right: 5px;
    overflow-y: auto;
    font-family: 'Roboto';
    font-size: 10.5px;
    line-height: 12px;
    letter-spacing: 0.5px;
    color: #181818;
    text-shadow: 1px 1px #ddbeac;
}

.vnesh a, .vnesh1 a {
    font-weight: bold !important;
    color: #2a2a2a !important;
    text-shadow: 1px 1px #638b79 !important;
    font-size: 11px;
}

.guestcode {
    position: absolute;
    top: 865px;
    left: 150px;
    width: 598px;
    height: 68px;
    z-index: 999;
    text-shadow: 1px 1px 0 #cab6a3;
}

.punbb .post-content del {
text-decoration: none;
filter: blur(2px);
}

.punbb .post-content del:hover {
filter: blur(0px);
}