/*LAYOUT------------------------------------------------------------------------------------------------------*/
/* Background */
body {background: url(http://forumfiles.ru/files/000b/95/b0/93626.jpg) left top repeat, #37303b;}

/* Forum body */
#pun { 
    background: url(http://forumfiles.ru/files/000b/95/b0/83138.png) left top repeat-y, 
    url(http://forumfiles.ru/files/000b/95/b0/87594.png) right top repeat-y, #d0cfce;
    width: 885px;
    margin: 0 auto;
    padding: 0 115px 0 15px;}

/* Header */
#pun-title span {display:none;}
#pun-title {
    background: url(http://forumfiles.ru/files/000b/95/b0/52285.png) no-repeat;
    width: 1015px;
    position: relative;
    left: -15px;
    height: 238px;}

#pun-title::after {
    content: "";
    display:block;
    background: url(http://forumfiles.ru/files/000b/95/b0/39290.png) no-repeat;
    width: 127px;
    height: 422px;
    position: absolute;
    right: -20px;
    top: 25px; }

/* Footer*/
#html-footer::after {
    content: "";
    display: block;
    background: url(http://forumfiles.ru/files/000b/95/b0/86884.png) no-repeat;
    width: 1015px;
    height: 49px;
    position: relative;
    left: -15px;}
/*---------------------------------------------------------------------------------------------------------------*/
/*LINKS--------------------------------------------------------------------------------------------------------*/
/*General links*/
.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: #360404;
    transition: all 0.5s  ease;
    -moz-transition: all 0.5s  ease;
    -o-transition: all 0.5s  ease;
    -webkit-transition: all 0.5s  ease;}

.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: #807088;}

/*Main page links*/
#pun-index .tcr a:nth-child(2) {font-weight: bold;}

/*Navigation*/
#pun-navlinks .container {
    position: relative;
    top: -27px;
    text-align: center;}

#pun-navlinks li a {
    font-family: haymakerregular;
    color: rgb(181, 179, 183);
    line-height: 2;
    text-shadow: 1px 1px 0px rgb(67, 37, 82);
    transition: all 0.2s cubic-bezier(0.01, 0, 1, 1);}

#pun-navlinks li a:hover {
    color: #b2b2c7;
    padding: 3px;
    letter-spacing: 1px;}

#pun-navlinks li::after, #navindex::before {
    content: " • "; 
    font-size: 10px;
    color: #6f5f69;
    line-height: 2;    
    padding-left: 5px;}

/* User links */
#pun-ulinks .container {
    position: relative;
    top: -219px;
    text-align: center; }

#pun-ulinks li a {
    font-size: 8px;
    color: rgb(122, 114, 129);
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .5px;
    transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;}

#pun-ulinks li a:hover {color: #b4b4b4;} 
/*---------------------------------------------------------------------------------------------------------------*/
/*CATEGORY---------------------------------------------------------------------------------------------------*/
.category h2, #pun-stats h2, #pun-main.main h1, #post-form h2 {
    background: url(http://forumfiles.ru/files/000b/95/b0/58580.png) no-repeat;
    width: 900px;
    height: 33px;
    position: relative;
    left: -15px;
    text-align: center;
    line-height: 32px;
    font-family: haymakerregular;
    font-size: 14px !important;
    color: #b5b3b7;
    text-shadow: 1px 1px 0px #43254b;}

#pun-main.main h1 {font-size: 13px !important;}

.category h2 span::before, .category h2 span::after, 
#pun-stats h2 span::before, #pun-stats h2 span::after,
#pun-main.main h1 span::before, #pun-main.main h1 span::after,
#post-form h2 span::before, #post-form h2 span::after {
    content: " • • • "; 
    color: #6f5f69;
    word-spacing: 3px;}

.category h2 a {
    color: #9c9a9e!important;
    font-size: 11px;}

 .category h2 a:hover {color: white!important;}
/*---------------------------------------------------------------------------------------------------------------*/
/*SUBFORUMS------------------------------------------------------------------------------------------------*/
.main .intd {
    padding: 5px;
    border: 1px solid rgba(135, 91, 87, 0.3);}

.tclcon {background-color: rgba(255, 255, 255, 0.12);}

.forum .intd {border: none !important;}

.tclcon h3 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(71, 63, 75, 0.75);
    -webkit-transition: color .3s;
    transition: color .3s;
    width: 98.3%;
    padding: 4px;
    text-align: center;}

.tclcon h3:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;  bottom: 0;  left: 0;  right: 0;
    background: #362d3a;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out; }

.tclcon h3:hover:before, .tclcon h3:focus:before, .tclcon h3:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);}

.tclcon h3 a {
    color: #c1c5bf !important;
    text-transform: uppercase;
    font-size: 12px;}

.tclcon h3 a:hover {
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    letter-spacing: 2px;}

.tclcon p {
    color: #5b545d;
    padding: 0.5em;
    text-align: justify !important;
    line-height: 1;}

/*Placing of topics and messages*/
.Add {height: 20px;}
.Tems_And_messages {
    float: left;
    width: 50%;
    background-color: rgba(245, 245, 245, 0.15);
    text-align: center;
    font: 10px arial;
    text-transform: uppercase;
    color: rgba(77, 69, 81, 0.62);
    padding: 0.5em 0em;
    letter-spacing: 2px; }

/*Links*/
.for-links {text-align: center; margin: 0px 3px 2px 3px!important;}
.tclcon br {display: none;}

.for-links a {
    display: inline-block;
    background: rgba(107, 100, 109, 0.21);
    text-transform: lowercase;
    padding: 3px;
    font-size: 9px;
    font-weight: 600;
    margin-bottom: 3px;}

.for-links a:hover {
    background: #4c0c07;
    color: #d0cfce;}
/*---------------------------------------------------------------------------------------------------------------*/
/*NEW MESSAGE COLORING---------------------------------------------------------------------------------*/
/*Subforum*/
.alt1.inew div.tclcon h3, .alt2.inew div.tclcon h3, 
.alt3.inew div.tclcon h3, .alt4.inew div.tclcon h3 {background: #251f29;}

/*Topics highlight*/
.forum tr.inew div.tclcon {border-left: 10px solid #38303b !important;}

.forum tr.inew div.tclcon, .forum tr.iclosed div.tclcon, .forum tr.isticky div.tclcon 
{padding-left : 4px !important;}

#messages tr.inew .tclcon {
    background: rgba(78, 70, 82, 0.34);
    padding: 5px;
    font-weight: bold;}

.forum tr.inew div.tclcon {
    padding: 4px;
    box-shadow: 2px 2px 0px rgba(49, 41, 52, 0.54);
    rgba(133, 117, 142, 0.3);}

/*Sticky and closed topics*/
.stickytext, .closedatafield  {font-size: 0!important;}
.stickytext::after {content: "[!]";}
.closedatafield::after {content: "[X]";}
.closedatafield::after, .stickytext::after  {
    font-weight: bold;
    font-size: 11px;
    padding-right: 3px;}

@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -900px 0;}
}
        
@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -900px 0;}
}

/*Animation*/
.alt1.inew div.tclcon h3::after, .alt2.inew div.tclcon h3::after, .alt3.inew div.tclcon h3::after, .alt4.inew div.tclcon h3::after {
    content: "";
    display: block;
    height: 2px;
    background: url(http://forumfiles.ru/files/0017/cf/78/41847.png);
    -webkit-animation: backgroundScroll 2s linear infinite;
    animation: backgroundScroll 2s linear infinite;}
/*---------------------------------------------------------------------------------------------------------------*/
/*QUOTES, CODES & BUTTONS------------------------------------------------------------------------------*/
/*Codes & Quotes*/
.punbb .code-box, .punbb .quote-box, #character-post .quote-box .quote-box, #character-post .quote-box .code-box {
    background-color: rgba(255, 255, 255, 0.18);}

/*Textarea*/
.punbb textarea, span.input input {
    background: rgba(18, 48, 42, 0.14);
    color: black;}

/*Buttons*/
.punbb select, .punbb input {
    font-size: 11px !important;
    background: #48404c;
    color: silver;
    border: none;
    padding: 5px;
    box-shadow: 2px 2px 0px grey;}

.punbb select:hover {background-color: #332b36;}

.punbb .code-box::before, .punbb .quote-box::before, .punbb .code-box::after, .punbb .quote-box::after {
    content: "";
    display: block;
    height: 2px;
    background: rgba(186, 145, 128, 0.52);
    margin: 4px 0;}

.quote-box p, .code-box p { padding: 0.5em!important;}
/*---------------------------------------------------------------------------------------------------------------*/
/*EMOJIAREA--------------------------------------------------------------------------------------------------*/
#smailiki input {
    background-color: rgba(251, 251, 251, 0.16);
    width: 12.17%;
    height: 22px;
    letter-spacing: 3px;
    color: #3f3f3f; 
    box-shadow: none!important;  }
  
#smailiki input:hover {background-color:#b6b9b7;} 
.active { background-color: #463f4a !important; color: silver !important;  }  
#smailiki p {background-color: rgba(251, 251, 251, 0.16);text-align: center;  }
/*---------------------------------------------------------------------------------------------------------------*/
/*PROFILE-----------------------------------------------------------------------------------------------------*/
.punbb .post .post-author {
    background: url(http://forumfiles.ru/files/000b/95/b0/92794.png) top center no-repeat,    
    url(http://forumfiles.ru/files/000b/95/b0/68388.png) bottom center no-repeat, 
    url(http://forumfiles.ru/files/000b/95/b0/42681.png);
    position: relative;
    left: -12px;}

.post-author ul {position: relative; left: -1.6px;margin-bottom: -11px;}

.pa-author {
    text-align: center;
    margin-top: 9px!important;}

.pa-author a {
    font-family: haymakerregular!important;
    color: #aeaeae!important;
    text-shadow: 1px 1px 0px #1d1721;
    font-size: 13px!important;
    font-weight: normal!important;
    display: block;
    width: 194px;
    position: relative;
    left: -6px;}

.pa-author a:hover {letter-spacing: 1px; background: rgba(255, 255, 255, 0.1);}

.pa-title {
    text-align: center;
    font-size: 9px;
    font-weight: normal!important;
    font-variant: small-caps;
    color: #716b73;
    position: relative;
    top: -2px;
    text-transform: lowercase;
    margin-bottom: 9px!important;}

.pa-avatar {text-align: center; margin-bottom: 3px;}
li.pa-avatar {margin-bottom: 3px;}

.pa-posts {
    left: -9px;
    background: url(http://forumfiles.ru/files/000b/95/b0/68388.png) top left;
    padding: 2px 115px 3px 30px!important;}
.pa-posts, .pa-respect {
    width: 60px;
    position: relative;
    text-align: center;
    font-size: 10px;
    color: #888888;
    font-variant: small-caps;
    line-height: 1.2;
    text-transform: lowercase;}
.pa-respect {height: 0; top: -27px; left: 100px;}
.pa-respect a {color: #888888!important;}

.pa-online {
    background: url(http://forumfiles.ru/files/000b/95/b0/68388.png) top left;
    position: relative;
    padding: 3px 12px!important;
    left: -9px;
    width: 179px;}
.pa-online strong, #awrdbut {
    display: block;
    text-align: center;
    padding: 3px;
    background: #49414d;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 0.9;
    color: #c9c1b4;}

li.pa-awards {
    background: url(http://forumfiles.ru/files/000b/95/b0/68388.png) top left;
    position: relative;
    padding: 3px 12px!important;
    left: -9px;
    width: 179px;}
span#awrdbut {margin-bottom: 3px;}
.pa-awards br {display: none;}
/*---------------------------------------------------------------------------------------------------------------*/
/*LZ------------------------------------------------------------------------------------------------------------*/
.u-name {border-top: 3px solid #ae6752;text-align: center;}
.u-name a {
    text-transform: lowercase;
    font-weight: bold!important;
    font-variant: small-caps!important;
    display: block;
    width: 181px;}
.u-name a:hover {background: rgb(72, 64, 76);color: #c9c1b4!important;}
.u-name span {
    float: none!important;
    width: auto!important;
    margin-left: 0!important;
    padding: 0!important;}

.pa-fld1 { width: 181px; overflow: hidden;}

.u-info {width: 362px; height:0}
  
.p1p, .p2p {
    width:175px;
    float:left;
    padding: 3px;
    background: rgba(174, 102, 81, 0.23);}

.p1p { 
    font-size: 10px;
    color: rgb(23, 22, 23);
    line-height: 0.889;
    text-align: justify;
    text-transform: lowercase; }

.p2p {
    font-size: 11px;
    color: rgb(23, 22, 23);
    line-height: 0.889;
    text-align: center;
    font-variant: small-caps;
    font-weight: bold;}

.p2p span {
    display: inline-block;
    text-align: center;
    padding: 9px!important;
    margin-left: 0!important;
    width: 60px!important;}
    
.p1, .p2 {display: inline-block;}

.p1p span {
    background: rgba(214, 214, 214, 0.1);
    display: block;
    text-align: center;
    font-weight: bold;
    margin: 3px 0;
    float: none!important;
    margin-left: 0!important;
    padding: 0!important;
    width: auto!important;}

.bu {text-align: center}

.bu input {
    width: 90.5px;
    height: 4px;
    border: none;
    padding: 0!important;
    box-shadow: none;
    background: #ae6752;}

.bu input:focus, .bu input:hover {
    background: #5b130d;
    outline: none;}

#profile-right li:nth-of-type(6) strong {
    padding: 0!important;
    margin-left: 2em;
    width: 175px;
    overflow: hidden;}
/*---------------------------------------------------------------------------------------------------------------*/
/*TAGS---------------------------------------------------------------------------------------------------------*/
#character-post {
    padding: 10px 15px 10px 10px;
    text-align: center;
    background: url(http://forumfiles.ru/files/000b/95/b0/28262.png) top center no-repeat, 
                       url(http://forumfiles.ru/files/000b/95/b0/79836.png) bottom center no-repeat, 
                       url(http://forumfiles.ru/files/000b/95/b0/64056.png) repeat-y;
    width: 641px;
font-variant: small-caps;
    text-transform: lowercase;
    line-height: 1;
    font-size: 12px;
    color: GREY;}

#character-post img:nth-of-type(1), #character-post img:nth-of-type(2) {
    height: 100px;
    border: 3px solid #550f0a;
    margin-top: 4px!important;
    max-width: 160px;}
#character-post img:nth-of-type(1) {float: left;margin-left: 40px!important;}
#character-post img:nth-of-type(2) {float: right;margin-right: 40px!important;}

#character-post .highlight-text {
    font-family: haymakerregular;
    font-size: 19px;
    background: transparent;
    color: #f1f1f1;
    text-shadow: 2px 0px 0px #7f1a12;
    display: inline-block;
    margin-top: 27px;
    text-transform: uppercase;}

#character-post .bbuline {
    font: 10px arial;
    text-decoration: none;
    font-variant: small-caps;
    text-transform: lowercase;
    color: #888888;}

#character-post hr { display: none;}

#character-post p:nth-of-type(2), #character-box strong {
    color: #e4f1f1;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px;
    background: #550f0a;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;}

#character-box {
    background: #d0cfce;
    border-top: 5px solid #550f0a;
    padding: 4px;
    font-variant: normal;
    color: black;
        border-bottom: 5px solid #550f0a;}

#character-box p {
    color: #252525!important;
    background: transparent!important;
    text-transform: none!important;
    letter-spacing: 0px!important;
    font-weight: normal!important;
    font-size: 11px!important;
    padding: 0!important;
    line-height: 1;}

#character-box strong {font-size: 10px!important; display: block;margin-bottom: 4px;}

#character-box .bbuline {
    background: rgba(186, 145, 128, 0.5);
        padding: .25% 1%;
    display: inline-block;
    width: 98%;
    color: #232323;
    font-size: 9px;
    font-weight: 800;
    margin-bottom:4px;
    letter-spacing: 1px;}

#character-box br { display: none;}
#character-box span br {display: block;}
#character-box span {display: inline-block!important;
    text-align: justify!important;
    margin: .5% 0.25%!important;
    vertical-align: top!important;
    line-height: 1.3;}

#character-box span:nth-of-type(1), #character-box span:nth-of-type(2), #character-box span:nth-of-type(3), #character-box span:nth-of-type(4) {width: 49.5%;} 
#character-box span:nth-of-type(5), #character-box span:nth-of-type(6) {width: 99.5%;} 

#character-post strong {
    font-weight: 800;
    text-transform: uppercase;
    color: #f1f1f1;
    font-size: 13px;
    text-shadow: 2px 0px 0px #612723;
    letter-spacing: 1px;}

#character-post .quote-box {
    margin: 0;
    padding: 4px;
    font-variant: normal;
    text-transform: initial;
    background: #d0cfce;
    border-top: 5px solid #550f0a;
    border-bottom: 5px solid #550F0B;
    text-align: justify;
    color: #252525;
    font-size: 11px;}
#character-post .quote-box::before, #character-post .quote-box::after {display: none;}

#character-post .quote-box p:nth-of-type(2) {
    color: black;
    text-transform: initial;
    background: transparent;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0;}

#character-post .spoiler-box strong {
    color: #2a212f;
    text-shadow: none;
    font-size: 8px;}

#character-post blockquote strong {
    font-weight: 600;
    text-transform: initial;
    color: #252525;
    font-size: 11px;
    text-shadow: none;
    letter-spacing: 0;}
/*---------------------------------------------------------------------------------------------------------------*/
/*ANNOUCMENT-----------------------------------------------------------------------------------------------*/
#ann-about, #ann-new {
    font-size: 10px;
    color: rgba(217, 213, 220, 0.6);
    line-height: 9px;
    text-align: justify;
    position: absolute;
    overflow-y: auto;
    opacity: .5;
    transition: all .5s;}

#ann-about {
    left: 6px;    top: 98px;
    width: 275px;    height: 91px;
    z-index: 40;}

#ann-new {
    left: 621px;    top: 50px;
    width: 278px;    height: 94px;
    z-index: 49;}

#ann-about:hover, #ann-new:hover {opacity: 1;}

#ann-short {
    font-size: 10px;
    font-family: haymakerregular;
    color: #360404;
    text-align: center;
    position: absolute;
    left: 6px;
    top: 190px;
    width: 269px;
    height: 11px;
    z-index: 40;
    text-transform: uppercase;
    background: rgba(195, 174, 174, 0.31);
    padding: 3px;
    text-shadow: 1px 0px 0px rgba(173, 162, 162, 0.52);}

#ann-admin {
    font-size: 10px;
    color: rgb(217, 213, 220);
    text-align: center;
    text-shadow: 1px 0px 0px rgba(173, 162, 162, 0.72);
    position: absolute;
    left: 619px;
    top: 35px;
    width: 276px;
    height: 11px;
    z-index: 50;
    text-transform: uppercase;
    font-weight: bold;}

#ann-admin a:hover {
    color: #d0cfce;
    text-shadow: 1px 0px 0px #2d2530;}

#ann-admin img {
    float: left; 
    margin-right:3px;
    width: 95px;    height: 95px;}

#admin1, #admin2, #admin3, #admin4, #admin5 {
    position: absolute;
    width: 274px;
    background: rgba(135, 90, 87, 0.9);
    font-variant: normal;
    text-transform: none;
    text-align: justify;
    padding: 3px;
    line-height: 0.8;
    COLOR: #b9b9b9;
    text-shadow: none;
    transition: all .4s;
    opacity: 0;
    top: 13px;
    left: 600px;
    display: none;    
    height: 95px;}

#ann-admin div {display: inline-block;}

#ad1:hover #admin1, #ad2:hover #admin2, #ad3:hover #admin3, #ad4:hover #admin4, #ad5:hover #admin5 {
    left: -2px;
    display: block;
    opacity: 1;}

.banners {
    position: absolute;
    z-index: 999;
    height: 31px;
    bottom: 26px;
    left: 18px;
    width: 880px;}

#html-header div::-webkit-scrollbar{ width: 6px; height: 6px;}
#html-header div::-webkit-scrollbar-track { background:transparent; }
#html-header div::-webkit-scrollbar-thumb {background: #ccb3b1;border: 2px solid #663734; }

#ann-2 {
    position: absolute;
    width: 331px;
    height: 174px;
    z-index: 999;
    top: 33px;
    left: 286px;}

#ann-v-slider {
    width: 95px;
    height: 167px;
    position: relative;
    top: 6px;
    left: 4px;
    z-index: 999999;}

#ann-h-slider {
    width: 249px;
    height: 171px;
    position: relative;
    top: -164px;
    left: 83px;
    overflow: hidden;}

#ann-v-s-content {
    width: 75px;
    height: 167px;
    position: relative;
    overflow: hidden;}

#ann-v-s-pointers {
    height: 79px;
    width: 11px;
    position: relative;
    top: -107px;
    left: 81px;
    vertical-align: middle;}

#ann-v-s-pointers input {
    width: 7px;
    height: 7px;
    box-shadow: none;
    background: white;
    border-radius: 7px;
    opacity: .2;
    padding: 0;}

#ann-v-s-pointers input:hover, #ann-v-s-pointers input:focus {opacity:.5; outline: none;}

#ann-v-s-content a {position: relative; top:0px;}

#a1[data-title]:hover::before, #a2[data-title]:hover::before, #a3[data-title]:hover::before, #a4[data-title]:hover::before, #a5[data-title]:hover::before {
   content: attr(data-title);
    position: absolute;
    display: block;
    z-index: 99;
    width: 167px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    color: #9583a0;
    text-shadow: 1px 0px 0px #1b171d;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 78px;
    margin-left: -47px;}

#h-1 {
    width: 249px;
    height: 158px;
    position: relative;}

#h-2 {
    width: 249px;
    height: 158px;
    position: relative;
    top: -158px;
    left: 249px;}

#h-point {
    width: 248px;
    height: 13px;
    position: absolute;
    top: 155px;
    text-align: center;}

#h-point img { padding: 5px 0;}

img#guestt {opacity: 1;}
img#userr {opacity: .4;}

#wanted, #best {margin-left: 5px; height: 45px;}
#wanted a, #best a {margin-right: 3px;}
#wanted a:nth-of-type(4), #best a:nth-of-type(4) {margin-right: 2px!important;}

#wanted a[data-title]:hover::after, #best a[data-title]:hover::after {
    content: attr(data-title);
    display: block;
    position: absolute;
    width: 43px;
    z-index: 999;
    text-align: center;
    margin-top: -29px;
    text-shadow: 1px 0px 0px #1d1721;
    font-size: 9px;}

#wanted a[data-title]:nth-of-type(2):hover::after, #best a[data-title]:nth-of-type(2):hover::after {margin-left:48px}
#wanted a[data-title]:nth-of-type(3):hover::after, #best a[data-title]:nth-of-type(3):hover::after{margin-left:97px}
#wanted a[data-title]:nth-of-type(4):hover::after, #best a[data-title]:nth-of-type(4):hover::after{margin-left:146px}
#wanted a[data-title]:nth-of-type(5):hover::after, #best a[data-title]:nth-of-type(5):hover::after{margin-left:193px}

#episodes {
    height: 106px;
    padding: 3px 3px 3px 15px;
    overflow-y: auto;
    width: 228px;
    margin-top: 1px;}

#episodes p b {
    display: block;
    text-align: center;
    color: #825d5a;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
    line-height: 0.9;
    background: rgba(208, 207, 206, 0.07);
    text-shadow: 1px 1px 0px #4a110d;}

#episodes p span {
    display: inline-block;
    color: rgba(208, 207, 206, 0.67);}

#episodes p span a {
    color: rgba(216, 189, 189, 0.67);
    font-weight: bold;}

#episodes p span:nth-of-type(1) {width: 70%;}
#episodes p span:nth-of-type(2) {width: 30%;}

#episodes p em {
    font-size: 9px;
    color: rgba(173, 158, 156, 0.66);
    padding-bottom: 5px;
    display: block;}

div#g-nav {
    margin-left: 15px;
    margin-top: 4px;}

#g-nav div {
    display: inline-block;
    width: 48%;
    height: 105px;}

#g-nav div a {
    display: block;
    background: rgba(255, 255, 255, 0.07);
    margin: 5px 0;
    text-align: center;
    text-transform: lowercase;
    font-size: 11px;
    font-variant: small-caps;
    padding: 1px 0;
    color: rgba(181, 179, 183, 0.73);}

#g-nav div a:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #631712;
    font-weight: 700;}

#best_player {
    width: 272px;
    height: 53px;
    position: absolute;
    z-index: 999;
    top: 39px;
    left: 7px;}

#best_post {
    width: 272px;
    height: 53px;
    position: absolute;
    z-index: 999;
    top: 153px;
    right: 121px;}

#best_post a[data-title]:hover::before, #best_player a[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    display: block;
    z-index: 99;
    width: 272px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    color: #9583a0;
    text-shadow: 1px 0px 0px #1b171d;
    margin-top: 22px;}

#pun-announcement {
    margin: 5px 2px 17px 5px;
    background: rgba(68, 61, 72, 0.24);
    padding: 5px;
    text-align: center;}

#pun-announcement h1 {
    font-family: haymakerregular;
    font-size: 15px;
    color: #491611;
    text-shadow: 1px 1px 0px #907b9b;}
/*---------------------------------------------------------------------------------------------------------------*/
/*REDIRECTION-----------------------------------------------------------------------------------------------*/
div#pun-redirect {
    margin-top: 10%;
    width: 930px !important;
    height: 97px;}

#pun-redirect #pun-main {
    width: 910px;
    height: 100px;
    position: relative;
    left: -145px;
    top: 4px;}

#pun-redirect h1.main-title {
    width: 1007px;
    background: #4c0c07;
    margin-left: 0px;
    position: relative;
    left: -43px;}

#pun-redirect .main-title span {
    font: 14px 'haymakerregular' !important;
    color: #ececec;}

#pun-redirect .info {text-align: center;}
/*---------------------------------------------------------------------------------------------------------------*/
/*OTHER-------------------------------------------------------------------------------------------------------*/
/*Crumbs1 and advert position*/
#pun-status, #pun-crumbs1 {font-size: 9px;    font-family: arial;   color: #313030;    letter-spacing: .5px;    text-transform: uppercase;    padding: 5px 10px;}
#pun-break2 + .section {    position: relative;    right: -415px;    top: -63px;    height: 0;    padding: 0!important;}
#pun-crumbs1 {margin-bottom: 13px;}
#pun-status {margin-top: 14px;}
#pun-crumbs2{    font-size: 9px;    font-family: arial;    color: rgb(83, 74, 88);    letter-spacing: .5px;
    text-transform: uppercase;    padding: 5px;    text-align: center;}

/*Avatar preview*/
.punbb .user-avatar img.ava {    opacity: 0.35!important;    transition: all .5s!important;}
.punbb .user-avatar img.ava:hover {opacity: 1!important;}

.punbb .main tr th, .post .post-links ul {
    text-align: center!important;
    font-family: arial;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    color: #665e65;
    background: rgba(102, 94, 101, 0.08);
    padding-top: 0.6em;}

.pagelink, .postlink {
    width: 49.21%!important;
    font-family: arial;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    color: #252325;
    background: rgba(102, 94, 101, 0.08);
        padding: 3px 0;}

.pagelink {padding-left: 7px;}
.postlink {padding-right: 7px;}

.linkst .postlink a, .linksb .postlink a, .linkst .pagelink a, .linksb .pagelink a, .post .post-links ul a, .post h3 span a  {
    font-size: 10px!important;
    letter-spacing: 0px!important;
    font-weight: bold!important;}

span.modlist {font-size: 0; height: 0;}

/*Не прозрачный фон под окно +к репутации и другим*/
.inner.post_reputation, #size-area, #font-area, #image-area, #video-area, #color-area, #table-area, #smilies-area, #keyboard-area, #addition-area, .inner.popup_graffiti, #showsetsadvert {
  background-color: #9c9c9c;
  z-index: 999999;  }

/* Прокрутка */
::-webkit-scrollbar{ width: 7px; height: 7px;}
::-webkit-scrollbar-track { background:#2e2631; }
::-webkit-scrollbar-thumb {background: #b5b5b5; border: 2px solid #2e2631; }

/*Подгонка хэдинга в окошке репутации*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  left: 45%!important;
  width: 920px!important;}

/*границы таблицы прозрачные*/
.post-content td {border-color: transparent !important;}
.pa-awards br, .lastedit, .modlist, #pun-index #forum_f7, #pun-main div.catleft, #pun-main div.catright, #pun-announcement h2,#pun-about, #pun-index .category .tc2, #pun-index .category .tc3, #pun-messages li.pa-reg, #pun-messages .pa-posts, .modlist a  {display:none;!important; height: 0}

/*кнопки верх вниз*/
.go-up,.go-down {
  display:none;
  position:fixed; 
  right:90px; 
  z-index:9999;
  cursor:pointer;
  opacity:.7;
  width:60px;
  height:29px;}

.go-up {bottom:250px; }
.go-down {bottom: 222px;right: 80px; }
.go-down:hover,.go-up:hover {opacity:1;}

#pun-post .topic p.pa-author {
    font-family: haymakerregular!important;
    color: #aeaeae!important;
    text-shadow: 1px 1px 0px #1d1721;
    font-size: 13px!important;
    font-weight: normal!important;
    display: block;
    width: 194px;
    position: relative;
    left: -6px;
    padding-bottom: 4px;
}

#pun-messages .pa-avatar img {
    margin-bottom: 4px;
}

#viewprofile #profile-name strong {
    font-family: haymakerregular!important;
    color: #510e09!important;
    text-shadow: 1px 1px 0px #78717b;
    font-size: 15px!important;
    padding: 0!important;
}

#viewprofile #profile-title strong {
    font-size: 10px;
    font-weight: normal!important;
    font-variant: small-caps;
    text-transform: lowercase;
    padding: 0;
}