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


/*** A1 IMPORT THE COLOUR SCHEME
------------------------------------------------------------- ***/


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

@font-face {   font-family: 'CyGrotesk';
    src: url('/files/001b/9b/e5/93500.eot');
    src: url('/files/001b/9b/e5/93500.eot?#iefix') format('embedded-opentype'),
        url('/files/001b/9b/e5/87492.woff2') format('woff2'),
        url('/files/001b/9b/e5/35498.woff') format('woff'),
        url('/files/001b/9b/e5/89599.ttf') format('truetype'),
        url('/files/001b/9b/e5/88647.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;   }

@font-face {   font-family: 'OpenSans';
    src: url('/files/001b/da/4f/73864.eot');
    src: url('/files/001b/da/4f/73864.eot?#iefix') format('embedded-opentype'),
        url('/files/001b/da/4f/67958.woff2') format('woff2'),
        url('/files/001b/da/4f/23503.woff') format('woff'),
        url('/files/001b/da/4f/98829.ttf') format('truetype'),
        url('/files/001b/da/4f/88934.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;   }

@font-face {   font-family: 'IBMPlexSans';
    src: url('/files/001b/9b/e5/60634.eot');
    src: url('/files/001b/9b/e5/60634.eot?#iefix') format('embedded-opentype'),
        url('/files/001b/9b/e5/78111.woff2') format('woff2'),
        url('/files/001b/9b/e5/72018.woff') format('woff'),
        url('/files/001b/9b/e5/80978.ttf') format('truetype'),
        url('/files/001b/9b/e5/44792.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;   }

@font-face {   font-family: "Neue Machina Ultrabold";
    src: url("/files/0019/a4/9b/33361.eot");
    src: url("/files/0019/a4/9b/33361.eot#iefix") format("embedded-opentype"),
        url("/files/0019/a4/9b/24824.woff2") format("woff2"),
        url("/files/0019/a4/9b/54826.woff") format("woff"),
        url("/files/0019/a4/9b/66237.ttf") format("truetype"),
        url("/files/0019/a4/9b/95428.svg") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: swap;   }

@font-face {   font-family: 'Helvetica Regular';
    src: url('/files/001a/af/4f/61315.eot');
    src: url('/files/001a/af/4f/61315.eot?#iefix') format('embedded-opentype'),
        url('/files/001a/af/4f/60274.woff2') format('woff2'),
        url('/files/001a/af/4f/86300.woff') format('woff'),
        url('/files/001a/af/4f/24698.ttf') format('truetype'),
        url('/files/001a/af/4f/55343.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;   }

@font-face {   font-family: 'Montserrat Regular';
    src: url('/files/001b/81/0a/65378.eot');
    src: url('/files/001b/81/0a/65378.eot?#iefix') format('embedded-opentype'),
        url('/files/001b/81/0a/27250.woff2') format('woff2'),
        url('/files/001b/81/0a/87726.woff') format('woff'),
        url('/files/001b/81/0a/52823.ttf') format('truetype'),
        url('/files/001b/81/0a/65703.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;   }


/*** A2 DEAL WITH BROWSER DEFAULTS AND WONKINESS
------------------------------------------------------------- ***/


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

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

/***   A2.3   ***/
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {   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;
margin-left: 5px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.5px;
font-size: 8px;   }


/*** A3 TEXT SETUP
------------------------------------------------------------- ***/


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

/***   A3.2   ***/
.punbb {   font: normal 68.75% OpenSans, sans-serif;
font-size: 12px!important;   }

/***   A3.3   ***/
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {   font: 1em verdana, OpenSans, sans-serif   }

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

/***   A3.5   ***/
.punbb h1 span {   font-size: 10px;
float: center;
margin-left: 0px;
margin-top: -5px;
padding: 0px 0px 5px 0px;
font-family: OpenSans;
font-weight: bold;
letter-spacing: 0.5px;   }

.punbb h2 span, .punbb legend span {   font-size: 10px;
float: left;
margin-left: 35px;
margin-top: -5px;
padding: 0px 0px 5px 0px;
font-family: OpenSans;
font-weight: bold;
letter-spacing: 0.5px;   }

.punbb h2 span {   font-size: 9px!important;
text-transform: uppercase;   }

/***   A3.6   ***/
.punbb pre {   font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace   }

/***   A3.7   ***/
.punbb address, .punbb em {   font-style: normal;   }

/***   A3.8   ***/
.punbb .post-content em {   font-style: italic;   }

/***   A3.9   ***/
.punbb .post-content em.bbuline {   font-style: normal;
text-decoration: underline;   }

/***   A3.10   ***/
.punbb a {   text-decoration: 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 .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 {   margin: auto;
width: 1050px;
float: center;
padding: 0px 0px 0px 0px;   }

/***   A5.2   ***/
.punbb {   margin-left: 50px;
float: center;
width: 950px;
height: auto;   }

/***   A5.3   ***/
#pun-redirect, #pun-maint {   margin: 50px 20% 550px 20%;
width: 600px;
float: none;
background: #e3e3e3;   }

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

/***   A5.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 none none;
border-width: 0px 0px 0px 0px;   }

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

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



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


/*** B1 PARSED CONTENT, SIGNATURES AND SCROLL BOXES
------------------------------------------------------------- ***/



/***   B1.1   ***/
.punbb .post-content {   padding: 0;
margin-left: 5.1em;
margin-top: 0.0em;
width: 98%;
overflow: hidden;
text-align: justify;   }

/***   B1.2   ***/
.punbb .post-sig dt {   display: block;
text-align: center;
border-top: 0px dashed #242424;
width: 60%;
margin-left: 120px;
padding-bottom: 5px;   }

/***   B1.3   ***/
.punbb .post-content p {   margin: 0;
font-size: 13px;
padding: 0 0 1em 0;
line-height: 140%;   }

/***   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 {   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 {   margin: 1em 1em 2em 1em;
padding: 1em;   }

/***   B1.9   ***/
.punbb .code-box strong.legend {   display: block;
padding: 5px 0px 3px 5px;
font-size: 18px;
letter-spacing: 0.5px;
margin-top: 5px;
margin-bottom: 3px;
color: #e0e0e0;
padding-left: 40px;
text-align: left;
text-transform: uppercase;
font-family: CyGrotesk;  }

.punbb .quote-box cite {   display: block;
padding: 5px 0px 3px 5px;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.3px;
margin-bottom: 3px;
font-style: normal!important;
padding-left: 40px;
color: #272727;
text-transform: uppercase;
font-family: OpenSans;   }


/*** 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%;
text-transform: lowercase;
font-size: 10px !important;
margin-left: 0px;
font-family: 'OpenSans', sans-serif !important;
height: 0;   }

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

/***   B3.3   ***/
.linkst .pagelink {   position: absolute;
top: -4em;
left: -21px;
width: 1010px;   }

/***   B3.4   ***/
.linkst .postlink {   position: absolute;
top: -4em;
right: -21px;
width: 16em;
text-transform: lowercase;
font-size: 10px !important;
font-family: 'OpenSans', sans-serif !important;
text-align: right;
font-weight: bold;   }

/***   B3.5   ***/
.punbb .linksb {   text-align: right;
text-transform: lowercase;
font-size: 10px !important;
font-family: 'OpenSans', sans-serif !important;
margin-left: 10px;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;   }

/***   B3.6   ***/
.linksb .pagelink {   float: left;
width: 18em;
text-align: left;
margin-left: -41px;
text-transform: lowercase;
font-size: 10px !important;
font-family: 'OpenSans', sans-serif !important;   }

/***   B3.7   ***/
.linksb .postlink {   float: right;
width: 16em;
text-transform: lowercase;
font-size: 10px !important;
font-family: 'OpenSans', sans-serif !important;
font-weight: bold;
margin-right: -31px;   }

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



/*************************************************************
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;
font-family: OpenSans;
text-transform: lowercase;
font-size: 10px;   }

/***   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;
text-transform: uppercase;
font-size: 9px!important;
font-family: OpenSans;
font-weight: bold!important;   }

/***   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;
text-transform: uppercase;
margin-left: 15px;
letter-spacing: 0.5px;
font-size: 8px;   }

/***   C1.14   ***/
.punbb .datafield span.input a {   font-weight: normal;   }

/***   C1.15   ***/
.punbb .areafield span.input, .punbb p.longinput span.input {   display: block;
padding: 0 12em 0 0;
height: 100%; /* For IE */   }

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


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

/***   C1.18   ***/
.punbb .helplinks {   display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;   }

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

/***   C1.20   ***/
.punbb .helplinks span {   display: block;
padding-bottom: 0.2em;   }

/***   C1.21   ***/
#pun-post .formal .info-box li {   padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;   }


/*** C2 TABLE LAYOUT
------------------------------------------------------------- ***/


/***   C2.1   ***/
.punbb .main .tcl {   overflow: hidden;
text-align: left;
text-transform: lowercase;
letter-spacing: 0.5px;
font-size: 11px;
width: 50%;   }

/***   C2.2   ***/
.punbb .main .tc2, .punbb .main .tc3 a, .punbb .main .tcmod {   background-color: transparent;
text-align: center;
text-transform: lowercase;
width: 10%;   }

.punbb .main .tc3 {   text-align: center;   }

/***   C2.3   ***/
.punbb .main .tcr {   background-color: transparent;
overflow: hidden;
font-size: 11px;
text-align: left;
letter-spacing: 0.5px;
text-transform: lowercase;
width: 30%;   }

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

/***   C2.5   ***/
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {   background-color: transparent;
text-transform: lowercase;
text-align: center;
width: 20%;   }

/***   C2.6   ***/
#pun-debug table .tcl {   background-color: transparent;
width: 15%;
white-space:normal;   }

/***   C2.7   ***/
#pun-debug .tcr {   background-color: transparent;
width: 90%;
white-space: normal;   }

/***   C2.8 ÏÎÄÔÎÐÓÌ   ***/ 
#pun-index .tcl h3 {   font-family: CyGrotesk;
font-size: 17px;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.3px;
margin-bottom: 0px;
margin-left: 10px;   }

#pun-index .tcl h3 a {   color: #272727;   }

#pun-index .tcl h3 a:hover {   color: #b46f8f;  
transform: scale(1.2);   }

/***   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: 0.8em 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   ***/
#pun-index td div.tclcon {   width: 500px;
padding: 10px 15px 10px 15px;
line-height: 12px;
text-align: justify;
margin-top: 0px;
margin-left: -15px;   }
  
/***   C2.15   ***/
.punbb div.icon {   float: left;
display: block;
height: 15px;
width: 15px;
margin-left: -5px !important;
margin-top: 2px;   }

.punbb .category Div.icon {   float: left!important;
display: block;
position: absolute;
height: 20px;
width: 50px;
margin-left: -92px!important;
margin-top: 9px;   }

#pun-messages.punbb div.icon{   margin-top: 0px!important;   }
  

 /*** C3 TOPICS
------------------------------------------------------------- ***/


/***   CS2.1  ***/
.punbb .container, .punbb .post-body {   border-color:  transparent;   }

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

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

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

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

/***   CS2.6  ***/
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {   border-color: transparent;   }

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

.punbb .divider {   border-color: transparent;   }

.punbb .formal fieldset .post-box, .punbb .info-box {   border: 1px solid transparent;   }

li.pa-online {   border-left-color: transparent;   }

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

/***   C3.2  ***/
.show_user_posts .post h3 {   border-style: none;
border-width: 1px;
border: none;
color: #272727!important;
margin-bottom: 25px!important;   }

.show_user_posts .post h3 a {  color: #272727!important;   }

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

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

/***   C3.5  ***/
.punbb .post .post-author {   float: left;
margin-left: -23px;
margin-top: 10px;
width: 230px !important;
margin-bottom: 21px;
overflow: hidden;
color: #101010;   }

/***   C3.6  ***/
.punbb .post .post-author ul, .punbb .post .post-author p {   padding: 1em 1em 0.5em 1em;
background: #; 
background: url();
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-top: 5px;
border: 1px solid #272727;
line-height: 110%;   }

/***   C3.7  ***/
.pa-author {   font-size: 12px;
padding: 0px 0px !important;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 15px;
margin-bottom: 0px;
font-family: CyGrotesk;
color: #b46f8f!important;   }

/***   C3.8  ***/
.pa-author a {   text-transform: uppercase;
font-family: CyGrotesk;
font-size: 15px;
color: #b46f8f!important;
letter-spacing: 0.5px;   }

.pa-author a:hover {   text-decoration: none;
color: #272727!important;
transition-duration: 1s;   }

/***   C3.9  ***/
li.pa-title {   color: #757575;
margin-left: 1px!important;
text-transform: uppercase;
letter-spacing: 1.3px;
font-size: 6px;
font-weight: bold;
font-family: OpenSans;
margin-top: -1px!important;
padding-top: 1px!important;
margin-bottom: 2px;   }

.post-author li.pa-online {   position: relative;
background: url() no-repeat;
width: 7px;
height: 7px;
background: #b46f8f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0;
left: -5px!important;
top: -5px!important;
font-size: 0px!important;   }

.post-author li.pa-last-visit {   position: relative;
background: url() no-repeat;
width: 7px;
height: 7px;
background: #c2c2c2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0;
left: -5px!important;
top: -5px!important;
font-size: 0px!important;   }

li.pa-respect a {   color: #272727 !important;   }

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

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

.post-box {   position: relative;
overflow: visible !important;   }

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

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

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

/***   C3.16  ***/
.punbb .post-links li {   display: inline;
text-transform: uppercase;
font-family: 'OpenSans', sans-serif;
font-weight: bold;
letter-spacing: 0.7px;
font-size: 8px;
color: #272727!important;
padding-left: 1em;   }

/***   C3.17  ***/



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

/*** äîïîëíèòåëüíûå ïîëÿ ïðîôèëÿ ***/
#pun-main .topic .container ul .pa-fld1 {   font-family: 'OpenSans';
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
color: #000!important;
text-align: center!important;
margin-top: 5px!important;
margin-bottom: 4px!important;
margin-left: -1px;
padding: 3px;
width: 200px;
background: #a6b6a9;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom: 0px dashed #a6b6a9;   }

.pa-fld1 a {   color: #000!important;   }

.pa-fld1 a:hover {   text-decoration: none;
color: #e3e3e3!important;
transition-duration: 1s;   }

#pun-main .topic .container ul .pa-fld2 {   color: #272727;
margin-top: 0px;
margin-bottom: 0px;
text-align: justify !important;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
font-family: 'OpenSans';
font-size: 11px;
background-color: #;
letter-spacing: 0.5px;
margin-left: 0px;
padding: 8px;
border-bottom: 0px dashed #a6b6a9;   }

.pa-fld2 a {   color: #935048!important;   }

.pa-fld2 a:hover {   text-decoration: none;
color: #272727!important;
transition-duration: 1s;   }

.pa-fld4 {   position: absolute;
margin-left: 192px !important;
margin-top: -12px !important;
max-width: 20px;
max-height: 20px;   }


/*** C4 MODERATOR MENU
------------------------------------------------------------- ***/


/***   C4.1  ***/
.punbb .modmenu .container {   padding: 0.5em 1em;
text-align: right;
text-transform: lowercase;
margin-left: -31px;
font-size: 10px !important;
font-family: 'OpenSans', sans-serif !important;   }

/***   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.1  ***/
.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-top: 0.5em;
padding-bottom: 0.2em;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;   }

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

#profilenav h2 span {   padding: 4px!important;
background-color: #bbbbc2!important;
font-size: 9px!important;
font-family: OpenSans;
font-weight: bold!important;
text-transform: uppercase;   }

/***   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;
background-color: #bbbbc2;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
font-weight: bold;
font-size: 9px;
text-transform: uppercase;   }

/***   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;
font-size: 11px;
text-transform: lowercase;   }

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

/***   D1.2  ***/
#pun-title h1 {   display : block;   }

/***   D1.3  ***/
#pun-title .container {   border-style: none none none none;   }

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


/*** D2 PAGE NAVIGATION
------------------------------------------------------------- ****/


/***   D2.1  ***/
#pun-pagelinks {   position: absolute;
top: 55px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;   }

/***   D2.2  ***/
#pun-pagelinks .container {   background: transparent;
border: none;
padding: 0   }

/***   D2.3  ***/
#pun-pagelinks .container li {   display: inline   }

/***   D2.4  ***/
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {   height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.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 {   text-align: center;
margin-left: -80px;
margin-bottom: 0px;
margin-top: -564px;   }

/***   D3.2  ***/
#pun-navlinks .container {   width: 100%;   }

/***   D3.3  ***/
#pun-navlinks li {   display: inline;
padding: 0 3px;   }	  

/***   D3.4  ***/
#pun-navlinks li a {   position: relative;
cursor: pointer;
line-height: 0; 
text-decoration: none;   }

#pun-navlinks li a:after {   display: block;
position: absolute;
left: 0; 
width: 0;
height: 0px; 
background-color: #e3e3e3;
content: "";
transition: width 0.6s ease-out;   }

#pun-navlinks li a:hover:after,
#pun-navlinks li a:focus:after {   width: 100%;   }


/*** D4 USER LINKS
------------------------------------------------------------- ***/


/***   D4.1  ***/
#pun-ulinks {   margin-top: 550px;
margin-bottom: 0px;
margin-left: -50px!important;   }

/***   D4.2  ***/
#pun-ulinks .container {   text-align: center!important;   }

#pun-ulinks .container a::before {   content: "» ";
color: #a17287;
font-size: 10px;
font-weight: normal;   }

/***   D4.3  ***/
#pun-ulinks li, #pun-ulinks li a {   display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;   }

/***   D4.4  ***/
#pun-ulinks li a {   padding: 0 0.3em 0 0.6em   }

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


/*** D5 WELCOME BOX AND TOP BREADCRUMBS
------------------------------------------------------------- ***/


/***   D5.1  ***/
#pun-status {      }
#pun-status .container {   border-bottom: none;
text-transform: uppercase;
border-bottom: 0px solid #000;
font-family: 'OpenSans', sans-serif;
padding: 2px 2px;
letter-spacing: 0.7px;
font-size: 6px;
color: #fff!important;   }

#pun-status a {   text-align: left;
color: #fff!important;   }

#pun-status a:hover {   text-decoration: none;
color: #a17287!important;
transition-duration: 1s;   }

/***   D5.2  ***/
#pun-status .container {   margin-top: -42px!important;
margin-bottom: 40px;
margin-left: -25px;
width: 1000px;   }

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

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

/***   D5.5  ***/
#pun-crumbs1 p.container {   border-top: none;
margin-left: -10px;
padding: 1em 1em 0.8em 1em;
font-size: 10px;
text-transform: uppercase;
font-family: OpenSans;
font-weight: bold;   }

/***   D5.6  ***/
#pun-break1 {   margin: 0 1em;
border-style: solid none;
text-transform: lowercase;
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: 2.5em 1em 1em 1em;
margin-top: -23px; 
line-height: 1.1   }


/*** D7 STATISTICS
------------------------------------------------------------- ***/

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

/***   D7.2  ***/
#pun-stats li.item1, #pun-stats li.item2 {   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: 3px;
border-top-style: solid;
border-top-width: 1px;
width: 750px!important;
line-height: 130%;
font-size: 10px !important;
font-weight: bold;
color: #272727;
font-family: 'OpenSans', sans-serif !important;
text-transform: lowercase !important;
letter-spacing: 0.5px;
text-align: left;   }

/***   D7.5  ***/
li#onlinelist div {   border-top-style: solid;
border-top-width: 1px;
padding: 1.2em 0 0 0em;   }

.statscon li.item1, .statscon li.item2,
.statscon li.item3, .statscon li.item4 {   position:absolute;
display:block;
width:250px;
text-align:left!important;
font-size: 10px !important;
margin-left: -40px;
font-weight: bold;
color: #272727;
font-family: 'OpenSans', sans-serif !important;
text-transform: lowercase !important;
letter-spacing: 0.5px;
border-radius:20px;   }

.statscon li.item1 {   margin-top:13px;   }
.statscon li.item2 {   margin-top:43px;   }
.statscon li.item3 {   margin-top:73px;   }
.statscon li.item4 {   margin-top:103px;   }

.statscon li.item5 {   display:block;
width:730px!important;
margin:0px 0px 0px 240px;
text-align:justify!important;
font-size:9px;
letter-spacing:0.5px;
color:var(--color-link);
border-radius:20px;   }

.statscon li.item5.users_24h {   min-height:100px;   }


/*** 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;
margin-bottom: 0;   }

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

/***   D8.5  ***/
#pun-about p span {   position: absolute;
text-align: center!important;
margin-top: 70px;
display: block;
margin-left: 438px;
font-family: 'OpenSans', sans-serif;
font-weight: bold;
letter-spacing: 0.7px;
color: #000;
font-size: 6px;
text-transform: uppercase;   }

#pun-about p span a {   text-decoration: none;
color: #000;   }

#pun-about p span a:hover {   text-decoration: none;
color: #b46f8f!important;
transition-duration: 1s;   }

/***   D8.6  ***/
#pun-crumbs2 {   overflow: hidden;   }

/***   D8.7  ***/
#pun-crumbs2 .container {   font-size: 10px;
margin-left: -10px;
text-transform: uppercase;
font-family: OpenSans;
font-weight: bold;
border-bottom: none;
padding: 0.8em 1em;   }

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


/*** D9 HELP FILE
------------------------------------------------------------- ***/

/***   D9.1  ***/
#pun-help .formal .info-box h3.legend {   border-bottom-style: none;
border-bottom-width: 0px;
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: none;
border-bottom-width: 0px;
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;   }

textarea {   -ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;   }

.pun-modal.move_posts_form .modal-inner {   background-image: url(https://forumstatic.ru/files/001a/31/3a/40580.jpg);
background-repeat: repeat;   }

.punbb th {   font-size: 0px !important;   }

.pl-delete   {   font-size: 8px !important;
font-family: 'OpenSans', sans-serif !important;
text-transform: uppercase !important;   }

.pl-edit   {   font-size: 8px !important;
font-family: 'OpenSans', sans-serif !important;
text-transform: uppercase !important;   }

.pl-quote   {   font-size: 8px !important;
font-family: 'OpenSans', sans-serif !important;
text-transform: uppercase !important;   }

/***   ÌÎÄÅÐÀÒÎÐÑÊÎÅ ÌÅÍÞ   ***/
.punbb input, .punbb select, .punbb optgroup {   outline: none;
padding: 5px;
font-weight: bold;
letter-spacing: 0px;
font-size: 10px !important;
font-family: 'OpenSans', sans-serif !important;
border: 0px solid #9c9c9c;
background: #c38aa5;   }

.post-author{   position:relative;   }

.icon-p{   position:absolute;
top: -25px;
left: -6px;  }

.podforum {   margin-left: 0px!important;
width: 475px;
text-align: justify;
padding-left: 10px;
font-family: OpenSans;
font-size: 11px;
color: #272727;
text-transform: lowercase;
letter-spacing: 0.5px;
line-height: 1.5;   }

#podlinks {   display: inline-block;
word-spacing: 5px;
padding: 10px;
text-align: left;
width: 475px;
margin-top: 5px !important;
margin-left: 0px!important;
font-family: OpenSans;
font-weight: bold;
text-transform: uppercase !important;
font-size: 8px !important;
letter-spacing: 0.5px;
color: #272727 !important;   }

#podlinks a {   color: #935048!important;
background-color: transparent !important;   }

#podlinks a:hover {   text-decoration: none;
color: #a6b6a9!important;
transition-duration: 1s;   }

div.post-rating p {   position:absolute;margin-left:687px;   }
div.post-vote p {   position:absolute;margin-left:657px;   }

.punbb .user-avatar .avatar-image {   margin-left: 7px;
margin-top: 1px;
border-radius: 50%;
height: 25px!important;
width: 25px!important;
opacity: 0.85;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;   }

.punbb .user-avatar .avatar-image:hover {   transform: rotateY(180deg);
transition: all 1s ease;   } 

#pun-index .category {   background: #; 
border: 0px solid #bbbbc2; 
border-radius: 30px 30px 30px 30px;
padding: 20px 30px !important;
margin-bottom: 40px;
position: relative   }

/***   ÇÀ×ÅÐÊÈÂÀÍÈÅ   ***/
.punbb .post-content del {   filter: blur(2px);
text-decoration: none;   }

.punbb .post-content del:hover {    filter: none; 
text-decoration: none;   }

/***   ÁÛÑÒÐÎÏËÞÑÛ   ***/
.noNull:before {   content: "+";
font-size: 9px;
display: inline-block;
margin-left: -6px;
margin-top: 0px;
position: absolute;   }

div .post-rating p>a {   text-align: center;
outline: 1px solid transparent;
font-weight: 700;
background: url(http://forumstatic.ru/files/001b/da/4f/96734.png) no-repeat center;
background-size: 38px auto;
position: relative;
padding-left: 0px;
padding-top: 3px;
z-index: 100;
width: 38px;
height: 38px;
text-align: center;
font-size: 8px !important;
display: inline-block;
vertical-align: middle;
line-height: 34px;
letter-spacing: -1px;
color: #b46f8f;   }

div.dark-style .post-rating p>a {   color: #c2c2c2 !important;   }

div.post-vote {   margin-bottom: 65px;   }

div.post-vote p>a {   font-size: 0 !important;
position: absolute;
cursor: pointer;
z-index: 200;
width: 23px;
height: 23px;
background: url(http://forumstatic.ru/files/001b/da/4f/71281.png?) no-repeat;
display: block;
background-size: 100%;
margin-left: 29px;
margin-top: 42px;   }

.post.dark-style div.post-vote p>a {   background: url(http://forumstatic.ru/files/001b/da/4f/71281.png?) no-repeat;
background-size: 100%;   }