@import url(style_cs.1560076589.css);
@import url('https://fonts.googleapis.com/css?family=Lora');
 
html { overflow-x: hidden; }
 
/*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
 
/* 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] * {
height:1.8em;
vertical-align:middle;
}
 
/* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body {
font-size:100.01%;
}
 
/* A3.2 */
.punbb {
font:normal 78.75% verdana, 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,.punbb h4,.punbb table,.punbb th {
font-weight:400;
font-size:1em;
}
 
/* A3.5 */
.punbb legend span {
font-size:1.1em;
}
 
.punbb h2 span,.punbb h1 span {
position:relative;
top:5px;
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 {
}
 
/* A3.9 */
.punbb .post-content em.bbuline {
text-decoration:underline;
font-style:normal;
}
 
/* A3.10 */
.punbb a {
text-decoration:underline;
}
 
/* A3.11 */
.punbb optgroup {
font-weight:700;
}
 
/* 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 {
display:block;
visibility:hidden;
clear:both;
overflow:hidden;
height:0;
content:".";
font-size:0;
line-height:0.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 {
position:absolute;
left:-9999px;
overflow:hidden;
width:0;
height:0;
font-size:0;
line-height:0.0;
}
 
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun { 
margin: 0;
padding: 0 0 212px;
width:100%;
}
 
/* A5.2 */
.punbb {
position:relative;
margin:0 auto;
width:940px;
height:auto;
}
 
/* A5.3 */
#pun-redirect {
z-index:100;
width:100%;
height:515px;
background:#fff9ff url(http://forumfiles.ru/files/0019/b5/0d/65168.png) no-repeat top;
}
 
#pun-redirect #pun-main {
position:relative;
z-index:1000;
float:none;
margin:-220px 20% 2px;
width:auto;
background-color: transparent !important
}
 
/* A5.4 */
.punbb .section,.punbb .main {
margin-bottom:0px;
}
 
/* A5.5 */
.punbb .category,.punbb .post {
margin-top:.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-width:0;
border-style:none;
}
 
/* A5.9 */
.punbb .container {
border-width:0;
border-style:none;
}
 
/* A5.10 */
.punbb .section h2,#pun-main h1,#pun-main h2,#pun-stats h2,#pun-debug h2 {
padding:.5em 1em;
border-width:0;
border-style:none;
}
 
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
overflow:hidden;
margin:0;
padding: 5px 5px 5px 5px;
width:100%;
}
 
/* B1.2 */
.punbb .post-sig dt {
display:block;
margin:5px 0;
width:250px;
}
 
/* B1.3 */
.punbb .post-content p {
margin:0;
padding:0 0 1em;
line-height:20px;
font-size: 13px;
}
 
/* B1.4 */
.punbb .post-content img {
vertical-align:text-bottom;
}
 
/* B1.5 */
.punbb .post-content img.postimg {
vertical-align:middle;
}
 
/* B1.6 */
.punbb .post-content .blockcode,.punbb .post-content blockquote {
overflow:hidden;
width:100%;
}
 
/* B1.7 */
.punbb .post-content .scrollbox {
overflow:auto;
width:100%;
}
 
/* B1.8 */
.punbb .post-content .quote-box,.punbb .post-content .code-box {
margin:.4em 1.8em 1.4em;
padding:1em;
border-width:0;
border-style:solid;
border-radius:10px;
}
.quote-box{
background:#000 url(http://s2.uploads.ru/zrdJt.gif)!important repeat;}
 
/* B1.9 */
.punbb .quote-box cite,.punbb .code-box strong.legend {
display:block;
margin:0;
padding-bottom:.7em;
font-weight:700;
font-style:normal;
font-size:1.1em;
}
 
/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
margin:0 0 1.1em;
padding:1.1em 1.7em 1em;
border-width:0;
border-style:solid;
}
 
/* B2.2 */
.punbb .info-box * {
padding:0 0 .7em;
}
 
/* B2.3 */
.punbb #pun-main .info-box .legend {
font-weight:700;
font-size:1.1em;
}
 
/* B3 Pagination and posting links
-------------------------------------------------------------*/
/* B3.1 */
.punbb .linkst {
position:relative;
bottom:10px;
float:left;
width:100%;
height:0;
font-size:1.1em;
}
 
/* B3.2 */
.multipage {
margin-top:3em;
}
 
/* B3.3 */
.linkst .pagelink {
position:absolute;
top:-4em;
left:1em;
width:24em;
}
 
/* B3.4 */
.linkst .postlink {
position:absolute;
top:-4em;
right:1em;
width:16em;
text-align:right;
font-weight:700;
}
 
/* B3.5 */
.punbb .linksb {
padding:.4em 1em .5em;
text-align:right;
font-size:1.1em;
}
 
/* B3.6 */
.linksb .pagelink {
float:left;
margin-top:7px;
width:24em;
text-align:left;
}
 
/* B3.7 */
.linksb .postlink {
float:right;
width:16em;
font-weight:700;
padding: 2px 1px 1px 1px;
}
 
/* B3.8 */
.subscribelink {
clear:both;
padding-top:.3em;
padding-bottom:.5em;
}
 
/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
padding:1.7em 2.3em 1.1em;
}
 
/* C1.2 */
.punbb .formsubmit {
margin:1em 0 0;
padding:0 0 0 1.7em;
}
 
/* C1.3 */
.punbb .formsubmit input,.punbb .formsubmit a,.punbb .formsubmit span {
margin:0 .6em 0 0;
width:130px;
height:25px;
cursor:pointer;
}
 
/* C1.4 */
.punbb fieldset {
margin:0 0 1em;
padding:0 18px;
border-width:0;
border-style:solid;
}
 
/* C1.5 */
.punbb fieldset legend {
margin:0 0 0 11px;
padding:0;
font-size:1.1em;
}
 
/* C1.6 */
.punbb fieldset legend span {
margin:0 0 0 -15px;
padding:0 20px;
}
 
/* C1.7 */
.punbb fieldset fieldset {
margin:0;
padding:0 0 8px;
border-style:none;
}
 
/* C1.8 */
.punbb .fs-box {
padding:1em 0 .8em;
}
 
/* C1.9 */
.punbb .fs-box p,.punbb .fs-box fieldset {
padding:0 0 .8em;
}
 
/* 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:700;
}
 
/* C1.14 */
.punbb .datafield span.input a {
font-weight:400;
}
 
/* C1.15 */
.punbb .areafield span.input,.punbb p.longinput span.input {
display:block;
padding:0 12em 0 0;
height:100%;
/* For IE */
}
 
/* C1.16 */
.punbb textarea {
margin:0;
padding:5px;
width:64%;
border:1px inset #FFF;
border-radius:15px;
}
 
.punbb .longinput input {
margin:0;
width:64%;
}
 
/* C1.17 */
.punbb .hashelp {
position:relative;
}
 
/* C1.18 */
.punbb .helplinks {
position:absolute;
top:1em;
right:0;
display:block;
width:36%;
font-weight:400;
}
 
/* c1.19 */
.punbb #profile .helplinks {
top:1.5em;
}
 
/* C1.20 */
.punbb .helplinks span {
display:block;
padding-bottom:.2em;
}
 
/* C1.21 */
#pun-post .formal .info-box li {
margin:0;
padding-left:4px;
list-style-position:inside;
list-style-type:square;
line-height:1.5;
}
 
/* 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:left;
}

/* 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-weight:700;
font-size:1.2em;
padding: 8px 0px 9px 0px;
}
 
/* C2.9 */
.punbb td span.youposted {
position:absolute;
margin-left:-1em;
font-weight:700;
}
 
/* C2.10 */
.punbb td .modlist {
display:none;
padding-top:.3em;
}
 
/* C2.11 */
.punbb .main td {
padding:.8em 1em;
border-width:0;
border-style:none;
}
 
/* C2.12 */
.punbb .main th {
padding:.4em 1em;
border-width:0;
border-style:none;
}
 
/* C2.13 */
.punbb .main tbody .tcl {
border-right:0 solid;
}
 
.punbb .main tbody .tcr {
border-left:0 solid;
}
 
/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left:3.2em;
}
 
/* C2.15 */
.punbb div.icon {
margin-top:.1em;
border-style:none;
line-height:0.0;
}
 
/* C2.16 */
.punbb table div.icon {
position:relative;
display:block;
float:left;
margin-left:-1.2em;
width:60px;
height:50px;
font-size:1.05em;
filter: opacity(0.8);
}
 
#pun-main table div.tclcon {
margin-left:45px;
}
 
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
margin-top:-1px;
padding-bottom:1px;
border-width:0;
border-style:none none double;
}
 
/* C3.2 */
.punbb .post h3 {
border-width:0;
border-style:solid none none;
}
 
/* C3.3 */
.punbb .post h3 span {
display:block;
margin-left:235px;
padding:.5em 1em;
padding-top:7px;
border:2px;
border: 2px solid #888aef;
background-color: #c9c8e7;
box-shadow: inset 2px -2px 2px #888aef;
border-radius: 30px 30px 0px 0px;
}
}
 
/* C3.4 */
.punbb .post h3 strong {
float:right;
width:5em;
text-align:right;
font-weight:400;
}
 
/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  overflow: hidden;
  }

.post-author {
border: 0px solid red;
margin-left: -21px !important;
margin-top: 0px !important;
padding-bottom: 5px;
padding-right: 9px;
color: #818889;
z-index:1001;
text-align: center;
width: 262px !important;
min-height: 290px;
background: url(http://forumfiles.ru/files/0019/b5/0d/82054.png) top center no-repeat, url(http://forumfiles.ru/files/0018/62/1b/91887.png) bottom center no-repeat, url(http://forumfiles.ru/files/0018/62/1b/89498.png) top center repeat-y;
}
.post-author a {color:#898af0 !important; text-shadow: 0px 1px 0px #b4b6ed !important; }
.post-author a:hover {color:#b4b6ed !important; text-shadow: 0px 1px 0px #898af0 !important; teaxt-decoration: none !important;}

.pa-avatar item2 {
border-radius: 50% !important;
}

/* C3.6 */
.punbb .post .post-author ul,.punbb .post .post-author p {
padding: 22px 22px 1em;
line-height:140%;
}
 
/* C3.7 */
.pa-author {
font-weight:700;
font-size:16px;
text-transform: uppercase;
}
 
/* C3.8 */
.pa-author a {
text-decoration:none;
font-weight:700;
}
 
/* C3.9 */
li.pa-title {
padding-bottom:.4em;
font-weight:700;
}
 
/* C3.11 */
.punbb .post-body {
margin-left:19em;
padding:0 0 1px;
border-left-width:0;
border-left-style:solid;
}
 
/* C3.12 */
.punbb .post-box {
padding:1em;
}
 
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom:.8em;
}
 
/* C3.14 */
.punbb .post-links {
margin-left:19em;
border-left-width:0;
border-left-style:none;
}
 
/* C3.15 */
.punbb .post-links ul {
margin-left:-19em;
padding:15px 11em 0 0;
height:2em;
border-top-width:0;
border-top-style:none;
background:transparent;
text-align:right;
line-height:2em;
}
 
/* 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:1.1em 1em;
text-align:right;
}
 
/* C4.2 */
.punbb .modmenu strong,.punbb .modmenu a {
height:1.8em;
line-height:1.8em;
}
 
/* C4.3 */
.punbb .modmenu .container strong {
float:left;
}
 
/* C4.4 */
.punbb .modmenu input {
margin-left:1em;
}
 
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
padding:.8em 1em;
}
 
/* C5.2 */
.punbb .info .container .backlink {
padding-top:.8em;
}
 
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
padding-left:18.6em;
}
 
/* C6.2 */
#profilenav {
display:inline;
float:left;
margin-left:-16.3em;
width:14em;
}
 
/* C6.3 */
#profilenav li {
padding-bottom:.8em;
font-weight:700;
}
 
/* C6.4 */
#viewprofile ul,#profilenav ul {
margin:0 0 1em;
padding:1.5em 18px .8em;
border-width:0;
border-style:solid;
}
 
/* C6.5 */
#viewprofile h2,#profilenav h2 {
margin:0 14px -.6em;
padding:0;
border:none;
background:transparent;
}
 
/* C6.6 */
#viewprofile h2 span,#profilenav h2 span {
position:relative;
padding:0 5px;
}
 
/* C6.7 */
#viewprofile li,#setmods dl {
margin-bottom:.2em;
padding:0 0 0 16em;
}
 
/* C6.8 */
#viewprofile li span {
float:left;
margin-left:-16em;
padding:.5em 1em;
width:14em;
font-weight:700;
}
 
/*C6.9 */
#setmods dt {
display:inline;
float:left;
margin-left:-16em;
padding:.8em 1em;
width:14em;
font-weight:700;
}
 
/* C6.10 */
#viewprofile li strong,#viewprofile li div,#setmods dd {
display:block;
padding:.5em 1em;
font-weight:400;
}
 
/* C6.11 */
.punbb img.avatardemo {
float:right;
margin:0 0 .8em 1.8em;
}
 
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal,#pun-userlist .formal .container {
margin-bottom:0;
border-bottom:none;
}
 
/* C7.2 */
#pun-userlist .usertable .container {
padding:0 2.3em 2.3em;
border-top:none;
}
 
/* C7.3 */
#pun-userlist .usertable table {
border-width:0;
border-style:solid;
}
 
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
border-width:0;
border-style:none;
top:0;
}
 
/* D1.2 */
#pun-title h1 {
display:block;
padding:2em 1em 0;
}
 
/* D1.3 */
#pun-title .container {
border-style:none;
}
 
/* D1.4 */
#pun-title h1 span {
display:none;
font-size:1.5em;
}
 
#pun-title table {
position:absolute;
top:25px;
width:100%;
height:0;
border:none;
}
 
#pun-title td.title-logo-tdl {
border:none;
}
 
#pun-title td.title-logo-tdr {
width:468px;
border:none;
}
 
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
position:absolute;
top:-15px;
left:0;
margin:0;
padding:0;
width:100%;
border:none;
}
 
/* D2.2 */
#pun-pagelinks .container {
padding:0;
border:none;
background:transparent;
}
 
/* D2.3 */
#pun-pagelinks .container li {
display:inline;
}
 
/* D2.4 */
#pun-pagelinks li a,#pun-pagelinks a:link,#pun-pagelinks a:hover {
display:block;
float:left;
margin-left:-9999px;
padding:0;
width:100%;
height:2em;
font-size:1.2em;
line-height:2em;
}
 
/* 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-style: solid;
  border-width: 0;
  position: absolute;
  top: 100px;
  width: 100%;
}
 
#pun-navlinks .container {
margin:0;
border-width:0;
border-style:none;
}
 
/* D3.2 */
#pun-navlinks .container {
padding:.7em 1em;
}
 
/* D.3 */
#pun-navlinks li {
display:inline;
padding-right:1em;
}
 
/* D3.4 */
#pun-navlinks li a {
font-size:17px;
}
 
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
position:relative;
margin-top:0;
margin-top:0;
margin-bottom:50px;
border-width:0;
border-style:solid;
  position: relative;
  top: -145px;
}
 
.punbb-admin #pun-ulinks {
display:none;
}
 
/* D4.2 */
#pun-ulinks .container {
padding:.7em 1em;
border-top:none;
}
 
/* D4.3 */
#pun-ulinks li,#pun-ulinks li a {
display:inline;
border-left-width:0;
border-left-style:none;
white-space:nowrap;
}
 
/* D4.4 */
#pun-ulinks li a {
padding:0 .3em 0 .6em;
}
 
/* D4.5 */
#pun-ulinks li.item1,#pun-ulinks li.item1 a {
padding-left:0;
border-left-width:0;
border-left-style:none;
}
 
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status,#pun-status .container {
position:absolute;
top:50px;
margin-left:10px;
height:60px;
border-bottom:none;
}
 
/* D5.2 */
#pun-status .container {
padding:0.8em 1em 1em;
display: none;
}
 
/* D5.3 */
#pun-status span {
display:block;
float:none!important;
margin-right:.5em;
white-space:nowrap;
}
 
/* D5.4 */
#pun-crumbs1 {
overflow:hidden;
margin-top:0;
font-weight:700;
}
 
/* D5.5 */
#pun-crumbs1 p.container {
padding:1em 1em .8em;
border-top:none;
font-size:1.1em;
color: #888aef;
z-index: -100000;
position: absolute;
}
 
/* D5.6 */
#pun-break1 {
z-index:1;
display:none;
margin:0 1em;
margin:-2px 18em;
height:0;
border-width:0;
border-style:solid none;
}
 
/* D6 Announcement
-------------------------------------------------------------*/
/* D6.1 */
#pun-announcement {
margin-top:105px;
}
 
#pun-announcement h2 {
position:relative;
margin-top: -252px;
padding:0;
border-width:0;
border-style:none;
font-weight:700;
}
 
/* D6.2 */
#pun-announcement h2 span {
display:block;
display:none;
padding:1em 0 .8em;
border-bottom-width:1px;
border-bottom-style:solid;
}
 
/* D6.3 */
#pun-announcement .container {
padding: 0em 1em 1em;
}
 
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats .container {
padding:.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 {
float:left;
margin-top:1em;
width:100%;
border-top-width:0;
border-top-style:none;
line-height:130%;
text-align: left;
}
 
/* D7.5 */
li#onlinelist div {
padding:.7em 0 0;
border-top-width:0;
border-top-style:none;
}
 
/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
/* D8.1 */
#pun-qjump {
position:relative;
float:left;
margin:0;
width:50%;
border:none;
}
 
/* D8.2 */
#pun-qjump .container {
padding:.8em 1em;
border:none;
background:transparent;
}
 
/* D8.3 */
#pun-about {
margin-top:0;
}
 
/* D8.4 */
#pun-about .container {
padding:.8em 1em;
border-top-style:none;
text-align:right;
line-height:150%;
}
 
/* D8.5 */
#pun-about p span {
display:block;
padding-left:50%;
color: #898af0;
}
 
/* D8.6 */
#pun-crumbs2 {
overflow:hidden;
margin-bottom:0;
border-bottom:none;
font-weight:700;
}
 
/* D8.7 */
#pun-crumbs2 .container {
padding:.8em 1em;
border-bottom:none;
font-size:1.1em;
color: #898af0;
}
 
/* D8.8 */
#pun-break4 {
position:relative;
z-index:1;
margin:-2px 1em;
height:0;
border-width:0;
border-style:solid none;
}
 
/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-width:0;
border-top-style:solid;
}
 
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
margin-bottom:.8em;
padding-bottom:0;
border-bottom-width:0;
border-bottom-style:solid;
}
 
/* D9.2 */
#pun-help .formal .info-box h3.legend span {
display:block;
padding-bottom:.6em;
border-bottom-width:0;
border-bottom-style:solid;
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 mono", "courier new", courier, monospace;
}
 
/* D9.8 */
#pun-help .formal .parsedmsg,#pun-help .formal .parsedmsg .incode {
padding-bottom:0;
}
 
td.tcr a {  
background: url("http://forumfiles.ru/files/0019/b5/0d/31584.png") 2px 30% no-repeat transparent;
padding-left: 15px;}
 
#pun-main .code-box,
#pun-main .quote-box{
border: 4px dotted #c9c8e7;
}

/*строка*/
#logobottom {
background: url(http://forumfiles.ru/files/0019/b5/0d/54059.png) top no-repeat;
width: 1000px;
margin-left: -30px;
margin-top: -40px;
}

#partners {
text-align: center; 
height: 222px; 
margin-left: 0px; 
margin-top: 0px; 
overflow: auto; 
padding: 10px; 
width: 130%; 
z-index: 100;
}
#partners img {
opacity: 0.5;
}
#partners img:hover, #partners img:focus {
opacity: 1.0;
}

#postebox {
text-align: center;
height: 100px;
border: solid #b5b6ef;
background: #c9c8e7;
margin-left: 58px;
margin-top: 0px;
overflow: auto;
padding: 10px;
width: 502px;
z-index: 100;
}

#game {
text-align: center;
height: 90px;
margin-left: -420px;
margin-top: 20px;
overflow: auto;
padding: 6px;
position: absolute;
width: 120px;
z-index: 100;
background: #c9c8e7;
border: 3px solid #b5b6ef;
}
#game img {
opacity: 0.5;
border-radius: 5px;
max-width: 70px;
max-height: 50px;
}

#admin{
text-align: center;
height: 90px;
margin-left: -290px;
margin-top: 20px;
overflow: none;
padding: 6px;
position: absolute;
width: 90px;
z-index: 100;
}
#admin img {
opacity: 0.5;
border-radius: 5px;
width: 100%;
}

#postava {
text-align: center;
height: 192px;
margin-left: 0px;
margin-top: -2px;
overflow: auto;
padding: 3px;
width: auto;
z-index: 100;
}
#postava img {
opacity: 0.5;
border-radius: 50%;
max-width: 180px;
}
#postava img:hover, #postava img:focus, #game img:hover, #admin img:hover {
opacity: 1.0;
}

#best {
text-align: center;
height: 90px;
margin-left: -700px;
margin-top: 20px;
overflow: auto;
padding: 6px;
position: absolute;
width: 270px;
z-index: 100;
background: #c9c8e7;
border: 3px solid #b5b6ef;
}
#best img {
opacity: 0.5;
border-radius: 5px;
max-width: 70px;
max-height: 50px;
}
#best img:hover, #best img:focus {
opacity: 0.9;
}


/*новостньи*/
#news-screen {
color: #2f1611; 
height: 270px; 
margin-left: -35px; 
overflow-y: auto; 
position: relative; 
top: -210px; 
width: 364px;
opacity: 0.95;
overflow: hidden;
}
#news-screen p {
margin: 3px 0;
}
#news-screen span {
background: none repeat scroll 0 0 #B3C7EA;
border-radius: 5px 5px 5px 5px; 
color: #2f1611; 
padding: 0 2px;
}

#news-screen:hover{
opacity: 1}


/*инфо*/
#info-cont {
color: #2f1611; 
height: 85px; 
margin-left: 0px; 
position: relative; 
top: 0px; 
width: 348px;
display: none;
}
#info-cont1 {
height: 160px; 
margin-left: 1064px; 
position: relative; 
top: 143px; 
width: 80px;
display: none;
}


/*новое акции*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Teko:700);
.snip1543 {
  color: #ffffff;
  font-family: 'Lora', serif;
  font-size: 12px;
  margin: 14px 0px;
  max-width: 100%;
  min-width: ;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
background-color: transparent;
}

.snip1543 *,
.snip1543 *:before,
.snip1543 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}

.snip1543:before,
.snip1543:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: transparent;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543:before {
  -webkit-transform: skew(30deg) translateX(-80%);
  transform: skew(30deg) translateX(-80%);
}

.snip1543:after {
  -webkit-transform: skew(-30deg) translateX(-70%);
  transform: skew(-30deg) translateX(-70%);
}

.snip1543 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
  padding: 25px 40% 25px 20px;
}

.snip1543 figcaption:before,
.snip1543 figcaption:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #28284e;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: -1;
}

.snip1543 figcaption:before {
  -webkit-transform: skew(30deg) translateX(-100%);
  transform: skew(30deg) translateX(-100%);
}

.snip1543 figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-90%);
  transform: skew(-30deg) translateX(-90%);
}

.snip1543 h3,
.snip1543 p {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
text-align: justify;
}

.snip1543 h3 {
  font-family: 'Lora', serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}

.snip1543 p {
  font-size: 0.9em;
}

.snip1543 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1543:hover h3,
.snip1543.hover h3,
.snip1543:hover p,
.snip1543.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.snip1543:hover:before,
.snip1543.hover:before {
  -webkit-transform: skew(30deg) translateX(-20%);
  transform: skew(30deg) translateX(-20%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.snip1543:hover:after,
.snip1543.hover:after {
  -webkit-transform: skew(-30deg) translateX(-10%);
  transform: skew(-30deg) translateX(-10%);
}

.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before {
  -webkit-transform: skew(30deg) translateX(-40%);
  transform: skew(30deg) translateX(-40%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-30%);
  transform: skew(-30deg) translateX(-30%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

/* menu */
*{
        		margin: 0;
        		padding: 0;
        		box-sizing: border-box;
        		font-family: 'Lora', serif;
        	}
        	nav{
        		width: 100%;
        		height: 95px;
        		text-align: center;
        		padding: 10px 0px 10px 0px;
        		overflow: hidden;
        		border-top: 2px solid #fff;
        	}
        	nav a{
        		text-decoration: none;
        		display: block;
        		width: 135px;
        		float: left;
        		color: #fff;
        		padding: 15px;
        		transform: rotate(-45deg);
        		padding-left: 45px;
        		box-shadow: 0 0 5px #000;
        		position: relative;
        		font-size: 15px;
        		text-shadow: 1px 1px 1px #000;
        	}
        	#plot{
        		background: url(https://i.ibb.co/6XNHX56/image.png);
                        color: #fff;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#faq{
                        background: url(https://i.ibb.co/54GZp9c/2.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#illusion{
                        background: url(https://i.ibb.co/K7SHmdQ/3.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#action{
                        background: url(https://i.ibb.co/02SJMbQ/4.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#roles{
                        background: url(https://i.ibb.co/FxcxWbF/5.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#rules{
                        background: url(https://i.ibb.co/NxYKM2C/6.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#need{
                        background: url(https://i.ibb.co/jvDFDnv/7.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#chrono{
                        background: url(https://i.ibb.co/QMNfV4d/8.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#shop{
                        background: url(https://i.ibb.co/7Syf0b9/9.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#volume{
                        background: url(https://i.ibb.co/crSPPFy/3.png);
                        color: #fff;
        		margin-left: -52px;
                        filter: saturate(0.3);
                        border-radius: 35px;
        	}
        	#plot:hover,#faq:hover,#illusion:hover,#action:hover,#roles:hover,#rules:hover,#need:hover,#chrono:hover,#shop:hover,#volume:hover,
        	#plot:focus,#faq:focus,#illusion:focus,#action:focus,#roles:focus,#rules:focus,#need:focus,#chrono:focus,#shop:focus,#volume:focus{
        		background-color: #fafafa;
        		color: #5e5e7c;
        		text-shadow: none;
                        filter: saturate(1);
        	}

/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: outset 2px #dfe8f8!important;
border-radius: 10px;
background: rgb(205, 205, 252); 
padding: 9px;
font: normal normal 400 11px/normal Verdana;
}

/* дополнение*/
   .punbb td div.tclcon {
  margin-left: 5px;
padding-left: 4px;
}

#pun-index td div.tclcon {
   color: #5c5e82;
    margin-left: 10px;
    margin-top: 4px;
    font-family: 'Lora', serif !important;
    width: 500px;
    min-height: 70px;
    font-size: 12px;
    padding: 2px 15px 20px 10px;
    text-align: justify;
    line-height: 100%;
    background: url(https://i.ibb.co/7S3VpMC/up.png) top no-repeat, url() bottom no-repeat, url(https://i.ibb.co/yNzvWt7/body.png) repeat-y;
    border-radius: 8px;

}

.punbb .main .tcr a {
  font-size: 13px !important;
  font-weight: normal;
      }

.category thead{
    display:none;
}

/***тем и сообщений***/
#pun-index .category .tc2,#pun-index .category .tc3 {
display:none!important;
}
.Tems_And_messages {
display:inline-block;
border: 0px solid red;
text-align: center;
font-size: 10px;
font-weight: bold;
}
.Add {
display:inline-block;
border: 0px solid blue;
background-color: transparent; 
padding-top: 0px;
}
.Tems_And_messages .right{
border: 0px solid teal;
font-style: normal;
}

.pa-avatar img[alt] {

    border-radius: 10%;
    margin-top: 0px;
    margin-left: 8px;
}

.pa-fld1 {

border: 5px solid #b4b6ed;
background: #cdcdfc;

}

.pa-fld2 {

border: 5px solid #b4b6ed;
background: #cdcdfc;

}

a.permalink:nth-child(5) {
	position: absolute;
	margin-top: -12px;
}

.admain {
  margin-top: 150px;
  }

/* senshi
-------------------------------------------------------------*/

.post[data-group-id='1'] .pa-avatar.item2::before
{
    position: absolute;
    z-index: 25;
    margin-top: -20px;
    margin-left: 175px;
    display: block;
    width: 50px;
    height: 50px;
    content: attr(data-title);
    background: url(http://forumfiles.ru/files/0019/b5/0d/64392.png)!important;
    opacity: 0.4;
}

 #main-reply {
	background-image: url(http://s5.uploads.ru/mdD1h.png);
	background-position: right;
	background-repeat: no-repeat;
}

/*спойлерок*/
details summary {
  width: 10em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;  /* блок раскрывается при щелчке по кнопке, а не по всей строке */
  outline-style: none;  /* удалить обводку при фокусе */
  cursor: pointer;
  padding: 0px 0px 0px  40px;
  font-size: 14px;
  color: #2f3054;
}
details summary::-webkit-details-marker {  /* нестандартный псевдоэлемент Google Chrome */
  display: none;
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

/*репутация*/
}
#pun-report .bg,
#pun-reputation .bg,
#pun-admin-award-form .bg {
  display: none;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #333;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  cursor: pointer;
  z-index: 10000 !important;
}
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -135px 0 0 -384px;
  width: 768px;
  z-index: 100;
  box-shadow: 0 0 40px #222;
  -webkit-box-shadow: 0 0 40px #222;
  -moz-box-shadow: 0 0 40px #222;
  -khtml-box-shadow: 0 0 40px #222;
  background: #a8a8e4;
  z-index: 10061 !important;
  border-radius: 13px;
}

/* убрать кнопки граф и влож*/
#button-graffiti_rusff{display: none;}
#button-files_rusff {display: none;}
 a.sharelink{display: none;}

/* высота в первом сообщении*/
a.permalink:nth-child(4) {
position: absolute;
padding: 0px 0px 0px 20px;
margin-top: 0px;
}