/*************************************************************
КОДЫ BLANCHE, ПРЕДОСТАВЛЕНЫ В ПОЛЬЗОВАНИЕ CHINCHILLA
**************************************************************

 I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title table {z-index: 0; position: absolute; top: -293px; height: 293px;    width: 1090px;    margin-left: -95px;    
    background: url(http://forumstatic.ru/files/001b/a3/41/85579.png) no-repeat top center;}

/* футер */
#pun-about {     width: 1090px;    height: 176px;    margin: -100px 0px -40px -95px;    background: url(http://forumstatic.ru/files/001b/a3/41/79652.png) center top;}





/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-index .category h2, #pun-stats.section h2 {height: 106px; width: 1090px; margin: -10px 0px -10px -95px;
    background: url(http://forumstatic.ru/files/001b/a3/41/40511.png);}

/* скрываем первую, если нужно */
#pun-category1.category h2 {/*font-size: 0px; height: 0px; margin: 0px;*/ display: none;}

/* стиль для текста */
#pun-index .category h2 span, #pun-stats.section h2 span {    display: block;    text-align: center;    font-family: BriocheDEMO;    font-size: 36px;    color: #755d46;    text-transform: uppercase;    text-shadow: 0 0 1px #624e3a, 0 0 2px rgb(140 115 91 / 30%);    width: 980px;    margin-top: 36px;margin-left: 60px;    /* line-height: 160px; */    position: absolute;}

/* если нужен еще текст */
#pun-index .category h2 span:before { } /* общий стиль всем*/

/* сам текст для каждой категории */
/*#pun-category1.category h2 span:before {content: 'тут текст'}*/
/*#pun-category2.category h2 span:before {content: 'тут текст'}
#pun-category3.category h2 span:before {content: 'тут текст'}
#pun-category4.category h2 span:before {content: 'тут текст'}
#pun-category5.category h2 span:before {content: 'тут текст'}
#pun-category6.category h2 span:before {content: 'тут текст'}*

/* переименовываем статистику */
#pun-stats.section h2 span {font-size: 0px;}
#pun-stats.section h2 span:after {content: 'statistic';    font-size: 36px;    margin-left: 0px; }

/* всего тем, сообщений, посл. зарегистрировался */
#pun-stats ul.container {display: flex;    flex-wrap: wrap;    justify-content: space-between;    margin-top: -10px;}
#pun-stats li.item1, #pun-stats li.item2 {width: 27%;}
#pun-stats li.item3, #pun-stats li.item4 {width: 44%;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {   display: inline-block;    text-align: center;      font-family: Arial;    text-transform: lowercase;  font-size: 9px;    letter-spacing: 1px;    padding: 4px 0;
  background: #efdfcf;     border-radius: 7px;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {color: #60453c;} 





/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
#pun-index table Div.icon {float: right; width: 29px;    height: 49px;    background: url();    margin: -6px 170px 0px 0px;}
#pun-index TR.inew Div.icon {background: url(http://forumstatic.ru/files/001b/a3/41/26679.png);} /* новая */

/* в подфорумах */
#pun-viewforum table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-messages table Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics table Div.icon, #pun-searchtopics TR.inew Div.icon {float: left; margin: -4px 10px;    font-size: 15px;    background: none;    height: 10px;    width: 10px}
#pun-viewforum table Div.icon:before, #pun-messages table Div.icon:before, #pun-searchtopics table Div.icon:before {content: '\2718'}
#pun-viewforum TR.inew Div.icon:before, #pun-messages TR.inew Div.icon:before, #pun-searchtopics TR.inew Div.icon:before {content: '\2714';    color: #af9073;}
#pun-viewforum TR.isticky Div.icon:before {content: '\203C';    color: #af9073;}
#pun-viewforum TR.iclosed Div.icon:before {content: '\2718'; opacity: .5}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/
.akt {    position: absolute;    top: -122px;    left: 243px;    display: flex;    justify-content: space-between;    width: 100px;}
.akt a, .akt img {    width: 30px;    height: 30px;    object-fit: cover;}
.akt span {font-family: 'Raleway';    font-size: 7px;    letter-spacing: `1.5px;   display: block;    position: absolute;    margin: -11px 0 0px -1px; text-transform: uppercase;}

.quo {    position: absolute;    top: -224px;    left: 294px;    width: 139px;    height: 18px;    color: #f5e9dd;    font-size: 8px;    font-family: 'Raleway';    letter-spacing: .5px; border-left: 2px solid #9f7c5a;    border-right: 2px solid #9f7c5a;    padding-right: 0px;}
.quo ::-webkit-scrollbar {width: 3px !important;}
.quo span {    height: 18px;    overflow: auto;    display: block;    text-align: justify;    margin: 0 5px; margin-bottom: 1px;    padding-right: 6px;}
.quo a {    margin: 5px 0 0 6px;    display: block;}

.coup {    position: absolute;    top: -172px;    left: 241px;    text-align: left;    width: 56px;}
.coup span {    display: block;    margin: auto;}
.coup span, .coup span img {    width: 56px;    height: 30px;    object-fit: cover;}

.text {    position: absolute;    top: -184px;    left: 241px;    font-family: 'Raleway';    font-size: 7px;letter-spacing: 1.5px; text-transform: uppercase;}

.wrt {    position: absolute;    top: -196px;    right: 283px;    display: flex;    justify-content: space-between;    width: 100px;}
.wrt a, .wrt img {    width: 30px;    height: 30px;    object-fit: cover;}
.wrt span {font-family: 'Raleway';    font-size: 7px;    letter-spacing: 1.5px;   display: block;    position: absolute;    margin: -14px 0 0px -1px; text-transform: uppercase;}

.ep {    position: absolute;    top: -145px;    right: 327px;    text-align: left;    width: 56px;}
.ep span {    display: block;    margin: auto;}
.ep span, .coup span img {    width: 56px;    height: 30px;    object-fit: cover;}

.text_ep {    position: absolute;    top: -157px;    right: 349px;    font-family: 'Raleway';    font-size: 7px;letter-spacing: 1.5px; text-transform: uppercase;}

.pst {    position: absolute;    top: -283px;    right: 271px;    width: 127px;    height: 48px;    color: #f5e9dd;    font-size: 8px;    font-family: 'Raleway';    letter-spacing: .5px; border: 2px solid #9f7c5a; }
.pst ::-webkit-scrollbar {width: 3px !important;}
.pst span {    height: 38px;    overflow: auto;    display: block;    text-align: justify; margin:3px;   margin-bottom: 1px;    padding-right: 6px;}
.pst a {    margin: 10px 0 0 6px;    display: block;}
.pst a:hover {    color: #7f584c !important;}

.ban {    position: absolute;    margin: 17px 0px 0px -40px;    width: 987px;    height: 42px;    white-space: nowrap;    overflow: auto;}
.ban a {    background: #b9885d;    display: inline-block;    margin-right: 7px; height: 31px;}
.ban a img {    filter: grayscale(1);    opacity: .3;    transition: all .5s;}
.ban a:hover img {    filter: none;    opacity: 1;}
.ban a:last-child {    margin-right: 0px;}


/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {
    overflow: auto;
    font-size: 10.5px !important;
    line-height: 15px !important;
    padding: 7px;
    font-family: Verdana;
    border: none !important;
    /* outline: none !important; */
    border-radius: 0px;
    background: #fffbf6;
    /* box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c1cfcd, 0 0 15px #d4e7e5 inset; */
    /* border: 1px solid #5e443c; */
    outline: 1px solid #5e443c;
    outline-offset: 18px;
}

/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {overflow-y: auto;padding: 10px !important;height: 207px; font-family: 'Raleway';text-transform: lowercase;letter-spacing: .5px;z-index: 99999;font-size: 10px;margin: -13px -21px 0 0px;
    background: #f3e9dc;
    box-shadow: 0 0 10px #d3c5b3 inset;}
 #size-area {height: 182px !important;}


/*--------------------- формы заполнения ---------------------*/
.punbb select {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 3px !important;}
.checkbox {width: auto !important;}
.punbb input, .punbb select, .copycode {    cursor: pointer;    font-size: 10px;    padding: 4px 12px;    text-align: center;    font-family: Arial;border-radius: 5px; border: none !important; outline: none !Important;
    background: #fdf7f0;
    box-shadow: 0 0 0 1px #f9ede2, 0 0 0 2px #cdbeb0, 0 0 5px #d6bba3 inset, 0 0 10px #e6d2c2;
    color: #5f443b;}
.punbb option {background-color: #fdf7f0!important;} /* модерское, тот же цвет, что выше */
.punbb input {    position: relative;}


/*--------------------- кнопки ---------------------*/
p.formsubmit {text-align: center;} /*по центру */
/* до наведения */
.button, .hashelp center div a button, ul.tabs li a, input#sub4, .hvStickerPackModalTab {    cursor: pointer;    padding: 5px 7px !important;    font-family: raleway !important;    font-size: 8px !important;    letter-spacing: 1px !important;    text-transform: uppercase;    min-width: 100px;    margin: 0 3px;    border-radius: 5px;    border: none !important;    outline: none !Important;    background: #c1a087 !important;box-shadow: 0 0 0 1px #eed6c0, 0 0 0 2px #ab998b, 0 0 5px #f4dbc4 insert, 0 0 10px #e6d2c2, insert 0px 6px 8px #efe0d0 !important;    /* color: #ece4f1 !important; */    transition: all 0.7s ease-in-out;    font-weight: bold !important;    /* text-shadow: 1px 1px #fff !important; */    /* background: linear-gradient(0deg, #b59075, #eee5dc) !important;  */}

/* кнопки после наведения */
.button:hover {background: #5f443d !important;box-shadow: 0 0 0 1px #bb8f84, 0 0 0 2px #836057, 0 0 5px #ab8278 insert, 0 0 10px #cdb8a8, insert 0px 6px 8px #b3897f !important;color: #c8b09c;}




/* IV. ЦИТАТЫ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 10px 20px 10px 20px;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {margin: 0px;    width: 99%;    overflow: hidden;}
.punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 11px;overflow-y: hidden !important;height: 200px !important;}

/* общий стиль, в том числе для закладок, репутации и маски */
.punbb .post-content .quote-box, .punbb .post-content .code-box, #float, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks, .hvStickerPackModal {padding: 10px;font-size: 11px!important;    font-family: arial!important;    border-radius: 7px;
    background: #edddce;
    box-shadow: 0 0 0 1px #f4eee9, 0 0 0 2px #e3ceba, 0 0 20px #e1cebc inset;
    color: #8a7b6d;}
#MyBookmarks, .editBookmark, .hvStickerPackModal {    box-shadow: 0 0 10px #b5aa9e inset !important;}
.hvStickerPackModal {    background: #e2ded2 !important;    border: 1px solid #e2ded2!important; border-radius: 0px !important;}
.hvStickerPackModalContent {border: none !important;}
.hvStickerPackModalTab {border-radius: 0px !important; text-align: center;}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {font-style: normal;    font-weight: normal;    text-align: center;    padding: 5px 0;    width: auto;    display: block;    text-transform: lowercase;    margin: -10px -10px 0px -10px;    font-family: 'Raleway';    letter-spacing: 2px;
    background: #bfa37d;
    box-shadow: 0 0 5px #7e684a inset;
}

/* спойлер. копировать цвет выше*/
.post-content .spoiler-box > div {background: url('') no-repeat 10px, #bfa37d !important;    border-radius: 7px;  margin-bottom: -11px;}
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div, .copycode strong.legend a {    color: #e5ceb1;}




/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
.punbb .post .post-author {float: left;    /*overflow: hidden;*/    width: 220px;    min-height: 100px;    margin: 0 0 50px 0px;   padding-bottom: 10px; border-radius: 0px;
    background: url() 0px bottom no-repeat, url() 0px top no-repeat, url(http://forumstatic.ru/files/001b/a3/41/56367.jpg) 0px repeat;
    box-shadow: 0 0 0 1px #c9b7a4, 0 0 0 2px #aa8f73;}

.punbb .post .post-author ul {display: flex;    flex-wrap: wrap;    text-align: center;    justify-content: center;    margin: 0px 0px 0px 0px;    width: 220px;    column-gap: 5px;}
.punbb .post .post-author ul li {width: inherit;}

/* отступ текста от профиля */
.punbb .post-body {margin-left: 250px;}

/* цвета текста в профиле*/
.pa-author, .pa-author a, .pa-online, .pa-title, .pa-respect, .pa-posts, .pa-respect a,  .pa-fld1 lz2, .pa-fld1 lz1 a, .pa-fld2, .pa-fld3, .pa-fld4, .pa-online, .pa-last-visit {color: #755d46!important;  }
.pa-fld1 lz2 a {color: #b39669!important;  }
/*.pa-fld2, .pa-posts, .pa-respect, .pa-respect a, .pa-fld3, .pa-fld4 {color: #3e4f4c!important;  }*/
.lz a {color: #856232 !important;}

/* ник */
.pa-author {    font-size: 20px;    letter-spacing: 1px;    text-transform: uppercase;    font-family: BriocheDEMO, 'Cormorant Garamond';    margin: 10px 18px 3px 18px;    font-weight: bold;    border-bottom: 1px solid #967d6382;    padding-bottom: 3px !important;}

.pa-author #tuser {    font-size: 13px !important;    position: absolute;    margin: 0 0px 0 30px;}

/* статус */
.pa-title {    margin: 0px 0px;    font-size: 9px;    text-transform: lowercase;    letter-spacing: .5px;    /* border-radius: 3px; */    /* font-weight: bold; */    font-family: 'Alice';}

/* аватар */
.pa-avatar {margin: 8px 0;}
.pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {box-shadow: 0 0 0 1px #d0c1b1, 0 0 0 2px #66513c; max-height: 180px; max-width: 180px !important;}

/* репутация и соо на одной строке */
.pa-respect, .pa-posts, .pa-fld3, .pa-fld4 {    width: 102px !important;    font-family: 'Alice';    letter-spacing: .5px;    text-transform: lowercase;    font-size: 10px;    padding: 2px 0 !important;    margin-top: 5px;}
/* .pa-respect span:first-child, .pa-posts span, .pa-fld5 span, .pa-fld4 span {display: block;} в две строки*/
.pa-respect img {vertical-align: text-top;    mix-blend-mode: luminosity;    margin-right: -1px;}
.pa-posts, .pa-fld3 {    text-align: left;}
.pa-respect, .pa-fld4 {    text-align: right;}

/* онлайн, последний визит*/
.pa-online, .pa-last-visit { text-align: center;    font-size: 8px;    letter-spacing: .5px;    text-transform: uppercase;    margin: 10px 0px 10px 0px;    font-family: Raleway;    font-weight: normal;}

/* ай-пи */
.pa-ip {display:none;}

/* поля */
.pa-author img {    display: none !important;} /* скрыть флаг*/
.pa-fld1 lz1 {    display: block;    font-family: 'Alice';    text-transform: uppercase;    font-size: 13px;    font-weight: bold;    letter-spacing: .5px;    border-bottom: 1px solid #967d6382;    padding-bottom: 3px !important;    margin: 0 18px;    margin-bottom: 1px; background: #e0d2c2;}
.pa-fld1 lz2 {    display: block;    font-family: 'Alice';    font-size: 10px;    text-transform: lowercase;    letter-spacing: .5px;    background: #e0d2c2;    margin: 0px 18px;    text-align: justify;    padding: 3px 5px;    line-height: 13px;}


/* плашка*/
.pa-fld2 plash {    display: block;    background: #bc9a76;    margin: 0px 0px;    padding: 3px;    height: 30px;    box-shadow: 0 0 0 1px #cab5a0, 0 0 0 2px #a09284;}
.pa-fld2 plash1 {    display: block;    text-transform: uppercase;    margin-top: 2px;    font-family: 'Alice';    font-size: 12px;}
.pa-fld2 plash2 {    display: block;    text-transform: lowercase;    font-family: 'Alice';    font-size: 10px;    margin-top: 2px;}

/* иконка*/
.pa-fld5 {    background: transparent;    width: 50px;    height: 50px;    position: absolute; margin: 206px -179px 0 0;}
.pa-fld5 img {    height: 50px;}

/* V. ЗАКЛАДКИ, УВЕДОМЛЕНИЯ, СТРЕЛКИ, ОНЛАЙН
-------------------------------------------------------------*/
.post .bookmark {color: #cdb188 !important}
#BookmCntToggle.default-style {
    /* color: #748d88 !important; */
    background: url(http://forumstatic.ru/files/001b/a3/41/67548.png) !important;
    width: 17px !important;
    height: 30px !important;
    box-shadow: none !important;
    border: none !important;
    color: transparent !important;
opacity: 1 !important;
}
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {box-shadow: none !important;margin-left: 5px !important;width: 114px;text-shadow: none;
    background: #d6d2c5;
    border: 1px solid #c7c3b5;}
#MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !important;background: #9898ab6e !important;}
#pun-main .editBookmark h1 {    font-size: 10px !important;    letter-spacing: 2px;    display: block !important;    text-transform: uppercase;    text-align: center;    font-weight: normal;}
#pun-main .editBookmark h1 span.delBookmark {    font-size: 25px !important;    margin: -15px 0px 0 0;}
.editBookmark {font-family: 'Raleway';    font-size: 9px;    letter-spacing: .5px;    border-radius: 0px !important;    margin: 26px 50px 0 0px !important;}
.editBookmark .inputfield {font-weight: normal!important;text-transform:lowercase;}


/* новое соо, уведомления */
span.num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author, span.num_msg:before {background: #bfa284 !important; text-shadow: none!important;    font-weight: normal !important;}
.bubble:after {border-color: #5f443d transparent !important}
span.num_msg {}

/* стрелки */
.go-up, .go-down {    cursor: pointer;    display: none;    opacity: 1;    position: fixed;    z-index: 9999;    margin-left: 959px!important; transition: all .5s;}
.go-up {bottom: 52%; background: url(http://forumstatic.ru/files/001b/a3/41/53197.png);   width: 25px; height: 112px;     top: 250px;}
.go-down {bottom: 48%; background: url(http://forumstatic.ru/files/001b/a3/41/39713.png);  width: 25px;height: 72px; top: 360px;}

/* онлайн */
.indOnline, .indOffline {left: 0px;    width: 0px;    height: 0px;    cursor: pointer;    position: absolute;}
.indOnline {background: url();}
.indOffline {}





/* VI. ТЕМЫ
-------------------------------------------------------------*/