/********************************************************
0 - ЗАГРУЗИТЬ ЦВЕТА И ШРИФТ
*********************************************************/

@import url('http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&subset=latin,cyrillic');
@import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=cyrillic,latin');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');


@media screen and (max-width: 768px) {
   
   /*БАЗА И ДЕФОЛТЫ*/
   
    body, html {
        width: 100% !important;
        min-height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        -webkit-text-size-adjust: 100%;
    }

    body {
        position: relative !important;
    }

    html {
        height: 100% !important;
    }

    #post-form legend,#pun-break1,#pun-break3, .category .tc2,.category .tc3,.category th,.forum .tc2,.forum .tc3,.forum th, .linkst {
        display: none !important;
    }

    input[type=password],input[type=text] {
        max-width: 100% !important;
    }

    input, select {
        padding: 0.5em 1em !important;
        box-sizing: border-box !important;
    }

    .punbb .formsubmit {
        padding: 0 !important;
    }

    textarea {
        font-size: 14px !important;
        padding: 1.5% !important;
        max-width: 97% !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }

   /*СТРЕЛОЧКИ*/
   
    .arrowstoptobottom {
        top: 25% !important;
        right: 0 !important;
    }

    /* ВЕРХ ДО ОБЪЯВЛЕНИЯ */

    .punbb {
        width: 100% !important;
        margin-top: 60px !important;
    }

    #pun {
        width: 100% !important;
    }

    #pun_wrap:before {
        height: 60px !important;
        margin-top: -60px !important;
    }

    #pun-title {
        width: 100% !important;
        margin: 0 !important;
        top: -60px !important;
        text-align: center !important;
    }

    #title-logo-table {
        width: 100% !important;
        display: inline-block !important;
    }

    #title-logo-table tbody {        
        width: 100% !important;
        display: inline-block !important;
    }

    #title-logo-tdr {
        display: none !important;
    }

    #title-logo-tdl {
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 145px !important;
        background-position: 50% 25% !important;
    }

    #pun-navlinks {
        position: relative;
        display: block;
        z-index: 25  !important;
        padding: 0  !important;
        margin: -1.5em 0 1.5em !important;
        width: 100% !important;
        text-align: center !important;  
        vertical-align: middle !important;
        background: rgb(22, 37, 55) url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=15') 50% 50%;
    }

    #pun-navlinks .container {
        width: 100%;
        text-align: center !important;
        padding: 0.8em 0.5em 0.6em !important;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.65);  
    }

    #pun-navlinks li {
        float: none !important;
        margin: 0.5em 0 !important;
        text-align: center !important;        
    }

    #pun-navlinks a:hover {
        z-index: 50 !important;
    }

    #pun-ulinks {
        margin: -20px 0 0 0 !important;
        padding: 0 !important;
        background: rgb(22, 37, 55) url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=15') 50% 50% !important;
    }

    #pun-ulinks li {
        margin: 0.45em 0 !important;
        text-align: center !important;        
    }

    /* ОБЪЯВЛЕНИЕ */ 

    #pun-announcement {
        min-height: 0 !important;
    }

    #pun-announcement .info {
        background-image: none !important;
        min-height: 0 !important;
    }

    #pun-announcement .site-rating, #pun-announcement .halifax {
        display: none !important;
    }

    #pun-announcement .gameinfo {
        width: 100% !important;
        line-height: 1.5;
    }

    #pun-announcement .gameinfo .info-subheader {
        padding: 0 0.25em 0 0;
        position: relative;
        display: inline;
        width: 40%;
        vertical-align: middle;
        font-size: 1.3rem;
    }

    #pun-announcement .gameinfo p {
        display: inline !important;
    }

    #pun-announcement .gameinfo:first-of-type p {
        display: none !important;
    }

    #pun-announcement .gameinfo:last-of-type .info-subheader:after {
        content: ':';
    }

    #pun-announcement .gameinfo:last-of-type {
        margin-top: 1em !important;
    }

    #pun-announcement .info .inner {
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 1em !important;
        box-sizing: border-box !important;
    }

    /* ГЛАВНАЯ СТРАНИЦА */

    div[id*="pun-category"] h2:after, #pun-stats h2:after {
        display: none !important;
    }

    .statscon li {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    /*ТАБЛИЦЫ*/
   
    td, th {
        overflow: hidden !important;
        box-sizing: border-box !important;
        display: inline-block;
    }

    tr {
        display: inline-block !important;
        width: 100% !important;
    }

    #pun-index table, #pun-viewforum table {
        display: block !important;
        width: 100%  !important;
    }

    .category .tcl, .forum .tcl {
        display: inline-block !important;
        width: 100%  !important;
    }

    .hasicon .tcl {
        display: inline-block !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .tcr {
        display: inline-block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 0 6em !important;
     }

     .tclcon {
         padding: 0 1em 0 0 !important;
     }

     /* ТЕМЫ */

     .post-author {
         float: none !important;
         width: 100% !important;
         padding: 1em !important;
         margin: 0 !important;
         box-sizing: border-box;
         background: rgba(230, 222, 209, 0.5);
     }

     .post-author ul {
         width: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
     }

     .post-author .pa-avatar {
         display: block;
         width: 25% !important;
         background: transparent !important;
         float: left;
     }

     .post-author .pa-avatar.item2 {
         padding: 0 !important;
         background: transparent !important;
         text-align: left;
     }

     .post-author .pa-avatar img {
         width: 100% !important;
         height: auto !important;
         max-width: 150px !important;
     }

     .post-author .pa-author, .post-author .pa-fld1, .post-author .pa-title, .post-author .pa-respect, .post-author .pa-online {
         display: inline-block;
         width: 72% !important;
         margin: 0 0 0 28.5% !important;
         margin: 0 !important;
         float: right !important;
         padding: 0.3em 0 !important;
         box-sizing: border-box;         
         border: none !important;
         box-shadow: none !important;

     }

     .post-author .pa-fld1, .post-author .pa-title {
         background: none !important;
     }

     .post-author .pa-fld1 div {
         display: inline;
     }

     .post-author .pa-fld1 b:after {
         content: ', ';
     }

     .post-author .pa-fld1 div:nth-of-type(2):before {
         content: '; '
     }

     .post-author .pa-posts, .post-author .pa-ip {
         display: none;
     }

     .post-author:after {
         content: '';
         width: 0;
         height: 0;
         clear: both;
     }

     .post-sig, .pl-website, .pl-email:nth-of-type(3), #form-buttons th, .post-author .pa-reg {
         display: none !important;
     }

     .punbb .post h3 span {
         margin-left: 0 !important;
         padding: 0.75em 1em 1.25em !important;
     }

     .punbb .post-body {
         margin-left: 0 !important;
         padding: 0 0 0 0.6em !important;
         box-sizing: border-box !important;
     }

     .punbb .post-content td {
         display: block !important;
         margin: 0 !important;
         padding: 0.15em 0.5em 1.15em !important;
         width: 100% !important;
         text-align: center !important;
     }

     .punbb .post-content td:first-of-type {
         background: rgba(40, 67, 101, 0.05);
     }

     .punbb .post-links {
         width: 100% !important;
         height: auto !important;
         margin: -54px 0 0 0 !important;
         position: relative !important;
         box-sizing: border-box !important;
     }

     .punbb .post-links ul {
         width: 100% !important;
         margin: 0 !important;
         text-align: center !important;
         height: auto !important;
         background: rgb(22, 37, 55) url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=15') 50% 50% !important;
         padding: 0.7em 1em 0.7em 0 !important;
         box-sizing: border-box !important;
     }

     .punbb .post-links a {
         -webkit-text-size-adjust: 125%;
     }

     .pl-email {
         float: none !important;
     }

     #form-buttons table, #form-buttons tbody, #form-buttons tr {
         display: block !important;
         text-align: center !important;
     }

     #form-buttons td {
         background: none !important;
         min-height: 3em !important;
         min-width: 4em !important;
     }

     #form-buttons td:before {
         font-size: 2.1rem !important;
     }

     fieldset {
         margin: 0 !important;
         padding: 0 !important;
     }

     #post div[id*="-area"] {
         right: 0 !important;
         width: 100% !important;
         text-align: center;
         box-sizing: border-box;
     }

     #post div[id*="-area"] table, #post div[id*="-area"] tbody {
         width: 100% !important;
         box-sizing: border-box;
     }

     #post div[id*="-area"] input, #post div[id*="-area"] textarea {
         width: 100% !important;
         padding: 0.3em 0.5em !important;
         margin: 0 0 0 0 !important;
         box-sizing: border-box !important;
     }

     #post #keyboard-area input {
         width: auto !important;
     }

     #post div[id*="-area"] .resizable-textarea {
         width: 103.5%;
         padding: 0.5em 0 !important;
         margin: 0 0 0 0 !important;    
         box-sizing: border-box !important;
     }

     #post #changeProfile-area .resizable-textarea {
         width: 100%;
     }

     #changeProfile-area input, #changeProfile-area textarea {
         min-width: 200px;
     }

     #changeProfile-area span:first-of-type, #chIcon span:first-of-type {
         text-align: left !important;
         width: 100% !important;
         max-width: 95px !important;
     }

     /* ПРОФИЛЬ И ДРУГИЕ НЕПРИЯТНОСТИ */

     #profile {
         width: 100% !important;
     }

     #profile .container {
         padding: 1em !important;
     }

     #profilenav {
         float: none !important;
         width: 100% !important;
         margin: 0 !important;
         padding: 1em !important;
     }

     #profilenav li {
         display: inline-block !important;
     }

     #profilenav li:after {
         content: '';
         padding: 0 1em 0 0;
     }

     #profilenav li:last-of-type:after {
         content: '';
         padding: 0;
     }

     #profile .post-author .pa-author {
         position: relative !important;
         margin-bottom: -4em !important;
         float: right !important;
     }

     #profile .post-author .pa-title {
         position: relative !important;
         margin: 3.5em 0 0.5em !important;
         float: right;
     }

     #profile .post-body {
         padding: 0 !important;
     }

     #profile .post-box {
         padding: 1em 0 !important;
     }

     #profile .post-body:after {
         background: none;
     }

     #messages fieldset .container {
         padding: 1em 0 !important;
     }

     #messages .tcl {
         display: inline-block !important;
     }

     #messages .tc2:nth-of-type(2) {
         display: inline !important;
         width: 25% !important;
         padding: 0 0 0 6.5em !important;
         box-sizing: border-box;
     }

     #messages .tc3 {
         display: inline !important;
         padding: 0 0 0 0.5em !important;
         box-sizing: border-box;
     }

     #messages .tc2:nth-of-type(4) {
         display: inline !important;
         float: right;
         position: relative;
         top: -0.1em;
         width: auto !important;
         text-align: center !important;
         padding: 0 !important;
         box-sizing: border-box;
     }

     #userlist .fs-box.inline {
         text-align: center !important;
     }

     #pun-userlist .main .tcl, #pun-modviewforum .main .tcl {
         width: 25% !important;
     }

     #pun-userlist .main .tc2 {
         width: 50% !important;
     }

     #pun-userlist .main .tc3 {
         display: none;
     }

     #pun-userlist .usertable .container {
         padding: 0 0 2.3em 0 !important;
     }

     #pun-userlist .main .tc3:last-of-type {
         display: inline;
         float: right;
         width: auto !important;
     }

     .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield, #userlist .fs-box.inline p {
         display: inline-block !important;
         float: none !important;
     }

     /* НЕПОСРЕДСТВЕННЫЙ ПРОФИЛЬ */

     #profile-left, #profile-right {
         width: 100% !important;
     }

     #viewprofile  {
         padding: 0.5em 1em !important;
     }
     
     #viewprofile .container, #viewprofile ul {
         padding: 0 !important;
     }

     #profile-left {
         margin-bottom: 0.5em;
     }

     #profile-right li {
         width: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
     }

     #profile-right li span {
         width: auto !important;
         margin: 0 !important;
         padding: 0.5em 0.5em 0.5em 0.25em !important;
     }

     #profile-right li div {
         padding: 0.5em 0 0 6.25em !important;
     }

     #profile-right li strong {
         padding: 0.5em 0 !important;
     }

     #profile-signature table #profile-signature tbody, #profile-signature tr {
         display: block !important;
         width: 100% !important;
     }

     #profile-signature td {
         width: 100% !important;
         padding: 0.5em 0 !important;
     }

     /* ПРОЧЕЕ */

     .multipage {
         margin: 3.5em 0 0 0 !important;
     }


    #pun-reputation {
        width: 100% !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

    .inner.post_reputation {
        width: 100% !important;
        margin: 0 auto !important;
        top: 7.5% !important;
        left: 0 !important;
    }

    #pun-reputation .container {
        padding: 0 0 1.5em 0 !important;
    }

    #pun-reputation table, #pun-reputation tr, #pun-reputation tbody {
        display: inline-block !important;
        width: 100% !important;
        text-align: center !important;
    }

    #pun-reputation td, #pun-reputation td.tcl {
        display: none;
    }

    #pun-reputation .tc2 span:before {
        content: 'Профиль:';
        font-weight: 700;
    }

    #pun-reputation .tc2 span:after {
        margin-top: 0.5em;
        display: block !important;
        content: 'Есть комментарий?';
        font-weight: 700;
    }

    #pun-reputation .tc2 {
        display: inline-block !important;
        width: 100% !important;
        max-width: 9999px !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        text-align: center !important;
        padding: 0.3em 0 !important;
    }

    #pun-reputation input.button:nth-of-type(2) {
        margin: 0.1em 0 0.1em 0.5em !important;
    }

    #pun-searchposts .post-body:after {
        background: none !important;
    }

   .category .tcr a, .forum .tcr a {
        display: block;
        margin: 0 !important;
        border: 0 !important;
        padding: 0 !important;
        font-size: 0;
        text-indent: -999999px;
        text-decoration: none !important;
        text-align: right;
        line-height: 1;
/*        background: url('http://forumstatic.ru/files/0015/6e/61/57518.svg') 100% 50% no-repeat;
        background-size: 5%;
        height: 35px !important; */
        position: absolute;
        right: 2%;
        width: 98% !important;
    }

    .category .tcr span:before {
        display: block;
        content: 'Последнее сообщение:';
        font-style: italic; 
        margin-top: -1.25em;
    }

    #pun-viewforum .tcr, #pun-searchtopics .tcr {
        margin: -0.75em 0 0.75em 0 !important;
    }

    #pun-viewforum .tcr .byuser:before, #pun-searchtopics .tcr .byuser:before {
        display: block;
        content: "Последнее сообщение от:";
    }

    .category .tcr a:after, .forum .tcr a:after {
        content: '\25b6';
        font-size: 3.5rem;
    }
    
}


/********************************************************
A - SETUP
*********************************************************/

#pun-navlinks a span, #pun-stats h2 span, .pa-respect a:nth-of-type(2) img {display: none;}
#navindex a:before {content:'Home';}
#navuserlist a:before {content:'Members';}
#navsearch a:before {content:'Search';}
#navprofile a:before {content:'Profile';}
#navpm a:before {content:'Messages';}
#navadmin a:before {content:'Ctrl';}
#navlogout a:before {content:'Logout';}
#navlogin a:before {content:'Login';}
#navregister a:before {content:'Join';}

#pun-stats h2:before {content: 'Board Info & Statistics';}

.pa-respect a:nth-of-type(2):before {
    content:'\25B2';
}

/* Скрипт замены */
.change-title, .change-nick, .change-icon {
    display: none;
}

/* A1.2 */
thead, #pun-live-rusff, #pun-announcement h2, #pun-main .catleft, #pun-main .catright, #profile .post-sig, #profile-gifts, .lastedit, .divider, #post-form h2, .pa-gifts, #post fieldset legend span {
    display: none;
}

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {
    margin: 0;
    padding: 0;
}

/* A2.2 */
.punbb * {
    margin: 0;
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}

/* A2.4 */
.punbb img {
    border: none;
}

/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    width: 100%;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
    margin: 0 0.3em;
}

/* A2.7 */
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
    height: 1.8em;
    vertical-align: middle;
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
html {
    font-size: 62.5%;
}

/* A3.3 */
.punbb input, .punbb select, .punbb optgroup {
    font: 1.3rem lora, serif;
    background: rgba(230, 222, 209, 1);
    border: none;
    padding: 0.3em 0.6em;
    margin: 0.5em 0.5em 0.5em 0;
    box-sizing: border-box;
}

.punbb input[class="button"] {
    font-family: 'Open Sans Condensed', verdana, arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0.1em 0.5em 0.1em 0 !important;
}

.punbb input[type="text"] {
    width: 100%;
    max-width: 25em;
}

#pun-login input[type="text"], #pun-userlist input[type="text"] {
    max-width: 20em;
    margin: 0.5em 5.5em 0 0;
    padding: 0.3em 0.6em;
}

#pun-search input[type="text"] {
    max-width: 30em;
    margin: 0.5em 7.5em 0 0;
    padding: 0.375em 0.6em;
}

.punbb textarea {
    font: 1.3rem lora, verdana, arial, helvetica, serif;
    padding: 0.3em 0.6em;
    background: rgba(230, 222, 209, 0.5);
    border: 4px solid rgba(230, 222, 209, 1);
    box-shadow: inset 0 0 0 1px white;
}

/* A3.4 */
h1, h2 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0.1em 0 0.15em;
    margin: -1em 0 0.5em 0 !important;
    font: 3rem 'Open Sans Condensed', verdana, arial, helvetica, serif;
    font-stretch: condensed;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background: rgb(22, 37, 55) url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=7');
}

#profilenav h2 {
    margin: 0 !important;
    border: 4px solid transparent;
}

div[id*="pun-category"] h2, #pun-stats h2 {
  width: calc(100% - 25px);
  margin: 0 auto 0.5em !important;
  border: 4px solid transparent;
}

#profilenav h2, div[id*="pun-category"] h2 {
    color: white;
    background: rgba(40, 67, 101, 1);
    box-shadow: inset 0 0 0 1px #9b9382;
}

#pun-stats h2 {
    color: #9b9382;
    background: rgba(230, 222, 209, 1);
    box-shadow: inset 0 0 0 1px white;
}

div[id*="pun-category"] h2:after, #pun-stats h2:after {
    width: 90%;
    display: block;
    margin: -0.2em auto 0.5em;
    padding: 0 1em;
    line-height: 1.3 !important;
    font: 1rem lora;
    color: #9b9382;
}

#pun-stats h2:after {
    color: white;
}

#pun-category1 h2:after {
    content: 'Аластер Хант: “По мнению Ханта, к двадцать первому веку страх лишь набрал обороты... Поэтому приходилось себя прятать. Поэтому они не держались вместе и поэтому Хант даже малейшего представления не имел о том, что в действительности он может делать, как это влияет на окружающих и почему Дарвин ничего не писал о этом в своих книжках.”';
}

#pun-category2 h2:after {
    content: 'Джим Купер: “Характеристику подозрительному посетителю и недавним событиям Эмили дала прекрасную, даром что в органах не работала. Вот так полиция и теряет ценные кадры. С другой стороны — да к черту ее, эту собачью работу. Ловить мразей, отщепенцев и убийц есть кому, а вот печь булочки, пончики и тому подобную благодать — нет.”';
}

#pun-category3 h2:after {
    content: 'Сет Йонссон: “Когда все очень плохо, наставительно говорил отец, подними руку высоко вверх и резко опусти со словами «да пошло оно на!». Говорить Сет ничего не стал, но напоследок прочертил между ним и Юстасом огненную полосу в полный рост.”';
}

#pun-category4 h2:after {
    content: 'Майкл Хилл: “Микки стыбзил коктейль с соседнего стола, хлебнул и взялся за поиски объекта по чужим мыслям. Кажется, все в этом чёртовом баре сегодня думают только об общении гениталиями. Фе, какая ограниченность. Хоть бы один размышлял о теории струн или как решить домашку по матану.”';
}

#pun-category5 h2:after {
    content: 'Леонхард Коэн: “Не мог он и с полной уверенностью сказать, что понимал, где в данный момент времени находится. Воспоминания о прошлом минутной (да и минутной ли? время тянулось подобно жеваной резине, вкус которой уже горчил паленым на языке) давности настигали память Леона скачками. Отправная точка находилась где-то в мозжечке, а затем с беспощадностью грузовика, груженого тяжелым металлическим ломом, настигала лобные доли и с разбега врезалась в череп, распространяя горячие волны боли.”';
}

#pun-stats h2:after {
    content: 'Вэл Раух: “Если ранее у Вэла на лице было хоть какое-то выражение - усталости, раздражения, вселенской тоски, на худой конец, - после очередных слов Молли про магнитные поля оно исчезло вовсе. Завелась прежняя пластинка, мать твою. Я, блин, живой-настоящий Магнето, могу тебе в рожу кинуть горсть гаек.”';
}

h3, h4 {
    font-size: 1.2rem;
    border: none;
}

/* A3.6 */
.punbb pre {
    font: 1.3rem/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
/* A3.7 */
.punbb address, .punbb em {
    font-style: normal;
}
/* A3.8 */
.punbb .post-content em {
    font-style: italic;
}
/* A3.9 */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}
/* A3.10 */
.punbb a {
    text-decoration: none;
}
/* A3.11 */
.punbb optgroup {
    font-weight: bold;
}
/* A3.12 */
.punbb .post-content {
    font-size: 1.3rem;
}

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

#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;
}
.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, .category .container table thead {
    display: none;
}

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
body {
    font-size: 1.1rem;
    background: rgb(22, 37, 55) url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=15') 50% 50%;
}

#pun_wrap:before {
    display: block;
    position: absolute;
    content: '';
    height: 60px;
    width: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
    margin-top: -100px;
}

#pun {
    position: relative;
    width: 100%;
    max-width: 950px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    margin: 0 auto -12px;
}

/* A5.2 */
.punbb {
    width: 100%;
    height: auto;
    background: #fcfcfc url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=7');
    font: 1.2rem lora, verdana, arial, helvetica, serif;
    font-style: normal;
    position: relative;
    margin-top: 100px;
    line-height: 1.5;
}

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: 50px 20% 12px 20%;
    width: auto;
    float: none;
}

/* A5.4 */
.punbb .section, .punbb .main {
    margin-bottom: 1em;
    width: 100%;
}

/* A5.5 */
.punbb .post {
    margin-top: 0.4em;
}

.punbb .toppost, .punbb .topicpost {
    margin-top: -1em;
}

.punbb .topicpost .post-content {
    -webkit-text-size-adjust: 125%;
}

/* A5.6 */
.punbb #pun-category1 {
    margin-top: 0;
}

.punbb .category {
    margin: 0.4em 0 1em;
}

/* 5.7 */
#pun-post .topic {
    margin: 1em 0 0 0;
}

.punbb .forum {
    margin: 0 0 2em 0;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border: none;
}

/* A5.9 */
.punbb .container {
    border: none;
}


/********************************************************
B - MAIN CONTENT - GENERAL
*********************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    border-top: 1px solid rgba(181, 181, 181, 0.5);
    width: 500px;
    margin: 3em auto 1em;
}

.punbb .post-sig dd p {
    -webkit-text-size-adjust: 100%;
}

.punbb .post-sig dd img {
    max-height: 150px;
    max-width: 250px;
}

/* B1.3 */
.punbb .post-content p, .punbb .fs-box p {
    margin: 0;
    padding: 0.6em 0;
    line-height: 160%;
    -webkit-text-size-adjust: 125%;
}

/* B1.4-5 */
.punbb .post-content .postimg {
    max-width: 100%;
    vertical-align: middle;
    margin: 0 !important;
}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    width: 100%;
    overflow: hidden !important;
}

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    height: 100%;
    max-width: 63.8em;
    overflow: auto;
    margin: 0 0 1em;
}

.punbb .post-content pre {
    width: 100%;
    height: auto; 
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;
    overflow: auto;      
}

/* B1.8 */
.punbb .quote-box, .punbb .code-box {
    width: auto;
    margin: 0.6em 0;
    padding: 0.6em 1em;
    background-color: rgba(40, 67, 101, 0.075);
    color: #212121;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    font-style: normal;
    border-bottom: 1px solid rgba(40, 67, 101, 0.16);
    padding: 0 0 0.6em 0;
}

.punbb .code-box strong.legend {
    padding: 0.1em 0 0.6em 0;
    margin-bottom: 0.6em;
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
    margin: 0 0 1.1em 0;
    border: 1px solid rgba(181, 181, 181, 0.5);
    padding: 1em;
    font-size: 1.3rem;
    box-sizing: border-box;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 0.5em 0;
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

.main {
    margin: 3.5em 0 0 0;
}

#pun-messages .main {
    margin: 0;
}

.multipage {
    margin: 6em 0 0 0;
}

.linkst {
    position: absolute;
    min-height: 3em;
    width: calc(100% - 25px);
    padding: 0.5em 0.1em 0;
    margin: -8em 12px;
    box-sizing: border-box;
    font-size: 1.3rem;
}

.linksb {
    width: 100%;
    padding: 0 1em;
    margin: 0.5em 0;
    box-sizing: border-box;
    font-size: 1.3rem;
}

.pagelink {
    float: left;
}

.postlink {
    float: right;
    text-align: right;
    width: 50% !important;
}

.postlink a {
    font-weight: 700;
}

.subscribelink {
    clear: both;
    padding-bottom: 0.5em;
    float: right;
    font-size: 1.1rem;
}


/********************************************************
C - MAIN CONTENT - SPECIFIC
*********************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
    padding: 1.1em;
    box-sizing: border-box;
}

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 1.7em;
    margin: 1em 0 0 0;
}

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0 0.6em 0 0;
    text-transform: uppercase;
}

/* C1.4 */
.punbb fieldset {
    border: none;
    padding: 0 1em 0 1.7em;
    margin: 0 0 1em 0;
    width: 100% !important;
    box-sizing: border-box;
}

.punbb .formal fieldset .post-box {
    border: 1px solid rgba(181, 181, 181, 0.5);
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em 1em;
    font-size: 1.3rem;
}

/* C1.7 */
.punbb fieldset fieldset {
    border: none;
    margin: 0;
    padding: 0 0 8px 0;
}

/* C1.8 */
.punbb .fs-box {
    width: 100%;
    margin: 0 auto;
}

/* C1.9 */
.punbb .fs-box fieldset {
    padding: 0 0 0.8em 0;
}

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
    float: left;
    margin-right: 2.5em;
}
/* C1.11 */
.punbb .inline .infofield {
    clear: both;
}
/* C1.12 */
.punbb .datafield br {
    display: none;
}
/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
    font-weight: bold;
}
/* C1.14 */
.punbb .datafield span.input a {
    font-weight: normal;
}
/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
    display: block;
    padding: 0 12em 0 0;
    height: 100%;
    /* For IE */
}
/* C1.16 */
.punbb textarea, .punbb .longinput input {
    width: 64%;
    margin: 0;
}
/* C1.17 */
.punbb .hashelp {
    position: relative;
}
/* C1.18 */
.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: normal;
    width: 36%;
}
/* c1.19 */
.punbb #profile .helplinks {
    top: 1.5em;
}
/* C1.20 */
.punbb .helplinks span {
    display: block;
    padding-bottom: 0.2em;
}
/* C1.21 */
#pun-post .formal .info-box li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
    border: none;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    width: 10%;
}
/* C2.3 */
.punbb .main .tcr {
    /* overflow: hidden; */
    /* text-align: left; */
    width: 30%;
}
/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
    width: 40%;
    vertical-align: top;
}

/* C2.5 */
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
}

/* C2.6 */
#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}
/* C2.7 */
#pun-debug .tcr {
    width: 90%;
    white-space: normal;
}

/* C2.8 */
#pun-index .tcl h3 {
    font-size: 2rem;
    font-family: 'Open Sans Condensed', sans-serif;
    font-stretch: condensed;
    font-weight: 300;
}

/* C2.9 */
.punbb td span.youposted {
    font-weight: bold;
    margin-left: -1em;
    position: absolute;
}
/* C2.10 */
.punbb td .modlist {
    display: block;
    padding-top: 0.3em;
}
/* C2.11 */
.punbb .main td {
    border: none;
    padding: 0.8em 1em;
    font-size: 1.3rem;
}
/* C2.12 */
.punbb .main th {
    border: none;
    padding: 0.4em 1em 0.4em 1em;
}

.category table {
    margin-bottom: 1.5em;
}


/* POST STATUS ICONS */

.punbb div.icon {
    position: absolute;
    float: left;
    margin: -0.5em 0 0 -5em;
    width: 45px;
    height: 55px;
    background-image: url('http://forumstatic.ru/files/0015/2b/39/87251.svg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

#pun-index div.icon {
    margin-top: 0;    
}

.punbb .inew div.icon {
    background-image: url('http://forumstatic.ru/files/0015/2b/39/41509.svg');
}

.punbb .iclosed div.icon {
    background-image: url('http://forumstatic.ru/files/0015/2b/39/29555.svg');
}

.punbb .isticky div.icon {
    background-image: url('http://forumstatic.ru/files/0015/2b/39/37438.svg');
}


/* C3 Topics
-------------------------------------------------------------*/

.punbb .post .container {
    margin-top: -1px;
    background: #fcfcfc url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=7');
}

.punbb .post h3 span {
    padding: 1em 1em 0.5em 0.25em;
    display: block;
    margin-left: 19em;
    border: none;
}

.punbb .post h3 span a, .punbb .post h3 strong {
    font-size: 1.3rem;
}

#pun-messages .post h3 span {
    padding: 0.4em 1em 0.25em 0.95em;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
}

/* C3.5 */
.post-author {
    float: left;
    width: 19em;
    margin-top: -2em;
    overflow: hidden;
    text-align: center;
}
/* C3.6 */
.post-author ul {
    padding: 0 1em 0.2em 1.25em;
    line-height: 1;
    width: 200px;
}

.post-author ul li {
    padding: 0.15em 0.5em;
    font-size: 1.3rem;
    font-variant: small-caps;
}

.post-author .pa-author {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Open Sans Condensed';
    font-stretch: condensed;
    font-size: 2rem;
    line-height: 1;
    padding: 0.25em 0 0.2em;
    color: white;
    text-transform: uppercase;
    background: rgba(40, 67, 101, 1);
    border: 4px solid rgba(40, 67, 101, 1);
    box-shadow: inset 0 0 0 1px #9b9382;
}

#pun-post .post-author .pa-author {
    width: 85%;
    margin: 0 auto;
}

.punbb .pa-author a:link, .punbb .pa-author a:visited {
    color: white;
    text-decoration: none;
}

.punbb .pa-avatar.item2 {
    padding: 10px 0 0 0;
    margin: 0 auto -1px;
    background: rgba(230, 222, 209, 1);
}

.punbb .pa-fld1 {
    background: rgba(230,222,209, 0.1);
    border-left: 10px solid rgba(230, 222, 209, 1);
    border-right: 10px solid rgba(230, 222, 209, 1);
    border-bottom: 2px solid rgba(230, 222, 209, 1);
    padding: 0.65em 0.5em;
}

.punbb .pa-title {
    padding: 0.35em 0.5em 0.65em;
    margin: 0 0 0.35em 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-stretch: condensed;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0.75;
    background: rgba(230, 222, 209, 1);
    border-left: 4px solid rgba(230, 222, 209, 1);
    border-right: 4px solid rgba(230, 222, 209, 1);
    border-bottom: 5px solid rgba(230, 222, 209, 1);
    box-shadow: inset 0 -1px 0 0 rgba(255,255,255, 1);
}

li.pa-title:after, li.pa-title:before {
    font-family: lato;
    font-size: 1.9rem;
    position: relative;
    top: 6px;
}

li.pa-title:before {
    content: '“';
    left: -2px;
}

li.pa-title:after {
    content: '”';
    left: 2px;
}

.punbb .pa-online {
    line-height: 0.8;
    border: none;
    padding: 0.4em 0 0 0;
    margin: 0.7em 0 0 0;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-stretch: condensed;
    font-size: 1.4rem;
    font-weight: 700;
}

.pa-online strong {
    display: none;
}

.pa-online:before {
    content: 'ONLINE';
}

/* C3.11 */
.punbb .post-body {
    margin-left: 19em;
    border: none;
}
/* C3.12 */
.punbb .post-box {
    padding: 1em 1em 1.4em 0.4em;
}
/*C3.13 */
.punbb fieldset .post-box {
    margin-bottom: 0.8em;
}
/* C3.14 */
.punbb .post-body:after {
    display: block;
    content: ' ';
    background: rgb(22, 37, 55) url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=15') 50% 50%;
    height: 52px;
    width: 134.9%;
    margin-left: -34.9%;
}
.punbb .post-links {
    position: absolute;
    width: 100%;
    font-family: 'Open Sans Condensed';
    font-stretch: condensed;
    text-transform: uppercase;
    font-size: 1.5rem;
    border: none;
    margin: -52px 0 0 0;
}
/* C3.15 */
.punbb .post-links ul {
    padding: 0.7em 1em 0 0;
    height: 2em;
    line-height: 2em;
    background: transparent;
    text-align: right;
}
/* C3.16 */
.punbb .post-links li {
    display: inline;
    padding-left: 1em;
    -webkit-text-size-adjust: 125%;
}
/* C3.17 */
.pl-email, .pl-website {
    float: left;
}

/* C3.18 */
.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
}
/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu {
    margin: 0 0 1em 0;
}

.punbb .modmenu .container {
    padding: 0.5em 1em;
    text-align: right;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
    height: 1.8em;
    line-height: 1.8em;
}
/* C4.3 */
.punbb .modmenu .container strong {
    float: left;
}
/* C4.4 */
.punbb .modmenu input {
    margin-left: 1em;
}
/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
    padding: 0.8em 1em;
}
/* C5.2 */
.punbb .info .container .backlink {
    padding-top: 0.8em;
}
/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
    padding-left: 18.6em;
}
/* C6.2 */
#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
}
/* C6.3 */
#profilenav li {
    padding: 0.3em 0;
    font-weight: bold;
}
/* C6.4 */
#viewprofile ul, #profilenav ul {
    border: none;
    padding: 1.5em 18px 0.8em 18px;
    margin: -0.5em 0 1em 0;
    text-align: center;
}
/* C6.5 
 #viewprofile h2, #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px -0.6em 14px;
} */
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
}
/* C6.7 */
#viewprofile li, #setmods dl {
    padding: 0 0 0 16em;
    margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -15.5em;
    padding: 0.5em 1em;
    font-weight: bold;
    text-align: right;
}

#profile-right {
    text-align: left;
}

#profile-right li div:before {
    content: '• ';
}

#profile-right li div {
    padding: 0.5em 0 0;
}

/*C6.9 */
#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
}
/* C6.10 */
#viewprofile li strong, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
}

#profile-left {
    padding: 0.95em 0.65em;
    border: 4px solid transparent !important;
    box-shadow: inset -1px 1px 0 1px rgba(255,255,255,1),
                inset 1px -1px 0 1px rgba(255,255,255,1);
    background-color: rgba(230,222,209,1);
}

#profile-left li div {
    display: block;
    padding: 0.5em 1em;
}

#profile-signature {
    margin-top: 1em;
    padding: 0 !important;
}

#profile-signature ul {
    border-top: 1px solid rgba(40, 67, 101, 0.16) !important;
}

/* C6.11 */
.punbb .avatardemo {
    float: right;
    margin: 0 0 0.8em 1.8em;
}
/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
    border: none;
    margin-bottom: 0;
}
/* C7.2 */
#pun-userlist .usertable .container {
    padding: 0 2.3em 2.3em 2.3em;
    border: none;
}
/* C7.3 */
#pun-userlist .usertable table {
    border: none;
}


/********************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
*********************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

#pun-title {
    position: absolute;
    top: -101px;
    margin: 0 0 0 0.6em;
    width: 25%;
    min-height: 60px;
    box-sizing: border-box;
    border: none;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    z-index: 2;
    background: transparent;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#title-logo-tdl {
    height: 59px;
    width: 145px;
    background: url('http://forumstatic.ru/files/0015/2b/39/84503.svg') 3px center no-repeat;
    background-size: 96% auto;
}

h1.title-logo {
    display: none;
}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
}
/* D2.2 */
#pun-pagelinks .container {
    background: transparent;
    border: none;
    padding: 0;
}
/* D2.3 */
#pun-pagelinks .container li {
    display: inline;
}
/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
    height: 2em;
    line-height: 2em;
    padding: 0;
    font-size: 1.2rem;
    margin-left: -9999px;
    display: block;
    float: left;
    width: 100%;
}
/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    position: relative;
    margin: 0;
}

#pun-pagelinks li a span {
    display: block;
    margin: 0 1em;
}

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */

#pun-navlinks, #pun-navlinks .container, #pun-navlinks li {
    line-height: 1;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

#pun-navlinks {
    position: relative;
    margin: -163px 0 0 0;
    width: 100%;
    text-align: right;
    z-index: 10;
}

#pun-navlinks li {
    float: left;
}

#pun-navlinks a {
    line-height: 1;
    margin: 0;
    padding: 0;
    z-index: 10;
    -webkit-text-size-adjust: 100%;
    font-size: 2rem;
    font-family: 'Open Sans Condensed';
    font-stretch: condensed;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.5em 0.3em;
}

#pun-navlinks li:after, #pun-navlinks li:last-of-type:after {
    content: ' ';
    display: inline-block !important;
}

#pun-navlinks li:after {
    margin: 0 0 1em 0;
}

#pun-navlinks li:last-of-type:after {
    margin: 0 0.7em 0 0;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
    position: relative;
    margin: -58px 0 0 0;
    width: 100%;
    min-height: 40px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-stretch: condensed;
    font-size: 1.4rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

/* D4.2 */
#pun-ulinks .container {
    display: inline-block;    
    vertical-align: middle;
    padding: 0.85em 0;
    margin: 0;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline-block;
    white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li:after, #pun-ulinks li:last-of-type:after {
    content: ' ';
    display: inline-block !important;
}

#pun-ulinks li:after {
    margin-right: 0.7em;
}

#pun-ulinks li:last-of-type:after {
    margin-right: 0;
}


/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status {
    border: none;
    margin: 0 0 1em 0;
    position: relative;
    z-index: 2;
}

#pun-status .container {
    padding: 1em;
}

/* D5.2 */
#pun-status .item1, #pun-status .item2, #pun-status .item3 {
    display: block;
    -webkit-text-size-adjust: 100%;
}

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

/* D5.3 */
#pun-status span {
    white-space: nowrap;
    margin-right: 0.5em;
}

/* D5.4 */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin-top: 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
    border: none;
    padding: 1em 1em 0.8em 1em;
    font-size: 1.2rem;
}

/* D5.6 */
#pun-break1 {
    margin: 0 1em;
    border: none;
    height: 0;
    position: relative;
    z-index: 1;
}


/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
    padding: 0.8em 1em;
}
/* D7.2 */
#pun-stats .item1, #pun-stats .item2 {
    float: left;
    clear: both;
    line-height: 150%;
}
/* D7.3 */
#pun-stats .item3, #pun-stats .item4 {
    text-align: right;
    line-height: 150%;
}
/* D7.4 */
#onlinelist {
    margin-top: 1em;
    border: none;
    float: left;
    width: 100%;
    line-height: 130%;
}
/* D7.5 */
#onlinelist div {
    border: none;
    padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
}
/* D8.2 */
#pun-qjump .container {
    border: none;
    background: transparent;
    padding: 0.8em 1em;
}

#pun-about {
    width: 100%;
    text-align: center;
}

/* D8.4 */
#pun-about .container {
    border: none;
    text-align: center;
    line-height: 150%;
}

/* D8.5 */
#pun-about p span {
    display: block;
}
/* D8.6 */
#pun-crumbs2 {
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 0;
    border: none;
}
/* D8.7 */
#pun-crumbs2 .container {
    border: none;
    padding: 0.8em 1em;
    font-size: 1.2rem;
}
/* D8.8 */
#pun-break4 {
    margin: -2px 1em;
    border: none;
    position: relative;
    height: 0;
    z-index: 1;
}
/* D8.9 */
.punbb-admin #pun-about .container {
    border: none;
}

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box .legend {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0.8em;
}
/* D9.2 */
#pun-help .formal .info-box .legend span {
    padding-bottom: 0.6em;
    display: block;
    border: none;
    font-size: 1.2rem;
}
/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
    margin-bottom: 1em;
}
/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
    padding: 0 0 0 1em;
}
/* D9.5 */
#pun-help .formal li {
    padding: 0;
    line-height: 130%;
}
/* D9.6 */
#pun-help .formal li * {
    vertical-align: text-top;
}
/* D9.7 */
#pun-help .formal dt span {
    font: 1.4rem/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
    padding-bottom: 0;
}


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

/* 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 {
    background-color: transparent;
    color: #212121;
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
    background: transparent;
    color: #212121;
}

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, .punbb-admin #pun-admain legend span {
    background-color: transparent;
    color: #212121;
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    background-color: transparent;
    color: #212121;
}
/* CS1.8 */
.offline li.pa-online strong {
    font-weight: normal;
}


/* 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, #pun-adnav li.isactive ul.adsubnav a, #pun-adnav li.isactive ul.adsubnav a:link, #pun-adnav li.isactive ul.adsubnav a:visited {
    color: rgba(155,147,130, 1);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.arrowstoptobottom a, .arrowstoptobottom a:link, .arrowstoptobottom a:visited, #pun-adnav li a:active, #pun-adnav li a:hover, #pun-adnav li a:focus {
    color: rgba(40, 67, 101, 1);
}

.freaking-bottom a, .freaking-bottom a:link, .freaking-bottom a:visited, #pun-announcement .links a, #pun-announcement .links a:link, #pun-announcement .links a:visited, #pun-navlinks a, #pun-navlinks a:link, #pun-navlinks a:visited {
    color: rgba(255,255,255,1);
}

#pun-ulinks a, #pun-ulinks a:link, #pun-ulinks a:visited, .post-links a, .post-links a:link, .post-links a:visited {
    color: rgba(230, 222, 209, 1);
}

#navadmin a, #navadmin a:link, #navadmin a:visited, #navpr a, #navpr a:link, #navpr a:visited {
    color: rgba(230, 222, 209, 1);
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, .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, #pun-pagelinks a:active, #pun-pagelinks a:focus, #pun-adnav li.isactive ul.adsubnav a:active, #pun-adnav li.isactive ul.adsubnav a:hover, #pun-adnav li.isactive ul.adsubnav a:focus, #pun-adnav li a:active, #pun-adnav li a:hover, #pun-adnav li a:focus {
    color: rgba(142,35,35, 1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #navadmin a:hover, #navadmin a:focus, #navadmin a:active, #navpr a:hover, #navpr a:focus, #navpr a:active {
    background: rgba(40, 67, 101, 1);
}

.freaking-bottom a:hover, .freaking-bottom a:focus, .freaking-bottom a:active, #pun-announcement .links a:hover, #pun-announcement .links a:focus, #pun-announcement .links a:active, #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active, .post-links a:hover, .post-links a:focus, .post-links a:active,
.punbb .pa-author a:hover, .punbb .pa-author a:active, .punbb .pa-author a:focus {
    color: rgba(155,147,130,1);
}


/********************************************************
E - CUSTOM CODES
********************************************************/

/* E1 Admin Board Styles
-------------------------------------------------------------*/
.adcontainer, .adcontainer fieldset {
    border: none !important;
    font-size: 1.2rem;
}

.adformal h2, #pun-adnav h2, .adformal h2 span, #pun-adnav h2 span {
    font: 1.9rem lora, verdana, arial, helvetica, sans-serif !important;
    font-weight: bold !important;
    font-style: italic !important;
    padding: 1em 0 !important;
    border: none !important;
    text-align: center !important;
    color: #212121 !important;
    background-color: transparent  !important;
}

#pun-admain fieldset p {
    border-left: 18em solid transparent !important;
    background-color: transparent !important;
}

#pun-admain .adformal {
    border: none !important;
}

#pun-admain fieldset .adfs-box {
    border: 1px solid rgba(181, 181, 181, 0.5);
    padding: 10px!important;
}

#pun-admain .adinput {
    font-size: 1.1rem !important;
}

#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
    padding: 18px 0px 12px;
}

#pun-admain legend {
    text-align: center;
    font-weight: bold;
    padding: 0 0 0.7em 0 !important;
    font-size: 1.3em !important;
}

.punbb-admin #pun-navlinks {
  background: #070C13;
}

.punbb-admin #pun-title {
    z-index: 11;
}

.punbb-admin #title-logo-tdr {
    position: absolute;
    top: 110px;
    left: 470px;
}

/* E2 Post-content Original Styles
-------------------------------------------------------------*/

.punbb .post-content td {
    border: none !important;
    padding: 0.5em;
}

.punbb .post-content table {
    margin: 0.5em 0;
}

.post-content .spoiler-box blockquote.visible, hr {
    border-top: 1px solid rgba(40, 67, 101, 0.15);    
}

.post-content .spoiler-box blockquote.visible {
    display: block;
    margin: 1em 0 0 0 !important;
    padding-top: 0.25em;
    width: 100%;
}

hr {
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 0.4em 0em 0.2em !important;
}


/* E3 Additional profile fields styles
-------------------------------------------------------------*/

.pa-fld1 b a:first-of-type {
    font-size: 1.4rem;
}

.pa-fld1 div {
    margin: 0;
    padding: 0.35em 0;
}

.pa-fld1 div:nth-of-type(2) {
    padding: 0 0 0.35em 0;
}

.pa-fld1 div:nth-of-type(2):first-letter {
    text-transform: uppercase;
}

.punbb fieldset legend {
    text-align: center;
    font-size: 1.8rem;
    padding: 1em 0 0 0;
    margin: 0 0 1em;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', verdana;
    font-weight: 700;
}


/* E4 Home Page
-------------------------------------------------------------*/

#pun-category1, #pun-category2, #pun-category3, #pun-category4, #pun-category5, #pun-stats {
    background: 50% 0.5em no-repeat;
}

.hasicon .tcl {
    padding: 1.5em 0 1.5em 6em !important;
    margin: 0;
}


/* E5 Form Buttons and Textarea stuff
-------------------------------------------------------------*/

textarea#main-reply {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto !important;
}

#form-buttons table, .punbb .formal textarea {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}

#form-buttons table {
    text-align: center;
}

#form-buttons td {
    background: none !important;
    display: inline-block;
    min-height: 2em;
    min-width: 2.9em;
    text-align: center;
}

#form-buttons td img {
    z-index: 10;
    height: 2.1em !important;
    position: relative;
    top: 0.45em;
}

#form-buttons td:before {
    font-family: FontAwesome;
    position: absolute;
    margin: 1em 0 0 0.95em;
    height: 2em;
    font-size: 1.5rem;
    color: rgba(40, 67, 101, 1);
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#form-buttons td:hover:before, #form-buttons td:focus:before, #form-buttons td:active:before {
    color: rgba(142,35,35, 1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#button-font:before { content: '\f031'; }
#button-size:before { content: '\f034'; }
#button-bold:before { content: '\f032'; }
#button-italic:before { content: '\f033'; }
#button-underline:before { content: '\f0cd'; }
#button-strike:before { content: '\f0cc'; }
#button-left:before { content: '\f036'; }
#button-center:before { content: '\f037'; }
#button-right:before { content: '\f038'; }
#button-link:before { content: '\f0c1'; }
#button-spoiler:before { content: '\f0fe'; }
#button-image:before { content: '\f03e'; }
#button-video:before { content: '\f03d'; }
#button-hide:before { content: '\f023'; }
#button-quote:before { content: '\f10e'; }
#button-code:before { content: '\f121'; }
#button-color:before { content: '\f1fc'; }
#button-table:before { content: '\f0ce'; }
#button-smile:before { content: '\f118'; }
#button-keyboard:before { content: '\f11c'; }
#button-addition:before { content: '\f150'; }
#button-changeProfile:before { content: '\f21b';}
#button-audio:before { content: '\f025';}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #changeProfile-area {
    top: auto !important;
    position: absolute;
    display: none;
    right: 1.4em !important;
    margin-top: 2.05em;
    background: rgba(230, 222, 209, 1);
    border: 4px solid rgba(230, 222, 209, 1);
    box-shadow: inset 0 0 0 1px white;
    padding-bottom: 1.2em !important;
}

#video-area-tinp, #image-area-tinp, #changeProfile-area input, #changeProfile-area textarea {
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(255,255,255,1) !important;
    box-shadow: none;
    margin: 5px 0;
}

#video-area a, #image-area a, #changeProfile-area .maskButtons,
#changeProfile-area .maskWrapper-button {
    text-transform: uppercase;
    font-family: 'Open Sans Condensed';
    font-weight: 700;
}

#changeProfile-area {
    position: absolute;
    display: none;
    right: 6px;
}

#changeProfile-area div {
    width: 100%;
}

#changeProfile-area input, #changeProfile-area textarea {
    box-sizing: border-box;
    width: 270px;
}

#changeProfile-area div[class*="ch"] {
    display: table-row;
}

#changeProfile-area div[class*="ch"] span:first-of-type {
    display: table-cell;
    vertical-align: middle;
    min-width: 125px !important;
}

#changeProfile-area .maskButtons, #changeProfile-area .maskWrapper-button {
    width: 100%;
    display: block;
    text-align: center;
}

#changeProfile-area .maskWrapper-button {
    padding: 1em 0 0.75em;
}

#changeProfile-area .maskButtons {
    padding: 0.75em 0 0 0;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    background: rgba(255,255,255,1) url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=7');
}

.stickytext, .closedatafield, .closedtext, .inewisticky .tcl .tclcon a:before, .inew .tcl .tclcon a:before, .tcl span a:before {
    display: none;
}

.isticky .tcl a:first-of-type:before, .inewisticky .tcl a:first-of-type:before, .iclosed .tcl a:first-of-type:before {
    margin-right: 0.3em;
}

.inewisticky .tcl a:first-of-type:before, .isticky .tcl a:first-of-type:before {
    content:'\25B2';
}

.iclosed .tcl a:first-of-type:before {
    content: '\25BC';
}

.iclosed.inewisticky .tcl a:first-of-type:before, .isticky.iclosed .tcl a:first-of-type:before {
    content:'\25B2\25BC';
}

.inewisticky .tcl strong a:before, .iclosed.inew .tcl strong a:before {
    display: inline !important;
}

#submitpostfast, #charcounter {
   display: inline-block;
   box-sizing: border-box;
   width: 45%;
   font: 1.2rem lora;
   color: rgba(40, 67, 101, 0.5);
   margin: 0.5em 0.1em;
}

#charcounter {
    text-align: right;
    float: right;
}

#charcounter:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0.0;
    font-size: 0;
}

.changed-icon {
    max-width: 180px;
    max-height: 180px;
}


/* ТАБЛИЦА В ОБЪЯВЛЕНИИ */

#pun-announcement .container {
    padding: 1em;
}

#pun-announcement .info {
    display: inline-block;
    min-height: 250px;
    padding: 1em 0;
    height: auto;
    width: 100%;
    background-color: rgba(230,222,209,1);
    background-repeat: no-repeat;
    background-image: url('http://forumstatic.ru/files/0015/2b/39/35991.svg'),
                      url('http://forumstatic.ru/files/0015/2b/39/30840.svg');
    background-position: 0% 103%,
                         110% 103%;
    background-size: 16.5% auto,
                     30% auto;
    font-size: 1.3rem;
    line-height: 1;
    box-sizing: border-box;
    vertical-align: middle;
}

#pun-announcement .links {
    width:100%;
    text-align:center;
    font-size: 1.3rem;
    font-family:'Open Sans Condensed';
    text-transform: uppercase;
    line-height: 1.5;
    box-sizing: border-box;
    padding: 0.5em;
    background: rgba(22, 37, 55, 1);
    color: white;
}

#pun-announcement .links a:after {
    content: '';
    padding: 0 0.45em 0 0;
}

#pun-announcement .links a:last-of-type:after {
    content: '';
    padding: 0;
}

#pun-announcement .gameinfo-wrapper {
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

#pun-announcement .gameinfo, #pun-announcement .halifax {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: rgba(252,252,252,0.75) url('http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=000000&density=15&opacity=7');
    padding: 1em 0.5em;
}

#pun-announcement .gameinfo:first-of-type {
    width: 58%;
    float: left;
}

#pun-announcement .gameinfo:last-of-type {
    width: 40%;
    float: right;
}

#pun-announcement .halifax {
    width: 100%;
    margin: 1em auto 0;
}

#pun-announcement span {
    font-family: 'Open Sans Condensed';
    font-weight: 700;
    text-transform: uppercase;
}

#pun-announcement span.info-header {
    display: block;
    font-size: 2.1rem;
}

#pun-announcement span.info-subheader {
    display: block;
    font-size: 1.6rem;
    text-transform: uppercase;
}

#pun-announcement span.halifax-citizen {
    font-size: 1.3rem; 
    text-transform: none;
}

#pun-announcement .info .site-rating {
    text-transform: uppercase;
    font-family: 'Open Sans Condensed';
    font-size: 1.5rem;
    width: 18.1%;
    margin: 0;
    padding: 0.65em 0 0 0;
    float: left;
    text-align: center;
    line-height: 1.25;
}

#pun-announcement .info .inner {
    display: inline-block;
    line-height: 1.4;
    padding: 0.75em 0;
    width: 63.5%;
    min-height: 205px;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}


/* БОТТОМ! */

.freaking-bottom {
    width: 100%;
    min-height: 60px;
    position: absolute;
    box-sizing: border-box;
    color: white;
    font-size: 1.5rem;
    font-family: 'Open Sans Condensed', sans-serif;
    display: inline-block;
}

.freaking-bottom .banners, .freaking-bottom .copyrights {
    display: inline-block;
    vertical-align: middle;
}


.freaking-bottom .banners {
    float: left;
    padding: 1em 0 0 0.75em;
}


.freaking-bottom .copyrights {
    float: right;
    padding: 1.25em 0.75em 0 0;
}

.freaking-bottom img {
    opacity: 0.6;
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.freaking-bottom img:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}


/*СТРЕЛОЧКИ*/
   
.arrowstoptobottom {
    z-index: 100000 !important;
}


/* Scrollbar, selection and focus options
 -----------------------------------------------------*/
::-webkit-scrollbar {
    background-color: rgba(155, 147, 130, 1);
    width: 1em;
    height: 1em;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background-color: rgba(40, 67, 101, 1);
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
    display: none;
}

::selection {
    color: rgba(255,255,255,1);
    background-color: rgba(142,35,35, 1);
}

:focus {
    outline:none;
}

::-moz-focus-inner {
    border: 0;
}   display: none;
}

::selection {
    color: rgba(255,255,255,1);
    background-color: rgba(142,35,35, 1);
}

:focus {
    outline:none;
}

::-moz-focus-inner {
    border: 0;
}

/* ВСТАВКА МУЗЫКИ И ПЛЕЙЛИСТОВ С ЯНДЕКС.МУЗЫКИ, ПРОСТОПЛЕЕРА И ZIPPYSHARE
Версия 1.0 (3.0), часть 2 - стили
Автор - грандоченька смерти @ https://github.io/eugpoloz/mybb-music
*/

#post .container.audio-popup {
  position: absolute;
  top: auto;
  right: 1.4em;
  width: 350px;
  margin-top: 2.05em;
  background-color: white;
  border: 3px solid white;
  box-shadow: inset 0px 0px 1px 0px gray;
  z-index: -1;
}

#post input.audio-popup__input {
  display: block;
  width: 100%;
  margin: 1em 0;
  padding: 0.5em;
  box-sizing: border-box;
}

.audio-popup__btn {
  font-weight: 700;
  text-transform: uppercase;
}

del {
  padding-left: 2px;
  text-decoration: none;
  text-shadow: #182528 0 0 7px;
  color: hsla(0,0%,0%,0); 
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
}

del:hover,
del:focus,
del:active {
  text-decoration: none;
  text-shadow: 0px 0px hsla(0,0%,0%,0);
  color: #182528 !important;
  cursor: pointer;
}