/* ----убрать прокрутку---- */
body {
overflow-x: hidden !important;
}

/* ----текст---- */
.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 legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {  
  background-color: transpanent;
  color: #31251f;
  font-weight: normal;
  font-style: normal;
  text-align: justify;
  line-height: 160%;
}

/* ----фон---- */
body {background-color: #120d0e; 
background-position: top center; }

/* ----шапка---- */
#pun-title table {
background-image : url(https://i.imgur.com/536z0zq.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 477px;
width: 1100px;
margin-left: -60px;}

/* ----пан---- */
#pun {background-color: #aca49c; background-image: url(https://i.imgur.com/Vd2i3UR.jpg);}

/* ----футер---- */
#pun-about p.container { 
    background-image: url(https://i.imgur.com/xcDQ14U.png);
    width: 1100px;
    height: 146px;
    margin-left: -61px;
    margin-top: 0px;
    margin-bottom: -50px;
    background-position: bottom; 
    padding: 0px!important;
    border-color: transparent; 
    text-align: center; 
   } 

/* ----текст футера---- */
#pun-about p.container a {
   font-family: Roboto; font-size:9px;
   letter-spacing: 1px;
   line-height: 120%;
   text-align: center;
}

/* ----первая строка навигации: с наведением и без*/
#pun-navlinks a {
    color: #3b3933;
    font-family: Playfair Display; font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #644a2c;
    text-decoration: none; 
}

/* ----вторая строка навигации: с наведением и без*/
#pun-ulinks a {
    color: #3b3933;
    font-family: Roboto; font-size: 9px;
    text-transform: lowercase;
    letter-spacing: 1px;
    text-decoration: none; 
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #644a2c;
    text-decoration: none; 
}

/* ----ссылки на форуме: с наведением и без */

.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #2f2c26; 
  font-weight: bold;
  text-decoration: none; 
}

.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: #383530;   
  font-weight: bold;
  text-decoration: none; 
}

/* ----иконка старых сообщений----*/
.punbb table Div.icon {float: left; 
display: block; border-style: none none none none;
margin-left: 5px; 
width: 44px;
height: 44px;
background-image : url(https://i.imgur.com/VyFJOXF.png);
}

/* ----иконка новых сообщений----*/
TR.inew Div.icon {
background-image : url(https://i.imgur.com/Ps5i1SN.png);
background-repeat: no-repeat;
width: 44px;
height: 44px;}

/* ----иконка важных сообщений----*/
TR.isticky Div.icon {
background-image : url(https://i.imgur.com/Ps5i1SN.png);
background-repeat: no-repeat;
width: 44px;
height: 44px;}

/* ----иконка закрытых сообщений----*/
TR.iclosed Div.icon {
background-image : url(https://i.imgur.com/VyFJOXF.png);
background-repeat: no-repeat;
width: 44px;
height: 44px;}

/* ----категории----*/
#pun-category1.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

#pun-category2.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

#pun-category3.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

#pun-category4.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

#pun-category5.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

#pun-category6.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

#pun-category7.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

#pun-category8.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

#pun-category9.category h2 {
  background: url(https://i.imgur.com/ZxllLwp.jpg);
  height: 88px;
  width: 1100px;
  font-size:0!important;
  margin-left: -60px;}

/* ----картинка 24----*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 20px;
padding-top: 40px;}

/* ----статистика---- */
#pun-stats.section h2 { 
background-attachment: scroll; 
background-clip: border-box; 
background-color: transparent;
background-image: url(https://i.imgur.com/ZxllLwp.jpg);
height: 88px;
width: 1100px;
margin-left: -60px;
}

/*----команда----*/
.pa-fld3 {
margin-top: -25px!important;
}

/* ----личное звание---- */
.pa-fld1 {display: block;
width: 180px;
margin-left: 8px!important;
color: #c0bbb9;
font-family: Roboto;
font-size: 10px;
text-align: justify;
padding: 5px 0px 10px 0px!important;
line-height: 11px;
text-shadow: 1px 1px 0 #000000;
}

.pa-fld1 a {
   color: #89673f!important;    
   font-weight: normal!important;
}

.pa-fld1 h1 {
    display: block;
    font-family: Roboto;
    font-weight: bold;
    font-size: 11px;
}

.pa-fld1 b {
    color: #89673f!important;
    font-weight: bold!important;
}

/* ----плашка---- */
.pa-fld2 {
margin-top: -11px!important;
}

/* ----плашка в таблицу---- */

.pl {
width: 183px;
height: 23px;
margin-top: -50px!important;
background-image: url("http://s9.uploads.ru/Slt2m.png");
padding: 7px 2px 0px 2px;
text-align: center;
font: 11px Playfair Display; 
font-weight: bold; 
text-transform: uppercase;
}

.pl a {
   color: #644a2c!important;    
}


/* ----репутация и сообщения в одну строку---- */

.pa-respect, .pa-posts, .pa-fld4 { 
  display: inline-block;
  text-align: center; 
  width: 50px;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 8px;
  color: #c0bbb9;
  text-shadow: 1px 1px 0 #000000;
  padding: 5px!important;
}

.pa-respect a, .pa-respect a:hover, .pa-posts a, .pa-posts a:hover {color: #c0bbb9!important;}


/* ----стили: в подфорумах---- */
.nav1 {
  background-color: transparent; 
  font: 9px Playfair Display; 
  font-weight: bold; 
  text-transform: uppercase;
  text-align: center!important; 
  padding: 5px;
}

.txt {
  background-color: transparent; 
  font: 8px Roboto; 
  font-weight: bold; 
  text-transform: uppercase;
  text-align: center!important; 
  letter-spacing: 1px;
  padding: 6px;
}


/* ----стили: страницы---- */
.page {
  background-color: transparent; 
  font-family: Roboto;
  font-size: 10px;
  text-align: justify; 
  padding: 20px;
}

.page p {
    text-indent: 20px; 
    margin-left: 20px;
   }

.title {
    color: #40475b; 
    font-weight: bold;
    font-family: Alice; font-size: 14px;
    text-transform: uppercase;
    text-align: center;
   }


/* ----шаблоны---- */
.post #a {
    margin: auto;
    width: 581px;
    height: auto;
    padding: 90px 20px 70px 20px;
    background: url(https://i.imgur.com/gWIqVy8.jpg) 0px bottom no-repeat, url(https://i.imgur.com/SVNuIdv.jpg) 0px top no-repeat, url(https://i.imgur.com/Azljlt3.jpg) 0px repeat-y;
}

.post #a1 {
    color: #644a2c;
    font-weight: bold;
    text-decoration: none; 
    font-family: Playfair Display; font-size: 14px;
    text-shadow: 1px 1px 0 #000000;
    text-transform: uppercase;
    text-align: center;
    padding-top: 15px;
}

.post #a1 a {
   color: #644a2c!important;    
}

.post #a2 {
    color: #6e6058; 
    font-weight: none;
    text-decoration: none; 
    font-family: PT Sans; font-size: 10px;
    text-transform: uppercase;
    text-align: center;
}

.post #a3 {
   width: auto;
   margin: auto;
   background-color: transparent;
   font-family: Roboto;
   color: #c8c3c0;
   text-shadow: 1px 1px 0 #000000;
   font-size: 10px;
   text-transform: uppercase;
}

.post #a3 img{
    filter: grayscale(100%);
    border: 1px solid #918a79;
    outline: 1px solid #ada89d;
    outline-offset: 1px;
    margin-right: 5px;
}

.post #a4 {
   width: auto;
   color: #6e6058!important; 
   font-weight: bold!important;
}

.post #w {   
   width: 550px;
   margin: auto;
   text-align: center;
   font-family: Roboto;
   font-size: 8px;
   color: #6e6058;
   text-shadow: 1px 1px 0 #000000;
   text-transform: uppercase;
   background: url(https://i.imgur.com/IWZBkTS.png) 0px bottom no-repeat;
   padding-bottom: 20px;}


.post #at {
    color: #b3aaa3;
    text-shadow: 1px 1px 0 #000000;
    font-family: Roboto; font-size: 11px;
    letter-spacing: 0px;
    padding: 5px;
}

.post #at a {
   color: #644a2c!important;    
   font-weight: normal!important;
}

.post #cs {
    height: 100px;
    overflow-y: scroll;
}

.post #act {
   width: 471px;
   height: 61px;
   padding: 60px 20px 15px 20px;
   background: url(https://i.imgur.com/GXhys1o.jpg);
   margin: auto;
   text-align: center;
}

.post #actl {
   width: 471px;
   height: 61px;
   padding: 60px 20px 15px 20px;
   background: url(https://i.imgur.com/gGqkEbM.png);
   margin: auto;
   text-align: center;
}

.post #actd {
   width: 471px;
   height: 61px;
   padding: 60px 20px 15px 20px;
   background: url(https://i.imgur.com/DQ3xvsW.jpg);
   margin: auto;
   text-align: center;
}

/* ----важно: прокрутка---- */
::-webkit-scrollbar {width: 5px; height: 5px; background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #987040; 
  box-shadow: 0 0 3px 0 #644a2c inset, 0 0 3px 0 #8f897a;}

/* ----важно: размытые текста---- */
.post-box del {
    text-decoration: none;
    filter: blur(2px);
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-ms-transition:1s ease;
-o-transition:1s ease;
transition: 1s ease;
}

.post-box del:hover {
    filter: blur(0px);
}

/* ----важно: инстаграм---- */
.instag {width:380px;background-color:#fff;border:1px solid #f0f0f0;padding:20px;}
.instag1 {margin-right:15px;margin-bottom:15px;width:100px;height:100px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}
.instag2 {width:230px;font-family:arial;font-size:10px;color:#444;letter-spacing:0px;text-align:justify;}
.instag3 {margin-bottom:10px;font-size:15px;font-weight:bold;}
.aka {font-family:calibri;font-size:10px;color:#919191;}
.aka a{color: #919191!important;}

.insta {width:380px;background-color:#fff;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;padding:10px;}
.insta1 {width:25px; height:25px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}
.insta2 {font-family:arial;font-size:12px;color:#1256a5;text-align:left;}
.insta3 {font-family:arial;font-size: 10px;color:#aaa;text-align:right;}
.insta4 {width:400px;border:1px solid #eee;}
.insta5 {width:380px;background-color:#fff;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:10px;}
.insta6 {width:75px;font-family:arial;font-size:10px;color:#1256a5;text-align:left;letter-spacing:0px;}
.insta7 {width:280px;font-family:arial;font-size:10px;color:#444;text-align:justify;letter-spacing:0px;}
.insta8 {margin-top:10px;width:318px;border-top:1px solid #eee;padding-top:10px;}
.insta9 {width:25px;font-size:20px;color:#aaa;}
.insta10 {width:255px;font-family:arial;font-size:10px;font-color:#aaa;text-align:center;}
.aka {font-family:calibri;font-size:10px;color:#919191;}
.aka a{color: #919191!important;}

/* ----важно: личная страница---- */
.pr {
width: 560px;
height: 320px;
margin-left: 20px;
background: url(http://s3.uploads.ru/xTk3r.png);
padding: 20px;
font-family: PT Sans; font-size: 10px;
text-align: center;
color: #b2adaa;
text-transform: uppercase;
}

.pr a {
   color: #82723c!important;    
   font-weight: normal!important;
}

.pr6 img{
    border: 1px solid #918a79;
    outline: 1px solid #ada89d;
    outline-offset: 1px;
    margin-right: 5px;
}

.pr1 {
text-align: center;
color: #82723c;
font-family: Playfair Display; font-size: 18px;
text-transform: uppercase;
text-decoration: bold;
}

.pr2 {
text-align: center;
color: #b2adaa;
font-family: PT Sans; font-size: 10px;
text-transform: uppercase;
}

.pr2 a {
   color: #82723c!important;    
   font-weight: normal!important;
}

.pr3 {
width: 300px;
height: 150px;
padding: 10px;
text-align: center;
overflow-y: scroll;
margin-top: -170px!important;
margin-left: 230px!important;
}

.pr4 {
position: absolute;
width: 370px;
margin-top: 10px!important;
margin-left: 180px!important;
text-align: center;
color: #b2adaa;
font-family: PT Sans; font-size: 10px;
}

.pr4 a {
   color: #82723c!important;    
   font-weight: normal!important;
}

.pr5 {
width: 210px;
height: 150px;
padding: 10px;
text-align: center;
overflow-y: scroll;
}


/*--------фон окон наград и репутации--------*/
#pun-popup_awards div.container {
background: #b2a9a1;
border: 3px double rgba(0,0,0,0.2)!important; color: #222; 
}

.inner.post_reputation {
background: #b2a9a1; /цвет фона/
border: 3px double rgba(0,0,0,0.2)!important; color: #222;  /граница/
}


/*--------фон меню в форме ответа--------*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
  background-color: rgba(18,13,14,0.1);  
  box-shadow: 0 0 0px 0 #31251f inset, 0 0 0px 0 #31251f;
  border: 3px double rgba(0,0,0,0.2); color: #222; 
  border-radius: 0px;
  color: #31251f!important;
}

.post-sig p {
    line-height: 100% !important;
}


/*-----таблица-----*/

.tbl {
width: 970px;
padding: 10px;
color: #6e6058;
font-family: PT Sans; font-size: 10px;
position: absolute;
text-align: justify;
background-color: transparent;
margin-top: 80px!important;    
margin-left: -10px!important; 
}

.tbl a {
   color: #644a2c!important;    
   font-weight: normal!important;
}

.tbl b {
color: #644a2c;
font-family: Playfair Display; font-size: 10px;
text-decoration: bold;
}

.xmas {
width: 500px;
padding: 10px;
position: absolute;
bottom: -10px;
color: #6e6058;
font-family: PT Sans; font-size: 10px;
text-align: center;
background-color: transparent;
margin-left: 120px!important; 
}

.adm {
text-align: center;
color: #6e6058;
font-family: Playfair Display; font-size: 10px;
text-transform: uppercase;
text-decoration: bold;
}

.adm a {
   color: #644a2c!important;    
   font-weight: normal!important;
}

.adm a:hover {
     letter-spacing: 1px;
     filter: blur(0.5px);
}


#pun th, #pun-main h2 {text-align: center; font: 10px Calibri;}