/* art by
-------------------------------------------------------------*/
/* CS1 HEADER, BACKGROUNDS, INPUTS
-------------------------------------------------------------*/
/* ВЕРХУШКА, ФОНЫ */
body {background: url("https://ic.wampi.ru/2022/11/14/VERKUSKA.png") repeat-x top center, 
url(https://im.wampi.ru/2022/11/14/FON79847e454c75e008.png) bottom center repeat-x  fixed,
#220c0c url(https://ic.wampi.ru/2022/11/14/FON2.png);
}
.punbb th {
  font-size: 8px !important;
  color: #998788;
  text-transform: uppercase;
  font-family: arial;
  margin-bottom: 5px !important;
  padding: 5px !important;
}

/* СЕРЕДИНА*/
#pun {
  background: url("https://im.wampi.ru/2022/11/14/BLOG-SEREDINA.png") repeat-y scroll top center; 
}
/* ПЕРЕАДРЕСАЦИЯ*/
#pun-redirect { 
   background:  url('https://im.wampi.ru/2022/11/14/PEREADRESATIY.png') no-repeat center 130px,
#220c0c url(https://ic.wampi.ru/2022/11/14/FON2.png);
   position: fixed;
   text-align: center;
}
#pun-redirect div.info {
   width: 400px;
   margin: auto;
   text-align: center;
}
 #pun-maint {
   margin: 0px 20% 12px 20%;
}
#pun-redirect .main-title {
   margin-bottom:10px !important;
}
.post-content table td {
   padding-top: 12px !important;
}
.input #main-reply {
   width: 100%;
   display: inline;
}
::-webkit-scrollbar{
width: 5px;
   border-left: 1px solid #101010;
   border-right: 1px solid #101010;
   height: 5px;
   background: #242424 url('https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png');
}
::-webkit-scrollbar-thumb{
   background: #9c2626 url('https://im.wampi.ru/2022/11/14/FON-ZELT.png');
}
::selection {
    background: #563939 url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png) !important;
    color: #e1cece;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
}


/* CS1.3 */
/* РАЗДЕЛЫ */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   font-size: 11px;
   text-align: center;
   color: #bd9b9b;
   text-shadow: 1px 1px 0px #252525;
   font-family: Verdana;
   text-transform: uppercase;
   text-align: center;
   font-weight: bold;
   height: 38px;
   background: url("https://ic.wampi.ru/2022/11/14/RAZDEL.png") no-repeat scroll center;
   width: 950px;
   margin-left: -20px;
}
#pun-category1 h2, #pun-category3 h2, #pun-category5 h2, #pun-category7 h2, #pun-category9 h2  {
   background: url("https://ie.wampi.ru/2022/11/14/RAZDEL1.png") no-repeat scroll center; 
}
#pun-category2 h2, #pun-category4 h2, #pun-category6 h2, #pun-category8 h2{
   background: url("https://ic.wampi.ru/2022/11/14/RAZDEL3.png") no-repeat scroll center; 
}
#pun-stats h2{
background: url("https://ic.wampi.ru/2022/11/14/RAZDEL3.png") no-repeat scroll center; 
}
#pun-category1 h2:before, #pun-category2 h2:before, #pun-category3 h2:before, #pun-category4 h2:before, #pun-category5 h2:before, #pun-category6 h2:before{
   font-size: 14px;
   font-weight: 100;
   letter-spacing: 3px;
   margin-right: 2px;
}
#pun-category1 h2:before {
   font-family: Runes;
   content: "\25BA";
}
#pun-category2 h2:before {
   font-family: Runes;
   content: "\25BA";
}
#pun-category3 h2:before {
   font-family: Runes;
   content: " \25BA";
}

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}
/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  text-transform: uppercase;
}
.offline li.pa-online strong {
  font-weight: normal
}
/* ФОН ЦИТАТЫ */
.punbb textarea  {
    box-shadow: 0px 0px 0px 1px #bda7a7;
    border: 2px solid #927575 !important;
    background: #b6b6b6 url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png) !important;
}
/* ГАЛОЧКА И ФОН ЦИТАТЫ */
.punbb select {
    border: none !important;
    padding: 4px 8px;
    background: url(https://ie.wampi.ru/2022/11/14/GALOCKA.png) no-repeat center right, #b9a2a2 url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
    box-shadow: 0px 0px 0px 1px #bda7a7;
    border: 2px solid #927575 !important;
    padding-right: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}
/*НАВИГАЦИЯ РАЗДЕЛА*/
#pun select#podforumlink {
    width: 100%;
    color: #381e20;
    text-transform: uppercase;
    font-size: 9px !important;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
    border-radius: 1px;
    outline: none;
}

select#podforumlink option {
    font: normal 9px 'arial';
}

/* ФОН ЦИТАТЫ */
#post .container[id$="-area"] {
    padding: 3px;
    box-shadow: 0px 0px 0px 1px #bda7a7;
    border: 2px solid #927575 !important;
    background: #eeeeee url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png) !important;
    color: #232323;
    padding: 10px;
    z-index: 20;
    margin-top: 10px;
}
#keyboard-span input {
   font-family: Arial !important;
   font-size: 10px !important;
   color: #231212 !important;
   background:url('https://ic.wampi.ru/2022/11/14/FON-TITATA.png') !important;
   border: 1px solid #e0e0e0 !important;
}
/* ФОН ЦИТАТЫ */
.punbb .button {
   color: #212121 !important;
   text-shadow: 1px 1px 0px #d8d7d7;
   background: #b7b7b7 url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
   box-shadow: 0px 0px 0px 1px #bda7a7;
   border: 2px solid #927575 !important;
   font-family: Arial;
   font-size: 10px;
   font-weight: bold !important;
   text-transform: uppercase;
   padding: 7px;
}
.punbb .button:hover {
    color: #5f5f5f !important;
    box-shadow: 0px 0px 0px 1px #bbbbbb;
}
/* ФОН ЦИТАТЫ */
.punbb input {
    color: #020202;
    text-shadow: 1px 1px 0px #d4d4d4;
    background: #ededed url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
    box-shadow: 0px 0px 0px 1px #bda7a7;
    border: 2px solid #927575 !important;
    padding: 5px;
}
.punbb input[type=checkbox],  .punbb input[type=radio]{
    background: transparent;
    box-shadow: none; 
    border: none !important;
}
#post .formsubmit {text-align: center;
}
.punbb .user-avatar img.ava {
   border: 2px solid #949494 !important;
   border-radius: 0% !important;
   width: 35px !important;
   height: 35px !important;
   box-shadow: 0px 0px 0px 1px #cccaca;
   border: 1px solid #919191 !important;transition: all 0.3s;-moz- 
   transition: all 0.3s;-o-transition: all 0.3s;
}
.punbb .user-avatar img.ava:hover {
   box-shadow: 0px 0px 0px 1px  #949494 !important;
}
.punbb em.user-avatar {
   margin-top: -8px;
}
.punbb .user-avatar img.on_ {
   width: 5px !important;
   height: 5px !important;
   border-radius: 0% !important;
   margin: 3px 12px 0 -16px !important;
   background: #989898 !important;
}

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

/* CS2.1*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
   border-color: transparent;
}

.adcontainer {
   border: none !important;
}
#pun-admain fieldset {
   border: 1px solid #e1dfdf !important;
}
#pun-profile fieldset {
   border: 1px solid #e1dfdf;
   margin-top: 20px; 
}

/* CS3 LINKS
-------------------------------------------------------------*/

/* CS3.1 */
@keyframes link2 {
    0% { text-shadow: -2px 0px 0 #cc3a3ab0, 2px 0px 0 #b1b386c9;}
    100% { text-shadow: -1px 0px 0 #cc3a3ab0, 1px 0px 0 #b3b186c9;}
}
/*ЦВЕТ ССЫЛОК */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #a14347;
  text-decoration: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
   color: #5f5f5f;
}
#pun-index .tcl h3 a {
   color: #a58a8a;
   text-shadow: 1px 0px 0px #272727;
}
#pun-index .tcl h3 a:hover {
   color: #ae2929;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #f9f9f9;
  text-shadow: 1px 0 0 #8e19194d, -1px 0 0 #b27a7a47;
  animation-name: link2;
  animation-duration: 0.5s;
  transition-duration: 0.5s;
}

/* CS3.3 */
#pun-navlinks a {
    color: #c95b5b;
    text-shadow: 1px 1px 0px #2c0e0e;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active{
   color: #d3999a;
   text-shadow: 1px 1px 0px #231212;
   animation-name: link2;
   animation-duration: 0.5s;
   transition-duration: 0.5s;
}
 .code-box a {
   color: #d3999a !important;
}
 .code-box a:hover {
   color: #d3999a  !important;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus, .linkst .postlink a, .linkst .pagelink strong,  .linkst .pagelink a {
   color: #b79595 !important;
   text-shadow: 1px 1px 0px #2b2b2b;
}
 .linkst .postlink a:hover, .linkst .pagelink, .linkst .pagelink a:hover {
   color: #bba5a5!important;
   text-shadow: 1px 1px 0px #2f2f2f;
}
#pun-ulinks a {
   color: #967878;
}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #eed3d3;
}
.punbb .post-links a, .punbb .post h3 a {color: #181818;
}
.punbb .post-links a:hover, .punbb .post h3 a:hover {
   color: #ebd8d8;
}
#pun-adnav div#adnav-standard a {
    color: #d2bebe;
    text-shadow: 1px 0px 0px #232323;
}
#pun-adnav div#adnav-standard a:hover {
  color: #d2d2d2;
  padding-left: 10px !important;
}
#profilenav li a {
    color: #cfbcbc;
    text-shadow: 1px 0px 0px #232323;
}
#profilenav li a:hover {
   color: #fff !important;
   padding-left: 10px !important;
}

/* CS4 POST STATUS ICONS
 -------------------------------------------------------------*/
#pun-index Div.icon::before{
   content: '';
   position: absolute;
   padding: 21px 40px 0px 0px;
   background: url('http://forumstatic.ru/files/0011/eb/e1/50331.png') no-repeat bottom center;
   margin-left: -21px !important;
}
Div.icon {background-image : url(https://im.wampi.ru/2022/11/14/IK-Div.icon.png); background-repeat: no-repeat; 
}
TR.inew Div.icon {background-image : url(https://ie.wampi.ru/2022/11/14/IK-TR.inew.png); background-repeat: no-repeat;
}
TR.isticky Div.icon {background-image : url(https://ic.wampi.ru/2022/11/14/IK-TR.isticky.png); background-repeat: no-repeat;
}
TR.iclosed Div.icon {background-image : url(https://ic.wampi.ru/2022/11/14/IK-TR.iclosed.png); background-repeat: no-repeat;
}
TR.iredirect Div.icon {background-image : url(https://im.wampi.ru/2022/11/14/IK-TR.iredirect.png); background-repeat: no-repeat;
}
#pun-main div.catleft, #pun-main div.catright {display: none}

/* CS5 FOOTER
-------------------------------------------------------------*/
#banners {
  display: block;
  overflow: auto;
  padding: 5px;
  position: absolute;
  height: 84px;
  width: 884px;
  margin-left: 28px;
  margin-top: 41px;
  text-align: justify;
}
#banners a img {
   margin: 0px 5px 5px 0px !important;
   opacity: 0.3 !important;
   -moz-opacity:0.3 !important;
   -khtml-opacity:0.3 !important;
   filter:alpha(opacity=70) !important;
   transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
}
#banners a img:hover {
   opacity: 0.7 !important;
   -moz-opacity:0.7 !important;
   -khtml-opacity:1 !important;
   filter:alpha(opacity=90) !important;
}
#banners::-webkit-scrollbar{
   width: 4px;
   background-color: transparent;
   background-image: none !important;
   border: none !important; 
}
/* ФОН СВЕТЛЕЕ*/
#banners::-webkit-scrollbar-thumb{
   background: #131313  url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png);
}
/* БЛОГ НИЗ*/
#copyright {
   text-align: center;
   background: url("https://ie.wampi.ru/2022/11/14/BLOG-NIZ.png") no-repeat top center;
   font-size:10px !important;
   width: 950px; 
   height: 233px;
   margin-left:-20px;
   z-index: 10;
   margin-bottom: -2px;
}
/* БЛОГ НИЗ УКРАШЕНИЕ*/
#footerLogo {
    position: absolute;
    display: block;
    margin-top: 96px;
    left: 366px;
    width: 145px;
    height: 124px;
    z-index:100;
    background: url('https://ie.wampi.ru/2022/11/14/UKRASENIE-VNIZU.png') no-repeat;
}
/* CS6 USER PROFILE
 -------------------------------------------------------------*/
/* ПРОФ ВЕРХ И НИЗ*/
.punbb .post .post-author > ul {
   background: url(https://im.wampi.ru/2022/11/14/KONTEINER-VERK.png) top center no-repeat,
   url(https://ic.wampi.ru/2022/11/14/KONTEINER-NIZ.png) bottom center no-repeat;
   padding:6px 11px 3px 10px !important;
}
/* ПРОФ СЕРЕДИНА*/
.punbb .post .post-author {
    text-align: center;
    background: transparent url(https://im.wampi.ru/2022/11/14/KONTEINER-SEREDINA.png);
    color: #ab8c8c;
}
.punbb .post .post-author b, .punbb .post .post-author strong {
    color: #e92222!important;
}
.punbb .post .post-author a {
     color: #e16f6f!important;
}
.punbb .post .post-author a:hover{
    color: #bcbcbc!important;
}
.punbb .post .post-author li {
    padding-left:5px;
}
/* ФОН ЖЕЛ*/
.pa-fld1 {
    color: #200b0b!important;
    text-transform: uppercase;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    padding: 2px;
    margin-top: 7px !important;
    background: #967878;
    border-radius: 2px;
}
.pa-fld2 {
    margin-top: 5px !important;
    text-align: justify;
}
.pa-author,.pa-author a, .pa-author strong {
   text-align: center;
   color: #fcefef !important;
   text-transform: uppercase;
   font-family: arial;
   font-size: 11px;
   text-shadow: 1px 1px 0px #212121;
}
.pa-author a:hover {
   color:#e92222!important;
}
li.pa-author {
   margin-bottom: 18px;
}
.pa-avatar img {
box-shadow: 0px 0px 0px 1px #a99393;
    border: 2px solid #582b2b !important;
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
    filter: grey;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.pa-avatar img:hover {
    -webkit-filter: grayscale(10%);
    -moz-filter: grayscale(10%);
    -ms-filter: grayscale(10%);
    -o-filter: grayscale(10%);
    filter: grayscale(10%);
    filter: gray;
}
li.pa-avatar.item2{
    margin-left: -5px !important;
    margin-bottom: 8px;
}
.pa-title{
    font-size: 10px;
    text-align: center;
}

/* CS7 ADMIN PAGES
 -------------------------------------------------------------*/
/* ФОН ЦИТАТА*/
#pun-admain fieldset p {
    border-color: #422f2f !important;
    margin-bottom: 0 !important;
    background: #bababa url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png) !important;
}

#pun-admain span[class="adinput"] input, #pun-admain span[class="adinput"] label {
    color: #212121 !important;
    text-shadow: none !important;
}

#pun-admain label, div#pun-admain .adlabel, #pun-admain .adlabel a, #pun-admain .adlabel a:hover {
    font-family: Arial;
    text-transform: uppercase;
    font-size: 11px;
    color: #d9bfbf !important;
    text-shadow: 1px 0px 0px #252525;
}

/* ФОН СВЕТЛЕЕ*/
#pun-adnav div#adnav-standard {
   font-size: 11px;
   background: #252525 url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png);
   box-shadow: 0px 0px 0px 1px  #d7d7d7;
   border: 2px solid #969696 !important;
   padding: 3px; 
   font-family: Arial;
   text-transform: uppercase;
}
#pun-adnav li:before {
   content: "\25A0";
   margin-right: 5px;
   color: #f8effc !important;
}
#pun-adnav ul.adsubnav li{
   list-style-type: decimal !important;
   padding: 0.2em 0 0.2em 0.2em;
   color: #f8effc !important;
   border-bottom: none !important;
}
sup.new {
   color: #ae2929 !important;
}
.punbb-admin #pun-admain h2{
    color: #a38e8e;
    background: transparent;
    text-shadow: none;
    text-align: left;
    font-size: 12px;
    height: 20px;
    padding-left:50px;
    }

/* CS8 POST CONTENT
 -------------------------------------------------------------*/
/*РАЗДЕЛИТЕЛЬ1*/
hr {
    opacity:1 !important;
    -moz-opacity:1 !important;
    -khtml-opacity:1 !important;
    filter:alpha(opacity=100) !important;
    border: none;
    height: 11px;
    background: url("https://ic.wampi.ru/2022/11/14/hr.png") no-repeat  top center;
    margin: 20px;
    padding-bottom: 0.8em;
}

/* ФОН ЦИТАТА*/
.punbb .quote-box, .punbb .code-box, .punbb .spoiler-box {
    color: #171717;
    background: #ededed url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
    padding: 10px;
    box-shadow: 0px 0px 0px 2px #9f8c8d;
    border: 2px solid #cfbcbc !important;
    border-radius: 6px;
}

/* ФОН СВЕТЛЕЕ*/
.punbb .code-box {
    color: #f8effc;
    background: #6f6f6f url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png);
    box-shadow: 0px 0px 0px 2px #9f8c8d;
    border: 2px solid #cdbbbb !important;
}
.code-box .scrollbox::-webkit-scrollbar{
   border-bottom: none !important;}

/* ФОН ЦИТАТА*/
.punbb .quote-box {
    color: #101010;
    background: #b8b8b8 url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
}

/* ФОН ЦИТАТА*/
.punbb .spoiler-box {
    background: #ededed url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
    box-shadow: 0px 0px 0px 1px #c3a0a0;
}

/*РАЗДЕЛИТЕЛЬ2*/
.punbb .quote-box cite {
    background: url(https://ic.wampi.ru/2022/11/14/hr.png) no-repeat left;
}

/* ФОН СВЕТЛЕЕ*/
/* МАРКЕР*/
#pun-viewtopic .post-content .highlight-text {
    margin: 3em 2em 2em 2em !important;
    background: #161616 url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png) !important;
    color: #ab8c8c !important;
    display: block;
    font-family: 'arial';
    font-size: 15px !important;
    line-height: 15px;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 0px 0px 1px #967878, 0px -16px 0px 8px #4b3333, 0px 10px 0px 8px #866969;
    border: 3px #967878 solid;
}
.post-content .highlight-text  b, .post-content .highlight-text  strong {
    color: #d0d0d0 !important;
}
#pun-searchposts .highlight-text {
    background-color: #676767  !important;
    padding: 2px 7px !important;
    color: #fcefef !important;
    text-shadow: 1px 0px 0px #252525 !important;
}

/* ФОН ЦИТАТА*/
.madotitle {
    margin: 3em 2em 2em 2em !important;
    background: #ededed url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
    color: #5f5f5f !important;
    display: block;
    font-family: 'arial';
    font-size: 15px !important;
    line-height: 15px;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 0px 0px 1px #4a4a4a, 0px -16px 0px 8px #717171, 0px 10px 0px 8px #ae2929;
    border: 3px #969696 solid;
    min-width: 600px;
}

.punbb .post h3 strong {
    float: left !important;
    width: auto !important;
    text-align: left !important;
}

/* ИНФА О ПОСТЕ*/
.punbb .post h3 span {
    background: url(https://ic.wampi.ru/2022/11/14/FON-INFA-POSTA.png), linear-gradient( 45deg, #771718 0%,#721718 80%,#3a2021 80%,#3a2021 100%);
    font-size: 10px;
    margin-left: 220px !important;
    text-transform: uppercase;
    color: #252525;
}

/*текст СООБЩЕНИЕ*/
.post h3 strong:before {
    content: "сообщение #";
    text-align: center;
    color: #bd9e9e;
    font-size: 10px;
}
/*текст НАПИСАНО*/
.post h3 strong:after {
    content: ", написано: ";
    text-align: center;
    color: #bd9e9e;
    font-size: 10px;
}

div.post-rating p:before {
    content: "оценка: ";
    text-align: center;
    color: #bd9e9e;
    font-size: 10px;
}

.post-box .post-rating {
    position: absolute;
    display: block;
    color: #987573;
    padding-left: 8px;
    right: 8px;
    top: -16px;
}
.post-box .post-rating, .post-box .post-rating a {
    font-size: 10px !important;
    color: #fcefef !important;
}
.post-box .post-rating a:hover {
    font-size: 10px !important;
    color: #ae2929 !important;
}
div.post-vote p.container {
    margin-right: 0px !important;
    padding: 0px 0px !important;
}
.punbb .post-box {
    position: relative;
}
div.post-rating p {
    position: relative;
    right: 0px;
    font-size: 10px;
    text-transform: uppercase;
}
div.post-vote p {
    position: absolute;
}

/* ФОН СВЕТЛЕЕ*/
#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
    background: #6f6f6f url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png) !important;
}

/* ФОН ЦИТАТА*/
#pun-reputation div.inner, #pun-report div.inner, #pun-popup_awards div.inner, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner  {
    padding: 10px; 
    background: #ededed url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png) !important;
    box-shadow: 0px 0px 0px 1px #505050,
    0px -16px 0px 8px #656565,
    0px 10px 0px 8px #ae2929;
    border: 3px #969696 solid;
}
 #pun-report .inner table tr td, #pun-reputation .inner table tr td, #pun-admin-award-form .inner table tr td {
    border: none !important;
} 

/* ФОН ЦИТАТА*/
#pun-reputation div.inner textarea, #pun-report div.inner textarea, #pun-popup_awards div.inner  textarea {
    box-shadow: 0px 0px 0px 1px  #d7d7d7;
    border: 2px solid #fff !important;
    background: #eeeeee url('https://ic.wampi.ru/2022/11/14/FON-TITATA.png') !important;
}

/* ФОН ЦИТАТА*/
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1,#pun-graffiti-rusff h1 {
    padding-top: 0em !important;
    background: #ededed url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png) !important;
    color: #232323 !important;
    text-shadow: none !important;
    width: auto !important; 
    height: 10px !important; margin: auto !important;
}
.punbb .post-sig dt {
    border-top: 1px solid #5d4343;
}
.punbb .post-sig dd {
    color: #280c0e;
    background-color: #bfa9a9;
    padding: 15px 10px 5px;
}
#form-buttons {
    margin: 2px 2px 2px 10px;
    padding: 2px 2px 2px 10px;
}
#imageupload-left input[type=button] {
    width:auto !important;
}
.post-content abbr {
    cursor:pointer!important;
}

/* CS5 OTHER
 -------------------------------------------------------------*/

 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit, .mini_awards_label, .sharelink, .pa-awards, #profile-gifts, li#navawards{
    display: none !important;
}
.stickytext {
    font-family: Arial;
    padding-right: 4px;
    text-transform: uppercase;
    font-size: 9px;
}

.byuser {
    display: block;
    margin-top: 11px !important;
    font-size: 10px;
    color: #5f5f5f;
}

.byuser:before {
    content: 'Автор: ';
    font-size: 10px;
    color: #5f5f5f;
}
#pun-stats ul.container {
    text-align: center;
}

#html-footer {
    margin:0px 0 -2px 0;
    text-align: center; 
}
#profile .container #profilenav h2 {
    text-align: left;
    color: #be6b6c;
    text-shadow: 1px 0px 0px #232323;
    font-size: 12px;
    height: 20px;
}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{
    font-size:10px;
    font-family: verdana;
}
img.post-img-Sp {
    margin: 0px;
}
img.post-img-Sp.active {
    opacity: 1.0;
}

img.post-img-Sp[data=".Sp1"] {
    margin-right: -27px !important;
}


/*CS6 HEADER BLOCKS
 ------------------------------------------------------*/
/*ШАПКА*/
#pun-title.section {
  background: transparent url("https://ie.wampi.ru/2022/11/14/SAPKA.png") top center scroll no-repeat; 
  height:334px;
  width : 950px; 
  margin-top:0px;
  margin-left: -20px;}

.needed, .ams {
   position: absolute;
   height: 39px;
   width: 39px;
}
.needed.first img, .needed.second img, .needed.third img, .needed.fourth img, .ams.first img,  .ams.second img, .ams.third img, .ams.fourth img {
    width: 39px;
    height: 39px;
    object-fit: cover;
}
.needed.first{
    top: 184px;
    left:818px;
}
.needed.second{
    top: 184px;
    left:873px;
}
.needed.third{
    top: 239px;
    left:818px;
}
.needed.fourth{
    top: 239px;
    left:873px;
}
.ams.first{
    top: 184px;
    left:-2px;
}
.ams.second{
    top: 184px;
    left:53px;
}
.ams.third{
    top: 239px;
    left:-2px;
}
.ams.fourth{
    top: 239px;
    left:53px;
}
.linkmargin {
    margin-right: 200px !important;
}

/* КОД ССЫЛОК НАВИГАЦИИ*/
/* настройка кнопки, может быть текстом */
.spirit-navigation {
    background: url(https://ic.wampi.ru/2022/11/14/NAVIGATIY-VERK.png) no-repeat;
    height: 32px;
    width: 203px;
    top: 163px;
    left: 140px;
    display:inline-block;
    cursor: pointer; 
    font-size: 0px;
    color: transparent;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
}
/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
    width: 900px;
    margin-left: 5px;
    position: absolute;
    top: 60px;
    z-index: 999;
}
/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
    display: block;
    padding: 5px;
}
/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
    background: url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png);
    white-space: nowrap;
    margin: 5px 8px;
    text-align: center;
    transition: all 0.3s linear 0s;
    padding: 4px;
    letter-spacing: 0px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    color: #9f5858;
    text-shadow: 1px 0px 0px #301414;
    font-family: arial;
    font-size: 9px;
    width: 145px;
    box-shadow: 0px 0px 0px 1px #582f31;
    border: 1px solid #2e1617 !important;
}

/* ссылка при наведении */
#pun .sslka a:hover {
    letter-spacing: 1px;
    color: #d7a0a0;
    background: #636363 url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png);
}

/* CS7 FORUM DESCRIPTION
 ---------------------------------------------------*/
/* ФОН ЦИТАТЫ */
.forumDescription {
    background: #967878 url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
    padding: 5px 7px;
    box-shadow: 0px 0px 0px 1px  #c5a7a7;
    border: 1px solid #967878 !important;
}
.description{
display: block;
}
/* фон светлее */
.links {
    background: #6f6f6f url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png);
    display: block;
    text-align: center;
    margin-top: 5px !important;
    color: #ae2929;
}
.links a {
    color: #b9a2a2 !important;
    font-size: 9px !important;
    text-transform: uppercase;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    display: inline-block;
}
.links a:hover {
color: #ae2929 !important;
}

/* CS8 OTHER STUFF
 ---------------------------------*/
b, strong {
    color: #151414;
}
/* рисованные значки*/
.post-content del {
    text-decoration: none;
    color: transparent;
    background: #e8e8e8 url(https://ic.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png);
    transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
}
.post-content del:hover {
    background: none;
    color: #292929;
    text-decoration: none;
}
span.num_msg {
    color: #e92222!important;
    background:#232323 !important;
}
span.num_msg:before {
    background: #272727 !important;
}
.notify-message .jGrowl-message a, .notify-message .jGrowl-message a:hover, .notify-message .jGrowl-    message span, .notify-message .jGrowl-message strong {
    color: #fcefef !important;
}
.notify-message .jGrowl-header {
    border-bottom: 1px dashed #fcefef !important;
}
.jGrowl-date{
    border-top: 1px dashed #fcefef !important;
}
.notify-message.jg-mention, .notify-message.jg-system,
.notify-message.jg-promo, .notify-message.jg-advert,
.notify-message.jg-notice,
.notify-message.jg-reputation,
.notify-message.jg-report,
.notify-message.jg-award,
.notify-message.jg-message {
    border-left: none !important 
}

/*иконка*/
.notify-message.jg-message, .notify-message.jg-reputation {
    color: #fcefef !important;
    text-shadow: 1px 0px 0px #232323;
    background: #6f6f6f url(http://forumstatic.ru/files/001a/7a/27/35032.png);
}
.notify-message.jg-mention, .notify-message.jg-system,
.notify-message.jg-promo, .notify-message.jg-advert,
.notify-message.jg-notice, .notify-message.jg-report, .notify-message.jg-award
{
    color: #fcefef !important;
    text-shadow: 1px 0px 0px #212121;
    background: #777777 url(http://forumstatic.ru/files/001a/7a/27/35032.png);
}
#arrows {
    position:fixed;
    bottom: 50%;
    right: 11%;
    text-align:center;
}
#pun-delete .post-content, #pun-edit .post-content , #post-preview .post-content {
    width: 850px;
}

/* фон светлее - ВЫПАДАЮЩЕЕ МЕНЮ В НАВИГАЦИИ*/
#tooltip {
    z-index: 999;
    position:absolute;
    display:none;
    max-width:205px;
    color: #c79191;
    font-family: arial;
    font-size: 11px;
    text-shadow: 1px 1px 0px #272727;
    background: #676767 url(https://ie.wampi.ru/2022/11/14/FON-DETALEI-SVETLEE.png);
    text-align:center;
    padding:4px 6px;
    opacity:1 !important;
}
/* аватарки на главной*/
#pun .user-avatar.user-avatar .avatar-image {
    border-radius: 0;
    box-shadow: 0px 0px 0px 1px #c1a1a1;
    border: 2px solid #6b5454 !important;
    opacity: 0.75;
}
#pun .user-avatar.user-avatar .avatar-image:hover {
    opacity: 0.95;
    box-shadow: 0px 0px 0px 1px #bd8080;
}
#pun .user-avatar.user-avatar .avatar-image {border-radius: 0;}
#pun-index .user-avatar {
    margin-top: -2px;
    margin-left: -2px !important;
    margin-right: 10px !important;
}
#pun-index .user-avatar .avatar-image {
    margin-right: 0 !important;
}
#pun-index .user-avatar .avatar-image {
    margin-right: 0px;
}


/* значок онлайн на главной*/
.punbb .user-avatar .isonline {
    width: 10px!important;
    height: 10px!important;
    border-radius: 23%!important;
    display: block !important;
    float: right;
    margin: -3px -5px 0px -25px!important;
    position: relative;
    animation: blinkColor 2.7s linear infinite!important;
    -moz-animation: blinkColor 2.7s linear infinite!important;
    -webkit-animation: blinkColor 2.7s linear infinite!important;
    /* background-image: url(https://ie.wampi.ru/2022/11/14/ONLAINdaf108d94d8a3c99.png)!important; */
    background-color: #ae2929!important;
    z-index: 100;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}

.punbb .user-avatar .isonline:hover{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
}


/* в объявлении*/
#news {
    color: #1e1818;
    width: 85%;
    height: 300px;
    position: relative;
    padding: 20px;
    left: 30px;
    top: 27px;
    margin: 12px;
    overflow-y: auto;
    text-align: center;
    line-height: 1.3;
    text-shadow: 1px 1px 2px #ab9494;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    background: #b7a6a6 url(https://ic.wampi.ru/2022/11/14/FON-TITATA.png);
    box-shadow: 0px 0px 0px 2px #9f8c8d;
    border: 2px solid #cfbcbc !important;
    border-radius: 4px;
}

/* в объявлении гиф*/
.transparent75 {
    filter: alpha(Opacity=75); /* Полупрозрачность для IE */
    opacity: 0.75; /* Полупрозрачность для других браузеров */ 
}

/*-------------------------------------------------------------*/
#pun-index .tcl h3:first-letter {color:#ae2929; font-size: 15px;} /*первая буква красная*/
#pun-navlinks #navawards {display:none} /*скрытие наград*/
div#pun-live-rusff {display: none} /*скрытие это интересно*/
#qpsContainer {display: none;}/*скрытие сокращателя ссылок*/

/* ВЫРАВНИВАНИЕ ТЕКСТА В СТРАНИЦАХ*/
.panel {
    background: #cfbcbc;
    color: #232323;
    padding: 7%;
    text-align: justify;
    font-size: 11pt;
}


/*СВЯЗЬ С АДМИНОМ В ОБЪЯВЕ*/
.rainer {
    padding: 4px 8px 5px 8px;
    color: #151513;
    background-repeat: repeat;
}

.rainer {
    text-align: center;
    margin: 7px 0 7px 0 !important;
}

.rainer a {
    background: #a22418;
    border: 2px outset #923e34;
    font-size: 12px;
    font-family: 'Myriad Pro';
    padding: 4px 25px 3px 25px;
    letter-spacing: 0.1px;
    margin: 0 3px 0 0px !important;
    transition-duration: 2s;
    border-radius: 3px;
    box-shadow: inset 0px 0px 27px #0c0101, 2px 2px 4px rgba(8, 6, 4, 0.68);
    color: #c18957 !important;
    text-shadow: 0 0 1px #000;
    transition: color .6s, text-shadow .6s;
    opacity: 0.7;
}

.rainer a:hover {
    background: #b93722;
    font-family: 'Myriad Pro';
    color: #fdbc68!important;
    text-shadow: 0 0 9px #ff2a00, 0 0 3px red;
    font-size: 12px;
    padding: 4px 25px 3px 25px;
    letter-spacing: 0.1px;
    margin: 0 3px 0 0px !important;
    transition-duration: 1s;
    opacity: 0.7;
}


/*ЖАНРЫ И НАПРАВЛЕНИЕ В ОБЪЯВЕ*/
.zanr {
    color: #ccb8b8 !important;
    text-shadow: 0 -1px 5px rgb(205 65 65) !important;
    font-family: reilan, georgia, serif;
    background-color: #391e1f;
    opacity: .7;
    letter-spacing: .5pt;
    -webkit-animation-name: glow;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-name: glow;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


/*ПОДПИСИ ПОЛЬЗОВАТЕЛЕЙ*/
.sigimage {
    max-width: 50%! important;
    opacity: .7;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
    filter: gray;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


/*РЕАКЦИИ*/
/*размер крестика*/
.reaction-picker .reaction-picker-button svg {
    width: 14px!important;
    height: 14px!important;
}

/*Фон всей таблички с эмодзи*/
.topic .reactions-root .emoji-mart {
    background: #e1cccc;
    border: 1px solid #d3bebe;
}

/*Фон верхней таблички с кнопками для переключателей коллекций*/
.topic .reactions-root .emoji-mart-bar:first-child {
    background-color: #cfbcbc;
}

/*Заголовки наборов эмодзи*/
.topic .reactions-root .emoji-mart-category-label span {
    color:#000;
    background: #cfbcbc;
}
.reactions-root .emoji-mart-category-label span {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 5px 6px;
    background-color: #d0bdbd;
}


/*Базовые цвета кнопок*/
.topic .reaction-chip {
    background-color: #cfbcbc6b;
    border: 1px solid #b59f9f;
}


/*Базовые цвета при наведении мыши*/
.topic .reaction-chip:not(.reaction-chip--disabled):hover {
    background-color: #b59f9f;
}
.topic .reaction-chip:hover {
    border: 1px solid #b59f9f;
}

/*Этим цветом пользователь видит оценки, которые сам поставил*/
.topic .reaction-chip.reaction-chip--clicked {
    background-color: #b29d9d;
    border: 1px solid #b29d9d;
}

/*Свои выставленные оценки при наведении мыши*/
.topic .reaction-chip.reaction-chip--clicked:not(.reaction-chip--disabled):hover {
    background-color: #b29d9d;
    border: 1px solid #b29d9d;
}

/*Если нужно изменить размер крестика*/
.reaction-picker .reaction-picker-button svg {
    width: 12px!important;
    height: 12px!important;
}