@import url(style_cs.1607500237.css);
@import url("https://fonts.googleapis.com/css?family=Oswald:400,600&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,300&subset=cyrillic");
@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400,700&subset=cyrillic');

@-moz-document url-prefix() {
.banners_table  {width: 464px !important;}
}

html, body {margin: 0; padding: 0;}

body {
    min-width: 1100px;
    margin: auto;}

html {
    background: url(http://forumstatic.ru/files/0019/a7/ad/66724.jpg) top center repeat-x scroll, url(http://forumstatic.ru/files/0018/97/32/72457.jpg) top left repeat scroll;
    background-color: #1e1e1e;
}

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

.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 {font-size: 0; height: 0;  width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden}

#pun-main span.acchide, .modmenu .container span, #pun-navlinks h2, #pun-ulinks h2, #pun-status h2, #pun-main h1, #pun-viewforum h2, #pun-crumbs1 strong, #pun-crumbs2 strong, #pun-break1, #pun-break2, #pun-break3, #pun-break4, .topic a.sharelink, .punbb .forum h2, #pun-announcement h2, #pun-navlinks li#navawards, #pun-ulinks li.item5, #pun-live-rusff, #pun-main div.usertable h2, #form-buttons td#button-files_rusff, #form-buttons td#button-graffiti_rusff, li.pl-reports, li.pa-reg, .lastedit, #post-form h2, .modlist, span.stickytext, span.closedatafield, #post-form legend span, #pun-ulinks ul li.item3, #pun-messages .user-avatar, .pa-gifts, .pa-awards, #pun-main .tcl span.newtext, #profilenav li.item9, #profilenav li.item10, .category .container thead, .post-links li.pl-share, #pun-viewforum td.tc3, #pun-searchtopics td.tc3, #pun-searchtopics th.tc3, #pun-viewforum th.tc3, #pun-title.section {display: none !important;}

.punbb .main table {
    table-layout: fixed;
    width: 100%;
}

fieldset {border: 0 !important;}

#pun-admain legend span, #profile.formal fieldset legend {
    color: #313131;
    background-color: transparent !important;
}

#pun-delete div.formal fieldset legend {
    color: #333;
}

fieldset legend {
    text-align: center;
    font-family: oswald;
    font-size: 16px;
}

#pun {
    width: 960px;
    margin: 367px auto 20px auto;
    background-color: #c3c3c3;
    font-size: 13px;
    color: #2f2f2f;
    font-family: Roboto Condensed;
    padding: 16px 21px 10px 21px;
    background: url(http://forumstatic.ru/files/0018/97/32/64272.jpg) top center no-repeat, url(http://forumstatic.ru/files/0018/97/32/82769.jpg) bottom center no-repeat, url(http://forumstatic.ru/files/0018/97/32/48741.jpg) top center repeat-y;

}

.punbb li {list-style: none;}

#pun-navlinks .container {
    -webkit-margin-before: 0em !Important;
    -webkit-margin-after: 0em !Important;
    -webkit-padding-start: 0px !Important;
}

#pun-ulinks ul {margin: 0px !important; padding: 0px !important;}

#pun-ulinks {
    width: 704px;
    height: 20px;
    margin-left: 274px;
    position: absolute;
    top: 338px;
}

#pun-ulinks li {
    display: inline-block;
    padding: 2px 4px;
    margin-right: 6px;
}

#pun-ulinks a {
    color: #656565;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.17);
    background: linear-gradient(to top, #484848, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out 0s;
}

#pun-ulinks a:hover {opacity: 0.5;}


#pun-ulinks {text-align: center;}

#pun-navlinks {
    position: fixed;
    top: 370px;
    margin-left: -57px;
    width: 34px;
    height: max-content;
    text-align: center;
}

#pun-navlinks li {
    display: block;
}

#pun-navlinks li a {
    color: rgba(185, 185, 185, 0.40);
    text-shadow: 0 0 3px #000;
    display: block;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.47);
    width: 33px;
    height: 33px;
    line-height: 1.5;
    margin-bottom: 4px !important;
    border-bottom: 1px solid #000;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.07);
    margin-block-start: 0px;
    margin-block-end: 0px;
    padding-inline-start: 0px;
}

#pun-navlinks li a:hover {
    color: rgba(185, 185, 185, 0.7);
    background: rgba(84, 62, 64, 0.28);
}

#pun-navlinks li a span {
    position: absolute;
    display: block;
    margin-left: 37px;
    margin-top: -20px;
    padding: 4px 6px;
    border-radius: 0 2px 2px 0;
    z-index: 999;
    color: #949494;
    text-align: center;
    background-color: #000000;
    opacity: 0.9;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    font-family: oswald;
    text-transform: uppercase;
    font-size: 12px;
}

#pun-navlinks li a:hover span {
    visibility: visible;
}

#pun-navlinks li a:before {
    font-family: FontAwesome;
    font-size: 20px;
    display: inline-block;
}

#pun-navlinks li#navindex a:before {
    content: "\f015";
    font-size: 26px;
    line-height: 1.4;
}

#pun-navlinks li#navuserlist a:before {
    content: "\f0c0";
    line-height: 1.8;
}

#pun-navlinks li#navsearch a:before {
    content: "\f1e5";
    line-height: 1.7;
}

#pun-navlinks li#navprofile a:before {
    content: "\f007";
    line-height: 1.8;
}

#pun-navlinks li#navpm a:before {
    content: "\f1d8";
    line-height: 1.7;
}

#pun-navlinks li#navadmin a:before {
    content: "\f0ad";
    font-size: 22px;
}

#pun-navlinks li#navlogout a:before {
    content: "\f08b";
    font-size: 22px;
}

#pun-navlinks li#navregister a:before {
    content: "\f234";
    line-height: 1.7;
}

#pun-navlinks li#navlogin a:before {
    content: "\f090";
    line-height: 1.8;
}

#pun-navlinks li#navpr_1 a:before {
    content: "\f1c5";
    line-height: 1.7;
}

#pun-navlinks li#navpr_2 a:before {
    content: "\f21b";
    line-height: 1.7;
    margin-left: 2px;
    font-size: 22px;
}

.statscon a {font-size: 13px;}
.statscon { line-height: 2;}
.statscon .container {
    padding: 0px 10px;
    text-shadow: 1px 1px 0px #cecece;
    color: #333;
}

.statscon .container li.item3 {display: inline-block; width: 120px;}

.statscon .container li.item1, .statscon .container li.item2 {display: inline-block; width: 244px;}

.statscon .container li.item4 {display: inline-block; width: 300px; text-align: right;}

#pun-online th.tcl {width: 40% !important;}

.statscon .container #onlinelist.item5 span a {font-weight: normal;}

.statscon .container #onlinelist.item5 span {
    font-weight: bold;
    font-size: 13px;
}

#pun-status {
    margin: 0px 0px 0px -18px;
    position: absolute;
    top: 328px;
    color: #757575;
    text-shadow: 1px 1px 0px #000000;
    display: block;
    width: 290px;
    height: 31px;
    text-align: center;
    font-family: firamono, fira mono;
    font-size: 10px;
    padding-top: 7px;
    border-right: 1px solid rgba(0, 0, 0, 0.71);
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.13);
}

#pun-status a, #pun-status a:visited {color: #866262;}
#pun-status a:hover, #pun-status a:active {color: #bebebe;}

#pun-status .container {
    margin: 0px !important;
}

#pun-status span.item2 {
    display: block;
}

#pun-status span.item2 strong {text-transform: lowercase;}


.subscribelink {
    float: right;
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: -13px;
}

.forum .container table, #messages .fs-box .container table {border-spacing: 0px 7px;}

.forum .container tr {}

#pun-viewforum td.tcl, #pun-searchtopics td.tcl, #pun-messages td.tcl {
    padding: 4px 10px 0px 10px;
    font-size: 14px !important;
    box-shadow: -1px 0px 0px 0px rgb(234, 234, 234);
    border-left: 2px solid #806367;
    background-color: rgba(255, 255, 255, 0.23);
}

#pun-messages td.tcl.pmtcl1 {padding: 6px;}

#pun-viewforum td.tcl span.byuser, #pun-searchtopics td.tcl span.byuser {
    display: block;
    width: max-content;
    width: -moz-max-content;
    margin-top: 12px;
    margin-bottom: 8px;
    margin-left: -4px;
    background-color: #d6d6d6 !important;
    color: #424242 !important;
    padding: 2px 3px;
    box-shadow: 0 0 0 1px #8c8c8c, 0 0 0 2px #d4d4d4, 0 0 4px #000;
    font-size: 11px;
    font-weight: bold;
    border-radius: 0 2px 2px 0px;
    border-left: 1px solid #8c8c8c;
}

span.byuser::before {content: "by";}


#profilenav {text-align: center;}

#profilenav H2 span {
    font-family: oswald;
    font-size: 16px;
    color: #424040;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#profilenav li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 4px;
    padding: 8px 6px 6px 6px;
    text-align: justify;
    font-size: 12px;
    font-family: oswald;
    text-transform: uppercase;
    height: 19px;
    width: max-content;
    background-color: #d6d6d6;
    color: #424242 !important;
    box-shadow: 0 0 0 1px #8c8c8c, 0 0 0 2px #d4d4d4, 0 0 4px #000;
    border-radius: 0 2px 2px 0px;
    border-left: 1px solid #8c8c8c;
}

#profilenav li a:hover {color: #000;}

#profilenav li.isactive, #profilenav li:hover {background-color: rgb(255, 255, 255);}

#profilenav ul {
    padding: 0px;
    margin: 0px 0px 10px -7px;
    width: 974px;
}

.linkst, .linksb {
    color: rgba(0, 0, 0, 0.54);
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.42);
    font-weight: bold;
    padding: 4px 10px;
    margin-left: -10px;
    width: 960px;
}

.linkst {
    margin-bottom: 10px;
    height: 20px;}

#messages .linksb {
    height: 35px;
}

#topic-users-in.modmenu  {
    margin: 0px;
    min-height: 30px;
}

.modmenu {
    margin-left: 10px;
    margin-bottom: -14px;
    text-align: center;
}

.punbb .main td.td-divider {
    text-align: center;
    display: block;
    margin: 10px 0px;
}

.post-author  {
    float: left;
    width: 192px;
    padding: 0px 16px 2px 16px;
    text-align: center;
    margin-top: 0px;
    margin-left: -15px;
    font-size: 10px;
    background: url(http://forumstatic.ru/files/0018/97/32/31583.jpg) top center no-repeat, url(http://forumstatic.ru/files/0018/97/32/22307.jpg) bottom center no-repeat, url(http://forumstatic.ru/files/0018/97/32/74650.jpg) top center repeat-y;
    min-height: 60px;
}
.post-author ul {padding: 0px;}


.fs-box .post-author {
    margin-left: -27px;
}

.pa-author {
    margin: 0px 0px 6px -5px;
    width: 202px;
    height: 22px;
    font-family: Oswald !important;
    font-size: 18px !important;
    padding-top: 17px;
    color: #656565 !important;
    background: linear-gradient(to top, #484848 30%, #ffffff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 0.4;
}

.pa-author a {
    color: #656565 !important;
    background: linear-gradient(to top, #484848 30%, #ffffff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out 0s;

}

.pa-author a:hover {
    color: #656565 !important;
    background: linear-gradient(to top, #484848 20%, #ffffff 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out 0s;
}

.pa-avatar.item2 {
    width: 200px;
    padding: 10px 0px 10px 0px;
    min-height: 30px;
    text-align: center;
    margin: 0px 0px 3px -4px !important;
    box-shadow: 0 0 0 1px #292929, 0 0 0 2px #000, inset 0 0 8px rgb(0, 0, 0);
}

.pa-avatar.item2 img {
    box-shadow: 0 0 0 1px #000, 0 0 0 2px #2d2d2d, 0 0 0 3px #000;
    margin-block-start: 0px;
    margin-block-end: -2px;
    padding-inline-start: 0px;
    transition: 0.9s;
}

.pa-avatar.item2 img:hover {transition: 0.9s; filter: grayscale(100%);}

.pa-title {
    margin: -1px 0px 3px -4px;
    font-size: 10px;
    max-height: 40px;
    color: #828282;
    width: 196px;
    padding: 2px;
    text-shadow: 1px 1px 0px #000000;
    box-shadow: 0 0 0 1px #292929, 0 0 0 2px #000, inset 0 0 8px rgb(0, 0, 0);
}

li.pa-fld3 {
    margin-left: 98px;
    padding: 0px !important;
    width: 98px !important;
}

li.pa-fld3 img {
    width: 98px;
    height: 16px;
    cursor: pointer;
    opacity: 0.4;
}

.pa-online, .pa-last-visit  {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #5d5d5d;
    margin: 3px -4px 4px -4px;
    text-shadow: 1px 1px 0px #000000;
    box-shadow: 0 0 0 1px #292929, 0 0 0 2px #000, inset 0 0 8px rgb(0, 0, 0);
    padding: 2px;
    font-family: firamono, fira mono;
}

li.pa-ip, li.pa-ip a {
    font-size: 8px !important;
    color: rgb(88, 88, 88) !important;
    letter-spacing: 3px;
    display: none;
}

.post-body {
    padding: 0px 0px 10px 0px;
    margin: 12px 4px 0px 220px;
}

.post-box {text-align: justify; position: relative; overflow: visible !important;}
.tab-a .post-content, .tab-a .post-content td {text-align: justify !important;}

.quote-box {
    padding: 8px 10px 8px 10px;
    background-color: rgb(201, 201, 201);
    border-image: url(http://forumstatic.ru/files/0018/97/32/24001.png) 5 repeat;
    border-width: 5px;
    border-style: solid;
    background: url(http://forumstatic.ru/files/0018/97/32/23193.jpg) repeat;
}

.quote-box cite {
    display: block;
    margin-top: 4px;
}

.quote-box.spoiler-box {
    padding: 10px;
}

.quote-box .quote-box, .code-box {
    border-left: 2px solid #806367;
    background-color: rgba(255, 255, 255, 0.23);
    background-image: none;
    border-image: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding: 1px 6px;
    margin: 4px 0px;
}

.code-box pre {
    overflow-x: hidden;
    width: 700px;
    white-space: pre-line;
    margin: 4px;
}

.quote-box blockquote p {
    margin-block-start: 6px;
    margin-block-end: 10px;
}

.quote-box blockquote {margin: 0px !important;}
.code-box {
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 10px;
    padding: 4px;
    margin: 4px 0px 4px 0px;
    border-radius: 2px;
    height: 50px;
}

#viewprofile li {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
}
#viewprofile td#profile-right strong {padding-left: 0px;}

#pun-viewtopic #post-form.formal {
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0px 20px 0px 0px;
}

#messages .postlink  {
    height: 40px;
    width: 70px !important;
    margin-left: 890px;
    margin-top: -20px;
}

.postlink {
    width: 160px !important;
    text-align: center;
    position: absolute;
    margin-left: 800px;
    margin-top: -15px;
    height: 15px;
}

#pun-index .category {
    margin-left: -10px;
    width: 960px;
    padding: 0px 10px 1px 10px;
}

#pun-index .category h2, #pun-stats h2 {
    text-transform: uppercase;
    font-family: firamono, fira mono;
    font-size: 16px;
    text-align: center;
    color: rgb(93, 93, 93);
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.42);
    font-weight: bold;
    height: 22px;
    margin-left: -11px;
    width: 982px;
    margin-bottom: 30px;
    padding-top: 4px;
    background: rgb(214, 214, 214);
    box-shadow: 0px 1px 0 0px rgb(161, 161, 161), 0px -1px 0 0px rgb(161, 161, 161);
}

#pun-index .category h2 span:before, #pun-stats h2 span:before {
    content: "[";
    color: #8d8d8d;
    text-shadow: 1px 1px 0px #dadada;
    font-weight: normal;
}
#pun-index .category h2 span:after, #pun-stats h2 span:after {
    content: "]";
    color: #8d8d8d;
    text-shadow: 1px 1px 0px #dadada;
    font-weight: normal;
}

#pun-index .category h2:after {
    font-size: 9px;
    text-transform: none;
    display: block;
    color: rgb(121, 121, 121);
    margin-top: 6px;
} 

#pun-index #pun-category1.category h2:after {
    content: "I watched as the Lamb opened the first of the seven seals :: Then I heard one of the four living creatures say in a voice like thunder, “Come!”";
} 


#pun-index #pun-category2.category h2:after {
    content: "I looked, and there before me was a white horse :: Its rider held a bow, and he was given a crown, and he rode out as a conqueror bent on conquest";
} 

#pun-index #pun-category3.category h2:after {
    content: "Then another horse came out, a fiery red one :: Its rider was given power to take peace from the earth and to make people kill each other. To him was given a large sword";
} 

#pun-index #pun-category4.category h2:after {
    content: "I looked, and there before me was a black horse :: Its rider was holding a pair of scales in his hand";
} 

#pun-index #pun-category5.category h2:after {
    content: "I looked, and there before me was a pale horse :: Its rider was named Death, and Hades was following close behind him";
} 

#pun-stats {
    margin-left: -10px;
    width: 960px;
    padding: 0px 10px 1px 10px;
}

#pun-stats h2:after {
    content: "When he opened the fifth seal :: I saw under the altar the souls of those who had been slain because of the word of God and the testimony they had maintained";
    font-size: 9px;
    text-transform: none;
    display: block;
    color: rgb(121, 121, 121);
    margin-top: 6px;
}

.punbb .post h3 {
    padding: 4px 10px 0px 10px;
    font-size: 12px;
    background: rgb(214, 214, 214);
    box-shadow: 0px 1px 0 0px rgb(161, 161, 161), 0px -1px 0 0px rgb(161, 161, 161);
    margin: 0px -11px 0px -11px;
    height: 18px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.fs-box .post h3 {
    margin-left: -23px;
    margin-right: -23px;
}

.punbb .post h3 strong {float: right;}
.punbb .post h3 strong::before {
    content: "post:// ";
    color: #777;}

.post-links {
    margin: 0px auto -2px auto;
}
.post-links ul {
    text-align: center;
    margin: 0px -8px 10px -8px;
}

.post-links ul li.pl-delete {
    margin-left: 50px;
}

.post-links ul li.pl-delete:before {
    content: "Post: ";
}

.post-links ul li.pl-email:first-child:before {
    content: "Member: ";
}

.post-links ul li.pl-delete:before, .post-links ul li.pl-email:first-child:before {
    font-size: 12px;
    color: #383838;
    text-shadow: 1px 1px 0px #dadada;
    font-family: firamono, fira mono;
    font-weight: normal;
}

.post-links ul li a:after {
    content: " •";
}

.post-links li {
    display: inline-block;
    background: transparent;
    padding: 0px 6px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #dadada;
}
.post-links li:hover {text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);}

#pun-viewforum th.tcl, #pun-searchtopics th.tcl, #pun-messages th.tcl {width: 50%;}

#pun-viewforum th.tc2, #pun-searchtopics th.tc2, #pun-messages th.tc2, #pun-viewforum td.tc2, #pun-searchtopics td.tc2, #pun-messages td.tc2 {
    width: 13%;
    text-align: center !important;
    padding: 0px 6px;
}

#pun th.tcl, #pun th.tc2, #pun th.tc3, #pun th.tcr {font-size: 10px; font-weight: normal; text-align: left;}

#pun-viewforum th.tcr, #pun-searchtopics th.tcr, #pun-messages th.tcr {text-align: center !important;}

#pun-index td.tcl {width: 58% !important; padding-bottom: 20px;}

#pun-userlist td.tcl {padding-bottom: 4px; padding-top: 4px;}

#pun-main td.tcl {width: 50%;}



#pun-index td.tcr {
    width: 310px !important;
}

#pun-userlist th.tc3 {
    width: 9%;
}

#pun-index .category .container table {}

#pun-index .category .container tr {
    vertical-align: top;
}

#pun-index .intd {
    min-height: 50px;
    background: url(http://forumstatic.ru/files/0018/97/32/71059.png) top left no-repeat, url(http://forumstatic.ru/files/0018/97/32/30367.png) top right no-repeat, url(http://forumstatic.ru/files/0018/97/32/10948.png) bottom left no-repeat, url(http://forumstatic.ru/files/0018/97/32/66384.png) bottom right no-repeat;
    padding: 6px;
}

#pun-index .intd .tclcon {
    background-color: rgba(255, 255, 255, 0.19);
    padding: 4px 6px;
    box-shadow: 0 0 0 1px #e4e4e4, 0 0 0 2px #8e8e8e;
    min-height: 60px;
}

#pun-index td.tcl h3 {
    padding: 0px 0px 2px 4px;
    margin: 0px;
    height: 24px;
    background-color: rgba(255, 255, 255, 0.26);
    margin-bottom: 4px;
}

#pun-index td.tcl h3::before {
    content: "page:// ";
    font-size: 10px;
    color: #8d8d8d;
    text-shadow: 1px 1px 0px #dadada;
    font-family: firamono, fira mono;
    font-weight: normal;
}

#pun-index td.tcl h3 a {
    font-family: oswald !important;
    font-size: 16px !important;
    transition: all 0.3s ease-in-out 0s;
    color: #525252;
    display: block;
    margin-top: -18px;
    height: 26px;
    margin-left: -4px;
    padding-left: 50px;
    width: 480px;
}

#pun-index td.tcl h3 a:after {
    content: "";
    display: block;
    height: 26px;
    margin-top: -24px;
    width: 0%;
    margin-left: -50px;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background: linear-gradient(to right, #eaeaea 80%, rgba(255, 255, 255, 0));
}

#pun-index td.tcl h3 a:hover:after {
    visibility: visible;
    width: 100%;
}

#pun-index td.tc2, #pun-index td.tc3 {
    display: inline-block !important;
    width: 100px !important;
    margin: 0px 6px 10px 0px;
}

#pun-index td.tc2, #pun-index td.tc3, .statscon .container li.item1, .statscon .container li.item2, .statscon .container li.item3, .statscon .container li.item4 {
    text-shadow: 1px 1px 0px #dadada;
    font-family: firamono, fira mono;
    font-size: 10px;
    color: #616161;
}

#pun-index td.tc_tbl {padding: 0px 0px 30px 30px;}

#userlist.container .fs-box.inline {text-align: center;}
#userlist.container .inputfield, #userlist.container .selectfield {display: inline-block;}
#userlist.container .infofield, #punbbsearch.container .infofield {text-align: justify; font-size: 10px;}
#punbbsearch.container .inputfield, #punbbsearch.container .selectfield {display: inline-block;}
#pun-main div.usertable {margin-bottom: 20px;}

#profile.formal fieldset legend {text-align: left;}

#pun-about {
    text-align: center;
    font-size: 10px;
    text-transform: lowercase;
    font-family: oswald;
    letter-spacing: 1px;
}

#pun-index #pun-crumbs1, #pun-index #pun-crumbs2 {display:none;}

#pun-crumbs1, #pun-crumbs2 {
    padding: 3px 6px;
    font-family: oswald;
    font-size: 16px;
    height: 20px;
    width: 970px;
    margin: 30px 0px 10px -11px;
    background: rgb(214, 214, 214);
    box-shadow: 0px 1px 0 0px rgb(161, 161, 161), 0px -1px 0 0px rgb(161, 161, 161);
}

#pun-crumbs1 .container.crumbs, #pun-crumbs2 .container.crumbs {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.adcontainer {
    padding: 8px 5px !important;
    background: url(http://forumstatic.ru/files/0019/a7/ad/11606.jpg);
    background-color: #bababa;
}

.FNTslider {
    border-radius: 2px ;
    position: relative;
    z-index: 1000;
    background: #a5a5a5;
    width: 110px;
    height: 5px;
    margin: 4px 5px 0px 5px;
    float: right;
    margin-right: 7%;
}

.FNTslider .before {
    height: 5px;
    border-right: none 0;
    border-radius: 2px 0 0 2px;
    position: absolute;
    background: #aa8688;
}

.FNTslider .thumb {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: relative;
    top: -4px;
    background: linear-gradient(to top, #484848 0%, #ffffff 100%);
    cursor: pointer;
    box-shadow: 0 0 0 1px #b5b5b5;
}

#volSlider {
    border-radius: 2px !important;
    background: #a5a5a5 !important;
    border: none !important;
}

#volSlider .before {
    border-right: none 0 !important;
    border-radius: 2px 0 0 2px !important;
    background: #aa8688 !important;
    border: none !important;
    margin-top: 0px !important;
}

#volSlider .thumb {
    border-radius: 50% !important;
    background: linear-gradient(to top, #484848 0%, #ffffff 100%) !important;
    box-shadow: 0 0 0 1px #b5b5b5 !important;
    width: 12px !important;
    height: 12px !important;
    top: -9px !important;
}

#p9 .post-content td {}

.punbb .post-content td {
    border: none !important;
    vertical-align: top;
    padding: 0em 4px !important;
}

.post-content table {margin: 0px !important;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: inherit !important;
    margin-top: 10px;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .pun-modal .modal-inner {
    padding: 10px;
    background-color: rgb(201, 201, 201);
    border-image: url(http://forumstatic.ru/files/0018/97/32/24001.png) 5 repeat;
    border-width: 5px;
    border-style: solid;
    background: url(http://forumstatic.ru/files/0018/97/32/23193.jpg) repeat;
}

#smilies-area.container {
    width: 924px;
    overflow: auto;
    text-align: center;
    min-height: 30px;
    max-height: 300px;
}

#smilies-area.container [class*="t-0"]{display:none}

#smilies-area img {
    background: rgba(255, 255, 255, 0.31);
    margin-right: 4px;
    padding: 4px;
}

#smilies-area img:hover {
    background: rgba(255, 255, 255, 0.8);
}

#form-buttons table {
    border-collapse: separate !important;
    border-spacing: 2px 0px;
}

#form-buttons td {
    background-color: transparent !important;}

#form-buttons td:hover {
    background-color: #fff !important;
 }

.tab-a .post-content img.postimg, .punbb .post-content img.postimg {margin: 0 !important; vertical-align: top;}


div.post-rating p {
    background-color: #d6d6d6 !important;
    color: #424242 !important;
    box-shadow: 0 0 0 1px #8c8c8c, 0 0 0 2px #d6d6d6, 0 0 4px #000;
    font-size: 11px;
    font-weight: bold;
    border-radius: 2px 0px 0px 2px;
    margin-right: -14px;
}

.offctgr {
cursor: pointer;
    margin-right: 0px;
    margin-left: -92px;
}

.offctgr img {
    width: 13px;
    height: auto;
}

#mask_dialog .inner {
    background-color: rgb(201, 201, 201);
    border-image: url(http://forumstatic.ru/files/0018/97/32/24001.png) 5 repeat;
    border-width: 5px;
    border-style: solid;
    background: url(http://forumstatic.ru/files/0018/97/32/23193.jpg) repeat;
}

.info {margin: 10px;}

#pun-announcement, .wanted, .mainnav, .bests {
    display: block;
    position: absolute;
    color: #888888;
    text-shadow: 1px 1px 0px #000000;
    padding: 6px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    box-shadow: inset 0 0 7px 0px #000, 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.gamelogo {
    position: absolute;
    top: 34px;
    margin-left: 377px;
    width: 204px;
    height: 130px;
    background: url(http://forumstatic.ru/files/0019/a7/ad/86935.jpg) top center no-repeat;
}

.aboutgame {
    position: absolute;
    top: 170px;
    margin-left: 386px;
    width: 192px;
    color: #6f6f6f;
    text-shadow: 1px 1px 0px #000000;
    text-align: center;
    font-family: oswald;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.2;
    font-size: 12px;
}

.bests {
    width: 262px;
    height: 216px;
    top: 56px;
    margin-left: 626px;
}

.bests img {
    width: 50px !important;
    height: 30px !important;
}

.activists {}
.writers {}
.bestpost {
    margin: 4px;
    height: 64px;
    overflow: auto;
    text-align: justify;
    font-size: 12px;
    line-height: 1.1;
    padding-right: 4px;
}

.bestpost .char {
    margin: 2px;
}

.bestpost .char img {
    float: left;
    margin-right: 10px;
}

#pun-announcement {
    margin-left: 60px;
    width: 274px;
    height: 144px;
    overflow: hidden;
    text-align: justify;
    padding: 6px 0px 0px 0px;
    top: 134px
}

.news {
    height: 117px;
    overflow: auto;
    margin: 6px 0px 0px 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    font-size: 12px;
}

#pun-announcement a {color: #866262;}
#pun-announcement a:hover {color: #bebebe;}

#pun-announcement span {
    font-weight: bold;
    float: left;
    margin: 2px 6px 0px 2px;
    background: rgba(255, 255, 255, 0.16);
    padding: 0px 4px;
    box-shadow: 0 0 0 1px #000000, 0 0 0 2px #3a3a3a, inset 0 0 10px rgba(255, 255, 255, 0.13);
    -webkit-box-shadow: 0 0 0 1px #000000, 0 0 0 2px #3a3a3a, inset 0 0 10px rgba(255, 255, 255, 0.13);
    border-left: 1px solid #664d50;
    border-right: 1px solid #664d50;
    border-top: none;
    border-bottom: none;
}

#pun-announcement hr {
    background: rgb(41, 41, 41);
    border-bottom-color: rgb(0, 0, 0);
}

hr {
    background: rgba(255, 255, 255, 0.27);
    height: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.53);
    border-top: none;
    border-left: none;
    border-right: none;
}

.wanted {
    margin-left: 60px;
    width: 262px;
    height: 60px;
    top: 56px;
}

.wanted img, .bests img {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 0 1px #000000, 0 0 0 2px #3a3a3a, inset 0 0 43px rgba(255, 255, 255, 0.18);
    opacity: 0.5;
    transition: 1s;
    padding: 2px;
}

.wanted img:hover, .bests img:hover {
    opacity: 1;
    transition: 1s;
}

.bests .bestpost .char:hover span {margin-top: 47px !important;}
.bests .bestpost .char span {margin-left: -37px !important; margin-top: 14px !important;}
.bests .char span {margin-left: -32px !important;}

.wanted .char span, .bests .char span {
    display: block;
    visibility: hidden;
    padding: 4px;
    position: absolute;
    margin-top: -20px;
    margin-left: -42px;
    font-size: 12px;
    width: 120px;
    height: auto;
    color: #969292;
    text-align: center;
    background-color: rgb(74, 52, 53);
    box-shadow: 0 0 0 1px #614546, 0 0 6px 0px #000;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.wanted .char:hover span, .bests .char:hover span{
    display: block;
    visibility: visible;
    margin-top: 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.wanted table, .bests table {
    border-spacing: 0px 5px;
    width: 100%;
}

.wanted td, .bests td {
    padding: 0px;
    width: 35px;
    text-align: center;
}

.wanted .title, .bests .title, #pun-announcement .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    color: rgba(183, 160, 159, 0.42);
}

.mainnav {
    margin-left: 349px;
    width: 250px;
    height: 60px;
    top: 212px;
}

.mainnav a, .mainnav a:visited {
    display: inline-block;
    margin-right: 6px;
    font-size: 13px;
    height: 22px;
    text-transform: uppercase;
    color: rgba(222, 222, 222, 0.5);
    width: 114px;
}

.mainnav a:hover {
    color: rgba(222, 222, 222, 0.7);
}

.mainnav a:before {
    font-family: FontAwesome;
    font-size: 14px;
    display: inline-block;
    content: "\f02e";
    float: left;
    font-weight: normal;
    margin-right: 4px;
    opacity: 0.2;
}

.mainnav a:hover:before {opacity: 0.8;}

#pun-redirect {
    background: url(http://forumstatic.ru/files/0018/97/32/72457.jpg) top left repeat scroll !important;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0 !important;
  left: 0 !important;
}

#pun-redirect #pun-main {
    color: #888888  !important;
    text-shadow: 1px 1px 0px #000000  !important;
    box-shadow: inset 0 0 50px 2px #000, 0 0 0 1px #252525, 0 0 0 2px #000000  !important;
    width: 960px  !important;
    padding: 21px  !important;
    margin: 10% auto 12px auto;
}

#pun-redirect #pun-main a {color: #866262 !important;}

::-webkit-scrollbar {
    background-color: #525252;
    width: 6px;
    border-left: 1px solid #1f1f1f;
    border-right: 1px solid #1f1f1f;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to top, rgb(78, 78, 78), #fff 50%, rgb(78, 78, 78));
    box-shadow: inset 0 0 3px 1px #000;
}

::selection {
    background: #b59697;
    color: #333;
}

#forum_f17 .banners_table  {
    width: 460px;
    margin: auto;
}

.banners_table td {
    width: 220px;
    display: inline-block;
    margin-right: 4px;
}

.banners_table tr {
    display: inherit !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.forum_banners {
    height: 50px;
    overflow: auto;
    padding: 3px;
    opacity: 0.5;
    background-color: rgb(201, 201, 201);
    border-image: url(http://forumstatic.ru/files/0018/97/32/24001.png) 5 repeat;
    border-width: 5px;
    border-style: solid;
    background: url(http://forumstatic.ru/files/0018/97/32/23193.jpg) repeat;
}

.forum_banners::-webkit-scrollbar {
    width: 10px;
    background-color: #dcdcdc;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.forum_banners::-webkit-scrollbar-thumb {
    background: linear-gradient(to top, rgb(150, 150, 150), #fff 50%, rgb(150, 150, 150));
    box-shadow: inset 0 0 3px 1px #b1b1b1;
}

.forum_banners:hover {opacity: 1;}

.forum_banners img {
    box-shadow: 0 0 0 1px #585858, 0 0 0 2px #dadada;
    margin: 2px;
}

input[type="submit" i] {
    background: rgba(255, 255, 255, 0.37);
    margin: 0px 14px;
    border: none;
    padding: 6px;
    font: 14px oswald;
    cursor: pointer;
    background-color: #d6d6d6;
    color: #424242 !important;
    box-shadow: 0 0 0 1px #8c8c8c, 0 0 0 2px #d4d4d4, 0 0 4px #000;
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    border-top: none;
    border-bottom: none;
}

input[type="submit" i]:hover {
    background: rgba(255, 255, 255, 1);
    border-left: 1px solid #806367;
    border-right: 1px solid #806367;
}


div[id^="r-"] {
    border: none !important;
    margin: auto !important;
}

#track {
    font-size: 12px !important;
    padding: 0px !important;
    width: 430px;
}

#track li {
    margin-bottom: 3px;
    padding: 3px 6px 3px 4px;
}

#track li:nth-child(odd) {
    background: rgba(218, 218, 218, 0.57) !important;
    border-radius: 2px !important;
    border: 1px solid #d4d4d4 !important;
}

#play {filter: grayscale(100%) !important;}

#action {
    color: #000000 !important;
    font-size: 13px !important;
    text-shadow: 1px 1px 0px hsla(0, 0%, 100%, 0.46) !important;
    width: 330px !important;
    animation: none !important;
    padding: 7px 5px 5px 5px !important;
}

#seekbar, #volume {
background: #d8d8d8 !important;
}

#track li.active {
    background: rgba(255, 255, 255, 0.64) !important;
}

form#tr-list {
    border-radius: 2px;
    box-shadow: inset 0 0 0 3px #dadada, inset 0 0 0 4px #bfbfbf;
    border: 1px solid #b5b5b5;
    background-color: rgb(205, 205, 205);
    background: url(http://forumstatic.ru/files/0019/a7/ad/91284.jpg);
    padding: 10px;
    position: inherit !important;
}
#track ul {display: none; -webkit-padding-start: 0px;}


.post-sig {
    box-shadow: 0px -1px 0 0px rgba(146, 146, 146, 0.71), 0px -2px 0 0px rgba(210, 210, 210, 0.77);
    font-size: 10px;
    color: #5a5a5a;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.27);
    padding-top: 4px;
}

.post-sig p, .post-sig dl {
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
}

.post-sig dd {-webkit-margin-start: 0px !important;}

li.pa-posts, li.pa-respect, li.pa-fld1, li.pa-fld3 {
    display: block;
    font-size: 10px;
    color: #696969;
    text-shadow: 1px 1px 0px #000000;
    box-shadow: 0 0 0 1px #292929, 0 0 0 2px #000, inset 0 0 8px rgb(0, 0, 0);
    width: 92px;
    height: 16px;
    margin-bottom: 3px;
    text-align: left;
    padding: 0px 3px;
    line-height: 1.6;
}

li.pa-respect a, li.pa-fld1 a {
    color: #696969 !important;
}

li.pa-posts {
    margin-left: -4px;}

li.pa-respect {
    margin-left: 98px;
    margin-top: -19px;}

li.pa-fld1 {margin-left: -4px; float:left!important;}

em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

 .post-content abbr {
    text-decoration: underline dotted;
}

.status_userava {
    float: left;
    margin-right: 7px;
    margin-top: -6px;
}

.status_userava img {
    width: 30px;
    height: 30px;
    padding: 2px;
    box-shadow: 0 0 0 1px #000000, 0 0 0 2px #3a3a3a;
}

.Profiles {
    position: inherit;
    width: 262px;
    height: 117px;
    white-space: pre-line;
    padding: 8px;
    color: #818181;
    text-shadow: 1px 1px 0px #000;
    font-family: firamono, fira mono;
    font-size: 10px;
    line-height: 1.5;
}

.Profiles a {
     color: #7b7b7b !important;
    font-weight: bold;
    letter-spacing: 1px;
    display: block;
    width: 120px;
    text-align: center;
}

.Profiles a:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%, rgba(255, 255, 255, 0));
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.Profiles a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

input[type="text" i], input[type="password" i] {
    padding: 3px 4px;
    background: #d6d6d6;
    border: 1px solid #8c8c8c;
    box-shadow: inset 0 0 10px -4px #000, 0 0 0 1px #fff;
    margin: 3px 1px;
}

select {
    padding: 3px 4px;
    background: #d6d6d6;
    border: 1px solid #8c8c8c;
    box-shadow: 0 0 0 1px #fff;
    margin: 3px 1px;
}

textarea {
    padding: 6px;
    background-color: #d6d6d6;
    background: url(http://forumstatic.ru/files/0018/97/32/23193.jpg) repeat;
    border: 1px solid #8c8c8c;
    box-shadow: inset 0 0 0px 2px rgba(0, 0, 0, 0.11), 0 0 0 1px #fff;
    margin: 3px;
}

#form-buttons  {
    background-color: #d6d6d6;
    color: #424242 !important;
    box-shadow: 0 0 0 1px #8c8c8c, 0 0 0 2px #d4d4d4, 0 0 4px #000;
    border-radius: 2px;
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    width: 946px;
    margin-left: 4px;
    margin-top: 3px;
}

/*Cтиль к скрипту: "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"*/
/*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  /*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
    float: right;
    margin: 32px -45px 0 0!important;
    width: 20px;
    cursor: pointer;
}

/* Стиль "Ушка" вкладок */
.my-tabs>span{
    cursor: pointer;
    display: block!important;
    position: relative;
    z-index: 12;
    padding: 9px 6px 5px 6px;
    height: 20px !important;
    width: 100px;
    margin-right: 7px;
    text-align: center;
    float: left;
    font-size: 12px;
    font-family: firamono;
    color: #505050;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0 10px 0 0;
    box-shadow: 0 0 0 1px #000, inset 0 0 0 1px #404040;
}

.my-tabs>span:before {
    content: "file://";
    font-size: 9px;
    display: block;
    margin-top: -5px;
    color: #616161;
    text-shadow: 1px 1px 0px #000;
}

/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 1px;
}
/* Активное "Ушко" */
.my-tabs>span.selected, .my-tabs>span:hover {
    color: #c7c7c7;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
    width: 702px;
    height: 406px;
    position: relative;
    z-index: 1;
    display: none;
    vertical-align: top;
    padding: 20px 0px 10px 20px;
    margin-top: 34px;
    background: url(http://forumstatic.ru/files/0018/97/32/32603.jpg) top left no-repeat, url(http://forumstatic.ru/files/0018/97/32/80873.jpg) top right no-repeat, url(http://forumstatic.ru/files/0018/97/32/19628.jpg) bottom left no-repeat, url(http://forumstatic.ru/files/0018/97/32/38088.jpg) bottom right no-repeat, url(http://forumstatic.ru/files/0018/97/32/41734.jpg) top center repeat-x, url(http://forumstatic.ru/files/0018/97/32/97807.jpg) bottom center repeat-x, url(http://forumstatic.ru/files/0018/97/32/45172.jpg) left center repeat-y, url(http://forumstatic.ru/files/0018/97/32/53578.jpg) right center repeat-y, url(http://forumstatic.ru/files/0018/97/32/54023.jpg) center center repeat;
    background-color: #c1c1c1;
    box-shadow: 0 0 20px 1px #000;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
    display: inline-block;
    width: 679px;
    height: 395px;
    overflow: auto;
    padding-right: 20px;
    padding-left: 3px;
}