/***  ØÀÏÊÀ ÎÑÍÎÂÀ  ***/
.shapp {
position: absolute; top: 0px; right: 0px; left: 0px; transform: translateY(-100%);
display:grid;
grid-template-rows: auto;
grid-template-columns: 1fr 400px 1fr;
align-items: end;
justify-items: center;
column-gap: 0px;
text-align: center;
width: 100%;
color: #66533e;
text-shadow: 0 1px 2px #000;
}
.shp1, .shp2, .shp3 {
grid-row: 1 / -1;
display: block;
width: 100%;
min-height:70px;
}
.shp1 {grid-column: 1 / 2;}

/***  öåíòðàëüíûé äåêîðàòèâíûé áëîê  ***/
.shp2 {grid-column: 2 / 3; 
height:153px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-end;
}
.shp2 p {display:block; overflow:hidden;
width:258px;
height:136px;
}
.shp2 p:before, .shp2 p:after {content:''; display:block; pointer-events:none;}
.shp2 p:before {
background: url(https://forumstatic.ru/files/0012/ee/e9/50142.webp) 50% 50% no-repeat transparent;
top: 0px;
height: 260px;
width: 260px;
border-radius:50%;
animation: sigil2 linear 60s infinite;
}
.shp2 p:after {position:absolute;
bottom:-16px; left:50%; transform:translateX(-50%);
width: 516px; height:110px;
background: url(https://forumstatic.ru/files/0012/ee/e9/24096.webp) 50% 100% no-repeat transparent;
}

@keyframes sigil2 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}


/***   òåêñòîâûé áëîê ñïðàâà   ***/
.shp3 {grid-column: 3 / -1; 
display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;
padding: 10px 50px 2px 20px;
max-height:70px;
overflow:auto;
}
.shp3 p {overflow:auto; margin:auto; max-height:50px; font-size:10px;}

.shapp h7 {
display:block; padding-bottom:2px;
line-height:100%;
text-transform:uppercase;
font-family: Georgia, Times New Roman, serif;
font-size: 26px;
letter-spacing: 3px;
color: #88744b;
text-shadow: 0 0 6px #1b1f0c;
}


/***  àâàòàðêà â ñòðîêå ïðèâåòñòâèÿ  ***/
.status_userava > img {object-fit:cover; object-position:50% 50%; width:100%; height:100%;}
.status_userava {display: block; position: absolute; top:0px; 
margin: 0px auto auto -60px !important;
width: 50px;
height: 50px;
}


/* öâåò òåêñòà â ñòðîêå ïðèâåòñòâèÿ */
#pun-status {
color: #ad8c68;
text-shadow: 0 1px 2px #000;
}



/***   ÈÊÎÍÊÈ   ***/
Div.icon {
width: 12px;
border-radius: 50%;
height: 12px;
margin: 1px 12px 0px 10px;
background: #b6a799;
border: 1px solid #573c22;
box-shadow: inset 0 -2px 3px #91683b, 0 0 0 1px #c8a682, 0 0 0 2px #4a331f, 0 1px 6px 1px #6c5339;
opacity: 0.5;
}
TR.inew Div.icon {opacity:1;
background: #9f9c22;
border: 1px solid #573c22;
box-shadow: inset 0 -2px 3px #454a20, 0 0 0 1px #c8a682, 0 0 0 2px #4a331f, 0 1px 6px 1px #6c5339;
}
TR.iclosed Div.icon {opacity:1;
background: #c1af89;
border: 1px solid #795431;
box-shadow: inset 0 -2px 3px #7f654c, 0 0 0 1px #c1ab94, 0 0 0 2px #694e36, 0 1px 6px 1px #6c5339;
}
TR.isticky Div.icon {opacity:1;
background: #b4d0d0;
border: 1px solid #714e2d;
box-shadow: inset 0 -2px 3px #3f6b69, 0 0 0 1px #d0beab, 0 0 0 2px #694e36, 0 1px 6px 1px #6c5339;
}  


/***   ÈÊÎÍÊÈ ÄËß ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÛ   ***/
#pun-index #pun-main .tcl .intd {position:relative;}
#pun-index div.icon {
position:absolute; 
top: -10px; right: -2px; 
margin:auto; display:block; z-index:4;
border: 0px solid transparent; box-shadow: none;
width:54px; height:70px;
background:url(https://forumstatic.ru/files/0012/ee/e9/60568.png) 0% 0% no-repeat transparent;
opacity:0;
}
#pun-index .category .inew .tcl div.icon {opacity:1;}


/***   ÎÔÎÐÌËÅÍÈÅ ÎÏÈÑÀÍÈß ÔÎÐÓÌÀ   ***/
#pun-main .category td div.tclcon{
margin: 4px 10px;
padding: 14px 16px 14px 16px;
border: 2px solid #593c12;
box-shadow: 0 0 0 1px #8d6f44, 0 0 6px 1px #9e8c79, inset 0 0 0 1px #b1a08b, inset 0 0 4px 1px #817261, inset 0 0 12px 0px #ae997f;
font-size: 1em;
background: rgb(188 175 159 / 17%);
} 


/***   ÖÈÒÀÒÀ È ÊÎÄ   ***/
.punbb .quote-box, .punbb .code-box, .punbb .hide-box {
border: 1px solid #745a45;
border-width: 1px 2px;
background: #b3a497;
box-shadow: inset 0 0 0 1px #b49f86, inset 0 0 2px 1px #6f4a22, inset 0 0 14px 1px #96846c, 0 0 4px #938069;
}



/***   ÏÎËÅ ÎÒÂÅÒÀ   ***/
.punbb textarea {
padding: 0.8em;
width: 100% !important;
outline: none;
font-size: 1.2em;
border: 1px solid #593c12;
box-shadow: 0 0 0 1px #8d6f44, 0 0 6px 1px #9e8c79, inset 0 0 0 1px #b1a08b, inset 0 0 4px 1px #817261, inset 0 0 12px 0px #ae997f;
background: #b3a497;
}
#post-form .container {padding: 1.7em 0.3em 1.1em 0.3em;}



/***   ÊÍÎÏÊÈ-ÂÊËÀÄÊÈ Â ËÑ È ÏÐÎÔÈËÅ   ***/
#profilenav li {
margin: 0.3em auto;
padding: 3px 6px;
font-weight: 600;
}

/***   ÊÍÎÏÊÈ-ÂÊËÀÄÊÈ ÏÐÈ ÍÀÂÅÄÅÍÈÈ   ***/
#profilenav li:hover a, #profilenav li:focus a, #pun-main li.isactive a {
color: #2F4F4F !important;
text-shadow: 0 0 3px #bca68b;
}



/***   ÑÒÀÒÈÑÒÈÊÀ ÔÎÐÓÌÀ ÁËÎÊÈ   ***/
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
display: inline-block;
min-width:180px;
margin-right: 2px;
font-size: 11px;
font-family: Tahoma, sans-serif;
text-align: center;
color: #503113;
}



/***   ÊÀÒÅÃÎÐÈÈ   ***/
.punbb .main h2, #pun-debug h2, #pun-stats h2 {
margin: auto -21px;
padding: 6px 0;
letter-spacing: 0.05em;
font-size: 12px;
font-family: Georgia, Times New Roman, serif;
font-weight: 600;
text-align: center;
color:#2F4F4F;
border: 1px solid rgb(98 66 35 / 25%);
background: rgb(141 105 59 / 15%);
}

#pun-index .category h2, #pun-stats h2, #post-form h2 {
overflow: hidden;
margin: 16px -21px 20px;
height: 28px;
line-height: 24px;
color: #2F4F4F;
text-shadow: 0 0 2px #9e866d;
text-transform: uppercase;
font-family: Georgia, Times New Roman, serif;
font-size: 21px;
border: 0px solid #67482c;
border-width: 0px 0px 0px 0px;
box-shadow: 0 1px 0 0px #67482c, 0 3px 4px -2px #987d60, 0 10px 14px -6px #9f8467;
background: transparent;
transform: scaleY(1.3);
}



/***   ÇÀÃÎËÎÂÊÈ Â ÐÅÄÀÊÒÈÐÎÂÀÍÈÈ ÏÐÎÔÈËß È ËÑ   ***/
#pun #viewprofile h2, #pun #profilenav h2 {
padding: 10px 0 6px !important;
letter-spacing: 0.05em;
font-size: 12px;
font-family: Georgia, Times New Roman, serif;
font-weight: 600;
text-align: center;
text-transform:uppercase;
color:#2F4F4F;
border: 1px solid rgb(98 66 35 / 25%);
border-width:1px 0;
background: rgb(47 79 79 / 15%);
}



/***   ÇÀÃÎËÎÂÎÊ ÐÅÄÀÊÒÈÐÎÂÀÍÈß È ÏÐÎÑÌÎÒÐÀ ÒÎÏÈÊÀ, ÏÐÎÔÈËß   ***/
.punbb .main h1, #pun-edit .main h1, #pun-viewtopic .main h1, #pun-profile .main h1 {
width: auto;
margin: 8px -22px 20px;
padding: 6px 20px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
text-align:center;
text-transform:uppercase;
letter-spacing: 1px;
font-family: Times New Roman, Tahoma, serif;
font-size: 1.2em !important; 
font-weight: 600;
color:#2F4F4F;
border: 1px solid rgb(98 66 35 / 25%);
background: rgb(141 105 59 / 15%);
}



/***   ÄÀÒÀ È ÍÎÌÅÐ ÏÎÑÒÀ   ***/
.punbb .post h3, #topic-users-in {
margin: 10px -22px 20px;
padding: 6px 20px;
font-size: 1em;
border: 1px solid rgb(98 66 35 / 25%);
background: rgb(141 105 59 / 15%);
}
#topic-users-in .container {padding: 0.2em 1em 0.2em}
#pun-viewforum .modmenu strong {font-weight:600 !important;}




/***   ÑÑÛËÊÈ ÍÀ ÔÎÐÓÌÅ   ***/
.punbb a, .punbb a:link, .punbb a:visited, 
.punbb-admin #pun-admain .adcontainer a, #pun-admain a {
color: #6d4720; 
cursor: pointer;
}
#pun #pun-adnav li.isactive a, 
#pun #pun-adnav a, .punbb-admin #pun-admain .adcontainer a:hover, #pun-admain a:hover {color: #1d4101;}
#pun #pun-adnav li.isactive ul.adsubnav a {color: #6d4720;}


/***   ÑÑÛËÊÈ ÀÊÒÈÂÍÛ   ***/
.punbb a:hover, .punbb a:focus, .punbb a:active, #pun #pun-adnav a:hover {
color: #2F4F4F;
text-shadow: none;
}



/***   ÌÅÍÞ ÍÀÂÈÃÀÖÈÈ ÑÑÛËÊÈ   ***/

#pun-navlinks a {
color: #2F4F4F;
text-shadow: 0 0 3px #9b8468;
}

#pun-ulinks a {
text-shadow: 0 0 1px #9b8468;
color: #775636;
}



/***   ÌÅÍÞ ÍÀÂÈÃÀÖÈÈ ÑÑÛËÊÈ ÏÐÈ ÍÀÂÅÄÅÍÈÈ   ***/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #7e590b;
}

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



/***   ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ ÍÀ ÃËÀÂÍÎÉ   ***/
#pun-index .tcl h3 {
margin: auto -17px 14px;
padding: 12px 10px 8px;
text-align:center;
text-transform:uppercase;
font-weight: 600;
font-family: Times New Roman, Georgia, serif;
font-size: 12px;
letter-spacing:0.08em;
background: url(http://forumupload.ru/uploads/001b/bb/0d/2/176615.png) 0% 0% repeat fixed;
background-color: #2F4F4F;
border: 1px solid #593c12;
box-shadow: inset 0 1px 0 0px #8d6f44, inset 0 -1px 0 0px #8d6f44, inset 0 0 6px 1px #0c0803, 0 0 4px 0px #817261, 0 0 12px 0px #ae997f, 0 -15px 18px -12px #766e2b inset;
}
#pun-index .tcl h3 a {color: #927d50; text-shadow: 0 0 6px #1b1f0c;}
#pun-index .tcl h3 a:hover {color:#acab7a;}


/***   ÁËÎÊ ÏÎËÜÇÎÂÀÒÅËß   ***/
.post-author {
padding: 18px 12px 14px;
width: var(--prow);
text-align: center;
color: #8e7458;
text-shadow: 0 1px 2px #000;
background: url(http://forumupload.ru/uploads/001b/bb/0d/2/176615.png) 0% 0% repeat;
background-color:#13140c;
border: 2px solid #2d200f;
box-shadow: inset 0 0 0 1px #50351b, inset 0 0 6px 2px #000, 0px -1px 22px -6px #766e2b inset, 0 0 0 1px #372515, 0 1px 7px rgb(75 42 10 / 65%);
}
#pun .post-author a {color:#b29e78;}
#pun .post-author a:hover {color:#d1bc7d;}

.post-author:before {content:''; display:block; position:absolute; pointer-events:none;
width:54px; height:70px;
top:-10px; right:-15px;
background: url() 0% 0% no-repeat transparent;
}


/***   ÍÈÊÍÅÉÌ ÀÂÒÎÐÀ ÏÎÑÒÀ   ***/
.pa-author, .pa-author a {
font-family: Times New Roman, Georgia, serif; 
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: 600;
font-size: 14px;
color: #b1c08b !important;
transform: scaleY(1.2);
}
.pa-author a:hover {
color: #c9d6c1 !important;
text-shadow: 0 0 3px #173834, 0 0px 12px #63b1a6;
}

.pa-author {
padding: 8px 0 14px 0 !important;
}


/***  ÑÒÀÒÓÑ  ***/
.pa-title {
font-style: italic;
line-height: 110%;
font-size: 11px;
letter-spacing: 0.02em;
}



/***  Ðåãóëèðîâêà ðàçìåðà øðèôòà â ïîñòàõ © Alex_63  ***/  /* Ñëàéäåð çâóêà â ËÑ */
.FNTslider, #volSlider {position:relative; z-index:8; float:right;
margin: 6px 4px 3px  !important;
width: 120px !important;
height: 8px !important;
background: #afa193 !important;
border-radius: 0px !important;
border: 1px solid #4c330c !important;
}
.FNTslider .before, #volSlider .before {position: absolute; margin-top: 0px !important;
height:6px !important;
border:solid 0px transparent !important;
border-radius:0px !important;
background:#4c330c !important;
}
.FNTslider .thumb, #volSlider .thumb {position: relative; top: -1px !important; cursor: pointer;
width: 14px !important;
height: 8px !important;
border-radius: 0px !important;
background: #888922 !important;
border: 1px solid #323216 !important;
box-shadow: none !important;
}
#volSlider .thumb {top:-4px !important;}


/***   ËÈ×ÍÎÅ ÇÂÀÍÈÅ   ***/
.pa-fld1 .fld-name {display: none;}
.pa-fld1 {
position:relative;
font-weight: bold;
margin: 10px -14px !important;
padding: 14px 12px !important;
border: 2px solid #2d200f;
color: #a58161;
background: #696969;
box-shadow: 0 0 0 1px #372515, inset 0 0 0 1px #50351b, inset 0 0 8px 1px #090602;
}
.pa-fld1:before {content:''; display:block; position:absolute;
top: -11px; left: -7px;
width: 38px; height: 54px;
background: url() 0% 0% no-repeat transparent;
background-size:cover;
transform: scale(-1,1);
pointer-events:none;
}



/*** ÑÒÐÅËÊÈ ***/
.topbot {
position:absolute; right:13px;
z-index:4; display:block;
}
.go-up, .go-down {-webkit-transition: 0.22s linear; -moz-transition: 0.22s linear; -o-transition: 0.22s linear; transition: 0.22s linear;
cursor:pointer; display:none; position:fixed; z-index:12; box-sizing:border-box; text-align:center; font-family: Tahoma, Verdana, sans-serif; font-size:14px; line-height: 100%; overflow:hidden;
background-color:green;
align-items: center; flex-direction: row; justify-content: center;
height:60px; width:32px;
color: #684b31;
text-shadow: 0 1px 2px #000;
border: 1px solid #2d200f;
background-color: #2F4F4F	;
box-shadow: inset 0 0 0 1px #50351b, inset 0 0 5px 1px #000, 8px 0 20px -12px #766e2b inset, 0 0 0 1px #372515, 0 1px 7px rgb(0 0 0 / 65%);
}
.go-up {
display: flex;
bottom:calc(30% + 120px);
}
.go-down {
display: flex;
bottom:30%; margin-left:7px;
}
.go-down:hover, .go-up:hover {filter: brightness(1.15);}