/* CS1 Background and text colours
-------------------------------------------------------------
/* CS1.1 */

li.navsearch {display: none;}
p.lastedit {display:none}
div#pun-live-rusff {display: none;}
#pun-status .status-right {display: none;}

::selection {background: #9b6662;color: #ffffff;}
input, select, textarea, option, button {outline: none!important;}

HTML, body {/*min-width:1000px!important;!Правка размеров полотна форума для мобильных Устройств с мелким Экраном*/
    background:
    url() no-repeat fixed bottom center,
    url(http://forumstatic.ru/files/0019/34/ce/46040.jpg) repeat fixed top center;    
}
#pun-title table { 
  background: transparent url("http://forumstatic.ru/files/0019/34/ce/49939.jpg") no-repeat center top; 
}
#pun {background: url("http://forumstatic.ru/files/0019/34/ce/26066.jpg");
}

#pun_wrap {
    position: relative;
    overflow-x: clip;
    min-width: 1000px  !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
}

#html-footer .container {
   background: url("http://forumstatic.ru/files/0019/34/ce/41883.jpg") no-repeat scroll center bottom;
   height: 21px;
   margin-left: -15px;
   margin-bottom: 0px;
   width: 1000px;
}
 #pun-stats ul.container {
 background: transparent url() no-repeat 0px;
        }

.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 {
  background-color: #;
  color: #000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3 {
  background-color: #;
  color: #000;
  }

/* CS1.3 */
 #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color:#fff;
    font-family: 'georgia';
    opacity: 0.4;
    color: #000;
}
.punbb .main h1 {
    text-transform: uppercase;
    font-family: 'georgia';
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
}
.punbb-admin #pun-admain h2 {
    text-transform: uppercase;
    font-family: 'georgia';
    font-size: 10px;
    font-weight: bold;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2 {
    background: url("");
}
.category {    
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Merriweather';
    background: url ('http://forumstatic.ru/files/0019/34/ce/13395.jpg');
    color: #000;
    letter-spacing: 0px;
    /*font-weight: bold;*/
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span {
  background-color: #;
  color: #333;
  }

 .punbb-admin, #pun-admain legend span {
    letter-spacing: 0px;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #;
  color: #3b3b3b;
  }

/* CS1.7 */

/* форма быстрого ответа*/
.punbb textarea, .punbb select {
    background: #e1e0d6;
    color: #000;
}
/* форма внутренней цитаты*/
.quote-box .quote-box {
    background: #e7e8de !important;
    border: 1px solid #b1aaaa !important;
    color: #4c4c4c !important;
}

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #;
  }

.offline li.pa-online strong {
  color: #;
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
 }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
   border: 0px double;
   border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
border: transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.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: #605247;
  /*font-weight: bold;*/
  box-shadow: 0 0 0 0.0001px #000;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #350B24;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active{
  color: #0e3d59;
  text-decoration: none;
}
 
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: ;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #aa766b;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #;
  color: #000;
  text-decoration: none;
  }

/*кнопки*/
.button, #pa-edit strong a  {
    background: linear-gradient(2deg, #abaa8f, #d1cbba);
    box-shadow: #956f6f73 0px 0px 0px 1px inset, 
                       #e1dfcab8 0px 0px 0px 2px inset, 
                       #302b2b24 0px 0px 8px 3px inset;
    color: #44413e;
    text-decoration: none;
    transition: all 1s cubic-bezier(0, 0, 0.2, 1) 0s;
    vertical-align: middle;
    text-transform: uppercase;
    text-shadow: #605555 0px 0px 1px;
    border: 1px solid #cfcfcf !important;
    font-family: Courier New !important;
    font-size: 11px !important;
    padding: 5px 10px !important;
}
.button:hover, #pa-edit strong a:hover{
    background: linear-gradient(184deg, #abaa8f, #d1cbba);
    cursor: pointer;
    filter: brightness(1.2);
    color: #8f4d0c;
    border: 1px solid #605555 !important;
}

/*ссылки форума*/
a.msl:link, a.msl:visited, a.msl:active {
    font-size: 12px;
    color: #6d1a1a;
    padding: 3px 10px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-weight: bold;
    transition: 0.4s ease-in-out;
    font-family: 'Alegreya SC', sans-serif;
}

a.msl:before, a.msl:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 2px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6d1a1a;
    box-shadow: inset 0 -0px 0 #6d1a1a;
    opacity: 0;
    transition: all 0.5s ease-out 0s;}
a.msl:before {left: -3px;}
a.msl:after {right: -3px;}
a.msl:hover:before, a.msl:hover:after {opacity: 1;}

/* CS4 Post status icons
-------------------------------------------------------------*/

#pun-index div.icon {
    display: block;
    background: #dddcdb;
    float: left;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 0px;
    box-shadow: 3px 3px 0px 2px #9da9b7, 
                      -4px 2px 0px 2px #8f6152, 
                       0px -4px 0px 2px #e3c6a4;
}
#pun-index tr.inew div.icon {
    background: #ff00c8;
    box-shadow: 3px 3px 0px 2px #328f8f, -4px 2px 0px 2px #3a7a19, 0px -4px 0px 2px #ddc40f;}

/*Профиль*/
.punbb .post .post-author {
    text-align: center;
    margin: 0px 0px 0px 0px!important;
    background: #dedfe4;
    border: 1px solid #fff;
    box-shadow: -5px -4px 0px 1px #bdbbac, 2px 2px 0px 1px #b05658;
}
.post-author .pa-author {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'Cormorant Unicase', serif;
}
.post-author ul li.pa-avatar {margin-bottom: 4px;}
.post-author ul li.pa-avatar img{
    background:transparent none!important;
    max-width:180px;
    height:auto;
    width:auto!important;
    border: 2px solid #000000;
 }
.post-author ul li {font-size: auto;}

.post-author ul li.pa-fld1
{
    text-align: center;
    border-top: 2px solid #b19275;
    color: #000;
    margin-right: 0px;
    background: #d7d5d0;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: Palatino Linotype, Arial, sans-serif;
    font-weight: bold;
}

.post-author ul li.pa-fld2
{
    text-align: center;
    border-bottom: 2px solid #b19275;
    color: #000;
    margin-right: 0px;
    background: #d7d5d0;
    padding: 5px;
    font-family: tahoma;
    font-size: 10px;
    text-align: justify;
    line-height: 90%;
}

li.pa-posts, li.pa-respect {
    display: inline-block;
    font-weight: normal!important;
}
.pa-posts {
    background: #ebeadd;
    border: 1px solid #acacac;
    width: 90px;
    text-transform: lowercase;
    font-size: 8px;
    text-align: center;
}
.pa-respect {
    background: #ebeadd;
    border: 1px solid #acacac;
    width: 92px;
    text-transform: lowercase;
    font-size: 8px;
    text-align: center;
    margin-left: -0px!important;
}

/*Фон мини в ответе*/
#tags .container {
    position: absolute;
    right: 6px;
    top: 43px;
    background: #d7d7d7d9;}

/* Tooltips
 -------------------------------------------------------------*/
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  position: absolute;
  z-index: 99999999;
  margin-left: 0;
  width: 220px;
}
.tiptwo {
    position: absolute;
    z-index: 1;
    background: #eaeae1;
    color: #5a5a5a;
    border: 1px solid #5d2030;
    width: 220px;
    top: 100%;
    left: 0%;
    margin-left: -60px;
    height: auto;
    text-align: center;
    padding: 5px;
    line-height: 10px;
    font-family: verdana;
    font-size: 10px;
    visibility: hidden;
}
.tooltip:hover .tiptwo {visibility: visible;}

/*скролл*/
::-webkit-scrollbar {width: 5px; height: 3px;}  
::-webkit-scrollbar-track {background-color: #DDDCD2;} 
::-webkit-scrollbar-thumb {background-color: #310E0F;
  border-top: 3px solid #310E0F !important;
  border-bottom: 3px solid #310E0F !important;
  border-left: 0px solid #310E0F !important;
  border-right: 0px solid #310E0F !important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;}
::-webkit-scrollbar-thumb:active {background: #411213;
  border-top: 3px solid #310E0F !important;
  border-bottom: 3px solid #310E0F !important;
  border-left: 0px solid #310E0F !important;
  border-right: 0px solid #310E0F !important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

/*другое*/

.text {
    background: #dedfe4;
    border-top: 2px solid #b19275;
    padding: 5px 5px 8px 5px;
    font-size: 10px;
    font-family: 'Merriweather';
    /*font-weight: 600;*/
}

.banner {
    bottom: -44px;
    left: 20px;
    padding: 6px 0px 0px 6px;
    z-index: 100;

}
.banner >div {
    display: inline-block;
    margin: 3px 2px;
    height: 44px;
    overflow-y: auto;
    flex-wrap: wrap;
    justify-content: space-between;
}
.banner img {
    transition: all .5s ease-in-out 0s;
    filter: grayscale(0.5) opacity(0.6);
    margin: 1px 1px;
    mix-blend-mode: luminosity;
}
.banner img:hover {
    filter: grayscale(0) opacity(1);
    mix-blend-mode: normal
}

.vip img {
    filter: brightness(0.9);
    mix-blend-mode: luminosity;
    transition: all .5s cubic-bezier(0.55, 0.09, 0.68, 0.53) 0s;
}
.vip img:hover {
    filter: none;
    mix-blend-mode: normal;
}

.sslka {
    display: block;
    opacity: .95;
    padding: 3px 7px;
    background: #b7b5a6;
    box-shadow: #b49401 0px 0px 0px 1px inset;
}
#pun .sslka a {
    background: #d3d2c0;
    white-space: nowrap;
    margin: 3px auto;
    border-radius: 2px;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 3px 0px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Courier New;
    width: 100%;
    color: #000;
    font-size: 11px;
}
#pun .sslka a:hover {
     background-color:#232122 !important;
     opacity: .9;
     color: #bfbaa9;
}

#pun .sslka span {
    display: block;
    /* background: #b4940121; */
    margin: 2px 0px;
    text-align: center;
    color: #670404;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Courier New;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0px;
}

#navigblock {
    width: 170px;
    margin-left: 54px;
    position: absolute;
    top: 77px;
    z-index: 9; 
}

.spirit-navigation.spirit-navigation_hover{filter: brightness(.5) opacity(.6);}
.spirit-navigation {
    background:url();
    height:24px;
    width: 170px;
    display:block;
    cursor: pointer; 
    font-size: 16px;
    font-family: 'Alegreya SC';
    text-transform: uppercase;
    letter-spacing: -1px;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    position: absolute;
    }

/*заголовок последнего сообщения*/
#pun-index a.lastpost-link {
    font-family: Playfair Display SC;
    font-size: 12px;
    letter-spacing: 0px;
    color: #6c3807;
    text-transform: lowercase;
    font-weight: 600;
}

/*аватар перед последним сообщением*/
.punbb .user-avatar .avatar-image {
    opacity:0.45;
    filter: saturate(0.5);
    width: 36px !important;
    height: 36px !important;
    border-radius: 0px!important;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #8f6152;
}
.punbb .user-avatar .avatar-image:hover {
    opacity:1;
    filter:grayscale(0%);
    transition: all .5s ease-in-out 0s;
    }
#pun .user-avatar .isonline {background: currentColor;}
#pun .user-avatar .isonline {
    width: 6px;
    height: 6px;
    border-radius: 0%;
    display: block;
    position: absolute;
    top: 1px;
    right: -1px;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #a14925;
    z-index: 100;
}
.punbb .user-avatar .isonline {background: #e90000;}