/*************************************************************

ÏÀÍ ÒÅËÎ

**************************************************************/
/* A5.1 ÏÀÍ ÈËÈ ÒÅËÎ
çäåñü "margin: 190px" îçíà÷àåò îòñòóï íà 190 ïèêñåëåé îò ñàìîãî âåðõà ôîðóìà
-------------------------------------------------------------*/
#pun {
    margin: auto;
    position: relative;
    width: 994px;
    margin: 300px auto -10px auto;
    background: repeat transparent url(http://forumstatic.ru/files/001b/6e/df/92591.png?v=1);
    background-position: center;
    padding-top: 185px;
    padding-bottom: 110px;
    margin-bottom: 47px;
}

/* A5.2 ÐÀÇÌÅÙÅÍÈÅ ÊÎÍÒÅÍÒÀ ÂÍÓÒÐÈ ÒÅËÀ
-------------------------------------------------------------*/
.punbb {
    height: auto;
    margin-left: 55px;
    width: 890px;
}


/*************************************************************

ØÀÏÊÀ, ÔÎÍ, ÔÓÒÅÐ È ÍÀÑÒÐÎÉÊÈ ÔÓÒÅÐÀ

**************************************************************/

/* ÇÀÄÍÈÉ ÔÎÍ
-------------------------------------------------------------*/
body {background:
url(https://i.imgur.com/pzBJOOa.png) no-repeat fixed
top center;
background-size: cover;
background-color: #161618;
}

/* øàïêà
-------------------------------------------------------------*/
#pun-title table {
        background: rgba(0, 0, 0, 0) url(http://forumstatic.ru/files/001b/6e/df/61131.png?v=1);
    border: none;
    margin-left: -55px;
    margin-bottom: -50px;
    width: 994px;
    margin-top: -484px;
    height: 350px;
}


/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container {
background: rgba(0, 0, 0, 0) url(http://forumstatic.ru/files/001b/6e/df/45285.png?v=1) no-repeat scroll bottom center;
    height: 291px;
    margin-bottom: -262px;
    margin-left: -66px;
    margin-top: -249px;
    width: 994px;
    padding-top: 0px!important;
    border: none !important;
    padding-bottom: 130px!important;
}


/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 243px;
    width: 972px;
    position: absolute;
    font-family: arial;
    font-size: 9px;
    text-align: center;
    text-transform: lowercase;
}

/*************************************************************

ÏÐÎÔÈËÜ

**************************************************************/

/* ðàìêà ïðîôèëÿ â òîïèêå
-------------------------------------------------------------*/
.post-author {
    width: 299px;
    background: url(http://forumstatic.ru/files/001b/6e/df/49338.png) top no-repeat, url(http://forumstatic.ru/files/001b/6e/df/16478.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/6e/df/67077.png) repeat-y;
    margin-left: -15px!important;
    padding-bottom: 55px!important;
    margin-top: -27px!important;
}

/* ÂÍÓÒÐÅÍÍÅ ÏÐÎÑÒÐÀÍÑÒÂÎ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author ul {
    margin-left: 40px;
    margin-top: 20px;
    width: 220px;
    padding: 0px !important;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author { 
    font-size: 12px!important;
    letter-spacing: 1px;
    font-family: Vogue Highline serif;
    font-weight: bold;
    color: #87694d!important;
    text-transform: uppercase;
    margin: 5px 0px 15px 0px!important;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ ÑÑÛËÊÀ
-------------------------------------------------------------*/
.pa-author a {
    color: #69583a!important;
    font-family: Vogue Highline serif;
    font-size: 14px;
    text-shadow: rgb(0 0 0) 1px 1px 0px;
    font-weight: bold;
}

/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover { color: #66787a!important;
}


/* ÑÒÀÒÓÑ ËÈ×ÍÎÅ ÇÂÀÍÈÅ
-------------------------------------------------------------*/
.pa-title {
   font-size: 9px!important;
    padding: 4px 13px 45px 13px!important;
    text-align: center;
    color: #6c6c6c!important;
    text-transform: lowercase;
    text-shadow: 1px 1px black;
    letter-spacing: 1px;
    font-family: tahoma!important;
}

/* ÀÂÀÒÀÐ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-avatar {
    margin-bottom: 5px !important;
    margin-left: 0px !important;
    text-align: center;
}

/* ÇÀÄÀÅÌ ÒÅÍÜ È ÐÀÌÊÓ ÀÂÀÒÀÐÓ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #2c2313!important;
    box-shadow: 0 0 2px #000000e0;
}

/* ÏÎËß ÏÐÎÔÈËß
-------------------------------------------------------------*/
.pa-fld1 {margin-top: 2px!important;
    left: 175px;
    color: #914b3a;
    text-shadow: 1px 1px #000000;
    font-size: 14px;
    font-family: Vogue Highline serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 1px 10px !important;}

.pa-fld2 a.s1 {    display: block;
    color: #813f34 !important;
    font-family: Vogue Highline serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;}

.pa-fld2 span {    display: block;
    margin: 5px 12px;
    font-family: 'tahoma';
    font-size: 9px;
    padding: 5px;
    font-variant-caps: all-small-caps;
    text-align: justify;
    color: rgb(149 125 103) !important;
    letter-spacing: 1px;
    font-weight: bolder;
    background: #141313;
    border: 1px solid #282928 !important;} 

.pa-fld2 span a {color: #7d5832 !important;}
.pa-fld2 a.s2 {    display: block;
    color: #813f34 !important;
    font-family: Vogue Highline serif;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;}
.pa-fld2 a.s2:before, .pa-fld2 a.s2:after {content: '-'; margin: 0 5px;}

.pa-fld2 a:hover {color: #b19c7d!important}

/* ÏÎÑÒÛ, ÐÅÏÓÒÀÖÈß
-------------------------------------------------------------*/
.pa-respect, .pa-posts {     padding: 0px 3px 0px 3px !important;
    width: 100px!important;
    text-transform: lowercase;
    font-size: 10px;
    display: inline-block!important;
    border: 1px solid #282928 !important;
    color: rgb(149 125 103) !important;
    line-height: 140%;
    background: #141313;
    margin-top: 5px!important;
    height: 17px!important;
    font-family: 'tahoma';
    font-variant-caps: all-small-caps;
    font-weight: bolder;
    letter-spacing: 1px;}

.pa-fld4, .pa-fld3 {     padding: 0px 3px 0px 3px !important;
    width: 100px!important;
    text-transform: lowercase;
    font-size: 10px;
    display: inline-block!important;
    border: 1px solid #282928 !important;
    color: rgb(149 125 103) !important;
    line-height: 140%;
    background: #141313;
    margin-top: 5px!important;
    height: 17px!important;
    font-family: 'tahoma';
    font-variant-caps: all-small-caps;
    font-weight: bolder;
    letter-spacing: 1px;}

.pa-respect img {vertical-align: middle;    mix-blend-mode: luminosity;}

.punbb span.GamePst, .punbb strong.GamePst2 {
    padding-right: 0.7em;
    display: inline-block !important;
    width: auto !important;
    cursor: pointer;
    color: #8d7a67 !important;
}

}
/* ÑËÎÂÎ ÐÅÏÓÒÀÖÈß - ÝÒÎ ÑÑÛËÊÀ. ÅÅ ÍÓÆÍÎ ÏÅÐÅÊÐÀÑÈÒÜ ÎÒÄÅËÜÍÎ!
-------------------------------------------------------------*/
 .pa-respect a {   
 color: rgb(149 125 103) !important;}

/* ÑÄÂÈÃ ÊÎË-ÂÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.pa-posts {margin-left: 0px!important}

/* ÎÒÎÁÐÀÆÅÍÈÅ ÏÐÎÔÈËß ÏÐÈ ÎÒÂÅÒÈÒÜ
-------------------------------------------------------------*/
#pun-post .pa-author {
    width: 244px !important;
    text-shadow: rgb(0 0 0) 1px 1px 0px;
    text-align: center;
    height: 100px;
    font-size: 12px!important;
    letter-spacing: 1px;
    font-family: Vogue Highline serif;
    font-weight: bold;
    color: #87694d!important;
    text-transform: uppercase;
    margin: 29px 5px 16px 59px!important;
}

/* ÑÑÛËÊÈ ÏÐÎÔÈËÜ, ËÑ, EMAIL ÏÎÄ ÏÐÎÔÈËÅÌ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
Âîçìîæíî, ïðèäåòñÿ äâèãàòü ñ ïîìîùüþ ïîñëåäíåãî ïàðàìåòðà*/

.punbb .post-links ul {
    padding: 20px 0em 0 0;
    height: 2em;
    line-height: 2em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    margin-left: -21em;
}

/* ÂÐÅÌß È ÍÎÌÅÐ ÏÎÑÒÀ
-------------------------------------------------------------*/
.post h3 {
    height: 50px;
    margin: 5px 0px 5px -46px;
    border: none;
    text-transform: lowercase;
}

/* ÍÎÌÅÐ ÏÎÑÒÀ (ÌÎÆÍÎ ÏÎÄÂÈÍÓÒÜ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 615px;
    position: absolute;
    width: 270px;
    text-align: right!important;
    padding: 0px!important;
}

/* ÈÊÎÍÊÀ ÑÒÐÀÍÛ ÍÅ ÎÒÎÁÐÀÆÀÅÒÑß
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}


/* ÀÉÏÈ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    color: #626262cf!important;
    font-size: 7px;
    margin-top: 10px!important;
}

/* ÎÍËÀÉÍ - ÀÊÒÈÂÅÍ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-online {
        height: 20px;
    display: block;
    margin-top: 10px!important;
    margin-bottom: -5px!important;
    text-transform: lowercase;
    font-size: 9px;
    color: #897662!important;
    font-family: 'tahoma';
    font-variant-caps: all-small-caps;
    font-weight: bolder;
    letter-spacing: 1px;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ È ÌÎÄÅÐÎÂ
-------------------------------------------------------------*/
.lastedit {
    display: none !important;

.modlist {display: none !important;}
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÄÀÐÊÈ
-------------------------------------------------------------*/
.pa-gifts {
    display: none;
}

.pa-awards {
    padding: 0px 0px 0px 0px!important;
}

/*************************************************************

ÖÂÅÒ ÒÅÊÑÒÀ È ÊÎÍÒÅÍÒ ÏÎÑÒÀ

**************************************************************/

/* ÖÂÅÒ ÒÅÊÑÒÀ ÁÎËÜØÈÍÑÒÂÀ ÝËÅÌÅÍÒÎÂ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.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, #pun-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 {
    border-color: transparent;
    color: #3c3c3b;
}

/* ÖÂÅÒ ÒÅÊÑÒÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.punbb .post-box {
    color: #17130b;
}

/* ÖÂÅÒ ÄÅÆÓÐÍÎÃÎ ÒÅÊÑÒÀ (òåìó ïðîñìàòðèâàþò, ñòðàíèöû è ò.ä.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;    color: #0e0602d9;}

/* ÊÎÍÒÅÍÒ ÏÎÑÒÀ (ÐÅÄÊÎ ÏÐÈÕÎÄÈÒÑß ÒÐÎÃÀÒÜ)
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 0px !important;}


/*************************************************************

ÖÂÅÒ ÑÑÛËÎÊ

**************************************************************/

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    border: none;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    color: #733a2b;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.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 {
    border: none !important;
    text-decoration: none;
    border: none !important;
    color: #40582f!important;
}


/*************************************************************

ÏÎÄÔÎÐÓÌ

**************************************************************/

#pun-index .hasicon {
    background: #cfba9a;
    box-shadow: 0 0 0 1px #d5b48d;
}

/* ÏÎÄÔÎÐÓÌ
-------------------------------------------------------------*/
#pun-index .tclcon {
    width: 360px;
    min-height: 100px;
    padding: 5px 20px 5px 20px;
    color: #6f5d42;
    text-align: justify;
    font-size: 9px;
    line-height: 10px;
    font-variant: small-caps;
    text-transform: lowercase;
    font-weight: bolder;
    letter-spacing: 0.5px;
    font-family: tahoma!important;
}

/* ÏÎÄÔÎÐÓÌ - ÍÀÇÂÀÍÈÅ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-size: 15px;
    letter-spacing: 2px;
    position: relative;
    text-shadow: 1px 1px #ead4b1;
    font-family: Vogue Highline Serif!important;
    display: block;
    margin-bottom: 5px;
    line-height: 20px;
    border-bottom: 3px solid #a5927a!important;
}

/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a {color: #7a3a2b!important;
    text-shadow: 1px 1px #ead4b1;
    letter-spacing: 1px;
     }

#pun-index .tclcon a:hover {
    color: #40582f!important;
}

/* ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Â ÏÎÄÔÎÐÓÌÀÕ
-------------------------------------------------------------*/
#pun-index .tclcon span {
    display: block;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 11px!important;
    color: #c9ad8a;
    border-top: 3px solid #a5927a;
    font-family: Vogue Highline Serif!important;
    letter-spacing: 0.5px;
}

/* ÑÑÛËÊÀ ÍÀ ÏÎÑËÅÄÍÞÞ ÀÊÒÈÂÍÓÞ ÒÅÌÓ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index .tcr a {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Vogue Highline Serif!important;
}

/* ÊÎËÈ×ÅÑÒÂÎ ÌÅÑÒÀ, ÊÎÒÎÐÎÅ ÇÀÍÈÌÀÅÒ ÏÎÑËÅÄÍßß ÀÊÒÈÂÍÀß ÒÅÌÀ ÍÀ ÃËÀÂÍÎÉ
-------------------------------------------------------------*/
#pun-index .tcr {
    text-align: left;
    font-family: 'Playfair Display';
    font-size: 10px;
    text-transform: lowercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 0px 0px 0px 15px!important;
}


/* ÊÎËÈ×ÅÑÒÂÎ ÒÅÌ È ÑÎÎÁÙÅÍÈÉ Â ÏÎÄÔÎÐÓÌÅ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 5%;
    font-family: Vogue Highline Serif!important;
    font-size: 20px;
    padding: 0px 0px 0px 0px;
    color: #78654d;
}


/*************************************************************

ÊÀÒÅÃÎÐÈÈ È ÑÒÀÒÈÑÒÈÊÀ

**************************************************************/

/* ÊÀÒÅÃÎÐÈÈ

ÂÀÆÍÎ! Åñëè êàòåãîðèé áîëüøå 5, êîïèðóåòå îäðó èç êàòåãîðèé è çàìåíÿåòå ïîñëåäíþþ öèôðó
íàïðèìåð: ÷òîáû ïîëó÷èòü øåñòóþ êàòåãîðèþ, ñäåëàéòå èç pun-category5 - pun-category6

-------------------------------------------------------------*/

/* ÑÒÀÒÈÑÒÈÊÀ
-------------------------------------------------------------*/
#pun-stats.section h2 {     background: url(http://forumstatic.ru/files/001b/6e/df/68249.png?v=1) no-repeat;
    border: none !important;
    width: 965px;
    margin-left: -40px !important;
    display: inherit;
}
/* ÏÅÐÂÀß
-------------------------------------------------------------*/
#pun-category1 h2 {    background: url(http://forumstatic.ru/files/001b/6e/df/68249.png?v=1) no-repeat;
    border: none !important;
    width: 965px;
    margin-left: -40px !important;
    display: inherit;
}

/* ÂÒÎÐÀß
-------------------------------------------------------------*/
#pun-category2 h2 {     background: url(http://forumstatic.ru/files/001b/6e/df/68249.png?v=1) no-repeat;
    border: none !important;
    width: 965px;
    margin-left: -40px !important;
    display: inherit;
}
/* ÒÐÅÒÜß
-------------------------------------------------------------*/
#pun-category3 h2 {     background: url(http://forumstatic.ru/files/001b/6e/df/68249.png?v=1) no-repeat;
    border: none !important;
    width: 965px;
    margin-left: -40px !important;
    display: inherit;
}
/* ×ÅÒÂÅÐÒÀß
-------------------------------------------------------------*/
#pun-category4 h2 {    background: url(http://forumstatic.ru/files/001b/6e/df/68249.png?v=1) no-repeat;
    border: none !important;
    width: 965px;
    margin-left: -40px !important;
    display: inherit;
}

/* ÏßÒÀß
-------------------------------------------------------------*/
#pun-category5 h2 {      background: url(http://forumstatic.ru/files/001b/6e/df/68249.png?v=1) no-repeat;
    border: none !important;
    width: 965px;
    margin-left: -40px !important;
    display: inherit;
}

/* ØÅÑÒÀß
-------------------------------------------------------------*/
#pun-category6 h2 {      background: url(http://forumstatic.ru/files/001b/6e/df/68249.png?v=1) no-repeat;
    border: none !important;
    width: 965px;
    margin-left: -40px !important;
    display: inherit;
}
/*************************************************************

ÔÎÐÓÌÍÀß È ÏÎËÜÇÎÂÀÒÅËÜÑÊÀß ÍÀÂÈÃÀÖÈß

**************************************************************/

/* ÊÎÍÒÅÉÍÅÐ Ñ ÔÎÐÓÌÍÎÉ ÍÀÂÈÃÀÖÈÅÉ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÔÎÐÓÌÍÎÉ ÍÀÂÈÃÀÖÈÈ
-------------------------------------------------------------*/
#pun-navlinks a {
    font-size: 0px !important;
    text-align: center;
    transition: all 0.3s ease-in-out 0.1s;
    display: inline-block;
    padding: 0 !important;
}

/* ÊÎÍÒÅÉÍÅÐ ÍÀÂÈÃÀÖÈÎÍÍÛÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border: none;
    margin: 0;
    font-weight: normal;
    text-align: center;
    width: 896px!important;
}
/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-ulinks .container {
        font-family: tahoma!important;
    text-transform: lowercase;
    width: 890px !important;
    text-align: center !important;
    font-style: normal;
    top: 25px;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÌÎÈ ÇÀÃÐÓÇÊÈ Â ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÊÀÕ
-------------------------------------------------------------*/
#pun-ulinks .item5 {
    display: none;
}

#pun-ulinks .item9 {
    display: none;
}



/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 10px !important;
    transition: all 0.5s linear 0s;
    letter-spacing: 1px;
    padding: 0 5px 0px 5px !important;
    color: #87694d!important;
    line-height: 11px;
    font-variant: small-caps;
    text-transform: lowercase;
    font-weight: bolder;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
#pun-ulinks a:hover { color: #487041!important;}


/*************************************************************

ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ

**************************************************************/

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ È ÑÍÈÇÓ ÂÍÅØÍÈÉ ÂÈÄ
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    width: 862px;
    font-family: Vogue Highline serif;
    font-weight: 500;
}

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ
-------------------------------------------------------------*/
#pun-crumbs1 {            
    margin-top: 110px!important;
}

/* ÑÑÛËÊÈ Â ÂÀØÅÌ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÈ ÍÀ ÔÎÐÓÌÅ - ÄÅËÀÅÌ ÆÈÐÍÛÌÈ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {font-size: 12px;
    line-height: 11px;
    font-variant: small-caps;
    text-transform: lowercase;
    font-weight: bolder;}



/*************************************************************

ÏÎËß ÂÂÎÄÀ, ÖÈÒÀÒÛ-ÊÎÄÛ, ÂÑÏËÛÂÀÞÙÈÅ ÎÊÍÀ 

**************************************************************/

/* ÑÒÐÀÍÈÖÀ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
-------------------------------------------------------------*/
#pun-redirect{
padding: 14px;
margin-top: -140px!important;
margin-left: 250px!important;
}

/* ÂÍÅØÍÈÉ ÂÈÄ ÎÊÍÀ ÑÒÐÀÍÈÖÛ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
Çà÷àñòóþ, ñòðàíèöà ïåðåàäðåñàöèè íå òðåáóåò ñåðüåçíûõ èçìåíåíèé. 
 áîëüøèíñòâå ñëó÷àåâ äîñòàòî÷íî èçìåíèòü öâåòà è çàêðóãëåíèå êðàåâ (ò.å. 5 ïîñëåäíèõ ïîçèöèé)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{
    width:500px;
    height: 52px;
    margin: 10% auto;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 40px;
    display:inline-block;
    text-transform: uppercase;
    background-color: #e3d0af;
    color: #21190a;
    border: 1px outset #cdb286;
    border-style: double;
    box-shadow: inset 0px 0px 2px #d3b695, inset 0px 0px 1px #86725b, inset 0px 0px 30px rgb(209 188 168);
}

/* îêîøêî ðåïóòàöèè
-------------------------------------------------------------*/

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 768px;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    background-color: #e3d0af!important;
    box-shadow: inset 0px 0px 2px #8a8986, inset 0px 0px 1px #73726a, inset 0px 0px 30px rgb(160 160 149);
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    background-color: #e3d0af;
    color: #21190a;
    border: 1px outset #cdb286;
    border-style: double;
    box-shadow: inset 0px 0px 2px #d3b695, inset 0px 0px 1px #86725b, inset 0px 0px 30px rgb(209 188 168);
}

/* ÍÀÑÒÐÎÉÊÈ ÏÎËß ÂÂÎÄÀ
-------------------------------------------------------------*/
.punbb textarea {
    background-clip: padding-box;
    background: rgb(242 246 230);
    padding: 18px 20px !important;
    width: 97% !important;
    background-color: #e3d0af;
    color: #21190a;
    border: 1px outset #cdb286;
    border-style: double;
    box-shadow: inset 0px 0px 2px #d3b695, inset 0px 0px 1px #86725b, inset 0px 0px 30px rgb(209 188 168);
}

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(227, 217, 212);
    padding: 2px 2px 2px 2px !important;
    border-radius: 2px;
    background-color: #e3d0af;
    color: #21190a;
    border: 1px outset #cdb286;
    border-style: double;
    box-shadow: inset 0px 0px 2px #d3b695, inset 0px 0px 1px #86725b, inset 0px 0px 30px rgb(209 188 168);
}

/* ÑÄÂÈÃÀÅÌ ÖÈÒÀÒÓ, ÊÎÄ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

/* ÂÍÅØÍÈÉ ÂÈÄ ÖÈÒÀÒÛ, ÊÎÄÀ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    background-clip: padding-box;
    position: relative;
    padding: 20px 20px !important;
    background-color: #e3d0af;
    color: #21190a;
    border: 1px outset #cdb286;
    border-style: double;
    box-shadow: inset 0px 0px 2px #d3b695, inset 0px 0px 1px #86725b, inset 0px 0px 30px rgb(209 188 168);
}


/* B1.9 ËÅÃÅÍÄÀ ÖÈÒÀÒÛ, ÊÎÄÀ
Îòâå÷àåò çà íàñòðîéêè òîãî ñàìîãî "Ìàøà íàïèñàë(-à), âûäåëèòü êîä è òä.
Ðàáîòàåì òîëüêî ñ 4 ïîñëåäíèìè ïàðàìåòðàìè 
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding: 5px 5px 5px 5px;
    margin: -14px auto 12px -2px;
    text-align: center;
    font-size: 11px;
    border: 1px outset #cdb286;
    border-style: double;
    background: #a49984ab;
    width: auto;
}

/* ÊÎÄ (ÑÊÎÏÈÐÎÂÀÒÜ ÊÎÄ)
-------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre {
font-size: 12px;}


/* ÐÅÉÒÈÍà ÏÎÑÒÀ  ÒÎÏÈÊÅ (ÊÎÃÄÀ ÏÈØÅØÜ ÊÎÌÌÅÍÒ Ê ÏËÞÑÓ - ×ÒÎÁÛ ÔÎÍ ÁÛË ÍÅ ÏÐÎÇÐÀ×ÍÛÉ)
-------------------------------------------------------------*/
.post_reputation {
    padding: 15px;   background: rgb(245, 239, 231);}


/* Â ÔÎÐÌÅ ÎÒÂÅÒÀ ÂÛÏÀÄÀÞÙÈÅ ÎÊÍÀ ØÐÈÔÒÎÂ, ÐÀÇÌÅÐÀ ÒÅÊÑÒÀ È ÒÄ
-------------------------------------------------------------*/
#size-area, .popup_graffiti, , #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area
 {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
   background-color: #e3d0af;
    color: #21190a;
    border: 1px outset #cdb286;
    border-style: double;
    box-shadow: inset 0px 0px 2px #d3b695, inset 0px 0px 1px #86725b, inset 0px 0px 30px rgb(209 188 168);
}

/* ÇÀÄÀÅÌ ØÈÐÈÍÓ È ÂÛÑÎÒÓ ÔÎÐÌÅ ÎÒÂÅÒÀ, À ÒÀÊÆÅ ÑÎÇÄÀÅÌ ÄËß ÍÅÅ ÏÐÎÊÐÓÒÊÓ
×ÒÎÁÛ ÎÍÀ ÍÅ ÐÀÑÒßÃÈÂÀËÀÑÜ ÍÀ ÏÎËÎÂÈÍÓ ÝÊÐÀÍÀ
-------------------------------------------------------------*/
#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


/*************************************************************

ÈÊÎÍÊÈ ÑÒÀÐÛÕ ÍÎÂÛÕ

**************************************************************/

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index table Div.icon {
    background-image: url(http://forumstatic.ru/files/001b/6e/df/54954.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 35px;
    margin-left: 415px;
    margin-top: 30px;
    width: 35px;
    z-index: 1;
    opacity: 0.5;
    position: absolute;
}


/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-image: url(http://forumstatic.ru/files/001b/6e/df/12423.png);
    background-repeat: no-repeat;
    opacity: 1;
}

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -3px 8px;
    width: 35px;
    height: 35px;
    background-image: url(http://forumstatic.ru/files/001b/6e/df/54954.png);     opacity: 0.5;
}

/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    width: 35px;
    height: 35px;
    background-image: url(http://forumstatic.ru/files/001b/6e/df/12423.png);  opacity: 0.8;
}
/* ÈÊÎÍÊÀ ÂÀÆÍÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 35px;
    height: 35px;
    background-image: url(http://forumstatic.ru/files/001b/6e/df/55691.png);  opacity: 0.5;
}
/* ÈÊÎÍÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 35px;
    height: 35px;
    background-image: url(http://forumstatic.ru/files/001b/6e/df/55691.png);  opacity: 1;
}



/*************************************************************

ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ, ÏÎÑÌÎÒÐÅÒÜ, ÑÎÕÐÀÍÈÒÜ È ÒÄ

**************************************************************/

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
   font-size: 10px!important;
    background: linear-gradient(#b96352, #482c26)!important;
    border: 1px solid #afa08b !important;
    box-shadow: inset 0px 0px 2px #723114, inset 0px 0px 1px #847771, inset 0px 0px 18px #6a4a39;
    text-shadow: 1px 1px 0 rgb(33 33 33), 0 0 5px rgb(235 226 214 / 27%);
    color: #e5d2b2!important;
    font-weight: 200 !important;
    padding: 5px 6px 5px 7px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font-family: Vogue Highline serif!important;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: auto!important;
}

button {
font-size: 10px!important;
    background: linear-gradient(#b96352, #482c26)!important;
    border: 1px solid #afa08b !important;
    box-shadow: inset 0px 0px 2px #723114, inset 0px 0px 1px #847771, inset 0px 0px 18px #6a4a39;
    text-shadow: 1px 1px 0 rgb(33 33 33), 0 0 5px rgb(235 226 214 / 27%);
    color: #e5d2b2!important;
    font-weight: 200 !important;
    padding: 5px 6px 5px 7px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font-family: Vogue Highline serif!important;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: auto!important;
}

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: linear-gradient(#482c26, #b96352)!important;
    cursor: pointer!important;

  }
button:hover{
    background: linear-gradient(#482c26, #b96352)!important;
    cursor: pointer!important;}

/*************************************************************

ÏÐÎÊÐÓÒÊÀ, ÂÛÄÅËÅÍÈÅ, ÂÂÅÐÕ-ÂÍÈÇ, ÁÅÃÓÍÎÊ ÓÂÅËÈ×ÅÍÈß ÒÅÊÑÒÀ 

**************************************************************/


/* ÂÍÅØÍÈÉ ÂÈÄ ÂÛÄÅËÅÍÍÎÃÎ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::selection {    background: #141c12b8;
    color: #cecbc4;
}

/* ÏÐÎÊÐÓÒÊÀ ØÈÐÈÍÀ
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 4px;
    height: 5px;}

/* ÄÂÈÆÓÙÀßÑß ×ÀÑÒÜ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
    background-color: #733a2b;
    border: 1px solid #5c473f;
    box-shadow: inset 0 0 2px #2a2a2a;
}
/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: #565555;
    border: 1px solid #565555;
    box-shadow: inset 0 0 2px #6a6969;
}

/* ×ÒÎÁÛ ÍÅ ÎÒÎÁÐÀÆÀËÀÑÜ ÏÐÎÊÐÓÒÊÀ ÔÎÐÓÌÀ ÏÎ ÃÎÐÈÇÎÍÒÀËÈ
-------------------------------------------------------------*/
body {overflow-x: hidden;}

/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ 
-------------------------------------------------------------*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    width: 57px;
    z-index: 9999;
}

/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ ×ÓÒÜ ÑÍÈÆÀÅÒÑß ÏÐÎÇÐÀ×ÍÎÑÒÜ ÊÍÎÏÊÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÂÅÐÕ
-------------------------------------------------------------*/
.go-up {
    bottom: 35%;
    margin-left: 913px !important;
}
/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÍÈÇ
-------------------------------------------------------------*/
.go-down {
    bottom: 20%;
    margin-left: 913px !important;
}
/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/*************************************************************

ÒÎÏÈÊÈ È ÂÑßÊÎÅ ÌÅËÊÎÅ Â ØÀÏÊÅ

**************************************************************/

/* II. ÒÀÁËÈÖÀ
-------------------------------------------------------------*/
.plash {position: absolute;
    margin: 459px 1px 0px 0px!important;
    text-align: center;
    width: 900px;}


.plash a {    box-shadow: 0 0 0 1px #879b9d, 0 0 0 2px #87887c;
    padding: 8px 8px;
    margin: 0 4px;
    font-family: Vogue Highline serif!important;
    color: #e2cbac !important;
    text-shadow: 1px 1px #000000ab;
    font-size: 11px!important;
    letter-spacing: .5px;
    text-transform: uppercase;
    background: #445b60f0;}

#html-header plashki {        position: absolute;
    margin: 395px 1px 0px 0px!important;
    text-align: center;
    width: 900px;
}

.plashka {
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family: Vogue Highline serif!important;
    display: inline-block;
    transition-duration: 3s;
    background: #b29c7c;
    padding: 7px 12px 7px 12px;
    box-shadow: 0 0 0 1px #e2ceae, 0 0 0 2px #ae9d7f;
    margin: 5px!important;
    height: 13px;
    font-weight: bold;
}

}

.plashka img {margin: -5px 0px 0px 0px;}

.plashka a {    color: #733220 !important;
    text-shadow: 1px 1px 0px #e2ceae;
}

.plashka a:hover {    color: #40582f!important;
}



#html-header active1 {    position: absolute;
    top: -214px;
    left: 42px;}

#html-header active2 {    position: absolute;
    top: -170px;
    left: 42px;}

#html-header active3 {    position: absolute;
    top: -170px;
    left: 87px;}

#html-header posts1 {    position: absolute;
    top: -192px;
    left: 799px;}

#html-header posts2 {    position: absolute;
    top: -211px;
    left: 844px;}

#html-header posts3 {    position: absolute;
    top: -211px;
    left: 889px;}

#html-header bestpost {    position: absolute;
    top: -166px;
    left: 164px;}

#html-header infoforum {    position: absolute;
    top: -71px;
    left: 615px;
    font-family: Vogue Highline serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    color: #87694d !important;
    text-shadow: 1px 1px black;
    margin: 1px;
    text-align: center;
    width: 305px!important;}

.t2 {    position: absolute;
    top: -231px;
    left: 158px;
    text-align: center;}

.t2 a, .spirit-navigation, .tem t2 a, .itogi t2 a {    width: 180px;
    color: #87694d !important;
    text-shadow: 1px 1px #000000;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Vogue Highline serif;
    font-weight: bolder;
height: 16px!important;
    overflow: hidden;}
.t2 a, .tem t2 a {display: block;}
.t2 a:hover, .tem t2 a:hover {color: #40582f!important;}

.t3 {    position: absolute;
    top: -164px;
    width: 163px;
    right: 600px;
    color: #6f5d42;
    font-family: arial;
    font-size: 9px;
    line-height: 11px;
    overflow: auto;
    text-align: justify;
    padding-right: 5px;
    height: 67px;
    display: block;}

.t3 span, .t4 span, .tem t3 span {    overflow: auto;
    display: block;}
.t3 span, .tem t3 span { height: 77px;} .t4 span { height: 65px;}
.t3 a, .tem t3 a {    float: left;    margin: 3px 7px 0 0;    width: 30px;    height: 71px;}
.t3 span, .t4, .t5, .tem t3 span {color: #6f5d42;
    font-family: Arial;
    font-size: 9px;
    line-height: 11px;
    letter-spacing: .5px;}
.tem t3 {width: 277px;
    margin: -33px 0 0 20px;
    border-left: 1px solid #80613b;
    padding-left: 22px;}

.t4 {position: absolute;
    top: -185px;
    left: 594px;
    width: 170px;
    text-align: center;}

.t5 {    position: absolute;
    top: -45px;
    right: 843px;
    width: 125px;
    height: 45px;
    overflow: auto;
    padding-right: 5px;
    text-align: justify;} 

.t6 {    position: absolute;
    top: -70px;
    left: 88px;
    font-family: Vogue Highline serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px black;}

.t6 a {    color: #87694d !important;}
.t6 a:after { margin: 0 5px;} .t6 a:last-child:after {display: none;}
.t6 a span {        position: absolute;
    box-shadow: 0 0 0 1px #9e7b53, 0 0 0 2px #382519;
    top: -100px;
    left: 80px;
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    display: none;
    width: 100px;
    height: 100px;}
.t6 a:hover span {display: block;}

.ban {    position: absolute;    margin: 74px 0 0 49px;    width: 834px;    overflow-y: auto;    height: 33px;}
.ban a {    filter: grayscale(.7);    opacity: .3;} .ban a:hover {    opacity: 1;    filter: none;}


/* ÊÎÄ ÑÑÛËÎÊ ÍÀÂÈÃÀÖÈÈ ÎÒ ÂÅÙÅÃÎ ÄÓÕÀ */
/* íàñòðîéêà êíîïêè, ìîæåò áûòü òåêñòîì */
.spirit-navigation {        top: -232px;
    right: 160px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    text-align: center;
    z-index: 1;}

/* âèä êíîïêè ïîñëå êëèêà ïî íåé */
.spirit-navigation.spirit-navigation_hover{color: #40582f!important;}

/* íàñòðîéêà ïîçèöèè âûïàäàþùåãî ïî êëèêó îêíà è åãî øèðèíà */
#navigblock {    width: 250px;
    right: 141px;
    position: absolute;
    top: -170px;
    z-index: 999;}

/* íàñòðîéêà áëîêà ññûëîê, öâåò ôîíà, òåíè, ïðîçðà÷íîñòü, îòñòóïû */
.sslka {display: block;
    opacity: .95;
    padding: 5px;
    background: #1e1e1e;
    box-shadow: 0 0 10px #3b3a37 inset, 0 0 0 1px #3a3837;}

/* íàñòðîéêà âèäà ñàìîé ññûëêè, øèðèíà, öâåò, ôîí, øðèôòû è òàê äàëåå */
#pun .sslka a {background: #b29c7c;
    white-space: nowrap;
    margin: 5px auto;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 215px;
    color: #703724;
    font-weight: bold;
    text-shadow: 1px 1px #e2ceae;
    font-family: Vogue Highline serif;
    font-size: 10px;
    box-shadow: 0 0 5px #504334 inset, 0 0 0 1px #533a1e;}

/* ññûëêà ïðè íàâåäåíèè */
#pun .sslka a:hover {    background-color: #b29c7c !important;    opacity: .8;    transform: scale(.9);    color: #703724;    text-shadow: none;    letter-spacing: 2px;   box-shadow: 0 0 5px #504334 inset, 0 0 0 1px #533a1e;; font-size: 9px;}


/*************************************************************

ÁÀÍÍÅÐÛ

**************************************************************/
.banners { height: 33px;
    position: absolute;
    margin: 153px -11px !important;
    width: 908px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 8px;
}

.banners img {opacity: 0.3; filter: grayscale(0.5);}
.banners img:hover {opacity: 1; filter: grayscale(0);}

.cop {position: absolute;
    margin: 196px 0px 0px 352px!important;
    font-family: 'tahoma';
    font-variant: all-small-caps;
    font-weight: bold;
    letter-spacing: 1px;
    color: #62472d;
    text-shadow: 1px 1px black;
    font-size: 10px;
    width: 180px!important;
    text-align: center;}

/*************************************************************

ÑÌÀÉËÛ

**************************************************************/


/*Ôîí êîíòåéíåðîâ ñìàéëû è òàê äàëåå*/
#smilies-area  {
    background: #cfbba0;
    padding: 5px;
    margin-top:-5px;
    margin-right:-11px;
    border: 1px solid #8f5546;
    overflow-y: scroll;
    height: 245px;
}
 #font-area  {
    background: #cfbba0;
    padding: 5px;
    margin-top:-5px;
    margin-right:-11px;
    border: 1px solid #8f5546;
    overflow-y: scroll;
    height: 230px;
}
 #size-area  {
    background: #cfbba0;
    padding: 5px;
    margin-top:-5px;
    margin-right:-11px;
    border: 1px solid #8f5546;
    overflow-y: scroll;
    height: 230px;
}
#image-area  {
    background-color: #cfbba0;
}

#spoiler-sels{
    background-color: #cfbba0;
}

 #keyboard-area  {
    background: #cfbba0;
    padding: 5px;
    margin-top: -5px;
    margin-right: -11px;
    border: 1px solid #8f5546;
    overflow-y: scroll;
    height: 230px;
}



/*----------------------êíîïêè òèïà îòïðàâèòü_ïîñìîòðåòü----------------------------*/
.hashelp div input, .button {border: 1px solid #c5c3b5 !important;text-decoration: none;outline: none;padding: 8px 10px !important;background-image: linear-gradient(45deg, #aba279 0%, #d4d3be 50%, #968f76 100%);background-position: 95% 0;background-size: 200% 200%;transition: .5s;color: #2d2d2d !important;cursor: pointer;font-family: tahoma!important;text-transform: uppercase;letter-spacing: 1px;}

.button:hover, .button:active {background-position: 0 0;  cursor: pointer; }

#tooltip {
  position: absolute;
  background: #262e31;
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.05);
  font-family: tahoma; /* øðèôò */
  font-size: 10px; /* ðàçìåð òåêñòà */
  display: none;
  color: #9c9c9c; /* öâåò òåêñòà */
  text-align: center;
  padding: 2px 6px 3px 6px;
  text-shadow: 1px 1px 0 #1d2835;
  letter-spacing: 2px
}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

#pun.gid3 .pa-respect  .fld-name{
  content: "ëàéêè:"; /*Ïðîñìîòð Ïîä ãîñòåì*/
}
#pun:not(.gid3) .pa-respect .fld-name a {
    font-size: 8px;
}

/* VI. ÒÅÌÛ
-------------------------------------------------------------*/
.gost {    background: url(http://forumstatic.ru/files/001b/6e/df/76015.png);
    width: 570px;
    height: 700px;}

.gost gost2, .gost gost1 {    position: absolute;
    font-family: 'tahoma';
    letter-spacing: 1px;
    width: 421px;
    height: 75px;
    padding-right: 6px;
    overflow: auto;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    font-variant: all-small-caps;
    font-weight: bold;}

.gost gost2, .gost gost1 {    color: #3e2c20 !important;}

.gost gost1 {    margin-left: 77px;
    margin-top: 77px; } 

.gost gost2 {    margin-left: 66px;
    margin-top: 139px;}

.gost gost3 {    position: absolute;
    margin: 18px 0 0 104px;
    width: 385px;
    text-align: center;
    font-family: Vogue Highline serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    text-shadow: 1px 1px black;}

.gost gost3, .gost gost3 a {    color: #241a10;}
.gost gost3 a:after {content: '-'; margin: 0 5px;}

.gost gost4, .gost gost5 {    position: absolute;
    margin-top: 268px;
    width: 220px;}

.gost gost4 {margin-left: 48px;} .gost gost5 {margin-left: 310px;}
.gost gost6 {    position: absolute;
    margin: 553px 0 0 34px;
    letter-spacing: 17px;}
.gost gost6 img {    width: 240px;
    height: 108px;
    box-shadow: 0 0 0 1px #50473b, 0 0 0 2px #140e0b;
    object-fit: cover;}
.gost gost4 span, .gost gost5 span {    display: none;  }

.tem tem4 span div {     background: #415459;
    text-align: center;
    font-family: Vogue Highline serif;
    text-transform: uppercase;
    color: #ece5b2;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 2px 0;
    display: block;}
.gost gost4 div, .gost gost5 div {    margin: 5px 0px 56px 0px;
    padding-right: 7px;
    overflow: auto;
    height: 90px;
    font-family: tahoma!important;
    letter-spacing: 1px;
    font-size: 10px;
    line-height: 14px;
    font-variant-caps: all-small-caps;
    font-weight: bold;}
.gost gost4 div a, .gost gost5 div a { color: #3e2c20 !important; display: block}
.gost gost4 div b, .gost gost5 div b, .tem tem4 span b, .tem tem2 span b {    border-bottom: 1px solid #7d5d4c;
    display: block;
    color: #483527 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'tahoma';
    font-size: 13px;
    font-variant-caps: all-small-caps;
    font-weight: bold;}

.tem {
    width: 510px;
    padding: 15px 30px 40px 30px;
    background: url(http://forumstatic.ru/files/001b/6e/df/64953.png) top no-repeat, url(http://forumstatic.ru/files/001b/6e/df/15940.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/6e/df/75443.png) repeat-y;

}
.tem tem1 {    display: block;
    text-align: center;
    font-family: Vogue Highline serif;
    color: #938268;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 1px 1px #000000;
    letter-spacing: 2px;
    margin-bottom: 35px;}
.tem tem2, .tem tem4 {    display: block;
    padding: 10px;
    text-align: justify;}

.tem tem3 {    display: flex;    width: 100%;    column-gap: 10px;    margin-bottom: 10px;}
.tem tem3 label {  width: inherit;
    text-align: center;
    display: inline-block;
    margin: 10px 0px -10px 0px;
    font-size: 10px!important;
    background: linear-gradient(#b96352, #482c26)!important;
    border: 1px solid #afa08b !important;
    box-shadow: inset 0px 0px 2px #723114, inset 0px 0px 1px #847771, inset 0px 0px 18px #6a4a39;
    text-shadow: 1px 1px 0 rgb(33 33 33), 0 0 5px rgb(235 226 214 / 27%);
    color: #e5d2b2!important;
    font-weight: 200 !important;
    padding: 5px 6px 5px 7px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font-family: Vogue Highline serif!important;
    letter-spacing: 1px;
    text-transform: uppercase;}

.slider .hidden-input {display: none;}
.slider {height: 470px;position: relative;overflow: hidden;}
.slider-image {    transition: 0.6s ease-in-out;  height: 450px;    overflow-y: auto;  padding-right: 7px;    line-height: 15px; }

#input1:checked ~ #image1, #input11:checked ~ #image11 {margin-top: 0;}
#input1:checked ~ #image2, #input11:checked ~ #image22 {margin-top: 100%;}
#input1:checked ~ #image3, #input11:checked ~ #image33 {margin-top: 100%;}
#input1:checked ~ #image4, #input11:checked ~ #image44 {margin-top: 100%;}
#input1:checked ~ #image5, #input11:checked ~ #image55 {margin-top: 100%;}
#input1:checked ~ #image6, #input11:checked ~ #image66 {margin-top: 100%;}
#input1:checked ~ #image7, #input11:checked ~ #image77 {margin-top: 100%;}
#input1:checked ~ #image8, #input11:checked ~ #image88 {margin-top: 100%;}

#input2:checked ~ #image1, #input22:checked ~ #image11 {margin-top: -100%;}
#input2:checked ~ #image2, #input22:checked ~ #image22 {margin-top: 50px;}
#input2:checked ~ #image3, #input22:checked ~ #image33 {margin-top: 100%;}
#input2:checked ~ #image4, #input22:checked ~ #image44 {margin-top: 100%;}
#input2:checked ~ #image5, #input22:checked ~ #image55 {margin-top: 100%;}
#input2:checked ~ #image6, #input22:checked ~ #image66 {margin-top: 100%;}
#input2:checked ~ #image7, #input22:checked ~ #image77 {margin-top: 100%;}
#input2:checked ~ #image8, #input22:checked ~ #image88 {margin-top: 100%;}

#input3:checked ~ #image1, #input33:checked ~ #image11 {margin-top: -100%;}
#input3:checked ~ #image2, #input33:checked ~ #image22 {margin-top: -100%;}
#input3:checked ~ #image3, #input33:checked ~ #image33 {margin-top: 100px;}
#input3:checked ~ #image4, #input33:checked ~ #image44 {margin-top: 100%;}
#input3:checked ~ #image5, #input33:checked ~ #image55 {margin-top: 100%;}
#input3:checked ~ #image6, #input33:checked ~ #image66 {margin-top: 100%;}
#input3:checked ~ #image7, #input33:checked ~ #image77 {margin-top: 100%;}
#input3:checked ~ #image8, #input33:checked ~ #image88 {margin-top: 100%;}

#input4:checked ~ #image1, #input44:checked ~ #image11 {margin-top: -100%;}
#input4:checked ~ #image2, #input44:checked ~ #image22 {margin-top: -100%;}
#input4:checked ~ #image3, #input44:checked ~ #image33 {margin-top: -100%;}
#input4:checked ~ #image4, #input44:checked ~ #image44 {margin-top: 140px;}
#input4:checked ~ #image5, #input44:checked ~ #image55 {margin-top: 100%;}
#input4:checked ~ #image6, #input44:checked ~ #image66 {margin-top: 100%;}
#input4:checked ~ #image7, #input44:checked ~ #image77 {margin-top: 100%;}
#input4:checked ~ #image8, #input44:checked ~ #image88 {margin-top: 100%;}

#input5:checked ~ #image1, #input55:checked ~ #image11 {margin-top: -100%;}
#input5:checked ~ #image2, #input55:checked ~ #image22 {margin-top: -100%;}
#input5:checked ~ #image3, #input55:checked ~ #image33 {margin-top: -100%;}
#input5:checked ~ #image4, #input55:checked ~ #image44 {margin-top: -100%;}
#input5:checked ~ #image5, #input55:checked ~ #image55 {margin-top: 170px;}
#input5:checked ~ #image6, #input55:checked ~ #image66 {margin-top: 100%;}
#input5:checked ~ #image7, #input55:checked ~ #image77 {margin-top: 100%;}
#input5:checked ~ #image8, #input55:checked ~ #image88 {margin-top: 100%;}

#input6:checked ~ #image1, #input66:checked ~ #image11 {margin-top: -100%;}
#input6:checked ~ #image2, #input66:checked ~ #image22 {margin-top: -100%;}
#input6:checked ~ #image3, #input66:checked ~ #image33 {margin-top: -100%;}
#input6:checked ~ #image4, #input66:checked ~ #image44 {margin-top: -100%;}
#input6:checked ~ #image5, #input66:checked ~ #image55 {margin-top: -100%;}
#input6:checked ~ #image6, #input66:checked ~ #image66 {margin-top: 210px;}
#input6:checked ~ #image7, #input66:checked ~ #image77 {margin-top: 100%;}
#input6:checked ~ #image8, #input66:checked ~ #image88 {margin-top: 100%;}

#input7:checked ~ #image1, #input77:checked ~ #image11 {margin-top: -100%;}
#input7:checked ~ #image2, #input77:checked ~ #image22 {margin-top: -100%;}
#input7:checked ~ #image3, #input77:checked ~ #image33 {margin-top: -100%;}
#input7:checked ~ #image4, #input77:checked ~ #image44 {margin-top: -100%;}
#input7:checked ~ #image5, #input77:checked ~ #image55 {margin-top: -100%;}
#input7:checked ~ #image6, #input77:checked ~ #image66 {margin-top: -100%;}
#input7:checked ~ #image7, #input77:checked ~ #image77 {margin-top: 255px;}
#input7:checked ~ #image8, #input77:checked ~ #image88 {margin-top: 100%;}

#input8:checked ~ #image1, #input88:checked ~ #image11 {margin-top: -100%;}
#input8:checked ~ #image2, #input88:checked ~ #image22 {margin-top: -100%;}
#input8:checked ~ #image3, #input88:checked ~ #image33 {margin-top: -100%;}
#input8:checked ~ #image4, #input88:checked ~ #image44 {margin-top: -100%;}
#input8:checked ~ #image5, #input88:checked ~ #image55 {margin-top: -100%;}
#input8:checked ~ #image6, #input88:checked ~ #image66 {margin-top: -100%;}
#input8:checked ~ #image7, #input88:checked ~ #image77 {margin-top: -100%;}
#input8:checked ~ #image8, #input88:checked ~ #image88 {margin-top: 280px;}


.tem2 {    width: 510px;
    padding: 80px 30px 40px 30px;
    background: url(http://forumstatic.ru/files/001b/6e/df/64953.png) top no-repeat, url(http://forumstatic.ru/files/001b/6e/df/15940.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/6e/df/75443.png) repeat-y;
}

.tem1 {    margin: 16px auto -51px auto!important;
    width: 596px;
    display: block;
    text-align: center;
    font-family: Vogue Highline serif;
    color: #938268;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 1px 1px #000000;
    letter-spacing: 2px;}
.tem1 p {    text-align: center !important;} .tem2 p {display: block;    padding: 10px !important;}
.tem2 p, .tem2 .quote-box {    background: #d7c5aa !important;
    box-shadow: 0 0 0 1px #d1b79b, 0 0 0 2px #b1967b !important;}
.tem2 .quote-box {    border: none !important;    outline: none !important;    margin: 14px 0 0 0 !important;}
.tem2 .quote-box p {    background: none !important;    box-shadow: none !important;    padding: 0px !important;}

.tem tem4 {   display: flex!important;
    width: 525px;
    column-gap: 10px;
}
.tem tem4 span {    width: inherit;    line-height: 20px;}
.tem tem4 span:first-child {    border-right: 1px solid #8f6f4d;}
.tem tem4 span a, .tem tem2 a {    display: block;
    color: #483527 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'tahoma';
    font-size: 13px;
    font-variant-caps: all-small-caps;
    font-weight: bold;}
.tem tem4 span div {    margin-bottom: 10px;} .tem tem4 span:first-child div {    margin-right: 10px;}
.tem tem4 span a.m:before, .tem tem4 span a.f:before, .tem tem2 a.m:before, .tem tem2 a.f:before {     font-family: Vogue Highline serif;
    padding: 1px 5px;
    margin-right: 3px;
}
.tem tem2 a.m:before {  content: '\043C';
    background: #2f4149d1;
    color: #eabe85;
    text-shadow: 1px 1px #352519; }
.tem tem2 a.f:before {   content: '\0436';
    background: #bf8c4dd1;
    color: #503324;
    text-shadow: 1px 1px #dab385;}
.tem tem2 span {    line-height: 20px;    }
.tem tem4 span b, .tem tem2 span b { margin: 0 20px 10px 20px;    text-align: center !important;}

.tem t1 {    margin-top: 13px;    width: 270px;}
.tem t2 {       float: left;
    margin: 12px 0 0 -2px;
    padding: 8px 0px;
    background: #37373291;
    text-align: center;}
.tem t3 a {    margin-right: 12px;}
.tem t3 span {    background: #81796787;
    padding: 10px;
    height: 54px;}

#button-dice {
background-image:url(http://forumupload.ru/uploads/0012/45/8a/4/631168.png);
}


.itogi {
    width: 510px;
    padding: 15px 30px 40px 30px;
    background: url(http://forumstatic.ru/files/001b/6e/df/64953.png) top no-repeat, url(http://forumstatic.ru/files/001b/6e/df/15940.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/6e/df/75443.png) repeat-y;
}

.itogi img {
    height: 45px;
    width: 45px;
}

.itogi tem1 {    display: block;
    text-align: center;
    font-family: Vogue Highline serif;
    color: #938268;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 1px 1px #000000;
    letter-spacing: 2px;
    margin-bottom: 14px;}

.itogi tem2, .tem tem4 {    display: block;
    padding: 10px;
    text-align: justify;}

.itogi bestpost {
    position: absolute;
    margin: 34px 0px 0px -462px;
}

.itogi bestpost img {
    height: 55px!important;
    width: 55px!important;
}

.itogi active1 {    position: relative;
    top: -15px!important;
    display: inline-block;
right: 95px;}

.itogi active2 {    position: relative;
    top: -15px!important;
    display: inline-block;
right: 95px;}

.itogi active3 {    position: relative;
    top: -15px!important;
    display: inline-block;
right: 95px;}

.itogi posts1 {    position: relative;
    top: -15px!important;
    display: inline-block;
right: 95px;}

.itogi posts2 {            position: relative;
    top: -15px!important;
    display: inline-block;
right: 95px;
}

.itogi posts3 {    position: relative;
    top: -15px!important;
    display: inline-block;
right: 95px;
}

.itogi t2 {
    position: relative;
    display: inline-block;
    top: 70px!important;
    left: 154px!important;
    background: #9b8b71;
    padding: 4px 5px 4px 5px;
    box-shadow: 0 0 0 1px #b3a48e, 0 0 0 2px #ae9d7f;
    width: 200px;
    text-align: center;
}

.itogi t3 {
    position: relative;
    top: -20px!important;
    width: 310px!important;
    right: -103px;
    color: #3c2e20;
    font-family: tahoma;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: .5px;
    overflow: auto;
    text-align: justify;
    height: 50px;
    display: block;
    background: #9b8b71;
    padding: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px #b3a48e, 0 0 0 2px #ae9d7f;
    font-variant: all-small-caps;
    font-weight: bold;
}

.itogi itogiimg {display: inline-block;
margin: 10px 0px 0px 0px;}

.op {
background: url(http://forumstatic.ru/files/001b/6e/df/79081.png) #10100d center center no-repeat;
height: 50px;
    font-size: 0px;
    }

.grin {
background: url(http://forumstatic.ru/files/001b/6e/df/30169.png) #10100d center center no-repeat;
height: 50px;
    font-size: 0px;
    }

.ps {
background: url(http://forumstatic.ru/files/001b/6e/df/13193.png) #10100d center center no-repeat;
height: 50px;
    font-size: 0px;
    }

.neut {
background: url(http://forumstatic.ru/files/001b/6e/df/41413.png) #10100d center center no-repeat;
height: 50px;
    font-size: 0px;
    }