/* øàïêà */
#pun-title table {background-image : url(https://i.imgur.com/jmpNF3V.png);
background-repeat : no-repeat;
background-position: center; /*ðàñïîëîæåíèå*/
height: 173px;
width: 960px !important;
margin-left: -10px;
margin-top: 10px;
}

/* ôóòåð */
#pun-about p.container {
   background: url("https://i.imgur.com/hSbua9w.png") transparent no-repeat;
   width: 960px;
   height: 168px;
   margin-left: -10px;
   background-repeat: no-repeat;
    border: none;
}

div#pun-about {   margin-bottom: -150px;}
div#html-footer {   margin: 0px 0px 0px 0px;}

/* CS1 ÑÒÐÓÊÒÓÐÀ È ÒÅÊÑÒ*/

/* CS1.1 ÒÅÊÑÒ */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
font-weight: normal;
font-style: normal;
}

.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
    color: #626161;
    text-transform: lowercase;
    font: 300 9px verdana!important;
  }


/* CS1.2 ÒÅÊÑÒ ÔÎÐÓÌ ÒÅÌ ÑÎÎÁÙÅÍÈÉ*/
.punbb th {
border: none !important;
font-family: arial;
font-size: 6px;
color: #333333;
text-transform: lowercase;
letter-spacing: 2px !important;
text-align: center;
  }

/* CS2 ÑÑÛËÊÈ */

/* CS2.1 ÍÅ ÀÊÒÈÂÍÛÅ */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #punbb-admain a:visited {
  color: #917860;
  text-decoration: none;
}

/* CS2.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: #c8bd89;
  text-decoration: none;
}

/* CS2.7. ÈÊÎÍÊÈ */

div.icon {
    background: #e3dfd5;
    border: 1px solid #e3dfd5;
    height: 40px;
    width: 10px;
    margin-top: 3px!important;
}

tr.inew div.icon {
background: #b8afa5;
    border: 1px solid #b8afa5;
    height: 40px;
    width: 10px;
    margin-top: 15px!important;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #4e4947;
    border: 1px solid #292725;
    height: 10px;
    width: 20px;
    margin-top: 3px!important;
}


#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #b09472;
    border: 1px solid #8b6f61;
    height: 10px;
    width: 20px;
    margin-top: 3px!important;
}


#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #c8c3b8;
    border: 1px solid #b7b19a;
    height: 10px;
    width: 20px;
    margin-top: 3px!important;
}


#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #6f6f61;
    border: 1px solid #58564e;
    height: 10px;
    width: 20px;
    margin-top: 3px;
}


/* CS5 ÏÐÎ×ÅÅ */

/* CS5.1 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;;
  color: #3c3c3c;
  }

/* CS5.3 ÖÈÒÀÒÛ È ÊÎÄ*/
.punbb .quote-box {
border: 1px solid #d0cece99;
    background-color: #ffffff;
margin-top: 15px;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 20px 1.8em 1.4em 1.8em;
  padding: 1em;
  }



/* CS5.4 ÎÁËÀÑÒÜ ÄËß ÂÂÎÄÀ ÒÅÊÑÒÀ */
.punbb textarea {
  background-color: #ffffff;
  color: #171418;
  border: 1px solid #d0cece;
  padding: 4px;}

.punbb select, .punbb input {
background-color: #ffffff;
color: #171418}

/* CS5.6 ÅÙÅ */



/*ÎÔÎÐÌËÅÍÈÅ ÏÎÑÒÀ*/
#post1 {    
position: absolute;
    height: 50px;
    width: 900px;
    top: 215px;
    font-size: 10px;
    margin-left: 41px;
    font-family: 'arial';
    text-align: justify;
    font-weight: 400;
    z-index: auto;
    text-transform: lowercase;
    color: #8e7b65 !important;
}

#post1 a {    
font-size: 10px;
position: absolute;
    font-family: 'Roboto';
    font-weight: 900;
    text-transform: uppercase;
    color: #8e7c65 !important;
}

/*ÏÎÄÔÎÐÓÌ ÎÏÈÑÀÍÈÅ*/
.podforuminf {
position: relative;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
    color: #97957c;
    letter-spacing: 1px;
    font-weight: bold;
}

/*ÏÎÄÔÎÐÓÌ ÑÑÛËÊÈ*/
#podflink {
    text-align: right;
    font-family: Roboto;
    margin-top: 15px;
    }

.podfor a {
   margin: 3px 2px;
    padding: 1px 10px;
    background: #ffffff;
     color: #715d43 !important;
    font:600 8px Calibri;
    text-transform: uppercase;
    display: inline-block;
border: 1px solid #d0cece44;
padding: 2px 4px 2px 4px44;
    transition-duration: 1s;
    }

.podfor a:hover {
    color: #efe8e8 !important;
    text-transform: uppercase;
    background: #c7c1bb;
    font-family: 'Calibri';
    font-size: 8px;
    letter-spacing: 0.6px;
    margin: 0px 5px !important;
    padding: 2px 4px 2px 4px;
border: 1px solid #d0cece44;
    transition-duration: 1s;
}

/*ÎÔÎÐÌËÅÍÈÅ ÊÍÎÏÎÊ ÎÒÏÐÀÂÈÒÜ*/
::selection {
    background: #c7c1bb !important;
   opacity: 1;
   color: #ffffff;
}

.button {
    border-radius: 1px !important;
    color: #71665e !important;
    font-family: Calibri !important;
    background-color: #ffffff !important;
    font-size: 8px !important;
 font-weight: bold;
border: 1px solid #d0cece;
    margin-top: 5px !important;
    padding: 4px 14px 4px 14px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    font-weight: 500 !important;
    vertical-align: middle;
    text-transform: uppercase;
letter-spacing: 1px;
}

#video-area-tinp, #image-area-tinp {
    margin: .5em 0;
    padding: .3em;
    border: 1px solid #9d9d9d;
    height: 70px;
}

/*ÍÀÑÒÐÎÉÊÀ ÂÛÏÀÄÀÞÙÅÃÎ ÌÅÍÞ*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
    background-color: #f4f1eb;
    border: solid #d6cdc7 1px;
    overflow: auto;
    max-height: 265px;
}

.category .container thead {display: none;}

#pun-index div.category h2, #pun-index #pun-stats h2 {
    text-align: center;
    font-size: 0px !important;
    position: relative;
    z-index: 5;
    margin: 0px -25px 0px;
    background-position: top center;
    height: 47px;
    width: 940px;
}

#pun-index .category h2 span, #pun-stats.section h2 span {
    color: #cbc3b7;
    text-transform: lowercase;
    margin-top: 9px;
    font-size: 12px !important;
    display: inline-block;
    padding: 5px 10px;
    width: 945px;
    text-align: center;
    margin-left: 16px;
    z-index: -9999;
}

#pun-viewtopic .post h3 {
    height: 20px;
    width: 943px;
    margin-left: -8px;
    background-color: #b7b8b921;
}

#pun-stats.section h2 {margin-top: -20px !important;
margin-bottom: 15px !important;
}


#pun-index td div.tclcon {
    width: 450px;
    height: 12px;
    font-size: 10px;
    border-radius: 5px 5px 5px 5px;
    text-transform: lowercase;
    border: 1px solid #ebebeb!important;
   box-shadow: 0px 0px 0px 3x #dad7d3 inset;
    min-height: 80px;
    margin-left: 24px;
    padding: 12px 0px 20px 7px;
}

#pun-index .tcl h3 {
    padding-bottom: 0px!important;
    margin-top: -2px!important;
    font-size: 18px!important;
    width: 500px;
    margin-bottom: 0px;
    margin-left: 11px;
    padding-left: 7px;
}

#pun-index .tcl h3 a, li#pun-index .tcl h3 {    color: #c5bea4!important;
}

#pun-index .tcl h3 a:hover {
color: #c5bea4!important;
}



/* íàñòðîéêà ñòðàíèöû ïðîñìîòðà ïðîôèëÿ
-------------------------------------------------------------*/
#viewprofile td { text-transform: lowercase;
    border: 0;
    padding: 0;
    overflow: hidden;
        font-family: arial;
    font-size: 10px;}
#profile-name strong {font-size:1.2em;}
#profile-left strong {font-weight:bold !important;}
#profile-left {width: 25%;padding-top:0 !important;text-align: center;font-family: calibri;font-size: 12px;line-height: 30%;color: #fff; text-transform: uppercase;}
#profile-left li,
#profile-left li * {padding-left: 0;
    margin-left: 0;
    font-size: 10px;
    line-height: 0px;
    text-transform: lowercase;
    font-family: arial;
}
#profile-right {    width: 70%;
    font-family: calibri;
    font-size: 13px;
    line-height: 70%;}
#profile-right li strong {padding-left:2em; font-weight: normal;}
#profile-signature {padding:1.5em 1.5em 1em 1.5em;}
#profile-signature ul {border-style:dashed; border-width:1px 0 0 0; margin:0; padding:1em 1em 0 1em;}


#smilies-area, #video-area {
    width: 500px!important;
}




/* C3.5 ÏÐÎÔÈËÜ */
.punbb .post .post-author {
    float: left;
    width: 240px;
    overflow: hidden;
    padding: 5px 0 5px 0;
}

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

/* ÂÛÐÀÂÍÈÂÀÍÈÅ ÏÀÐÀÌÅÒÐÎÂ ÏÐÎÔÈËß */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -5em}
#pun-announcement h2 {display: none}
#pun-main .post-author ul {text-align: center;}
#pun-status .container, #pun-main .post-links li {text-align: center}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container, #pun-crumbs2 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

#pun-reputation div {
background-color: #f4f1eb;
border: dashed #635249 0px;
}

#pun th.tcl {font-size: 0px;}

/*ÔÎÍ ÏÐÎÔÈËß*/
.punbb .post .post-author {
    margin: 10px 0 0 3px!important;
    width: 220px !important;
}

/*------------------------ÑÎÎÁÙÅÍÈß È ÐÅÏÓÒÀÖÈß Â ÎÄÍÓ ÑÒÐÎÊÓ-----------------------*/
.pa-posts { 
display: inline-block;
width: 60px;
text-transform: lowercase;
  font-size: 10px;
  font-family: arial; 
  padding: 4px 2px 10px 2px !important;
margin-top: 20px;
}

.pa-respect {
display: inline-block;
width: 60px;
text-transform: lowercase;
  font-size: 10px;
  font-family: arial;
  color: #171618;
margin-bottom: 18px;
}



/*ËÈ×ÍÎÅ ÇÂÀÍÈÅ*/
.fonls { width: 160px;
padding: 5px;
margin-left: 5px;}
.links1 { font: 10px Roboto; text-transform: uppercase; letter-spacing: 0px; padding-top: 0px; font-weight: bold; padding-top: 5px; }
.vdprch { font: 10px arial; letter-spacing: 0px; padding-top: 0px; font-weight: bold;}
.ls2 {
font-family: 'roboto';
    width: 180px;
    border: 1px solid #fff;
    color: #131417 !important;
    font-size: 10px !important;
    padding: 7px 4px 7px 4px;
    outline: 1px solid #e2deda;
    text-align: justify;
line-height: 13px;
}

.lzprox {
font: 600 8px roboto;
text-transform: uppercase;
letter-spacing: 1px;
    padding: 4px 0 4px 0 !important;
margin: 0px -21px 0 -21px !important;
}



.pl a {
  color: #ffffff !important;
}


.pl {    font-family: 'arial'!important;
    text-transform: lowercase;
    font-size: 8px;
    width: 220px;
    display: inline-block;
    padding-bottom: 6px;
    color: #ffffff!important;
background: #aeafa6;
border-radius: 15px 15px 0px 0px;
    padding-top: 2px;
    letter-spacing: 1.3px;
    padding-left: -3px;
margin-top: 3px;
margin-left: -13px !important;
}
.pl l {    font-family: 'Yeseva One'!important;
    text-transform: uppercase;
    font-size: 10px;
display: block;
    color: #ffffff!important;
    margin-top: 3px;
    line-height: 12px;
    letter-spacing: 1px;}

.lastedit {display:none;}

.pa-fld5 {
display: inline-block;
width: 60px;
text-transform: lowercase;
  font-size: 10px;
  font-family: arial;
  color: #171618;
margin: 2px;
}

.pa-fld2 {
    display: inline-block;
    text-transform: lowercase !important;
    font-size: 10px;
letter-spacing: 1px;
    font-family: 'Calibri';
    font-weight: 400;
    color: #171618;
    width: 100px;
height: 15px;
   background: #f4eae940;
    margin-bottom: 6px !important;
    box-shadow: 2px 3px 4px #dcd0c933;
    outline: 1px solid #e2deda40;
}


/* òàáëèöà */

.postb {position: absolute;margin-top: -260px !important;margin-left: 670px !important;background: #9ba6b199;width: 285px;height: 52px;overflow: auto;font-size: 10px;line-height: 14px;text-align: justify;padding: 5px;color: #f3f3f3;font-family: 'Roboto';}
.postb a {color: #f3f3f3 !important; font-weight: 800;}

.bestep {
    position: absolute;
    margin-top: 48px !important;
    margin-left: 690px !important;
    width: 200px;
    height: 23px;
    font-family: Yeseva One;
    color: #f3f3f3;
    text-align: center;
    font-size: 10px;
    padding: 2px;
    line-height: 23px;
    text-transform: uppercase;
}

.bestep a, .bestep2 a {
  color: #f3f3f3 !important;
}


.activ1 {
    position: absolute;
    margin-top: 90px !important;
    margin-left: 777px !important;
width: 140px;
letter-spacing: 13px;
}

.activ1 img {
max-width: 62px;
    max-height: 20px;
}

.activ2 img {
max-width: 62px;
    max-height: 20px;
}

.activ2 {
    position: absolute;
    margin-top: 123px !important;
    margin-left: 26px !important;
width: 140px;
letter-spacing: 13px;
}

.naviga {
    position: absolute;
    margin-top: 145px !important;
    margin-left: 20px !important;
    font-family: Yeseva One;
    color: #f3f3f3;
    text-align: center;
    font-size: 11px;
    padding: 2px;
letter-spacing: 1px;
    line-height: 23px;
    text-transform: uppercase;
}

.naviga a {
  color: #f3f3f3 !important;
}

.bestep2 {
    position: absolute;
    margin-top: 47px !important;
    margin-left: -14px !important;
    width: 277px;
    height: 21px;
    font-family: Yeseva One;
    color: #f3f3f3;
    text-align: center;
    font-size: 10px;
    padding: 2px;
    line-height: 23px;
    text-transform: uppercase;
}


.addds {
    position: absolute;
    margin-top: 87px !important;
    margin-left: -7px !important;
    text-align: center;
    width: 277px;
    height: 21px;
    color: #f3f3f3;
    text-transform: uppercase;
    font-family: Yeseva One !important;
    font-size: 10px;
    letter-spacing: 1px;
    padding-left: 5px;
    line-height: 20px;
    } 

.addds a {
    color: #f3f3f3 !important;
    } 

.nuzen {
    position: absolute;
    margin-top: 10px !important;
    margin-left: -103px !important;
    width: auto;
 letter-spacing: 10px;
    height: 21px;
    padding-left: 5px;
    line-height: 20px;
    } 

.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 2px;
    border: 1px solid #ffffff;
    margin-top: 3px;
    box-shadow: 0px 0px 0px 1px #ffffff;
}



.plash a.plas {
width: 200px;
  display: block;
  border: 1px solid #5e9d96;
  background: linear-gradient(to top, #468d86, #549c95);
  text-shadow: 1px 1px 1px #476764;
  color: #f5faf9 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: 20px;
  line-height: 24px;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0)
    margin-top: -600px !important;
    margin-left: 653px !important;
}






/*áàííåðû*/
.banners {
    position: absolute;
    margin-left: 15px !important;
    width: 932px;
    height: 33px;
    overflow-y: auto;
    margin-top: 30px !important;
    text-align: center;
}

.banners a{
  opacity: 0.9;
  filter: grayscale(100%);
}

.banners a:hover {
  filter: none;
}


#pun-main .post-author ul {line-height: 9px;
    border-radius: 15px 15px 15px 15px;
    border: 1px solid #e0dcdc99!important;
}