/*************************************************************
КОДЫ BLANCHE, ГРАФИКА BLURRY v.2021.1
с радостью подарим вам такую же красоту, у нас есть мастерская на рено, обращайтесь <З
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
части кодов можно свободно брать в личное пользование
но мне будет очень приятно, если вы оставите простое "спасибо" в стиле вашего диза
давайте уважать труды, да и просто друг друга <З
**************************************************************

 I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title table {height: 412px;    width: 1146px;    margin-left: -115px;     position: absolute;    top: -366px;
    background: url(http://forumstatic.ru/files/001b/24/79/41776.png) no-repeat top center;}

/* футер */
#pun-about {width: 1002px;    height: 62px;    margin: 10px 0 -7px -43px;
    background: url(http://forumstatic.ru/files/001b/24/79/73063.png) center top;} 





/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2, #pun-stats.section h2 {font-size: 0px;    width: 987px;    height: 34px;    margin: 8px 0 22px -30px;}

#pun-category1.category h2 {    background: url(http://forumstatic.ru/files/001a/c7/fc/23395.png);    margin: -64px 0 40px -30px !important;}
#pun-category2.category h2 {background: url(http://forumstatic.ru/files/001a/bb/e5/77495.png) no-repeat;}
#pun-category3.category h2 {background: url(http://forumstatic.ru/files/001a/bb/e5/39548.png) no-repeat;}
#pun-category4.category h2 {background: url(http://forumstatic.ru/files/001a/bb/e5/15549.png) no-repeat;}
#pun-category5.category h2 {background: url(http://forumstatic.ru/files/001a/bb/e5/67765.png) no-repeat;}
#pun-category6.category h2 {background: url(http://forumstatic.ru/files/001a/bb/e5/58987.png) no-repeat;}
#pun-category7.category h2 {background: url(http://forumstatic.ru/files/001a/bb/e5/80110.png) no-repeat;}
#pun-category8.category h2 {background: url(http://forumstatic.ru/files/001a/bb/e5/31611.png) no-repeat;}
#pun-stats.section h2 {background: url(http://forumstatic.ru/files/001a/bb/e5/35617.png) no-repeat;}


/* онлайн внизу */
#pun-stats ul.container {    margin: -9px 0 10px 10px;}

/* всего тем, сообщений */
#pun-stats li.item1, #pun-stats li.item2 {width: 250px;margin-right: 9px;}

/* последним зарегистрировался  */
#pun-stats li.item3, #pun-stats li.item4 {width: 376px;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {    display: inline-block;    text-align: center;    font-family: 'Raleway';    text-transform: lowercase;    font-size: 10px;    letter-spacing: 1px;    background: #e8dcd1;    padding: 4px 0; cursor: pointer;transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {color: #b9a18b;}





/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
#pun-index table Div.icon {width: 10px;    height: 40px;    margin: -5px 0px 0 -24px;    position: absolute;}
#pun-index TR.inew Div.icon {    background: #e8bc90;    border: 1px solid #9b9388;    border-right: none;    box-shadow: 0 0 0 1px #e5caae inset;}

/* в подфорумах */
#pun-messages table Div.icon, #pun-messages TR.inew Div.icon, #pun-messages TR.isticky Div.icon, #pun-messages TR.iclosed Div.icon, #pun-viewforum table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon {     float: left;    position: relative;    margin: 2px 10px 0 0 !important;    width: 10px;    height: 10px;}
#pun-messages table Div.icon, #pun-viewforum table Div.icon, #pun-viewforum TR.iclosed Div.icon {    background: #e8dcd1;}
#pun-messages TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {    background: #e9be93;}
#pun-viewforum TR.isticky Div.icon {    background: #e9be93;}
#pun-viewforum TR.iclosed Div.icon {opacity: .5}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/
.ams {    position: absolute;    top: -318px;    width: 950px;    left: 0px;    text-align: center;    font-family: 'Raleway';    font-size: 9px;    letter-spacing: 1px;    text-transform: lowercase;}
.aktiv {    position: absolute;    width: 200px;    top: -155px;    left: 36px;    letter-spacing: 5px;}
.aktiv img, .aktiv1 img {mix-blend-mode: soft-light;filter: grayscale(1);opacity: .8}
.aktiv1 {    position: absolute;    width: 260px;    top: -86px;    left: 673px;    letter-spacing: 4px;}
.aktiv1 img {width: 80px;    height: 27px;}
.plash {    position: absolute;    top: -184px;    left: 690px;    height: 70px;    width: 215px;    overflow-y: auto;    padding-right: 5px;}
.plash a {display: block;    background: #e8bc90;    box-shadow: 0 0 0 1px #7b6f62, 0 0 0 2px #e8bc90;    margin: 2px 0 9px 2px;    padding: 3px 0;    text-align: center;    font-family: 'Raleway';    text-transform: uppercase;    font-size: 10px;    letter-spacing: 1px;}
.plash a, .spirit-navigation, #pun .sslka a {    color: #775947 !important;    text-shadow: 1px 1px 0 #f9d2ab;}
.aktiv:before {content: '• активисты недели •';} .aktiv1:before {content: '• лучшие из лучших •';} .spirit-navigation:before {content: '• навигация •';}
.aktiv:before, .aktiv1:before, .spirit-navigation:before {    display: block;    position: absolute;    top: -20px;    letter-spacing: .5px;    width: 100%;    text-align: center;    color: #c2dacc;    text-shadow: 1px 1px 0 #395043;    text-transform: uppercase;    font-family: 'Raleway';    font-size: 12px;}
.ban {position: absolute; margin-top: -40px; width: 930px; height: 25px;}
.ban img {filter: grayscale(1);    opacity: .3;transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;}
.ban img:hover {filter: none;    opacity: 1;}





/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {overflow: auto;font-size: 10.5px !important;line-height: 15px !important;padding: 7px;font-family: Verdana;
    background: #ece5df;
    border: 1px solid #ece3da;
    outline: 1px solid #d2c6bc;
    box-shadow: 0 0 7px #dccec1 inset;}

/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#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: -5px -21px 0 1px;
background: #ece5df;
    box-shadow: 0 0 10px #dacdc2 inset;}


/*--------------------- формы заполнения ---------------------*/
.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 {    cursor: pointer;    font-size: 10px;    padding: 4px;      font-family: Arial;
    background: #ece5df;
    border: 1px solid #ece3da;
    outline: 1px solid #d2c6bc;
    box-shadow: 0 0 5px #e5dbd2 inset;
    color: #776e66;}
.punbb option {    background-color: #ece5df !important;} /* модерское */


/*--------------------- кнопки ---------------------*/
p.formsubmit {text-align: center;}
/* до наведения */
.button, .hashelp center div a button, ul.tabs li a, input#sub4 {cursor: pointer;    padding: 5px 7px !important;    font-family: raleway !important;    font-size: 9px !important;    letter-spacing: 1px !important;    text-transform: uppercase;    min-width: 100px;    margin: 0 3px; text-align: center;
background: #90a79a !important;
    border: 1px solid #90a79a !important;
    outline: 1px solid #779082 !important;
    box-shadow: 0 0 5px #779082 inset !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 0 #5d7969;}


/* кнопки после наведения */
.button:hover {}




/* 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 blockquote p {padding-bottom: 0px!important;}
.punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 11px;overflow-y: hidden !important;height: auto !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 {padding: 10px;font-size: 11px!important;    font-family: arial!important;
background: #ece5df;
    border: 1px solid #ece3da;
    outline: 1px solid #d2c6bc;
    box-shadow: 0 0 10px #e5dbd2 inset;
    color: #6f6255;
}
#MyBookmarks {    box-shadow: 0 0 10px #b5aa9e inset !important;}

/* написал и выделить код */
.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: 1px;
background: #e8dcd1;
    border-bottom: 1px solid #f1e5da;
    box-shadow: 0 0 5px #bfae9f inset;
}
.post-content .spoiler-box > div {margin-bottom: -11px;    background: url(https://i.ibb.co/ZWmT49R/f09f939c.png) no-repeat 4px, #e8dcd1 !important;}
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div, .post-content .spoiler-box > div strong {color: #6f8a7b;}






/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
.punbb .post .post-author {float: left;    overflow: hidden;    width: 254px;    padding-bottom: 10px;    min-height: 100px;    margin-bottom: 40px;
    background: url(http://forumstatic.ru/files/001a/bb/e5/51457.png) 0px bottom no-repeat, url(http://forumstatic.ru/files/001a/bb/e5/64981.png) 0px top no-repeat, url(http://forumstatic.ru/files/001a/bb/e5/37692.jpg) 0px repeat-y;}

.punbb .post .post-author ul {display: flex;flex-wrap: wrap;text-align: center;justify-content: space-around;    width: 243px;    margin: 6px 0 0 9px;position: relative;}
.punbb .post-body {margin-left: 280px;}

/* шрифт ника (гости) bl */
li.pa-author {    width: 200px;    display: inline-block;    font-size: 12px;margin-top: 4px;}
.pa-author, .pa-title {font-family: 'Raleway';}
.pa-author {font-size: 13px;    letter-spacing: .5px;text-transform: uppercase;} 

/* статус */
li.pa-title {width: inherit;    margin: 17px 30px 10px 30px;    font-size: 11px;    text-transform: lowercase;    letter-spacing: .5px;    padding: 3px 0 !important;}
li.pa-title, .punbb .post .post-author .lzinfo {background: #b2c3b9c7; color: #425448;}
.punbb .post .post-author .lzinfo a {color: #d5eadd !important;}

/* аватар */
.pa-avatar {width: inherit;margin-bottom: 10px;}
.pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {box-shadow: 0 0 0 1px #a2b7a9, 0 0 0 2px #52665a;}
.pa-avatar img {max-width: 200px;}

/* репутация и соо на одной строке */
.pa-respect, .pa-posts {position: relative;width: 120px;font-family: 'Raleway';text-transform: uppercase;font-size: 9px;letter-spacing: .5px;margin: 0 0 5px 0;}
.pa-respect img {vertical-align: middle;    mix-blend-mode: luminosity;}

/* ай-пи */
li.pa-ip {    font-family: 'Raleway';    text-transform: uppercase;    font-size: 9px;    letter-spacing: .5px;width:inherit;}

/* поля */
li.pa-fld1 {    width: inherit;}
.pa-fld4 {    float: left;    width: 24px;    height: 19px;    background: #6e8979;    box-shadow: 0 0 0 1px #b4c6ba, 0 0 0 2px #6e8979;    text-align: center;    color: #cbdad1;    text-shadow: 1px 1px 0 #475f50;    font-family: 'Raleway';    text-transform: uppercase;    font-size: 13px;    padding-top: 3px !important;    display: inline-block;margin: 0 -40px 0 -6px;}

.pa-fld5 {    margin: 0 0 7px 0;}
.pa-fld5 plash {    background: url(http://forumstatic.ru/files/001a/bb/e5/47322.jpg);    width: 232px;       height: 27px;    display: block;    padding-top: 4px;}
.pa-fld5 plash1 {    text-transform: uppercase;    font-size: 12px;}
.pa-fld5 plash2 {    font-size: 9px;    margin-top: -2px;}
.pa-fld5 plash1, .pa-fld5 plash2 {    color: #775947;    text-shadow: 1px 1px 0 #efccac;    font-family: 'Raleway';    display: block;    letter-spacing: 1px;}

.punbb .post .post-author .lzname {    font-family: 'Raleway';    font-size: 12px;    text-transform: uppercase;    letter-spacing: 1px;}
.punbb .post .post-author .lzname a {color: #cee1d5 !important; text-shadow: 1px 1px 0 #516d5c}
.punbb .post .post-author .lzinfo {    margin: 10px 32px 20px 32px;    box-shadow: 0 0 0 1px #688474, 0 0 0 2px #a3b6ab;    padding: 5px;    text-align: center;     letter-spacing: .5px;    font-size: 10px;}
.punbb .post .post-author .lztit {    color: #cee3d6;    font-family: 'Raleway';    font-size: 9px;    letter-spacing: 2px;}

.pa-fld2, .pa-fld3 {    font-family: 'Raleway';    font-size: 9.5px;    letter-spacing: .5px;}
.pa-fld2 {    text-align: left;    width: 95px;    background: url(http://forumstatic.ru/files/001a/bb/e5/98527.jpg);    padding: 2px 0 0 73px !important;    height: 15px;    margin: -19px 0 10px 0;}
.pa-fld3:after {    content: '|';    margin: 0 2px 0 -3px;}
.pa-fld3 {    text-align: right;    width: 120px;    margin: -25px 135px 15px 0px;    display: block;}

.award {    width: inherit;    margin-left: -9px;    font-family: 'Raleway';    letter-spacing: 1px;    text-transform: uppercase; font-size: 9px;}






/* V. ЗАКЛАДКИ, УВЕДОМЛЕНИЯ, СТРЕЛКИ, ОНЛАЙН
-------------------------------------------------------------*/
#BookmCntToggle.default-style, .post .bookmark {color: #838389 !important;}
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {box-shadow: none !important;margin-left: 5px !important;width: 114px;text-shadow: none;
    background: #e2dbd4;
    border: 1px solid #f3e9df;}
#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: #71887b !important; text-shadow: none!important;    font-weight: normal !important;}
.bubble:after {border-color: #71887b transparent !important}
span.num_msg { }
#notify-link .unreads, #navpm .unreads {  top: 0px !important;    left: 0px !important;    margin-left: 2px !important;    border-radius: 2px !important;}

/* стрелки */
.go-up, .go-down {    cursor: pointer;    display: none;    opacity: 1;    position: fixed;    z-index: 9999;margin-left: 960px !important;}
.go-up {    bottom: 53%;}
.go-down {    bottom: 50%;}
.go-down:hover, .go-up:hover {        text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(232, 213, 170, 0.86)!important;}

/* онлайн */
.indOnline, .indOffline {display: inline-block;margin: 0px 0 2px 7px;width: 5px;height: 5px;cursor: pointer;border-radius: 10px;}
.indOnline { background: #6b8677;    box-shadow: 0 0 0 1px #b5c5b8, 0 0 0 2px #858685;}
.indOffline { background: #b58e6a;    box-shadow: 0 0 0 1px #d8ba9e, 0 0 0 2px #b58e6a;}





/* VI. ТЕМЫ
-------------------------------------------------------------*/
#pun-ulinks #Rz{display:none}
