стиль

/* Designed by cobaltCorsair ♏ :::
-------------------------------------------------------------*/

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

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.1490733503.css);

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

/* Font boosting */

html *
{
    max-height: 1000000px;
}

*:focus
{
    outline: none;
}

input:-webkit-autofill
{
    opacity: .9;
    border: solid 1px #372440 !important;
    border-radius: 0;
    background: rgba(65, 34, 41, 9.16) none repeat scroll 0 0 !important;
    -webkit-box-shadow: 0 0 0 10px #372440 inset;
}

/* 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
{
    width: 100%;

    table-layout: fixed;
}

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

/* A2.7 */
p[class='checkfield'] *,
div[class='checkfield'] *,
fieldset[class='radiofield'] *
{
    font-size: 11px;

    height: 1.8em;

    vertical-align: middle;
}

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

/* A3.1 */
body
{
    font-size: 100.01%;

    overflow-x: hidden;
}

/* A3.2 */
.punbb
{
    font: normal 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup
{
    font: 1em verdana, arial, helvetica, sans-serif;
}

/* A3.4 */
.punbb h1,
.punbb h2,
.punbb h3
{
    font-size: 1em;
    font-weight: bold;
}

.punbb th
{
    font-size: 90%;
    font-weight: 400;
}
.punbb h4,
.punbb table
{
    font-size: 1em;
    font-weight: normal;
}

/* A3.5
.punbb h1 span,
.punbb h2 span,
.punbb legend span
{
    font-size: 1.1em;
}
*/

/* A3.6 */
.punbb pre
{
    font: 1.1em/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;
}

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

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after
{
    font-size: 0;
    line-height: .0;

    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;

    height: 0;

    content: '.';
}

/* A4.2 */
.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;
    line-height: .0;

    position: absolute;
    left: -9999px;

    overflow: hidden;

    width: 0;
    height: 0;
}

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

/* A5.1 */
@media all and (-webkit-min-device-pixel-ratio:0)
{
    #pun
    {
        padding-right: 1px !important;
    }
}

#pun
{
    width: 840px;
    min-height: 1345px;
    margin: 0 auto auto;
    padding: 0;
}

/* A5.2 */
.punbb
{
    float: left;

    width: 100%;
    height: auto;
}

/* A5.3 */

#pun-redirect .info div.container
{
    top: 10px !important;
}

#pun-redirect
{
    position: fixed;
    z-index: 100;
    top: 0 !important;
    left: 0 !important;

    width: 100%;
    height: 100%;

    background: url('https://forumstatic.ru/files/0017/7f/09/89980.jpg') no-repeat scroll center top, rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') repeat-y scroll center top -64px;
}

/* C1.5 */
.punbb fieldset legend
{
    font-size: 1.1em;

    margin: 0 0 10px 11px;
    padding: 0;
}

/* C1.6 */
.punbb fieldset legend span
{
    margin: 0 0 0 -15px;
    padding: 0 5px;
}

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

/* C1.8 */
.punbb .fs-box
{
    padding: 1em 0 .8em 0;
}

/* C1.9 */
.punbb .fs-box p,
.punbb .fs-box fieldset
{
    padding: 0 0 20px;
}

/* C1.10 */
.punbb .inline .inputfield,
.punbb .inline .selectfield,
.punbb .inline .passfield
{
    float: left;

    margin-right: 1em;
}

/* 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;

    height: 100%; /* For IE */
    padding: 0 4em 0 0;
}

/* C1.16 */
.punbb .longinput input
{
    width: 64%;
    margin: 0;
}

/* C1.17 */
.punbb .hashelp
{
    position: relative;
}

/* C1.18 */
.punbb .helplinks
{
    font-weight: normal;

    position: absolute;
    top: 1em;
    right: 0;

    display: block;

    width: 36%;
}

/* C1.19 */
.punbb #profile .helplinks
{
    top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span
{
    display: block;

    padding-bottom: .2em;
}

.punbb .helplinks span input
{
    margin: 0 2px 2px 0;
}

/* C1.21 */
#pun-post .formal .info-box li
{
    line-height: 1.5;

    margin: 0;
    padding-left: 4px;

    list-style-position: inside;
    list-style-type: square;
}

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

/* C2.1 */
.punbb .main .tcl
{
    overflow: hidden;

    width: 50%;

    text-align: left;
}

/* C2.2 */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod
{
    width: 10%;

    text-align: center;
}

/* C2.3 */
.punbb .main .tcr
{
    overflow: hidden;

    width: 30%;

    text-align: center;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl
{
    width: 40%;
}

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

    text-align: left;
}

/* 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-family: 'romul' !important;
    font-size: 10pt;
    font-weight: 600;

    text-shadow: 1px 1px 0 rgba(190, 155, 156, .2);
}

/* C2.9 */
.punbb td span.youposted
{
    font-weight: bold;

    position: absolute;

    margin-left: -1em;
}

/* C2.10 */
.punbb td .modlist
{
    display: none;

    padding-top: .3em;
}

/* C2.11 */
.punbb .main td
{
    padding: .8em 1em;

    border: none;
}

/* C2.12 */
.punbb .main th
{
    padding: 0 0;

    color: transparent;
    border: medium none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/* C2.13 */
.punbb .main .tcl
{
    border-left-width: 0;
    border-left-style: none;
}

* html .tclcon
{
    height: 1px;
}

/* C2.14 */
.punbb td div.tclcon
{
    margin-left: 92px;
}

/* C2.15 */
.punbb div.icon
{
    display: block;
    float: left;

    transition: 800ms all;
}

.punbb div.icon:hover
{
    display: block;
    float: left;

    transition: 800ms all;

            filter: brightness(1.2);
    -webkit-filter: brightness(1.2);
       -moz-filter: brightness(1.2);
         -o-filter: brightness(1.2);
        -ms-filter: brightness(1.2);
}

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

/* C3.1 */
.punbb .post .container
{
    margin-top: -1px;
    padding-bottom: 1px;
}

/* C3.2 */
.punbb .post h3
{
    width: 958px;
    height: 170px;
    margin-top: -57px;
    margin-bottom: -57px;
    margin-left: -59px;

    background-image: url('https://forumstatic.ru/files/0017/7f/09/72444.png');
}

/* C3.3 */
.punbb .post h3 span
{
    position: absolute;

    display: block;

    width: 1em;
    margin-left: 76em;
    padding: 9.5em 0;
}

/* C3.4 */
.punbb .post h3 strong
{
    font-weight: normal;

    display: none;
    float: right;

    width: 5em;

    text-align: right;
}

/* C3.5 */
.punbb .post .post-author
{
    float: left;

    width: 209px;
    min-height: 64px;
    margin-top: 0;
}

/* C3.6 */
.punbb .post .post-author ul,
.punbb .post .post-author p
{
    line-height: 140%;

    padding: 0 15px 0 16px;
}

/* C3.7 */
.pa-author
{
    font-size: 1.1em;
    font-weight: bold;
}

/* C3.8 */
.pa-author a
{
    text-decoration: none;
}

/* C3.9 */
li.pa-title
{
    font-weight: bold;

    max-width: 189px !important;
    margin-left: -10px;
    padding-bottom: .4em;
}

li.pa-online
{
    line-height: 0;

    height: 0 !important;

    color: transparent;
}

/* C3.11 */
.punbb .post-body
{
    margin-left: 21em;
    padding: 0 0 1px;

    text-align: justify;
}

/* C3.12 */
.punbb .post-box
{
    margin-top: 2em;
    padding: 1em;
}

/*C3.13 */
.punbb fieldset .post-box
{
    margin-bottom: .8em;
}

/* C3.14 */
.punbb .post-links
{
    position: relative;

    margin-left: 18.6em;
}
.punbb .post-links .pl-share
{
    left: 0 !important;
}

/* C3.15 */
.post-links ul
{
    font-size: 8pt;

    position: relative;
    z-index: 2 !important;
    top: 0;

    margin-left: -21.6em;

    text-align: right;
}
.post-links ul a
{
    padding-top: 1px;
    padding-left: 19px;

    background: url('https://forumstatic.ru/files/0017/50/e4/48420.png');
    background-repeat: no-repeat;
}
.post-links ul a:hover
{
    padding-top: 1px;

    background: url('https://forumstatic.ru/files/0017/7f/09/98268.png') no-repeat scroll 4px 4px / 8px 7px, rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/50/e4/48420.png') no-repeat scroll 0 0 / 16px 16px;
    background-repeat: no-repeat !important;
}

/* C3.16 */
.punbb .post-links li
{
    display: inline;

    padding-left: 1em;
}

/* C3.17 */
.pl-email,
.pl-website
{
    float: left;
}

/* C3.18 */
.punbb .clearer
{
    font-size: 0;

    clear: both;

    height: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container
{
    padding: 36px 13px 1px;

    text-align: right;
}

/* C4.2 */
.punbb .modmenu strong,
.punbb .modmenu a
{
    line-height: 1.8em;

    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: .8em 1em;
}

/* C5.2 */
.punbb .info .container .backlink
{
    font-family: verdana;
    font-weight: normal;

    padding-top: .5em;

    text-shadow: none;
}

.info > div:nth-child(1)
{
    font-family: romul !important;
    font-weight: 600;

    position: relative;
    top: 25px;

    text-shadow: 1px 1px 0 rgba(190, 155, 156, .2);
}

/* D3.4 */
#pun-navlinks li a
{
    font-family: 'Aniron', 'Book Antiqua', 'Palatino Linotype', 'Times New Roman', Times, serif;
    font-size: 1em;
    line-height: 27px;

    position: relative;

    display: inline-block;
    overflow: hidden;

    min-width: 40px;
    padding: 0 8px;

    color: #fff;
}

#navawards,
#navrules
{
    display: none !important;
}
#navadmin
{
    left: -46px;
}
#navindex
{
    left: 125px;

    width: 91px;
}
#navuserlist
{
    left: 200px;

    width: 119px;
}
#navsearch
{
    left: 300px;

    width: 98px;
}
#navregister
{
    left: 521px;

    width: 151px;
}
#navlogin
{
    left: 653px;

    width: 81px;
}
#navpiar,
#navpr_1
{
    left: 449px;

    width: 99px;

    cursor: pointer;
}
#navprofile
{
    left: 445px;

    width: 119px;
}
#navpm
{
    left: 547px;

    width: 117px;
}

#navpm span
{
    position: relative;
    left: -5px;

    display: block;

    width: 86px;
}

#navlogout
{
    left: 654px;

    width: 83px;
}

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

/* D4.1 */
#pun-ulinks
{
    position: relative;
    z-index: -10 !important;

    display: inline-grid;
    visibility: hidden;

    opacity: 0;
}

/* D4.2 */
#pun-ulinks .container
{
    margin-top: 506px;
    padding: .7em 1em;

    text-align: center;
}

/* D4.3 */
#pun-ulinks li,
#pun-ulinks li a
{
    display: inline;

    white-space: nowrap;

    border-left-width: 0;
    border-left-style: none;
}

/* D4.4 */
#pun-ulinks li a
{
    font-size: 90%;

    padding: 0 .3em 0 .6em;

    opacity: .8;
}

#pun-ulinks li a:hover,
#pun-ulinks li a:focus,
#pun-ulinks li a:active
{
    opacity: 1;
}

/* D4.5 */
#pun-ulinks li.item1,
#pun-ulinks li.item1 a
{
    padding-left: 0;
}

#pun-ulinks .item5
{
    display: none;
}

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

/* D5.1 */
#pun-status,
#pun-status .container
{
    margin-bottom: -9px;
}

/* D5.2 */
#pun-status .container
{
    padding: .8em 1em 1em 1em;
}

/* D5.3 */
#pun-status span
{
    margin-right: .5em;

    white-space: nowrap;
}

/* D5.4 */
#pun-crumbs1
{
    font-weight: bold;

    overflow: hidden;

    margin-top: 0;
    margin-bottom: -15px;
}

/* D5.5 */
#pun-crumbs1 p.container
{
    position: relative;
    z-index: 4;

    display: inline-block;
    overflow: hidden;

    width: 750px;
    margin-bottom: 10px;
    padding: 1em 1em .8em;

    white-space: nowrap;
    text-overflow: ellipsis;

    border-top: medium none;
}

/* D5.6 */
#pun-break1
{
    display: none;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2
{
    font-weight: bold;

    position: relative;

    margin: 0 1em -3.5em 1em;
    padding: 0;
}

/* D6.2 */
#pun-announcement h2 span
{
    display: none;
}

/* D6.3 */
#pun-announcement .container
{
    padding: 24px 0 0;
}

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

/* D7.1 */
#pun-stats .container
{
    padding: .8em 0;
}

/* D7.2 */
#pun-stats li.item1,
#pun-stats li.item2
{
    line-height: 150%;

    float: left;
    clear: both;
}

/* D7.3 */
#pun-stats li.item3,
#pun-stats li.item4
{
    line-height: 150%;

    text-align: right;
}

/* D7.4 */
li#onlinelist
{
    line-height: 130%;

    float: left;

    width: 100%;
    margin-top: 1em;
}

/* D7.5 */
li#onlinelist div
{
    padding: .7em 0 0 0;
}

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

/* D8.1 */
#pun-qjump
{
    position: relative;

    float: left;

    width: 50%;
    margin: 0;

    border: none;
}

/* D8.2 */
#pun-qjump .container
{
    padding: .8em 1em;

    border: none;
    background: transparent;
}

/* D8.3 */
#pun-about
{
    margin-top: 0;
    margin-bottom: 0;
}

/* D8.4 */
#pun-about .container
{
    line-height: 150%;

    height: 182px;
    padding: .8em 1em;

    text-align: right;

    border-top-style: none;
}

/* D8.5 */
#pun-about p span
{
    display: none;

    padding-left: 50%;
}

/* D8.6 */
#pun-crumbs2
{
    font-weight: bold;

    position: relative;

    overflow: hidden;

    margin-bottom: 0;

    border-bottom: medium none;
}

/* D8.7 */
#pun-crumbs2 .container
{
    padding: .8em 1em;

    border-bottom: none;
}

/* D8.8 */
#pun-break4
{
    display: none;
}

/* D8.9 */
div.punbb-admin #pun-about .container
{
    border-top-width: 1px;
    border-top-style: solid;
}

#description
{
    font-size: 11px;
    line-height: 11pt;

    position: absolute;

    width: 361px;
    margin-top: -138px;
    margin-left: 364px;

    text-align: left;

    color: #36161f;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}

#race
{
    position: absolute;

    margin-top: -139px;
    margin-left: 734px;
}

#action
{
    position: absolute;

    margin-top: -77px;
    margin-left: -35px;
}

#skill1,
#skill1sepia
{
    position: absolute;

    margin-top: -139px;
    margin-left: 262px;

    transition: 800ms;

    opacity: 1;
}

#skill2,
#skill2sepia
{
    position: absolute;

    margin-top: -89px;
    margin-left: 262px;

    transition: all 800ms ease 0s;

    opacity: 1;
}

#skill3,
#skill3sepia
{
    position: absolute;

    margin-top: -39px;
    margin-left: 262px;

    transition: all 800ms ease 0s;

    opacity: 1;
}

#skill1sepia:hover,
#skill2sepia:hover,
#skill3sepia:hover
{
    opacity: 0;
}

@media all and (-webkit-min-device-pixel-ratio:0)
{
    #description
    {
        margin-top: -133px;
    }
}

.topic a.sharelink
{
    display: none;
}

input,
textarea
{
    outline: none;
}

#pun-multimove .linkst .pagelink
{
    top: -5.2em !important;
}

/* Respects for guests
-------------------------------------------------------------*/

/*#pun.gid3 #profile-right a[href*='/respect.php?id='],
#pun.gid3 #profile-right a[href*='/positive.php?id='],
#pun.gid3 #pun-viewtopic .pa-respect,
#pun.gid3 #pun-viewtopic .pa-positive
{
    display: none;
}*/

/* Profile buttons
-------------------------------------------------------------*/

ul.post-ul-Sp.Sp3 > li.pa-avatar.item2
{
    display: none;
}

ul.post-ul-Sp.Sp3
{
    position: relative;

    display: table-caption;

    margin-top: -30px;
}

img.post-img-Sp
{
    display: inline-block;

    width: 76px;
    height: 75px;
    margin-left: 0;

    transition: none 0s ease 0s;

    border: 0 none;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/23441.png') repeat scroll 0 0;
    box-shadow: none;
}

img.post-img-Sp[data='.Sp1' ]
{
    margin-left: -35px;
}
img.post-img-Sp[data='.Sp1' ]:hover
{
    transition: none 0s ease 0s ;

    background-position: 0 75px;
}
img.post-img-Sp[data='.Sp2' ]
{
    transition: none 0s ease 0s ;

    background-position: -76px 0;
}

img.post-img-Sp[data='.Sp2'],
img.post-img-Sp[data='.Sp2' ]:hover
{
    height: 64px;
}

img.post-img-Sp[data='.Sp2' ]:hover
{
    transition: none 0s ease 0s ;

    background-position: -76px -88px;
}
img.post-img-Sp[data='.Sp3' ]
{
    position: absolute;

    transition: none 0s ease 0s ;

    background-position: 77px -163px;
}
img.post-img-Sp[data='.Sp3' ]:hover
{
    transition: none 0s ease 0s ;

    background-position: 77px -88px;
}

/* Fonts
-------------------------------------------------------*/

@font-face
{
    font-family: 'Cansellarist';

    src: url('http://homoludens.f-rpg.ru/files/0017/50/e4/11917.ttf');
}

@font-face
{
    font-family: 'Romul';

    src: url('http://homoludens.f-rpg.ru/files/0017/50/e4/60636.ttf');
}

@font-face
{
    font-family: 'Dawning of a New Day';

    src: url('http://homoludens.f-rpg.ru/files/0017/50/e4/45112.ttf');
}

@font-face
{
    font-family: 'Stalemate';

    src: url('http://homoludens.f-rpg.ru/files/0017/50/e4/21715.ttf');
}

#pun-navlinks li a span,
#navpiar span a,
#navpr_1 span a
{
    font-family: Romul !important;
    font-size: 12px;
    font-weight: normal;

    text-transform: uppercase;

    color: #bbbbb9;
    text-shadow: 1px 1px #090509;
}

#navadmin_st a
{
    font-family: romul !important;
    font-size: 15px !important;
    font-weight: 400;

    position: relative !important;

    color: #bbbbb9 !important;
    background-image: none;
    text-shadow: 1px 1px #090509;
}

#pun-navlinks.section ul.container li#navadmin_st
{
    background: none !important;
}

#pun-stats h2 span,
.punbb .main .category h2 span,
.main h1,
#post-form h2,
.info h2
{
    font-family: Romul !important;
    font-size: 17px;
    font-weight: normal;

    position: relative;

    text-transform: uppercase;

    color: #bbbbb9;
    text-shadow: 1px 1px #090509;
}

#pun-announcement span,
#nav li a,
#nav li:hover
{
    font-family: Romul;

    color: #442734;
    text-shadow: 1px 1px 0 rgba(190, 155, 156, .2);
}

#pun-announcement span
{
    font-size: 17px;
}
#nav li a
{
    font-size: 11px;
}

.pa-author,
.pa-author a
{
    font-family: Romul !important;
    font-size: 17px;
    font-weight: normal;
    line-height: 2px;

    z-index: 35;

    text-transform: uppercase;

    text-shadow: 1px 1px rgba(188, 125, 129, .79);
}

.pa-author,
.pa-author a:hover
{
    color: rgb(47, 15, 39) !important;
}

/* Tips
-------------------------------------------------------------*/
#tooltip
{
    font-family: Georgia; /* øðèôò ïîäñêàçêè */
    font-size: 13px; /* ðàçìåð òåêñòà */

    position: absolute;
    z-index: 999;

    display: none;

    max-width: 200px; /* ìàêñèìàëüíàÿ øèðèíà ïîäñêàçêè */
    padding: 4px;

    text-align: center;

    color: #000; /* öâåò òåêñòà */
    border: 1px dotted #74a1f2; /* òîëùèíà. ñòèëü è öâåò ðàìêè */
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #fff; /* ôîí ïîäñêàçêè */

     -khtml-border-radius: 4px;
}

/* Del posts
-------------------------------------------------------------*/

.post .del-msg
{
    display: none!important;
}

.gid2 .post.del
{
    display: none!important;
}

.moder-ntf
{
    font-size: 10px;
    font-weight: 400;

    display: inline-block;

    width: 208px;
    margin-top: 2px;
    margin-left: -194px !important;
    padding: 3px!important;

    color: #005682!important;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/86068.jpg') repeat scroll 0 0;
}

#postmove
{
    position: absolute;
    z-index: 1000;
    right: -23px;
    bottom: 21px;

    padding: 8px;

    border: medium none !important;
}

/* Floating
-------------------------------------------------------------*/

.postimg[alt='float:right']
{
    float: right;padding-left: 12px;
}.postimg[alt='float:left']
{
    float: left;padding-right: 12px;
}
#button-image #add_float img
{
    position: relative;z-index: 4;

    display: block;
}

#add_float
{
    position: absolute;
    top: 29px!important;
    left: 50%;

    width: auto !important;
    margin-left: -36px !important;
    padding: 2px;

    background: rgba(0, 0, 0, 0) url('http://savepic.ru/7021157.png') no-repeat scroll 50% center !important;
}
#button-image > img
{
    position: relative;z-index: 2;
}
#button-image > center
{
    visibility: hidden; transition-duration: .8s;

    opacity: 0;
}
#button-image:hover > center
{
    visibility: visible;

    opacity: 1;
}

/* Menu-points
-------------------------------------------------------------*/
#pun-navlinks ul.container li:not(#navlogout):not(#navsearch):not(#navlogin):not(#navprofile):not(#navpm)
{
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/98268.png') no-repeat scroll 92% 25%;
}

@media all and (-webkit-min-device-pixel-ratio:0)
{
    #pun.gid3 #pun-navlinks ul.container li:not(#navlogout):not(#navsearch):not(#navlogin):not(#navuserlist)
    {
        background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/98268.png') no-repeat scroll 92% 20% !important;
    }
}

@media all and (-webkit-min-device-pixel-ratio:0)
{
    #pun-navlinks ul.container li:not(#navlogout):not(#navsearch):not(#navlogin)
    {
        background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/98268.png') no-repeat scroll 92% 20%;
    }
}

@media all and (-webkit-min-device-pixel-ratio:0)
{
    #pun-navlinks.section ul.container li#navprofile
    {
        background-position: 90% 20% !important;
    }
    #pun-navlinks.section ul.container li#navpm
    {
        background-position: 101% 20% !important;
    }
    #pun-navlinks.section ul.container li#navindex
    {
        background-position: 92% 20% !important;
    }
    #pun-navlinks.section ul.container li#navprofile
    {
        background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/98268.png') no-repeat scroll 89% 20% !important;
    }
}

#pun-navlinks.section ul.container li#navprofile
{
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/98268.png') no-repeat scroll 90% 25%;
}
#pun-navlinks.section ul.container li#navpm
{
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/98268.png') no-repeat scroll 101% 25%;
}
#pun-navlinks.section ul.container li#navadmin
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
#pun-navlinks.section ul.container li#navuserlist
{
    background-position: 99% 25% !important;
}

/* Sparks
-------------------------------------------------------------*/

#oblaka
{
    position: absolute;
    z-index: 0;
    left: -1px;

    width: 1900px;
    min-width: 1000px;
    height: 117px;
    margin-top: 150px;

    transition: all 800ms ease 0s;
    transform: rotate(180deg);
    animation: 90s linear 0s normal none infinite running oblaka;

    opacity: .63;
    border: 0 none;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/27467.png') repeat scroll 0 0 / 50% auto;

            filter: blur(4px) brightness(16);
    -webkit-filter: blur(4px) brightness(16);
       -moz-filter: blur(4px) brightness(16);
         -o-filter: blur(4px) brightness(16);
        -ms-filter: blur(4px) brightness(16);
}

#oblaka:hover
{
            filter: blur(4px);
    -webkit-filter: blur(4px);
       -moz-filter: blur(4px);
}

@keyframes oblaka
{
    0%
    {
        background-position: 0 -390px;
    }
    100%
    {
        background-position: 2296px -390px;
    }
}
@keyframes oblaka
{
    0%
    {
        background-position: 0 -390px;
    }
    100%
    {
        background-position: 2296px -390px;
    }
}

@media all and (-webkit-min-device-pixel-ratio:0)
{
    #oblaka
    {
        position: absolute;
        z-index: 0;
        left: -23px;

        height: 193px;
        margin-top: 90px;

        transition: all 800ms ease 0s;
        transform: rotate(180deg);
        animation: 90s linear 0s normal none infinite running oblaka;

        opacity: 1;
        border: 0 none;
        background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/27467.png') repeat scroll 0 0;

        -webkit-filter: blur(3px) brightness(1) contrast(1);
    }
}

@media screen and (max-width: 1045px)
{
    #oblaka
    {
        position: absolute;
        z-index: 0;
        left: -1px;

        width: 1045px;
        height: 200px;
        margin-top: 84px;

        transition: all 800ms ease 0s;
        transform: rotate(180deg);
        animation: 90s linear 0s normal none infinite running oblaka;

        opacity: .63;
        border: 0 none;
        background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/27467.png') repeat scroll 0 0;

        filter: blur(4px) brightness(16);
    }
}

/* Subforums auto
-------------------------------------------------------------*/
.punbb-admin:not(.admin-visible)::before
{
    position: absolute;

    display: block;

    margin-top: 626px;
    margin-bottom: 9px;
    margin-left: 90px;
    padding: 1px;

    content: 'Âû âîøëè â ïàíåëü àäìèíèñòðèðîâàíèÿ áåç íàäñòðîåê. Àâòîìàòè÷åñêàÿ óñòàíîâêà ïîäôîðóìîâ îòêëþ÷åíà.';
    text-align: center;

    color: #c22d2d;
    border: 1px solid #d48f8f;
    background: #f8e5e5 none repeat scroll 0 0;
}

#navadmin_st
{
    top: 3px;
    right: 59px;

    width: 60px;
    height: 20px !important;
}

/* PM -----------------------------------------------------------------------------------*/

#pun-messages #profile .container
{
    padding: 0;
}
#pun-messages #pun-crumbs1
{
    margin-bottom: 0;
}
#pun-messages #messages
{
    margin-top: 20px;
    margin-right: .5em;
    margin-left: .5em;
}
#pun-messages #profilenav
{
    float: none;

    width: auto;
    margin-left: 0;
}
#pun-messages #profile h2
{
    margin-top: 5px;
}
#pun-messages #profile fieldset
{
    margin-top: -10px !important;
    margin-right: .5em;
    margin-bottom: .5em;
    margin-left: .5em;
    padding: .5em;
}
#pun-messages #profile fieldset legend
{
    margin: 11px 0 0 11px;
}
#pun-messages #profile legend strong
{
    font-family: romul;
    font-size: 1.5em;
    font-weight: 500;

    text-transform: uppercase;

    color: #442734;
}
#pun-messages #profile .fs-box .container
{
    margin-left: -14px !important;

    border-image: none;
}
#pun-messages #post-form
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#pun-messages .post-content .code-box
{
    width: auto !important;
}
#pun-edit .code-box
{
    max-width: 600px;
}
#pun-edit .quote-box
{
    max-width: 600px;
}
#pun-post .quote-box
{
    max-width: 600px;
}
#pun-messages .post-author
{
    width: 210px;
}
#pun-messages #profilenav li
{
    font-family: romul;
    font-size: 12px;
    font-weight: normal;

    display: inline !important;

    min-width: 70px;
    padding: 0 5px;

    text-align: center !important;
}

#pun-messages #profilenav
{
    float: none;

    width: auto;
    margin-left: 0;

    text-align: center;
}

#pun-messages #profilenav li a
{
    font-weight: bold;
    line-height: 18px;

    margin-right: 12px;

    text-decoration: none;

    color: #442734;
    outline: medium none;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .4);
}

#profilenav li.isactive a
{
    padding: 3px;

    border: 1px solid rgba(63, 27, 37, .35);
    border-radius: 6px;
    background: rgba(65, 34, 41, .16) none repeat scroll 0 0 !important;
    box-shadow: 0 1px 0 0 rgb(138, 109, 114);
}

#pun-messages .post.toppost
{
    margin-top: -38px !important;
}
#pun-messages img.postimg
{
    max-width: 300px !important;
}
#pun-messages .fs-box #main-reply
{
    width: 797px !important;
    margin-left: -36px !important;
}
#pun-messages #profile .fs-box .post-box
{
    width: 579px !important;
}

#pun-messages .post-links ul
{
    position: absolute;

    margin-top: -48px;
}

#pun-messages .post-links
{
    position: relative;

    margin-top: 73px!important;
    margin-left: 18em !important;
}

#pun-messages .pa-reg,
#pun-messages .pa-posts,
#pun-messages .pa-title
{
    display: none;
}
#pun-messages .fs-box #form-buttons
{
    margin-left: -70px !important;
}
#pun-messages #post-form.formal p span input.button
{
    margin-left: -28px;
}
#pun-messages #post-form.formal p
{
    margin-top: -35px;
    padding-bottom: 30px;
}

#pun-messages #post-form.formal p span.checkfield
{
    position: relative;

    margin-top: -2px;
    margin-right: 43px !important;
}

a:active
{
    border: 0;
    outline: none;
}

/* Sub-f
-------------------------------------------------------------*/

.subforums
{
    margin-left: 0 !important;
}

/* Profile-points
-------------------------------------------------------------*/
.pa-fld3
{
    display: inline-block;

    margin-top: -41px;
    margin-left: -24px;

    text-align: center;
}

.hair_color
{
    font-size: 80%;
    font-weight: 600;

    width: 180px;

    color: rgb(47, 15, 39) !important;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}

ul.post-ul-Sp.Sp1 > li > p.hair_color a
{
    margin-right: -10px;
}

#color-border
{
    position: relative;
    top: 11px;

    display: inline-block;

    width: 59px;
    height: 28px;

    background-image: url('https://forumstatic.ru/files/0017/7f/09/54786.png');
}

#color_hair
{
    position: relative;
    top: 4px;
    left: 9.1%;

    width: 17px;
    height: 17px;

    transform: rotate(90deg);

    border-radius: 5px;
    box-shadow: 0 0 4px 2px #251334 inset;

    -webkit-filter: blur(2px);
       -moz-filter: blur(2px);
         -o-filter: blur(2px);
        -ms-filter: blur(2px);
            filter: blur(2px);
}

.pa-fld3 #color_hair
{
    left: 8.1%;
}

#color_eye
{
    position: relative;
    top: -13px;
    left: 37px;

    width: 17px;
    height: 17px;

    border-radius: 5px;
    box-shadow: 0 0 4px 2px #251334 inset;

    -webkit-filter: blur(2px);
       -moz-filter: blur(2px);
         -o-filter: blur(2px);
        -ms-filter: blur(2px);
            filter: blur(2px);
}

.name
{
    font-family: romul;
    font-size: 12pt;
    font-weight: 600;

    position: relative;
    top: 10px;
    left: 4px;

    width: 181px;

    color: #3c1f24;
    text-shadow: 1px 1px 0 rgba(190, 155, 156, .5);
}

.pa-fld1 > span
{
    display: none;
}

.pa-fld1 #img
{
    position: relative;

    display: table-cell;
    float: left;

    width: 64px;
    height: 64px !important;
    padding: 0 !important;

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/71006.png') repeat scroll 0 0;
}

.pa-fld1 div table tbody tr td#img img
{
    width: 43px !important;
    height: 43px !important;
    margin-top: 10px;
    margin-left: 11px;
}

.pa-fld1
{
    position: relative;
    top: -8px;
    left: -35px;
}

li.pa-fld1 > br
{
    display: none;
}

.pa-fld1 tr
{
    display: inline;
}

.pa-fld1 > div
{
    display: block !important;
}

.pa-fld1 #title,
.pa-fld1 #desc
{
    display: none;
}

.pa-fld1 #img
{
    display: block !important;
}

.pa-fld4
{
    width: 169px;
    margin-top: -24px;
    margin-bottom: -8px;
    margin-left: -18px;
}

.nagrada ul.nagradaold
{
    width: 116px !important;
    margin-top: -27px;
    margin-left: 0;

    border-width: 30px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) !important;
    border-image: url('https://forumstatic.ru/files/0017/7f/09/62579.png') 43 43 43 43 fill;
}

.awards:hover
{
            filter: brightness(1.1) contrast(1.1);
    -webkit-filter: brightness(1.1) contrast(1.1);
       -moz-filter: brightness(1.1) contrast(1.1);
         -o-filter: brightness(1.1) contrast(1.1);
        -ms-filter: brightness(1.1) contrast(1.1);
}

/* Description -------------------------------------------------------------*/
/*#pun-main.main.mod-page div.category div.container::before
{
    position: relative;

    display: block;

    width: 600px !important;
    height: 100px !important;
    margin-top: 18px;
    margin-left: 115px;

    content: 'Çäåñü áóäåò íàïèñàí êàêîé-òî òåêñò, ñâÿçàííûé ñî ñêèëëàìè, àðòåôàêòàìè, èõ îïèñàíèÿìè, ñïîñîáàìè ïîëó÷åíèÿ è ïðî÷åé ôèãíåé, êîòîðóþ ìû ïðèäóìàåì ïîñëå.';
    text-align: center;

    border: 1px solid;
}*/

/* Scrolls -------------------------------------------------------------*/
body ::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
}body
::-webkit-scrollbar-track
{
    background: rgba(127, 96, 101, .85);
}body ::-webkit-scrollbar-thumb
{
    background: rgba(70, 35, 42, .45);
}body
::-webkit-scrollbar-button
{
    width: 13px;height: 13px;border-radius: 10px;
    background: rgba(70, 35, 42, .45);
}body
::-webkit-scrollbar-corner
{
    background: rgba(70, 35, 42, .45);
}body ::-webkit-scrollbar-button:vertical:increment
{
    border-top: 1px solid rgba(70, 35, 42, .45);border-radius: 0 0 10px 10px;
}body
::-webkit-scrollbar-button:vertical:decrement
{
    border-bottom: 1px solid
    rgba(70, 35, 42, .45);border-radius: 10px 10px 0 0;
}body ::-webkit-scrollbar-button:horizontal:increment
{
    border-top: 1px solid rgba(70, 35, 42, .45);border-radius: 0 10px 10px 0;
}body
::-webkit-scrollbar-button:horizontal:decrement
{
    border-bottom: 1px solid
    rgba(70, 35, 42, .45);border-radius: 10px 0 0 10px;
}body ::-webkit-scrollbar-button:vertical:increment,
body ::-webkit-scrollbar-button:vertical:decrement,
body
::-webkit-scrollbar-button:horizontal:increment,
body ::-webkit-scrollbar-button:horizontal:decrement
{
    background-color: rgba(70, 35, 42, .45)
    !important;background-repeat: no-repeat !important;
}

::selection
{
    color: #005682;
    background: rgba(14, 11, 40, .80);
}
::-moz-selection
{
    color: #005682;
    background: rgba(14, 11, 40, .80);
}
::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track
{
    background: #0e0b28;
}
::-webkit-scrollbar-thumb
{
    background: #49234c;
}
::-webkit-scrollbar-thumb:active
{
    background: #19466f;
}

/* Other nameless styles
-------------------------------------------------------------*/

.pl-reports
{
    display: none !important;
}

.topic-dsc
{
    font-size: 11px;

    color: #36161f;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}

.pa-fld11
{
    position: relative;
    top: -4px;

    text-align: center;
}

abbr
{
    border-bottom: none!important;
}

#username.normal
{
    background-color: rgba(0, 86, 130,.5);
}
#username.error
{
    background-color: rgb(255, 190, 190) !important;
}
.stclr.normal
{
    color: #005682 !important;
}
.stclr.error
{
    color: #7b2b44 !important;
}
img.preloader
{
    width: 12px;
    height: 12px;
    margin-left: 3px;
}

#profilenav > ul:nth-child(2) > li:nth-child(4)::after
{
    content: '';
}

#pun-userlist #MyBookmarks
{
    display: none !important;
}

.post .bookmark.ncnfrm
{
    background-position: 0 center !important;
}

#MyBookmarks h2 span
{
    font-family: Romul !important;
    font-size: 13px;
    font-weight: normal;

    position: relative;
    top: 8px !important;

    text-align: center;
    text-transform: uppercase;

    color: #bbbbb9;
    text-shadow: 1px 1px #090509;
}

@media all and (-webkit-min-device-pixel-ratio:0)
{
    #MyBookmarks h2 span
    {
        top: 9px !important;
    }
}

#MyBookmarks .deS
{
    position: relative;
    top: 74px !important;
    left: 63px !important;

    display: block;

    width: 200px;
    margin-top: 6em !important;

    text-align: center;
}

.post .bookmark
{
    z-index: 9000 !important;
}

.post-box
{
    position: relative;

    overflow: visible !important;
}

.preview-block
{
    display: none;
}

textarea#mask_signature
{
    float: right;
}

.mask-field.signature > textarea
{
    resize: none !important;
}

#mask_dialog .inner .mask-block .form-block .description
{
    font-size: .9em;
    font-style: italic;

    color: #442734 !important;
}

#mask_dialog .inner .mask-dialog-title
{
    font-family: romul !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px !important;

    text-align: center;
}

#mask_dialog .inner
{
    z-index: 100;

    overflow-x: auto;

    width: auto !important;
    max-width: 99%;
    max-height: 90%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 8px;

    cursor: default;

    border-width: 43px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) !important;
    border-image: url('https://forumstatic.ru/files/0017/7f/09/62579.png') 43 43 43 43 fill / / 16px 7px 16px 7px;
    background: #f4f5f6 url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') repeat scroll 49% 0;
    box-shadow: 0 0 20px 10px;
}

#mask_dialog .inner .masks-storage .mask-element .mask-tooltip
{
    font-size: 10px;

    position: absolute;
    z-index: 5;
    top: 4px;
    right: 60px;

    display: none;
    overflow-y: auto;

    min-width: 160px;
    padding: 4px;

    color: #005682 !important;
    border: medium none;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/86068.jpg') repeat scroll 0 0 !important;
}

#mask_dialog .inner .control .clear-storage
{
    font-size: 10px;
    font-style: italic;

    position: absolute;
    right: 0;
    bottom: -8px;

    cursor: pointer;

    color: #442734 !important;
}

#move_posts_form div.stt-inner
{
    margin-left: 32px;
}

figure .vote.plus
{
    display: none;
}

figure .vote.minus
{
    display: none;
}

#respect tr:first-child
{
    font-size: 2px !important;

    color: transparent;
}

.tipsy-inner #respect td
{
    font-family: romul;
    font-size: 13px;

    position: relative;

    display: block;

    height: 27px;
    margin-top: -11.5px;
    padding: 0;
}

.tipsy-inner .person
{
    display: none!important;
}
.Icon_LastPost > img
{
    position: relative;
    top: 8px;

    width: 23px;
    max-width: 23px!important;
    margin-top: -14px;
}

img.Icon_LastPost.O
{
    position: relative;
    top: 8px;

    width: 23px;
    max-width: 23px!important;
    margin-top: -14px;

    cursor: default !important;

    opacity: .6;
}

#box
{
    position: absolute;
    z-index: 10 !important;
    top: 44px;

    overflow: hidden !important;

    width: 50px !important;
    margin-left: 841px;
}

#toggler
{
    position: absolute;
    z-index: 10;
    top: 71px;

    width: 35px;
    height: 41px;
    margin-left: 820px;

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/50/e4/87671.png') no-repeat scroll 0 0;
}

.pa-title::after
{
    position: relative;
    top: 2px;
    left: 11px;

    display: block;

    width: 174px;
    height: 32px;
    margin-bottom: -5px;

    content: '';

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/50/e4/33313.png') no-repeat scroll 0 0;
}

.pa-fld2
{
    position: relative;
    top: -21px;

    margin-bottom: -25px;

    text-align: left;
}

#pun-mod.punbb div#pun-status.section
{
    margin-top: -32px;
}

.ph > img
{
    margin-left: 170px;
}

#forum_f8.alt1,
#forum_f2.alt2,
#forum_f9.alt1,
#forum_f5.alt2
{
    position: relative;

    display: inline-block !important;
}

#pun-main.main #forum_f8.alt1 .tc2,
#pun-main.main #forum_f2.alt2 .tc2,
#pun-main.main #forum_f9.alt1 .tc2,
#pun-main.main #forum_f5.alt2 .tc2
{
    display: none !important;
}
#pun-main.main #forum_f8.alt1 .tc3,
#pun-main.main #forum_f2.alt2 .tc3,
#pun-main.main #forum_f9.alt1 .tc3,
#pun-main.main #forum_f5.alt2 .tc3
{
    display: none !important;
}

#forum_f8.alt1 td.tcl
{
    font-size: 8pt;

    position: relative;
    top: 0;

    display: inline-block;

    width: 416px;
    height: 229px;

    text-align: justify;

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/42466.png') no-repeat scroll -1px -21px / 416px 273px;
}

#questionary-menu hr
{
    display: block;

    width: auto;
    height: 42px;
    margin-top: -22px !important;

    border: medium none !important;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/18855.png') no-repeat scroll 50% 0 !important;
}

#questionary-menu tbody tr td p.inputfield.required span
{
    border: medium none !important;
}

.topicname.imp
{
    width: 500px !important;
}

.post-content a
{
    padding-top: 1px;
    padding-left: 19px;

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/50/e4/48420.png') no-repeat scroll 0 0;
}
.post-content a:hover
{
    padding-top: 1px;

    background-color: rgba(0, 0, 0, 0);
    background-image: url('https://forumstatic.ru/files/0017/7f/09/98268.png'), url('https://forumstatic.ru/files/0017/50/e4/48420.png');
    background-repeat: no-repeat !important;
    background-attachment: scroll, scroll;
    background-position: 4px 4px, 0 0;
    background-clip: border-box, border-box;
    background-origin: padding-box, padding-box;
    background-size: 7px 6px, 16px 16px;
}

expl
{
    font-size: 11px;

    position: relative;

    float: none;

    text-align: left;

    color: #36161f;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}

.questionary-post .post-box
{
    position: relative;

    color: #36161f;
}

#p303 .post-content hr
{
    margin-bottom: -25px !important;
}

#p303 .post-author
{
    display: none !important;
}

#p303 .post-body
{
    margin-left: 0 !important;
}

#p303 #plng
{
    display: none;
}

#p303 .post-rating
{
    display: none;
}

#p303 .post-links
{
    display: none !important;
}

#p303 .post-content img.postimg:nth-child(1)
{
    margin: .4em 0 -20px !important;
}

#p303 #form-buttons
{
    background: none!important;
}

#p303-content.post-content div.cnt-part p div.resizable-textarea span textarea.processed
{
    max-width: 95% !important;
}

#p303.post.topicpost.endpost.questionary-post
{
    position: relative;
    top: 10px !important;

    margin-right: -25px !important;
    margin-bottom: -2px !important;
    margin-left: -25px !important;

    border-width: 100px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) !important;
    border-image: url('http://s4.uploads.ru/JiMHa.png') 100 100 100 100 fill;
}

#p303.questionary-post div.container
{
    margin-top: -114px !important;
    margin-right: -45px;
    margin-bottom: -72px;
    margin-left: -45px;
}

.imp.empty
{
    outline: medium none !important;
    box-shadow: 0 0 2px red !important;
}
.next-part::before
{
    font-family: verdana;
    font-size: 9px;
    font-weight: 600 !important;

    position: relative;
    top: 46px;
    left: 290px;

    display: block;

    width: 250px;

    content: 'Êëèêíèòå íà êàðòèíêó, ÷òîáû ïåðåéòè ê ñëåäóþùåé ÷àñòè';
}
.btn-wrap > span::after
{
    position: relative;
    z-index: 3 !important;
    top: 29px;
    left: 308px;

    display: block;

    width: 227px;
    height: 39px;

    content: '';

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/18855.png') no-repeat scroll 50% 0;
}
.btn-wrap > span
{
    cursor: pointer;
}
.btn-wrap > span
{
    font-family: romul;
    font-size: 16px;

    position: relative;
    top: -40px;

    display: block;

    cursor: pointer;

    color: #442734;
}

.fs-box .resizable-textarea span textarea#main-reply.processed
{
    width: 90% !important;
}

#video-area-tinp,
#image-area-tinp
{
    position: relative;
    left: 15px!important;

    height: 70px;
    margin-top: .5em;
    padding: .3em;

    border-width: 43px!important;
    border-style: solid!important;
    border-color: -moz-use-text-color;
    border-image: url('https://forumstatic.ru/files/0017/7f/09/62579.png') 43 43 43 43 fill!important;

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}

#pun.isuser.gid4 div#pun-index.punbb div#pun-main.main div#pun-category3.category div.container table,
#pun.isuser.gid5 div#pun-index.punbb div#pun-main.main div#pun-category3.category div.container table,
#pun.isuser.ismoderator.gid2 div#pun-index.punbb div#pun-main.main div#pun-category3.category div.container table
{
    margin-bottom: -86px;
}

#pun-admain textarea,
#pun-admain .longinput input
{
    position: relative !important;
    left: 59px;

    width: 71% !important;
}

#pun-profile.punbb div.resizable-textarea span textarea#fld10.processed
{
    width: 88% !important;
}

#profile5 .resizable-textarea span textarea.processed
{
    width: 92%;
}

#profile.formal form#profile8.container fieldset span
{
    top: -26px;
    left: 100px;
}

/* Border for ava
-------------------------------------------------------------*/

.pa-avatar.item2:before
{
    position: absolute;
    z-index: 25;
    top: -55px;
    left: -65px;

    display: block;

    width: 312px;
    height: 348px;

    content: '';

    background: url(https://forumstatic.ru/files/0017/7f/09/85622.png);
}

/* Dises buttons back
-------------------------------------------------------------*/

#form-buttons.dise
{
    width: 957px;
    height: 170px;
    margin-top: -52px;
    margin-bottom: -99px !important;
    margin-left: -104px;
    padding: 43px 0 0;

    background: transparent url('https://forumstatic.ru/files/0017/7f/09/22591.png') no-repeat scroll 50% 0 !important;
}

#pun-admain textarea,
.punbb select
{
    color: #36161f !important;
    background: #735459 url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') repeat scroll 50% 0 !important;
}

#news_messag
{
    font-family: romul;
    font-size: 13px;
    font-weight: normal;
    line-height: 56px;

    position: relative !important;
    top: -12px;
    left: 81px !important;

    display: block !important;

    width: 62px !important;
    height: 49px;

    color: #bbbbb9 !important;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/50/e4/30305.png') no-repeat scroll 0 0;
    text-shadow: 1px 1px #090509;
}

/* Slider
-------------------------------------------------------------*/

#point
{
    padding-top: 1px;
    padding-left: 19px;

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/50/e4/48420.png') no-repeat scroll 0 0 / 13px auto;
}
#point:hover
{
    padding-top: 1px;

    background-color: rgba(0, 0, 0, 0);
    background-image: url('https://forumstatic.ru/files/0017/7f/09/98268.png'), url('https://forumstatic.ru/files/0017/50/e4/48420.png');
    background-repeat: no-repeat !important;
    background-attachment: scroll, scroll;
    background-position: 4px 4px, 0 0;
    background-clip: border-box, border-box;
    background-origin: padding-box, padding-box;
    background-size: 5px 5px, 13px 13px;
}

ul.tabs
{
    position: relative;
    top: 95px;
    left: 158px;

    width: 0;
    padding: 0;
}

ul.tabs li
{
    position: relative;

    float: left;
    overflow: hidden;

    width: 16px;
    height: 16px;
    padding: 0;

    text-align: center;
}

.tabs li.active::before
{
    position: relative;
    z-index: 100 !important;

    display: block;

    width: 15px;
    height: 15px;

    content: '';

    background-image: url('https://forumstatic.ru/files/0017/7f/09/98268.png'), url('https://forumstatic.ru/files/0017/50/e4/48420.png');
    background-repeat: no-repeat;
    background-position: 4px 4px, 0 0;
    background-size: 5px 5px, 13px 13px;
}

ul.tabs li.active
{
    color: transparent;
}

ul.tabs li a
{
    display: block;

    width: 10px;
    height: 15px;
    padding: 0;

    outline: medium none;
}

ul.tabs li a:hover,
ul.tabs li a:focus,
ul.tabs li a:active
{
    color: transparent;
}

.tab_container
{
    font-size: 11px;

    position: relative;
    top: -69px;
    left: 8px;

    clear: both;
    overflow: hidden;

    width: 220px;
    height: 250px;

    text-align: justify;

    color: #442734;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}

.tab_content
{
    position: relative;
    top: 5px;

    padding: 0;
}

.viewpost
{
    position: relative;
    top: 10px;
}

.Inner span.sf22
{
    display: none;
}

#f-subforums::after
{
    font-family: romul;

    display: block;

    width: 824px;
    height: 66px;

    content: 'Òåìû ôîðóìà';
    text-align: center;

    color: #442734;
    background: url(https://forumstatic.ru/files/0017/50/e4/18855.png) center 20px !important;
    background-repeat: no-repeat !important;
    text-shadow: 1px 1px 0 rgba(190, 155, 156, .2);
}

#f-subforums::before
{
    font-family: romul;

    display: block;

    width: 824px;
    height: 66px;

    content: 'Ïîäôîðóìû';
    text-align: center;

    color: #442734;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/18855.png') no-repeat scroll center 20px !important;
    text-shadow: 1px 1px 0 rgba(190, 155, 156, .2);
}

/* Respects and posts
-------------------------------------------------------------*/

.pa-respect
{
    position: relative;
    left: 7px !important;
}

.pa-posts,
.pa-respect
{
    font-size: 11px;

    position: relative;

    display: inline-block;

    width: 66px;
    margin-bottom: 5px;
    margin-left: 3px;
    padding-right: 5px !important;
    padding-left: 6px !important;

    text-align: center;

    border: 1px solid rgba(63, 27, 37, .15);
    background-color: rgba(111, 76, 82, .23);
    box-shadow: 0 0 0 1px rgba(190, 155, 156, .2);
}

@media all and (-webkit-min-device-pixel-ratio:0)
{
    .pa-posts,
    .pa-respect
    {
        margin-bottom: 3px !important;
    }
}

.gift
{
    color: transparent;
}

.pa-fld11:before
{
    position: relative;
    left: 0;

    display: block;

    width: 174px;
    height: 43px;
    margin-top: -4px;
    margin-bottom: -1px !important;

    content: '';
    transform: rotate(180deg);

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/50/e4/33313.png') no-repeat scroll 0 0;
}

#fastsend_disable
{
    font-size: 10px;
    font-weight: bold;

    position: relative;
    right: -360px !important;
}

#og_1,
#og_2
{
    font-style: italic;

    background-color: #795c61 !important;
}

/* Fast-edit styles
-------------------------------------------------------------*/

#post.container.formal fieldset div.fs-box.hashelp p.areafield.required span.input
{
    position: relative;
    left: 24px;

    display: block;

    width: 580px !important;
}
#post.container.formal fieldset div.fs-box.hashelp p.checkfield
{
    position: relative;
    top: -19px;

    float: left;

    width: 523px;
    padding-bottom: 10px;
}

#post.container.formal p.formsubmit
{
    left: 60px;
}

#post.container.formal fieldset div.fs-box.hashelp div#form-buttons table tbody tr td#button-image center table#add_float tbody tr td#text-left img,
#post.container.formal fieldset div.fs-box.hashelp div#form-buttons table tbody tr td#button-image center table#add_float tbody tr td#text-right img
{
    border: medium none !important;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

#post.container.formal fieldset div.fs-box.hashelp div#form-buttons
{
    margin-bottom: -142px !important;
    margin-left: -111px;

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#post.container.formal fieldset div.fs-box.hashelp div#form-buttons table
{
    width: 568px !important;
}

#post.container.formal fieldset div.fs-box.hashelp div#form-buttons table tbody tr td img
{
    width: 20px !important;
    height: 26px !important;

    box-shadow: none !important;
}

#post.container.formal fieldset legend small#plng
{
    position: relative;
    top: 0 !important;

    padding: 2px 70px 2px 3px!important;

    border: 0 solid;
}

#pun-messages #plng
{
    display: none;
}

#p162.post.topicpost.endpost div.container div.post-author
{
    display: none;
}
#p162.post.topicpost.endpost div.container div.post-body
{
    margin: 0 !important;
}

.pa-posts,
.pa-respect
{
    font-size: 10px;
    font-weight: bold;
    line-height: 19px;

    height: 39px;
}

.pa-respect img
{
    top: 19px;
    left: 13px;

    margin-bottom: -3px;
}

.award-field-description textarea
{
    width: 64px !important;
    margin-left: -33px !important;
}

#replaceobject
{
    font-size: 11px;

    position: relative;
    top: -253px;

    display: block;

    height: 0;

    text-align: center;

    text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}

#replaceobject > a
{
    padding-right: 15px;
}

#pun-edit #replaceobject,
#pun-delete #replaceobject,
#pun-online #replaceobject,
#pun-post #replaceobject,
#pun-viewtopic #replaceobject,
#pun-multimove #replaceobject,
#pun-movetopic #replaceobject,
#pun-message #replaceobject
{
    display: none;
}

#pun-index #replaceobject::before
{
    font-family: tahoma;
    font-size: 9px;
    line-height: 9px;

    position: absolute;
    top: 43px;

    display: block;

    width: 500px;
    height: 28px;

    content: 'Äëÿ êîððåêòíîãî îòîáðàæåíèÿ ðåêîìåíäóåì èñïîëüçîâàòü Mozilla Firefox èëè Chrome àêòóàëüíîé âåðñèè :::';
}

.notify-message
{
    font-size: 11px !important;

    width: auto!important;
    max-width: 250px !important;

    text-align: justify !important;

    opacity: 1 !important;
    color: #36161f !important;
    border-width: 32px!important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-image: url('https://forumstatic.ru/files/0017/7f/09/62579.png') 43 43 43 43 fill / / 12px 5px 12px 5px !important;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') repeat scroll 49% 0 !important;
}

.notify-message.jg-message,
.notify-message.jg-system,
.notify-message.jg-promo,
.notify-message.jg-advert,
notify-message.jg-notice,
.notify-message.jg-reputation,
.notify-message.jg-report,
.notify-message.jg-award
{
    opacity: 1 !important;
    color: #36161f !important;
    border-width: 32px!important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-image: url('https://forumstatic.ru/files/0017/7f/09/62579.png') 43 43 43 43 fill / / 12px 5px 12px 5px !important;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') repeat scroll 49% 0 !important;
}

.notify-message .jGrowl-header
{
    font-family: Romul !important;

    border-bottom: none !important;
    text-shadow: 1px 1px 0 rgba(190, 155, 156, .2);
}

.notify-message .jGrowl-date
{
    border-top: none !important;
}

.notify-message .jGrowl-close
{
    display: none!important;
}

.notify-message .jGrowl-message span
{
    line-height: 11px !important;

    display: block;
}

.jGrowl-closer
{
    display: none !important;
}

#respect figure
{
    width: auto !important;
    margin: 0 !important;

    word-wrap: break-word;
}

#pun-main.main.mod-page div.category h2 span.fr
{
    display: none;
}

#profile-signature ul
{
    border-style: none !important;
}

.custom
{
    font-size: 11px;

    display: inline-block;

    max-width: 170px;

    color: #36161f;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}

.post-cnt span
{
    font-family: verdana !important;
    font-size: 11px !important;
    line-height: 15px !important;

    top: 0 !important;
}

/* Dices
-------------------------------------------------------------*/

.Dise .post-author ul li.pa-avatar
{
    display: none;
}

.Dise .post-body
{
    margin-left: 0 !important;
}

.Dise .post-author ul li.pa-author::before
{
    display: block;

    width: 216px;
    height: 66px;
    margin-top: -70px !important;

    content: '';

    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url('https://forumstatic.ru/files/0017/7f/09/18855.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: 0 15px !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-size: 85% auto;
}

.Dise .post-author ul li.pa-author,
.Dise .post-author ul li.pa-author a
{
    font-size: 20px !important;

    top: -12px;
    left: -7px;

    width: 500px;

    text-align: left;
    text-transform: none;

    color: #442734 !important;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}

#form-buttons.dise table tbody tr td#dise_2 img
{
    background: rgba(65, 34, 41, .16) url('http://sh.uploads.ru/bX6WL.png') no-repeat scroll 3px 3px / 80% auto !important;
}

.post-content .highlight-text
{
    color: #005682 !important;
    background: rgba(14, 11, 40, .8) none repeat scroll 0 0 !important;
}

#bordered
{
    position: relative;
    top: 4px;
    left: -5px;

    margin-bottom: -14px;

    text-align: center;

    border: 1px solid rgba(63, 27, 37, .15);
    background-color: rgba(111, 76, 82, .23);
    box-shadow: 0 0 0 1px rgba(190, 155, 156, .2);
}

html body div#pun_wrap div#pun.ru.isuser.gid6 div#pun-index.punbb div#pun-main.main div#pun-category2.category,
html body div#pun_wrap div#pun.ru.isuser.gid7 div#pun-index.punbb div#pun-main.main div#pun-category2.category
{
    display: none;
}

.gid2 div#pun-navlinks.section ul.container li#navadmin,
.gid2 div#pun-navlinks.section ul.container li#navadmin_st
{
    display: none;
}

@media all and (-webkit-min-device-pixel-ratio:0)
{
    #masters
    {
        margin-top: 5px !important;
    }
}
#masters
{
    margin-top: 3px;
}

#pun-post #pun-main .post.altstyle .post-author p.pa-author
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 200px !important;

    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Starry night
-------------------------------------------------------------*/

#shine
{
    position: absolute;
    top: 69px;

    display: block;

    width: 34px;
    height: 34px;
    margin-left: -33px;

    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: shineless linear .7s;
       -moz-animation: shineless linear .7s;
        -ms-animation: shineless linear .7s;
         -o-animation: shineless linear .7s;
            animation: shineless linear .7s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    opacity: .8;
    background: transparent url('http://storage2.static.itmages.ru/i/16/1119/h_1479578308_7861154_67806f071b.png') no-repeat scroll 0 0 / 20% auto;

    filter: blur(.8px);
}

#shine1
{
    position: absolute;
    top: 109px;

    display: block;

    width: 34px;
    height: 34px;
    margin-left: -14px;

    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50% 0;
            transform-origin: 50% 50%;
    -webkit-animation: shineless linear 1s;
       -moz-animation: shineless linear 1s;
        -ms-animation: shineless linear 1s;
         -o-animation: shineless linear 1s;
            animation: shineless linear 1s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    opacity: .8;
    background: transparent url('http://storage2.static.itmages.ru/i/16/1119/h_1479578308_7861154_67806f071b.png') no-repeat scroll 0 0 / 20% auto;

    filter: blur(.8px);
}

#shine2
{
    position: absolute;
    top: 109px;

    display: block;

    width: 34px;
    height: 34px;
    margin-left: -50px;

    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50% 0;
            transform-origin: 50% 50%;
    -webkit-animation: shineless linear 2s;
       -moz-animation: shineless linear 2s;
        -ms-animation: shineless linear 2s;
         -o-animation: shineless linear 2s;
            animation: shineless linear 2s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    opacity: .8;
    background: transparent url('http://storage2.static.itmages.ru/i/16/1119/h_1479578308_7861154_67806f071b.png') no-repeat scroll 0 0 / 20% auto;

    filter: blur(.8px);
}

#shine3
{
    position: absolute;
    top: 159px;

    display: block;

    width: 34px;
    height: 34px;
    margin-left: 29px;

    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50% 0;
            transform-origin: 50% 50%;
    -webkit-animation: shineless linear 2s;
       -moz-animation: shineless linear 2s;
        -ms-animation: shineless linear 2s;
         -o-animation: shineless linear 2s;
            animation: shineless linear 2s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    opacity: .8;
    background: transparent url('http://storage2.static.itmages.ru/i/16/1119/h_1479578308_7861154_67806f071b.png') no-repeat scroll 0 0 / 10% auto;

    filter: blur(.8px);
}

#shine4
{
    position: absolute;
    top: 109px;

    display: block;

    width: 34px;
    height: 34px;
    margin-left: -39px;

    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50% 0;
            transform-origin: 50% 50%;
    -webkit-animation: shineless linear 4s;
       -moz-animation: shineless linear 4s;
        -ms-animation: shineless linear 4s;
         -o-animation: shineless linear 4s;
            animation: shineless linear 4s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    opacity: .8;
    background: transparent url('http://storage2.static.itmages.ru/i/16/1119/h_1479578308_7861154_67806f071b.png') no-repeat scroll 0 0 / 30% auto;

    filter: blur(.8px);
}

@keyframes shineless
{
    0%
    {
        transform: translate(0px, 0px);

        opacity: 1;
    }
    10%
    {
        transform: translate(-30px, 30px);

        opacity: .9;
    }
    20%
    {
        transform: translate(-60px, 60px);

        opacity: .8;
    }
    30%
    {
        transform: translate(-90px, 90px);

        opacity: .7;
    }
    40%
    {
        transform: translate(-120px, 120px);

        opacity: .6;
    }
    50%
    {
        transform: translate(-150px, 150px);

        opacity: .45;
    }
    60%
    {
        transform: translate(-180px, 180px);

        opacity: .3;
    }
    70%
    {
        transform: translate(-210px, 210px);

        opacity: .1;
    }
    100%
    {
        transform: translate(-240px, 240px);

        opacity: 0;
    }
}

@-moz-keyframes shineless
{
    0%
    {
        transform: translate(0px, 0px);

        opacity: 1;
    }
    10%
    {
        transform: translate(-30px, 30px);

        opacity: .9;
    }
    20%
    {
        transform: translate(-60px, 60px);

        opacity: .8;
    }
    30%
    {
        transform: translate(-90px, 90px);

        opacity: .7;
    }
    40%
    {
        transform: translate(-120px, 120px);

        opacity: .6;
    }
    50%
    {
        transform: translate(-150px, 150px);

        opacity: .45;
    }
    60%
    {
        transform: translate(-180px, 180px);

        opacity: .3;
    }
    70%
    {
        transform: translate(-210px, 210px);

        opacity: .1;
    }
    100%
    {
        transform: translate(-240px, 240px);

        opacity: 0;
    }
}

@-webkit-keyframes shineless
{
    0%
    {
        transform: translate(0px, 0px);

        opacity: 1;
    }
    10%
    {
        transform: translate(-30px, 30px);

        opacity: .9;
    }
    20%
    {
        transform: translate(-60px, 60px);

        opacity: .8;
    }
    30%
    {
        transform: translate(-90px, 90px);

        opacity: .7;
    }
    40%
    {
        transform: translate(-120px, 120px);

        opacity: .6;
    }
    50%
    {
        transform: translate(-150px, 150px);

        opacity: .45;
    }
    60%
    {
        transform: translate(-180px, 180px);

        opacity: .3;
    }
    70%
    {
        transform: translate(-210px, 210px);

        opacity: .1;
    }
    100%
    {
        transform: translate(-240px, 240px);

        opacity: 0;
    }
}

стиль цс

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

body
{
    color: #120f2e !important;
    background: url('https://forumstatic.ru/files/0017/7f/09/89980.jpg') no-repeat scroll center top, rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') repeat-y scroll center top -64px;
}

html
{
    min-width: 1045px;

    background: url('https://forumstatic.ru/files/0017/7f/09/86068.jpg') repeat-x scroll center top, rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/86068.jpg') repeat scroll center top;
}

#pun_wrap
{
    padding-bottom: 272px;

    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/84351.jpg') no-repeat scroll center bottom;
}

#pun-searchtopics .main .tcl a
{
    font-weight: normal;
}

.inew .byuser
{
    font-weight: normal;
}

#post-form > h2
{
    font-family: 'Aniron','Book Antiqua','Palatino Linotype','Times New Roman',Times,serif;
    font-size: 17px;
    font-variant: small-caps;
    line-height: 16px;

    position: relative;
    z-index: 0 !important;

    display: block;
    overflow: visible;

    width: 976px;
    height: 222px;
    margin: -81px auto -138px -68px;
    padding-top: 58px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;

    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    color: #bbbbb9;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/18972.png') no-repeat scroll 50% 0;
}

.punbb .main .category h2,
#pun-stats h2,
#pun-main.main.multipage h1,
#pun-main.main h1
{
    font-family: 'Aniron','Book Antiqua','Palatino Linotype','Times New Roman',Times,serif;
    font-size: 17px;
    font-variant: small-caps;
    line-height: 132px;

    position: relative;
    z-index: 0 !important;

    display: block;
    overflow: visible;

    width: 968px;
    height: 294px;
    margin: -134px auto -141px -65px;
    padding-top: 58px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;

    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    color: #bbbbb9;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/94875.png') no-repeat scroll 50% 0;
}

.main h1,
#post-form h2,
.info h2
{
    font-family: 'Aniron', 'Book Antiqua', 'Palatino Linotype', 'Times New Roman', Times, serif;
    font-size: 17px;
    font-weight: 700;
    font-variant: small-caps;

    color: #bbbbb9 !important;
}

/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong,
#viewprofile li div,
#setmods dd,
.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box,
.punbb #pun-main .info-box .legend
{
    color: #36161f;
    background-color: transparent;
}

#pun-ulinks .container
{
    color: #36161f;
    background-color: transparent;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3
{
    color: #36161f;
    background-color: transparent;
}

.punbb .post h3 span
{
    color: #36161f;
    background-color: transparent;
}

.punbb td.tc2,
.punbb td.tcr
{
    color: #36161f;
    background-color: transparent;
}

/* CS1.3 */
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2
{
    text-align: center;

    color: #36161f;
    background: transparent;
}

.punbb-admin #pun-status .container
{
    margin-top: -33px;
}

/* CS1.4 */
.punbb .modmenu .container
{
    color: #36161f;
}

/* CS1.5 */
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span
{
    color: #36161f;
}

#viewprofile h2 span
{
    background-image: none;
}

.punbb .post h3 strong
{
    font-size: .9em;

    color: #36161f;
}

/* CS1.7 */
.punbb .quote-box,
.punbb .code-box
{
    color: #36161f;
}

.code-box
{
    overflow-y: scroll;

    max-height: 200px;
}

.punbb textarea
{
    color: #36161f;
    background-color: rgba(129, 100, 105, .2);
}

.punbb input,
.punbb select,
.punbb button
{
    color: rgba(63, 27, 37, 1) !important;
    border: 1px solid rgba(63, 27, 37, .35);
    border-radius: 6px;
    background: rgba(65, 34, 41, .16) none repeat scroll 0 0 !important;
    box-shadow: 0 1px 0 0 #8a6d72;
}

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

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

.punbb th
{
    color: #574739;
    background: transparent;
}

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

#pun-title,
#pun-navlinks
{
    border-color: none;
}

/* CS2.1 */

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

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

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

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

/* CS2.6 */
.punbb .quote-box,
.punbb .code-box
{
    border-color: none;
}

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

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

li.pa-online
{
    border-left-color: #6e6053;
}

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

/* CS3.1 */
.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
#pun-admain a:hover,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited
{
    color: rgb(47, 15, 39);
    background-color: none;
}

.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited
{
    color: #36161f;
}

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

    color: #271f4b;
}

/* CS3.3 */

/* CS3.4 */

#pun-pagelinks a:active,
#pun-pagelinks a:focus
{
    color: #393e45;
    background-color: #393e45;
}

.post h3 span a:link,
.post h3 span a:visited
{
    font-size: .9em;
    font-weight: bold;

    float: right;

    text-align: right;
    text-decoration: none;
}

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

div.icon
{
    display: block;
    float: left;

    width: 84px;
    height: 84px;
    margin-top: -12px;
    margin-right: 8px;
    margin-bottom: -9px;

    background-image: url('https://forumstatic.ru/files/0017/7f/09/29187.png');
    background-repeat: no-repeat;
    background-position: -4px -256px;
}

tr.inew div.icon
{
    background-position: -2px -88px;
}

tr.iclosed div.icon
{
    background-position: -2px -171px;
}

tr.isticky div.icon
{
    background-position: -1px -2px;
}

td.tcr a
{
    position: relative;
    z-index: 3;
    top: 0;

    display: inline !important;

    padding-left: 18px;

    background: transparent url('https://forumstatic.ru/files/0017/50/e4/48420.png') no-repeat scroll 0 0 / 16px 16px;
}

div.AwardWindow div#AwardContent td#desc
{
    font-size: 10px;
}

#pun-profile fieldset > span
{
    position: relative;
    top: -28px;

    margin-bottom: 10px;
    padding: 5px;

    cursor: pointer;
}

#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area
{
    position: absolute !important;
    z-index: 1000000 !important;
    top: 39px !important;

    height: auto;

    border-width: 32px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) !important;
    border-image: url('https://forumstatic.ru/files/0017/7f/09/62579.png') 43 43 43 43 fill / / 12px 3px 12px 3px;
    background: #f4f5f6 url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') repeat scroll 51% 0;
}

#addition-area
{
    width: auto !important;

    text-align: center;
}

#table-area table
{
    position: relative !important;
    top: -14px !important;

    display: block;

    width: 88px !important;
    margin-top: 0;
    margin-bottom: -9px;
    margin-left: -50px;
    padding: 0;

    border-collapse: collapse;
}

#keyboard-span input
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 300;

    min-width: 30px;
    height: 25px;
    margin: 1px 1px 0 0;

    cursor: pointer;

    color: #666;
    border: 1px solid rgba(63, 27, 37, .35)!important;
    background-color: #fff;
}

#pun-admain legend span
{
    background-color: #3d2f53 !important;
}
#pun-admain fieldset,
.adcontainer
{
    border: none !important;
}

#pun-adnav .isactive ul.adsubnav a
{
    color: #122636 !important;
}

#pun-adnav ul.adsubnav a
{
    color: #101046 !important;
}

#post-form #image-area-tcon-computer td
{
    padding: 5px !important;
}
#image_uploadUploader
{
    margin-top: 15px;
}

#pun-report .bg,
#pun-reputation .bg,
#pun-admin-award-form .bg
{
    position: fixed;
    z-index: 100!important;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    cursor: pointer;

    opacity: .7!important;
    background: #0b0a21 none repeat scroll 0 0!important;
}

.inner.post_reputation > h1
{
    font-size: 18px !important;
    line-height: 111px !important;

    top: -26px;
    left: 20px;

    display: block;

    width: 905px !important;
    height: 226px !important;

    color: #36161f !important;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/72444.png') repeat-x scroll 0 99px / 905px auto !important;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .5);
}

#pun-reputation div.inner.post_reputation div.container
{
    position: relative;
    top: -43px !important;

    margin-bottom: -68px;
}

#rep_form > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1)
{
    visibility: hidden;
}

#rep_form table tbody tr td.tcl span
{
    position: relative;
    top: 67px;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner
{
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;

    display: none;

    width: 817px !important;
    height: auto;
    margin: -124px 0 0 -433px !important;

    border-width: 43px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) !important;
    border-image: url('https://forumstatic.ru/files/0017/7f/09/62579.png') 43 43 43 43 fill / / 16px 7px 16px 7px;
    box-shadow: 0 0 40px #222;
}

.inner
{
    background: url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') center;
}

fieldset:last-of-type .inputfield,
fieldset:last-of-type .checkfield,
fieldset:last-of-type .infofield,
fieldset:last-of-type .inline
{
    margin-bottom: 14px;
}

fieldset .inputfield:last-of-type #tags
{
    margin-bottom: 34px;
}
.fs-box input[name='updateSettings']
{
    margin-top: 30px !important;
}
#pun-pages #pun-status
{
    margin-top: 90px !important;
}

.post-content hr
{
    width: auto;
    height: 42px;
    margin-bottom: .8em;

    opacity: 1 !important;
    border: medium none !important;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/18855.png') no-repeat scroll 50% 0;
    box-shadow: none !important;
}

#form-buttons table tbody tr td img#button-border
{
    background-image: url('http://sf.uploads.ru/fsw12.png') !important;
    background-repeat: no-repeat !important;
    background-position: 50% center !important;
}

#form-buttons table tbody tr td img#button-html
{
    background-image: url('http://s6.uploads.ru/HIMjO.png') !important;
    background-repeat: no-repeat !important;
    background-position: 50% center !important;
}

#move_posts_form div.stt-inner h1
{
    font-size: 18px !important;
    line-height: 111px !important;

    top: -25px;
    left: 20px;

    display: block;

    width: 905px !important;
    height: 226px !important;
    margin-bottom: -103px !important;

    color: #36161f !important;
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/72444.png') repeat-x scroll 0 99px / 905px auto !important;
    text-shadow: 1px -1px 0 rgba(190, 155, 156, .5);
}

#move_posts_form div.stt-inner
{
    position: fixed;
    left: 26.1% !important;

    width: 817px !important;
    height: auto;
    margin: 0 0 0 5px !important;

    border-width: 43px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) !important;
    border-image: url('https://forumstatic.ru/files/0017/7f/09/62579.png') 43 43 43 43 fill / / 16px 7px 16px 7px;
    box-shadow: 0 0 40px #222;
}

#move_posts_form div.stt-inner
{
    background: rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/0017/7f/09/35313.jpg') repeat scroll center center;
}

#move_posts_form .closer9
{
    font-size: 1.2em!important;

    left: -26px;

    float: right;

    margin-top: -4px!important;
    margin-right: -20px!important;
    padding: 0;

    cursor: pointer;

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}