html,body {    min-width: 1000px!important;
    margin-left: 0px!important;}/*!Правка для мобильных Устройств с мелким Экраном*/


body {
background-image: url(https://i.imgur.com/WzibCgb.png);
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: cover;
    background-color: #000;
}


#pun {
margin-top: 55px!important;
    background-color: #e1e1e1;
    padding: 0px 20px 0px 20px;
    margin-bottom: 40px!important;
  }

#pun-title table {      
background-image: url(https://i.imgur.com/Vm98LEN.png);
    background-repeat: no-repeat;
 }

#pun-about p.container {
    background-image: url(https://i.imgur.com/qYV3jUB.png);
    position: absolute;
    background-repeat: no-repeat;
    height: 39px;
    text-align: left;
    width: 1040px;
    margin-left: -21px!important;
}




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

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

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

#pun-index .category table { 
width: 85%!important;
    margin-left: 45px!important; padding: 10px 0px 10px 0px!important; }

.punbb .main .tcr span {     font: 600 11px 'exo 2'; } 

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: right;
    background: #262c2c;
    color: #e1caa1;
    font-family: 'Exo 2';
    font-size: 12px;
    font-weight: 600;
  }

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {background-color: transparent;color: #707070;text-transform: uppercase;letter-spacing: 1px;font-family: 'Exo 2';font-size: 8px!important;font-weight: 600;}


/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #312821;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #312821;
  }

/* CS1.8 */
#pun-navlinks .container {
    background-color: transparent;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -1px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    margin-top: -239px!important;
    margin-bottom: 209px!important;
    font-family: 'Exo 2';
    font-size: 16px;
    z-index: 2;
    position: relative;
  }

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

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

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

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

/* 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 */
.punbb .quote-box, .punbb .code-box {
border-color: transparent;
  }

#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: 0px solid #dedfdf
  }

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



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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    color: #5f787c;
  }

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

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #c1a572; 
  }

/* CS3.3 */
#pun-navlinks a {
  color: #e1caa1;
  text-decoration: none;
    font-weight: 600;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #5f787c;
  text-decoration: none;
    font-weight: 600;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #312821;
  }

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

Div.icon {background-image : url(https://i.imgur.com/vtk4FSO.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(https://i.imgur.com/8rW5E2G.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(https://i.imgur.com/IMwXtym.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(https://i.imgur.com/ULXmAx8.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(https://i.imgur.com/vtk4FSO.png); background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}


/* убрать ненужное */

#pun-status .status-right {
    float: right;
    display: none; }
#pun-title .title-logo span {display: none;}
.lastedit {display:none}
.pl-reports {display:none!important;}
#pun-live-rusff span.cooltext {display: none;}
#pun-live-rusff {display: none;}
.topic a.sharelink { display: none; }
#pun-index thead {display: none;}
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#similar-topics {display: none;}


.punbb #move_posts_form .formal>form.container  { background: #dbdbdb; border-radius:0px; }

.stickytext,.closedatafield{ display:none;}


/* прокрутка */

::-webkit-scrollbar {width: 5px;height: 3px;}  
::-webkit-scrollbar-track {background-color: #d9d9d9;} 
::-webkit-scrollbar-thumb {background-color: #8b6f3f;}
::-webkit-scrollbar-thumb:active {background: #56696c;}



/* профиль */

.pa-fld1 .fld-name {display: none;}
.pa-fld2 .fld-name {display: none;}
.pa-fld3 .fld-name {display: none;}
.pa-fld5 .fld-name {display: none;}

.pa-fld1 {padding-top: 0px!important;padding-bottom: 0px!important;background: url(-);background-repeat: no-repeat;width: 200px;margin-top: 2px!important;margin-left: 13px!important;} 


.pa-fld2 {
    padding: 5px 10px 19px 10px!important;
    text-align: justify;
    width: 180px;
    margin-left: 12px!important;
    line-height: 12px!important;
    letter-spacing: 0px;
    color: #bfbcb7;
    text-transform: lowercase;
    margin-top: 5px!important;
    font-family: 'Exo 2';
    font-size: 10px;
    background: #353838;
    } 

.lz {
    text-transform: uppercase;
    color: #bfbcb7;
    text-align: center;
    padding-top: 5px!important;
    padding-bottom: 3px!important;
    font-family: exo-2;
    font-size: 12px;
    } 

.lz a { color: #e1caa1!important; } 

.lr {
    text-align: center;
    text-transform: lowercase;
    border-bottom: 2px #46423b solid;
    padding: 0px 0px 6px 0px!important;
    margin-bottom: 4px!important;
    }

.pa-fld3 {
    background: #323434;
    color: #e1caa1!important;
    border: 1px #46423b solid;
    width: 100px;
    margin: -11px 0px 0px 62px!important;
    padding: 3px 0px 3px 0px!important;
    font: 700 11px franklin gothic medium;
    border-radius: 0px;
    }

.pa-posts, .pa-respect, .pa-fld4 {
    display: inline-block;
    margin: 10px 10px 0px 8px!important;
    width: 56px;
    font: 300 8px verdana!important;
    letter-spacing: 0px;
    color: #bfbcb7!important;
    text-align: center;
    line-height: 12px!important;
    text-transform: uppercase;
}

.pa-fld4 { width: 40px!important; } 

.pa-last-visit {
    font: 300 8px verdana;
    line-height: 12px;
    text-transform: uppercase;
    padding-top: 20px!important;
    color: #bfbcb7!important;
    font-family: 'Exo 2';
    font-size: 7px;
    letter-spacing: 1px;
    font-weight: 600;
    } 


/* главная и остальные страницы */

.punbb .user-avatar .avatar-image {
    border-radius: 0px!important;
    height: 36px;
    width: 36px;
    opacity: 0.65!important;
    filter: grayscale(1)!important; margin: -2px 13px 0px 0px!important; }

#main-reply {
    width: 100%;
    background: #d9d9d9; } 

.pa-avatar img{border-radius: 0px!important;} 

.footer {
    position: absolute;
    text-align: justify;
    line-height: 18px;
    overflow: auto;
    height: 34px;
    width: 742px;
    padding-right: 16px;
    right: 11px;
    bottom: -16px;
    }

.footer img { filter:grayscale(0.8) opacity(0.7); }
.footer img:hover { filter:grayscale(0) opacity(1);}

.opfor {          -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-align: justify;
    line-height: 15px;
    color: #838383;
    text-transform: lowercase;
    padding: 11px 0px 10px 0px!important;
    font-family: 'Exo 2';
    font-size: 11px;
 }

div#form-buttons {     padding: 2px 0px 10px 5px!important; } 
.punbb td.tc2 { color: #8b8b8b!important;}
.punbb td.tc3 { color: #8b8b8b!important;}


#font-area, #size-area {
    right: unset !important;
    overflow: auto;
    height: 200px;
    background: #cfcfcf!important;
    border-radius: 0px;
}

#tags .container {
    background: #cfcfcf!important; }

/* шапка */ 

.dst-t, .dst-j, .dst-n, .dst-g, .dst-p, .dst-a, .dst-np {position: absolute;     -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%; z-index: 2;}

.dst-t {
    letter-spacing: -2px;
    color: #e1caa1!important;
    top: 50px;
    left: 1px;
    text-transform: lowercase;
    font-family: 'Exo 2';
    font-size: 49px;
    font-weight: 700;
    width: 1040px;
    text-align: center;
    } 

.dst-j {
    top: 103px;
    left: 1px;
    color: #e1e1e1;
    font-family: 'Exo 2';
    width: 1040px;
    text-align: center;
    } 

.dst-n {
    top: 142px;
    right: 25px;
    } 

.dst-g {
    top: 38px;
    left: 1px;
    line-height: 24px!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Exo 2';
    font-size: 8px;
    width: 1040px;
    text-align: center;
    } 

.dst-g a {color:#e5e5e5!important;/* background: #897d8d; */border-radius: 3px;padding: 2px 5px 3px 5px!important;}

.dst-p {
    top: 46px;
    right: 24px;
    text-transform: lowercase;
    text-align: justify;
    color: #e1e1e1;
    padding: 0px 15px 10px 15px;
    width: 236px;
    line-height: 15px!important;
    height: 80px;
    overflow: auto;
    font-family: 'Exo 2';
    font-size: 10px;
    } 

.dst-p a {
    color: #e1caa1!important;
    background: #262c2c;
    text-transform: lowercase;
    padding: 0px 10px 2px 10px!important;
    margin-right: 6px!important;
    }

.dst-a {
    top: -18px;
    left: 20px;
    } 

.dst-ps { position: absolute; top: -18px; right: 10px; z-index: 2;} 

.dst-ps img, .dst-a img {
    margin-right: 10px!important;
    filter:grayscale(1);
    width: 35px;
    border: 2px #e1caa1 solid!important;
    }

.dst-ps img:hover, .dst-a img:hover {     
    margin-right: 10px!important;
    filter:grayscale(0);
    width: 35px;
    border: 2px #e1caa1 solid!important;}

.dst-np {
    width: 215px;
    overflow: auto;
    height: 124px;
    line-height: 49px!important;
    top: 46px;
    left: 10px;
    padding-bottom: 3px;
    text-align: center;
    position: absolute;
    padding-right: 10px!important;
    } 

.dst-np img {     border-radius: 10px!important;
    margin-right: 10px!important; }

.dbp {
    display: inline-block;
    background: #262c2c;
    width: 200px;
    border: 1px solid #e1caa1;
    height: 36px;
    text-align: center;
    margin-right: 4px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    }

.dpn {
    color: #bfbcb7;
    font: 800 12px arial;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding: 4px 0px 0px 0px!important;
    font-family: 'Exo 2';
    /* font-size: 12px; */
    /* font-weight: 600; */
    } 

.dpn a {color: #e1caa1!important;} 

.dpa {
    color: #bfbcb7;
    font: 300 9px verdana;
    } 

/* Tooltip container */
.tlt {
  position: absolute;
  display: inline-block;
   /* If you want dots under the hoverable text */
  width: 20px;
  height: 20px;
  margin-left: 92px!important;
  background: #e1caa1;
}

/* Tooltip text */
.tlt .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #262c2c;
  color: #e1caa1;
  text-align: center;
  padding: 5px 0;
  
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  font-family: 'Exo 2';
  border: 1px #e1caa1 solid;
  top: -19px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tlt:hover .tooltiptext {
  visibility: visible;
}