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

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

/* A1.1 */
  @import url(style_cs.1647637211.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);
@import url('https://fonts.googleapis.com/css?family=Cookie|Economica:400,700|Rancho|Teko:400,600|Trirong:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Cookie|Cormorant+Garamond:400,600|Cormorant+Infant:400,600,700|Economica:400,700|Philosopher:400,700|Rancho|Teko:400,600|Trirong:400,600,700&subset=cyrillic');
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Cormorant+SC:400,300,500&subset=latin,cyrillic);
@import url('https://fonts.googleapis.com/css?family=Calligraffitti|Federo|Forum|Gabriela|Sail|Special+Elite|Yesteryear');
@import url('https://fonts.googleapis.com/css?family=Caveat:400,700|Merienda:400,700');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

    @font-face {
    font-family: 'Annabelle';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/87082.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/65863.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/94147.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
     
    @font-face {
    font-family: 'Bfivetwo';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/92734.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/50023.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/24413.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
     
    @font-face {
    font-family: 'Intro';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/53779.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/41653.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/41653.woff') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
     
    @font-face {
    font-family: 'Isadora';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/46266.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/41407.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/43155.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
     
    @font-face {
    font-family: 'Lighthaus';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/98261.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/70286.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/81283.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
     
    @font-face {
    font-family: 'Lobster';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/92808.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/17362.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/83907.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
     
    @font-face {
    font-family: 'Marck Script';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/79299.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/33313.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/14524.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
     
    @font-face {
    font-family: 'Plain';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/56168.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/58284.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/88923.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'Stand';
    src: url('http://blackburns.rusff.ru/files/0017/96/1c/77357.eot?'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/77357.woff') format('woff'),
    url('http://blackburns.rusff.ru/files/0017/96/1c/77357.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'flore';
    src: url('http://forumfiles.ru/files/0017/96/1c/73949.eot?'),
    url('http://forumfiles.ru/files/0017/96/1c/19012.woff') format('woff'),
    url('http://forumfiles.ru/files/0017/96/1c/66351.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'icon';
    src: url('http://forumfiles.ru/files/0017/a6/38/16606.eot?'),
    url('http://forumfiles.ru/files/0017/a6/38/49124.woff') format('woff'),
    url('http://forumfiles.ru/files/0017/a6/38/10258.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'moon';
    src: url('http://forumfiles.ru/files/0017/a6/38/60113.eot?'),
    url('http://forumfiles.ru/files/0017/a6/38/34562.woff') format('woff'),
    url('http://forumfiles.ru/files/0017/a6/38/69686.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'carnaval';
    src: url('http://forumfiles.ru/files/0017/a6/38/24125.eot?'),
    url('http://forumfiles.ru/files/0017/a6/38/77177.woff') format('woff'),
    url('http://forumfiles.ru/files/0017/a6/38/39190.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }


@media screen and (max-width: 500px) {
#main-reply {max-height: 200px}
}



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

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

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

/* 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 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75%  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: 0.9em;
  font-weight: bold;
  }
.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% verdana, arial, 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: underline
  }

/* 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 dl.post-sig dt span,
.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;
  }

/* 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;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
    background-color: #191619;
    background-image: url("http://forumfiles.ru/files/0017/a6/38/53948.jpg");
    background-position: center top;
    margin: auto;
    position: relative;
    width: 1169px;
}
.punbb {
    height: auto;
    margin-left: 5px;
    width: 939px;
}



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

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

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

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

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

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid solid none solid;
  border-width: 1px 1px 0px 1px;
  }

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

/***************************************************/*************************************************************
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 {
    border-top: 1px solid #4f4736;
    display: block;
    margin: 5px 0;
    width: 250px;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

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

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border: medium none;
    margin: 0.4em 0.1em 0.8em;
    padding: 0em;
}


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    font-size: 1.1em;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding-bottom: 0.0em;
}

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

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


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

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4.6em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.6em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


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

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

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

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

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

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

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

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

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

/* 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;
  padding: 0 4em 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;
  }

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

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

/* 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: center;
    width: 20%;
}


/* 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 {
  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: 1.2em;
  font-weight: bold;
  }

/* 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-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 1em 1em;
  }

#pun-index  .main td {
  padding: 0em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    font-size: 11px;
    line-height: 10px;
    margin-left: 0;
    text-align: left;
}

/* C2.15 */
    .punbb div.icon {
        float: left;
        display: block;
        width: 60px;
        height: 60px;}

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

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

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

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

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

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

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

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


#pun-viewtopic .post h3 span {font-size: 10px;
text-transform: uppercase;
font-family: pt sans;
color:  #6f6f6f;
margin-top: -10px;
margin-left: 210px}
#pun-viewtopic .post h3 span a {color: #7b6952}
#pun-viewtopic .post h3 span .permalink:before {content: "последнее сообщение оставлено ";
color: #575757}
#pun-viewtopic .post h3 strong:before {content: "пост номер ";
color: #575757;}
#pun-viewtopic .post h3 strong {width: 200px;
display: inline-block;
margin-right: 6px}

.post-box {  background: url("http://forumfiles.ru/files/0017/a6/38/84536.jpg") no-repeat scroll left top, 
url("http://forumfiles.ru/files/0017/a6/38/60161.jpg") no-repeat scroll right top, 
url("http://forumfiles.ru/files/0017/a6/38/75045.jpg") no-repeat scroll left bottom, 
url("http://forumfiles.ru/files/0017/a6/38/98280.jpg") no-repeat scroll right bottom, 
 url("http://forumfiles.ru/files/0017/a6/38/66092.jpg") repeat-y scroll left center, 
url("http://forumfiles.ru/files/0017/a6/38/24911.jpg") repeat-x scroll center top, 
url("http://forumfiles.ru/files/0017/a6/38/39617.jpg") repeat-y scroll right center, 
url("http://forumfiles.ru/files/0017/a6/38/64007.jpg") repeat-x scroll center bottom, 
url("http://forumfiles.ru/files/0017/a6/38/50791.jpg") repeat scroll center center;
    color: #333 !important;
margin-left: 8px !important;
margin-right: 13px !important;
padding: 15px !important;
border: none !important;
margin-bottom: 5px !important;}

.pa-author img {
    display: none;
}

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* 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 .container {
  padding: 0.5em 1em;
  text-align: right;
  margin-top: 4px;
  }

/* 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-bottom: 0.8em;
  font-weight: normal;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* 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: -16em;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/*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, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


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

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

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  margin-bottom: -35px;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 100px;
  margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding-left: -20px;
  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.2em;
  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 {
  border: none;
  margin: 0;
  margin-bottom: 20px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 5px;
  height: 27px;
  font-weight: normal;
  text-align: center;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
    font-family: tahoma;
    font-size: 0.8em;
    padding: 10px 0 10px 0;
}

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

/* D4.1 */
#pun-ulinks {
    border: 2px solid transparent;
    margin-bottom: 15px;
}
#pun-ulinks .container {
    border: medium none;
    font-weight: bold;
    height: 3px;
    padding-top: 0px;
    text-align: center;
}
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}
#pun-ulinks li a {
    font-size: 0.8em;
    padding: 0 0 0 5px;
}

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

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

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

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

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

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

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

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

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

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

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

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  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;
  }

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

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  text-align: center;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* 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.4em/120% monaco, "bitstream vera sans" }


#pun-status .container {
    color: #7f7267;
    font-style: normal;
    margin-left: 703px;
    position: absolute;
    text-align: left;
    text-shadow: 1px 1px 0 #000 !important;
    text-transform: uppercase;
    top: 80px;
    width: 300px;
}
#pun-status .container .item1 {
    font-family: pt sans;
    font-size: 9px;
    letter-spacing: 1px;
    position: absolute;
    width: auto;
}
#pun-status .container .item2 {
    color: #595959;
    font-family: arial;
    font-size: 8px;
    letter-spacing: 1px;
    margin-top: 17px;
    position: absolute;
    text-transform: uppercase;
}
#pun-status .container .item3 {
    color: #575757;
    font-family: arial;
    font-size: 7px;
    font-style: normal;
    margin-left: 0;
    margin-top: 33px;
    position: absolute;
    text-align: center;
    text-shadow: none;
}


.post-content .spoiler-box {
    background-clip: padding-box;
    background: url("http://forumfiles.ru/files/0017/a6/38/86372.jpg") repeat scroll left top !important;
    box-shadow: 0 0 0 2px #96938f, 0 0 0 1px #6c676c inset, 0 3px 5px 0 rgba(255,255,255,0.2) inset  !important;
    color: #222;
    padding: 10px !important;
    min-height: auto !important;
    box-shadow: 0 0 5px #59503c;
    margin-left: 5px !important;
}

.spoiler-box > div, .spoiler-box blockquote {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#post-preview, fieldset {min-width:0;}

    .achivblk {opacity: 0.3;
transition: opacity 0.3s linear;
}
  
      .achivblk:hover {opacity: 1;
transition: opacity 0.3s linear;
}

.achivka td, .achivka tr {
    padding: 0 !important;
    text-align: center;
}
.achivkatit {
    background-color: #433d34;
    color: #81653b;
    font-family: pt sans narrow;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0;
    text-align: center;
    text-shadow: 0 0 5px #000;
}
.achivka {
    height: 165px;
    overflow-y: auto;
}

.satana > div, .satana > input {
    display: none;
}
.satana {
    padding: 20px;
    text-align: center;
    width: auto;
}
.satana label {
    color: #85683d;
    display: inline-block;
    font-family: pt sans narrow;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    letter-spacing: 0;
    padding: 3px 0;
    text-align: center;
    text-shadow: 0 0 3px rgba(0,0,0,0.3);
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    width: 264px;
}
.satana label:hover {
    color: #444;
    cursor: pointer;
}
.satana input[type="radio"]:checked + label {
    box-shadow: 0 5px 0 #614c2c;
    color: #614c2c;
    cursor: pointer;
}
.satana > input:nth-of-type(1):checked ~ div:nth-of-type(1), .satana > input:nth-of-type(2):checked ~ div:nth-of-type(2), .satana > input:nth-of-type(3):checked ~ div:nth-of-type(3), .satana > input:nth-of-type(4):checked ~ div:nth-of-type(4) {
    display: block;
    opacity: 1;
    padding: 15px;
    text-align: justify;
}

.shipcont {
    width: 550px;
}

.shipbox {
    border-image: url("http://forumfiles.ru/files/0017/a6/38/49754.png") 5 5 5 5 round round;
    border-style: solid;
    border-width: 5px;
    height: 150px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    width: 150px;
}
.shippic {
    height: 150px;
    transition: all 0.5s ease-in-out 0s;
    width: 150px;
}
.shiptext {
    background: rgba(0, 0, 0, 0) url("http://forumfiles.ru/files/0017/a6/38/30001.jpg") repeat scroll 0 0;
    font-size: 10px;
    height: 127px;
    line-height: 10px;
    margin-top: 0;
    overflow-y: auto;
    padding: 2px 5px 5px;
    position: absolute;
    text-align: justify;
    transition: all 0.5s ease-in-out 0s;
}
.shipname {
    background: rgba(0, 0, 0, 0.5) repeat scroll 0 0;
    color: #888;
    font-family: cambria;
    font-size: 9px;
    letter-spacing: 2px;
    margin-top: -150px;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 150px;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
}
.shipbox:hover .shippic, .shipbox:hover .shiptext {
    transform: translate(0px, -150px);
    transition: all 0.5s ease-in-out 0s;
}
.shipbox:hover .shipname {
    transform: translate(0px, 133px);
    transition: all 0.5s ease-in-out 0s;
    background: rgba(0,0,0,0.9)
}
.code-box .scrollbox::-webkit-scrollbar-corner, .punbb textarea::-webkit-scrollbar-corner, .submenutextss::-webkit-scrollbar-corner, .achivka::-webkit-scrollbar-corner {background-color: #a19d9a;}
.code-box .scrollbox::-webkit-scrollbar, .punbb textarea::-webkit-scrollbar, .submenutextss::-webkit-scrollbar, .achivka::-webkit-scrollbar {
width: 7px;
height:7px;
background-color: #624762;
box-shadow: 0 0 0 3px #a19d9a inset !important;
} 
.code-box .scrollbox::-webkit-scrollbar-thumb, .punbb textarea::-webkit-scrollbar-thumb, .submenutextss::-webkit-scrollbar-thumb, .achivka::-webkit-scrollbar-thumb {
  background-color:#624762;
  width:4px !important;
  box-shadow:0 0 0 1px #a19d9a inset;
}

#pun-redirect {
    background: url(http://forumfiles.ru/files/0017/a6/38/27454.jpg);
    height: 89px;
    position: absolute;
    width: 728px;
  top: 200px;
}
#pun-redirect #pun-main .info {
    margin-top:20px;
    position: relative;
    text-align: center !important;
    width: 728px !important;
  font-family: pt sans;
  line-height: 10px;
  color: #333 !important;
}
#pun-redirect #pun-main .info .container {color: #333}
#pun-redirect #pun-main .info a {text-transform: uppercase}
#pun-redirect h1 {
color: #969696 !important;
font-family: Old Standard TT;
margin-left: 5px !important;
margin-top: 105px !important;
text-shadow: 0 0 5px #000;
width: 745px !important;
text-transform: uppercase;
font-weight: bold;
  display: none
}

.punbb #pun-redirect {
    width: auto !important;
  color: #333 !important;
}
.Select_Topics tbody tr:nth-child(2n) td{
  background: rgba(255, 200, 0, 0.08);
}

.move_posts_form .container {
    background-clip: padding-box;
    background: url("http://forumfiles.ru/files/0017/a6/38/77292.jpg") no-repeat scroll left top, 
url("http://forumfiles.ru/files/0017/a6/38/21961.jpg") no-repeat scroll right top, 
url("http://forumfiles.ru/files/0017/a6/38/71882.jpg") no-repeat scroll left bottom, 
url("http://forumfiles.ru/files/0017/a6/38/46333.jpg") no-repeat scroll right bottom, 
url("http://forumfiles.ru/files/0017/a6/38/86372.jpg") repeat scroll center center;
    color: #222;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.05)
    padding: 7px !important;
  overflow: hidden !important;
}

.pa-fld3 .lz {
    margin-top: 1px;
    padding: 0px 10px 13px 10px;
    width: 180px;
    margin-left: 2px;
}
.pa-fld3 .lz2 {
    font-family: pt sans narrow !important;
    font-weight: bold;
    font-size: 12px;
}
.pa-fld3 .lz2 sup {
    font-weight: normal;
    font-family: serif;
    font-size: 9px !important;
    padding-left: 2px;
}
.pa-fld3 .lz3 {
    text-align: justify;
    line-height: 12px;
}

.pa-fld4 img {
    margin-top: 3px !important;
}

#pun-searchposts .FNTslider, 
#pun-messages .FNTslider {display: none}


.FNTslider {
    background: rgba(0, 0, 0, 0) url("http://forumfiles.ru/files/0017/a6/38/13898.jpg") no-repeat scroll 0 0;
    float: right;
    height: 20px;
    margin: -6px -40px 2px 5px;
    padding: 0 20px;
    position: relative;
    width: 124px;
    z-index: 1000;
}
.FNTslider .before {
    background: rgba(0, 0, 0, 0) url("http://forumfiles.ru/files/0017/a6/38/19882.jpg") no-repeat scroll 0 0;
    height: 20px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 10px;
    position: absolute;
    z-index: 10;
    width: 124px;
}
.FNTslider .thumb {
    background: rgba(0, 0, 0, 0) url("http://forumfiles.ru/files/0017/a6/38/31154.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 20px;
    margin-left: 6px;
    position: relative;
    top: 20x;
    width: 14px;
    z-index: 20;
}
.FNTslider .thumb:hover {
    background-position: -14px 0;
}

#pun-main {
    min-height: 690px;
}

#p94668 .post-author, #p94668 .pl-email, #p94668 .pl-website,
#p94669 .post-author, #p94669 .pl-email, #p94669 .pl-website,
#p94670 .post-author, #p94670 .pl-email, #p94670 .pl-website,
#p94671 .post-author, #p94671 .pl-email, #p94671 .pl-website,
#p117751 .post-author, #p117751 .pl-email, #p117751 .pl-website,
#p153757 .post-author, #p153757 .pl-email, #p153757 .pl-website,
#p153758 .post-author, #p153758 .pl-email, #p153758 .pl-website,
#p153759 .post-author, #p153759 .pl-email, #p153759 .pl-website,
#p153760 .post-author, #p153760 .pl-email, #p153760 .pl-website { display: none !important; }
#p94668 .post-body, #p94668 .post-links, #p94668 .post-links ul, #p94668 .post h3>span,
#p94669 .post-body, #p94669 .post-links, #p94669 .post-links ul, #p94669 .post h3>span,
#p94670 .post-body, #p94670  .post-links, #p94670 .post-links ul, #p94670 .post h3>span,
#p94671 .post-body, #p94671 .post-links, #p94671 .post-links ul, #p94671 .post h3>span,
#p117751 .post-body, #p117751 .post-links, #p117751 .post-links ul, #p117751 .post h3>span,
#p153757 .post-body, #p153757 .post-links, #p153757 .post-links ul, #p153757 .post h3>span,
#p153758 .post-body, #p153758 .post-links, #p153758 .post-links ul, #p153758 .post h3>span,
#p153759 .post-body, #p153759 .post-links, #p153759 .post-links ul, #p153759 .post h3>span,
#p153760 .post-body, #p153760 .post-links, #p153760 .post-links ul, #p153760 .post h3>span {
        margin-left: 0 !important;
      }
#p94668 #pun-viewtopic .post h3 span, #p94669 #pun-viewtopic .post h3 span, #p94670 #pun-viewtopic .post h3 span, #p94671 #pun-viewtopic .post h3 span, #p117751 #pun-viewtopic .post h3 span, #p153757 #pun-viewtopic .post h3 span, #p153758 #pun-viewtopic .post h3 span, #p153759 #pun-viewtopic .post h3 span, #p153760 #pun-viewtopic .post h3 span {
    margin-left: 245px !important;}

#p94668 .post-box, 
#p94669 .post-box,
#p94670 .post-box,
#p94671 .post-box,
#p117751 .post-box,
#p153757 .post-box,
#p153758 .post-box,
#p153759 .post-box,
#p153760 .post-box {
    margin-left: 15px !important;
    padding-right: 10px !important;
    margin-top: 20px !important;
}

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

#pun-index #forum_f34, #pun-index #forum_f35 {
display: none !important;}

#pun-viewforum #forum_f34, #pun-viewforum #forum_f35 {
    display: block !important;
}

.menu{
  width: 620px; /* ширина */
  margin: 10px auto; padding: 15px; /* отступы */  
  list-style: none;
  counter-reset: li;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; /* тень вокруг контейнера */
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  -moz-border-radius: 10px; /* закругление углов */
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.menu:before,
.menu:after {
  content: "";
  display: table; /* отображение кнопок в виде таблицы */
}

.menu:after {
  clear: both;
}

.menu {
  zoom:1;
}

/* стиль кнопки */       
.menu li {
  position: relative;
  float: left;
  cursor: pointer;
  height: 120px; width: 200px; /* высота и ширина кнопки */
  margin: 10px 0 0 10px; /* отступы между кнопками */
  color: #fff;
}

.menu li:hover, .menu li:focus{ /* градиент, который появляется на кнопки при наведении курсора */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));

}

/* стиль всплывающего описания */

.menu .cover{
  z-index: 2;
}

.menu .cover:focus{
  outline: 0;
}

.menu li:hover::after, .menu li:focus::after{
  font-size: 100px;
  opacity: 1;
}

.menu .cover::after{
  z-index: -1;
}

.menu li:nth-child(1),
.menu li:nth-child(2),
.menu li:nth-child(3){
  margin-top: 0;
}

.menu li:nth-child(1),
.menu li:nth-child(4),
.menu li:nth-child(7),
.menu li:nth-child(10){
  margin-left: 0;     
}

/* цвета кнопок по порядку */

.menu li:nth-child(1),
.menu li:nth-child(1) .close{       
background-image: url(http://funkyimg.com/i/2hepx.png);
}   

.menu li:nth-child(2),
.menu li:nth-child(2) .close{
background-image: url(http://funkyimg.com/i/2hepv.png);
}   

.menu li:nth-child(3),
.menu li:nth-child(3) .close{
background-image: url(http://funkyimg.com/i/2hepw.png); 
}

.menu li:nth-child(4),
.menu li:nth-child(4) .close{
background-image: url(http://funkyimg.com/i/2hepy.png);     
}

.menu li:nth-child(5),
.menu li:nth-child(5) .close{
background-image: url(http://funkyimg.com/i/2hepK.png);
}

.menu li:nth-child(6),
.menu li:nth-child(6) .close{
background-image: url(http://funkyimg.com/i/2hepJ.png);
}

.menu li:nth-child(7),
.menu li:nth-child(7) .close{
background-image: url(http://funkyimg.com/i/2hepH.png);
}

.menu li:nth-child(8),
.menu li:nth-child(8) .close{
background-image: url(http://funkyimg.com/i/2hepF.png);
}

.menu li:nth-child(9),
.menu li:nth-child(9) .close{
background-image: url(http://funkyimg.com/i/2hepG.png);
}

.menu li:nth-child(10),
.menu li:nth-child(10) .close{
background-image: url(http://funkyimg.com/i/2heqa.png);
}

.menu li:nth-child(11),
.menu li:nth-child(12) .close{
background-image: url(http://funkyimg.com/i/2heqp.png);
}

.menu li:nth-child(12),
.menu li:nth-child(12) .close{
background-image: url(http://funkyimg.com/i/2heqo.png);
}

/* стиль всплывающего контента */

.menu .content{
  opacity: 0; display: none\12;
  overflow: hidden;
  font: 15px Arial, Helvetica; /* шрифт */
  position: absolute;
  text-align: center; /* выравнивание по центру */
  height: 120px; width: 200px; /* Высота и ширина области текста. В идеале: height: 100%; width: 100%; , но будет работать только в FF */
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out; 
  transition: all .3s ease-out;     
} 

.menu .expanded{
  opacity: .95; display: block\12;
  overflow: visible;
  background-image: url(http://funkyimg.com/i/2he8L.png);
  padding: 40px;
  height: 430px; width: 540px; /* высота и ширина области перекрытия контейнера с всплывающего описания */
}

.menu li:nth-child(3n) .content{ /* 3,6,9 */
  right: 0;
}

.menu li:nth-child(3n-1) .expanded{ /* 2,5,8 */
  left: 50%;
  margin-left: -310px;
}

.menu li:nth-child(7) .content, /* 7,8,9 */
.menu li:nth-child(8) .content,
.menu li:nth-child(9) .content{
  bottom: -130px;
}                     

.menu li:nth-child(4) .expanded, /* 4,5,6 */
.menu li:nth-child(5) .expanded,
.menu li:nth-child(6) .expanded{
  margin-top: -190px;
  top: 50%;
}

.menu li:nth-child(10) .content, /* 10,11,12 */
.menu li:nth-child(11) .content,
.menu li:nth-child(12) .content{
  bottom: 0;
}           

/* стиль названия кнопок */   

.menu .title{
  position: absolute;
  height: 100%; width: 100%;
  text-align: center; /* выравнивание по центру */
  font: italic bold 2em/120px 'trebuchet MS', Arial, helvetica; /* шрифт */
  color: #000;
  opacity: .2;
}

.menu li:hover .title{
  opacity: .7;
}   

/* стиль крестика, закрывающего всплывающее описание */

.menu .close {
  display: none;
  border: 2px solid #fff; /* обводка (граница) */
  color: #fff; /* цвет */
  height: 23px; width: 23px; /* высота и ширина */
  font: bold 18px arial, helvetica; /* шрифт */
   position: absolute;
  top: 0px; right: 0px; /* расположение (двигаем крестик) */
  -moz-border-radius: 0px; /* закругление границ */
  -webkit-border-radius: 0px;
  border-radius: 0px;     
}

.menu .cover .close{
  display: block;
}

.first-letter {
  color: #85653f;
}

#pun-navlinks a:first-letter {display: inline-block;
color: #937959 !important;
transition: all 0.3s ease-in-out 0s !important;}
#pun-navlinks a:hover:first-letter {color: #474447 !important;}
#navindex a:before {content:"blackburn";} /* Форум */
#navuserlist a:before {content:"sinners&saints";} /* Участники */
#navsearch a:before {content:"open grimoire";} /* Поиск */
#navpm a:before {content:"dead letters";} /* сообщения*/
#navprofile a:before {content:"magic mirror";} /* Профиль */
#navadmin a:before {content:"admin";} /* Администрирование */
#navlogin a:before {content:"back to hell";} /* Вход */
#navlogout a:before {content:"away from hell";} /* Выход */
#navregister a:before {content:"sell your soul";} /* Регистрация */
 #navpr_1 a:before {content:"pr-agent";}
#pun-navlinks li a span {font-size:0;}
@media screen and (max-width: 540px) {#pun-navlinks li a:before {display:none}}

#pun-category1 .podforum {background: url(http://forumfiles.ru/files/0017/a6/38/62084.jpg) no-repeat top center,
url(http://forumfiles.ru/files/0017/a6/38/30236.jpg) no-repeat bottom center,
url(http://forumfiles.ru/files/0017/a6/38/44449.jpg) repeat-y center center;
width: 406px;
padding: 38px 12px 40px 12px;
margin-top: -32px !important;} 

#pun-category1 .container td {padding: 5px !important;}
#pun-index #forum_f2 div.icon {display: none !important;}

#pun-index #forum_f2 .tclcon {width: 830px;
margin-left: 22px;
margin-top: -10px}

#pun-index #forum_f2 {display: inline-block;
width: 830px !important;}

#pun-index #forum_f2 .tc2, #pun-index #forum_f2 .tc3 {display: none}

#pun-index #forum_f2 .tcr {display: inline-block;
width: 300px !important;
text-align: right;
margin-left: 550px;
padding: 0;
margin-top: -50px;
margin-bottom: 20px !important;
position:relative;
z-index:999}

#pun-index #forum_f3 .tclcon, #pun-index #forum_f5 .tclcon {width: 433px !important;}

#pun-index #forum_f3, #pun-index #forum_f5 {display: inline;
width: 433px !important;
float: left;
margin-left: 8px;
margin-top: -25px !important;}

#pun-index #forum_f3 .tc2, #pun-index #forum_f3 .tc3, #pun-index #forum_f5 .tc2, #pun-index #forum_f5 .tc3 {display: none}

#pun-index #forum_f3 .tcr, #pun-index #forum_f5 .tcr {display: inline-block;
width: 400px !important;
text-align: right;
margin-left: 15px;
padding: 0;
margin-top: -95px;
z-index: 9 !important;
position: relative;
line-height: 10px;
height: 20px !important;
font-family: tahoma;
font-size: 10px;
text-transform: uppercase;
color: #6f6f6f}

#pun-index #forum_f3 .tcr a, #pun-index #forum_f5 .tcr a {color: #6c5e3e;
font-weight: bold}


#pun-index #forum_f4 .tclcon, #pun-index #forum_f6 .tclcon {width: 433px}

#pun-index #forum_f4, #pun-index #forum_f6 {display: inline-block !important;
width: 433px !important;
margin-right: -442px !important;
margin-top: -25px !important;
float: right}

#pun-index #forum_f4 .tc2, #pun-index #forum_f4 .tc3, #pun-index #forum_f6 .tc2, #pun-index #forum_f6 .tc3 {display: none}

#pun-index #forum_f4 .tcr, #pun-index #forum_f6 .tcr {display: inline-block;
width: 400px !important;
text-align: right;
margin-left: 15px !important;
padding: 0;
margin-top: -95px;
z-index: 9 !important;
position: relative;
line-height: 10px;
height: 20px !important;
font-family: tahoma;
font-size: 10px;
text-transform: uppercase;
color: #6f6f6f}

#pun-index #forum_f3 .tcr a, #pun-index #forum_f5 .tcr a, #pun-index #forum_f4 .tcr a, #pun-index #forum_f6 .tcr a {color: #6c5e3e;
font-weight: bold}

#pun-index #forum_f5, #pun-index #forum_f6 {margin-bottom: -17px !important;}


#pun-index #forum_f18 .tcr{display: inline-block;
width: 400px !important;
text-align: right;
margin-left: 15px !important;
padding: 0;
margin-top: -68px;
z-index: 9 !important;
position: relative;
line-height: 10px;
height: 20px !important;
font-family: tahoma;
font-size: 10px;
text-transform: uppercase;
color: #6f6f6f}

#pun-index #forum_f18 .tcr a {color: #6c5e3e;
font-weight: bold}
#forum_f18 {display: inline}
#forum_f18 .tc2, #forum_f18 .tc3 {display: none}

#forum_f18 .podforum {background: url(http://forumfiles.ru/files/0017/a6/38/62084.jpg) no-repeat top center,
url(http://forumfiles.ru/files/0017/a6/38/30236.jpg) no-repeat bottom center,
url(http://forumfiles.ru/files/0017/a6/38/44449.jpg) repeat-y center center;
width: 406px;
padding: 38px 12px 30px 12px;
margin-top: -32px !important;
float: left}
#plotcont {background: url(http://forumfiles.ru/files/0017/a6/38/86229.jpg);
width: 454px;
height: 146px;
float: right;
margin-top: -32px;
margin-right: -3px !important;}
#pun-index #forum_f18 Div.icon {margin-left: -4px !important;}
#pun-index #forum_f18 .tcl h3 {
    font-family: Old Standard TT !important;
    font-size: 17px !important;
    font-weight: bold !important;
    padding-bottom: 8px;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    margin-top: 20px;
    width: 420px !important;
}
#pun-index #forum_f18 .tclcon {
    font-size: 11px;
    margin-left: -14px;
    min-height: 75px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-top: 0;
    text-align: justify;
    z-index: 9;
    position: relative;
    width: 890px;
}


#pun-viewtopic .pa-online {display: none}
#pun-viewtopic .post .post-author.online >ul:after {
  content:url(http://forumfiles.ru/files/0017/a6/38/80900.jpg)
}
#pun-viewtopic .post:not([data-group-id="3"]) .post-author:not(.online) >ul:after {
  content:url(http://forumfiles.ru/files/0017/a6/38/75435.jpg);
}
#pun-viewtopic .post .post-author>ul:after {
  margin-left:-12px; /*подвижка слева*/
  margin-top: 0px !important; /*подвижка сверху*/
  display:block;
  font-size: 0 !important;
  margin-bottom: 0px;
  padding-top: 7px !important;
  height: 27px;
  position: absolute;
  opacity: 1
}

  .sslka {
  overflow: hidden;
  position: absolute;
  width: 1169px;
top: 152px;
margin-left: -5px}
  .sslka a {
    display: block;
    position: relative;
    float: left;
    text-align: center;
    padding: 0;
    width: 144px;
    text-decoration: none;
    transition: .7s; 
    z-index: 9;
    height: 23px;
    margin-left: 2px;
    color: rgba(162,161,158,0.5) !important;
    background: linear-gradient(rgba(255,255,255,1) 10%, rgba(0,0,0,1) 80%) !important;  
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.6) !important;
    line-height: 23px;
    font-family: times new roman;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px
}
    .sslka a:hover {
    color: rgba(162,161,158,0.5) !important;
    background: linear-gradient(rgba(255,255,255,1) 10%, rgba(0,0,0,1) 50%) !important;  
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.6) !important; }

.effect {
  position: absolute;
  left: -160px;
  transition: 0.7s ease-in-out; }
.sslka a:nth-child(1):hover ~ .effect {
  left: 10px; /* середина первого <a> */}
.sslka a:nth-child(2):hover ~ .effect {
  left: 156px;  /* середина второго <a> */ }
.sslka a:nth-child(3):hover ~ .effect {
  left: 302px; /* середина третьего <a> */}
.sslka a:nth-child(4):hover ~ .effect {
  left: 448px; /* середина четвертого <a> */}
.sslka a:nth-child(5):hover ~ .effect {
  left: 594px; }
  .sslka a:nth-child(6):hover ~ .effect {
    left: 740px; }
  .sslka a:nth-child(7):hover ~ .effect {
  left: 886px; }
  .sslka a:nth-child(8):hover ~ .effect {
  left: 1032px; }

.fon-sslka .effect {
  width: 144px;
  height: 23px;
  margin-top: 0px;
  background: rgba(25,22,25,0.9);
  margin-left:-8px;
    z-index: 6
}


#pun-index #tabbitva {top: 256px}
#pun-index #tabneed {top: 400px}
#pun-index #tabaktiv {top: 491px}
#pun-index #tabpostopis {top: 582px}
#pun-index #tabbplay {top: 673px}
#pun-index #tabpara {top: 764px}
#pun-index #tabepic {top: 855px}
#pun-index #tabbpost {top: 946px}
#pun-index #tabbanneri {top: 1090px}

#tabbitva {background: url(http://forumfiles.ru/files/0017/a6/38/73464.jpg);
width: 222px;
height: 139px;
position: absolute;
margin-left: 931px;
  top: 222px}
.bitva {width: 204px;
height: 40px;
border-image: url(http://forumfiles.ru/files/0017/a6/38/80540.png) 3 3 3 3 round round;
border-style: solid;
border-width: 3px;
margin-left: 6px;
overflow: hidden;}
.bitvapic{    -webkit-filter: blur0px);
     -moz-filter: blur(0px);
       -o-filter: blur(0px);
      -ms-filter: blur(0px);
          filter: blur(0px);
    transition: all 0.5s ease-in-out 0s;}
.bitvanum {width: 204px;
height: 40px;
margin-top: 0px;
position: relative;
text-align: center;
  font-family: Cormorant SC;
  font-size: 25px;
  font-weight: 500;
  color: #684f75;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 1px 1px 0px #000;
  box-shadow: 0px -35px 20px -10px rgba(0,0,0,0.5) inset;
  line-height: 43px;
      transition: all 0.5s ease-in-out 0s;
}
.bitva:hover .bitvapic{    -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
       -o-filter: blur(2px);
      -ms-filter: blur(2px);
          filter: blur(2px);
}
.bitva:hover .bitvanum {margin-top: -40px;}

#tabneed {background: url(http://forumfiles.ru/files/0017/a6/38/50116.jpg);
width: 222px;
height: 86px;
position: absolute;
margin-left: 931px;
  top: 366px}
#tabneed td,#tabneed tr {padding: 0 !impotant;}
.aktiv {width: 40px;
height: 40px;
border-image: url(http://forumfiles.ru/files/0017/a6/38/80540.png) 3 3 3 3 round round;
border-style: solid;
border-width: 3px;
margin-left: 4px;
overflow: hidden;
margin-top: 30px;}
.aktivpic{    -webkit-filter: blur0px);
     -moz-filter: blur(0px);
       -o-filter: blur(0px);
      -ms-filter: blur(0px);
          filter: blur(0px);
    transition: all 0.5s ease-in-out 0s;}
.baktivname {width: 40px;
height: 40px;
margin-top: 0px;
position: relative;
text-align: center;
  font-family: pt sans narrow;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 500;
  color: #907455;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 1px 1px 0px #000;
  box-shadow: 0px -30px 20px -10px rgba(0,0,0,0.5) inset;
  line-height: 50px;
      transition: all 0.5s ease-in-out 0s;
}
.aktiv:hover .aktivpic{    -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
       -o-filter: blur(2px);
      -ms-filter: blur(2px);
          filter: blur(2px);
}
.aktiv:hover .baktivname {margin-top: -40px;}

#tabaktiv {background: url(http://forumfiles.ru/files/0017/a6/38/83768.jpg);
width: 222px;
height: 86px;
position: absolute;
margin-left: 931px;
  top: 457px}
#tabaktiv td,#tabaktiv tr {padding: 0 !impotant;}


#tabpostopis {background: url(http://forumfiles.ru/files/0017/a6/38/91598.jpg);
width: 222px;
height: 86px;
position: absolute;
margin-left: 931px;
  top: 548px}
#tabpostopis td,#tabpostopis tr {padding: 0 !impotant;}


.baktivname2 {width: 40px;
height: 25px;
margin-top: 0px;
position: relative;
text-align: center;
  font-family: pt sans narrow;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 500;
  color: #907455;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 1px 1px 0px #000;
  box-shadow: 0px -30px 20px -10px rgba(0,0,0,0.5) inset;
  line-height: 10px;
      transition: all 0.5s ease-in-out 0s;
  padding-top: 15px
}
.aktiv:hover .baktivname2 {margin-top: -40px;}

#tabbplay {background: url(http://forumfiles.ru/files/0017/a6/38/34613.jpg);
width: 222px;
height: 86px;
position: absolute;
margin-left: 931px;
  top: 640px}
.bplay {width: 204px;
height: 40px;
border-image: url(http://forumfiles.ru/files/0017/a6/38/80540.png) 3 3 3 3 round round;
border-style: solid;
border-width: 3px;
margin-left: 6px;
overflow: hidden;
margin-top: 33px;}
.bplaypic {    -webkit-filter: blur0px);
     -moz-filter: blur(0px);
       -o-filter: blur(0px);
      -ms-filter: blur(0px);
          filter: blur(0px);
    transition: all 0.5s ease-in-out 0s;}
.bplayname {width: 204px;
height: 40px;
margin-top: 0px;
position: relative;
text-align: center;
  font-family: Playfair Display;
  font-size: 13px;
  font-weight: 400;
  color: #907455;
  text-tranform: lowercase;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 1px 1px 0px #000;
  box-shadow: 0px -35px 20px -10px rgba(0,0,0,0.5) inset;
  line-height: 43px;
      transition: all 0.5s ease-in-out 0s;
}
.bplay:hover .bplaypic{    -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
       -o-filter: blur(2px);
      -ms-filter: blur(2px);
          filter: blur(2px);
}
.bplay:hover .bplayname {margin-top: -40px;}


#tabpara{background: url(http://forumfiles.ru/files/0017/a6/38/83685.jpg);
width: 222px;
height: 86px;
position: absolute;
margin-left: 931px;
  top: 732px}

#tabepic {background: url(http://forumfiles.ru/files/0017/a6/38/27896.jpg);
width: 222px;
height: 86px;
position: absolute;
margin-left: 931px;
  top: 825px}
.epic {width: 204px;
height: 40px;
border-image: url(http://forumfiles.ru/files/0017/a6/38/80540.png) 3 3 3 3 round round;
border-style: solid;
border-width: 3px;
margin-left: 6px;
overflow: hidden;
margin-top: 33px;}
.epicpic {    -webkit-filter: blur0px);
     -moz-filter: blur(0px);
       -o-filter: blur(0px);
      -ms-filter: blur(0px);
          filter: blur(0px);
    transition: all 0.5s ease-in-out 0s;}
.epicname {width: 204px;
height: 40px;
margin-top: 0px;
position: relative;
text-align: center;
  font-family: Playfair Display;
  font-size: 11px;
  font-weight: 400;
  color: #907455;
  text-tranform: lowercase;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 1px 1px 0px #000;
  box-shadow: 0px -35px 20px -10px rgba(0,0,0,0.5) inset;
      transition: all 0.5s ease-in-out 0s;
}
.epic:hover .epicpic {    -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
       -o-filter: blur(2px);
      -ms-filter: blur(2px);
          filter: blur(2px);
}
.epic:hover .epicname {margin-top: -40px;}
.epicname p {width: 195px;
font-family: pt sans narrow;
font-size: 10px;
text-transform: lowercase;
color: #917698;
box-shadow: 0 -1px 0 rgba(255,255,255,0.1);
margin-left: 5px;
margin-top: 2px !important}

#tabbpost {background: url(http://forumfiles.ru/files/0017/a6/38/58484.jpg);
width: 222px;
height: 140px;
position: absolute;
margin-left: 931px;
  top: 918px}
#bpost {
width: 206px;
margin-top:33px;
margin-left: 6px;
height: 100px;
text-align: justify;
font-family: arial;
font-size: 10px;
line-height: 10px;
overflow-y: auto;
color: #757575;
text-shadow: 1px 1px 0 #000;
padding-right: 5px}
#bpost img {float: left;
margin-top: 3px;
margin-right: 3px}

#tabbanneri {background: url(http://forumfiles.ru/files/0017/a6/38/62256.jpg) no-repeat;
width: 222px;
height: 140px;
position: absolute;
margin-left: 931px;
  top: 1060px}

.plotoc {
margin-top: 33px;
margin-left: 5px;
margin-right: 5px;
overflow-y: auto;
padding-right: 5px;
text-align: center;
height: 93px;
  font-family: georgia;
  text-transform: uppercase;
  font-size: 10px;
  color: #444444
}
.plotoc a {  font-family: tahoma;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;}
.plotoc nik {font-family: times new roman;
font-weight: lighter;
letter-spacing: 1px;
  color: #757575}
.plotoc img {margin-top: 5px !important;
margin-bottom: 5px}

#pun-index .tcr {color:  #555 !important;}


.smilebutton {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2b2b2b 0%, #222222 100%) repeat scroll 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#222222));
    border-radius: 2px;
    border-top: medium none;
box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.03), 1px 1px 0 rgba(0, 0, 0, 0.25), 4px 4px 3px -3px rgba(88, 71, 100, 0.5) inset, 
    -4px -4px 15px -3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(153, 176, 130,0.3), -1px -1px 0 0 rgba(0, 0, 0, 0.05);
    color: #8e8e8e;
    font-family: pt sans narrow !important;
    font-size: 11px !important;
    font-weight: normal;
    padding: 3px 15px;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    width: 200px;
    text-align: center;
    text-transform: uppercase
    }
.smilescont {margin-top: 8px}

#pun-index #forum_f3, #pun-index #forum_f4 {margin-top: 0 !important;}

#pun-announcement .container {margin-top: -80px !important;
margin-bottom: 50px !important;
margin-left: 10px !important;}