/* Футер */
#pun-about p.container {
    background: rgba(0, 0, 0, 0) url(//forumstatic.ru/files/001b/a7/bb/11965.png) no-repeat scroll bottom center;
    height: 104px;
    margin-bottom: -40px;/* отступ снизу-*/
    margin-left: -25px;
    margin-top: -1px;
    width: 980px;
    padding: 0px !important;
    border: none !important;
    padding-bottom: 108px !important;
   
}

 /* фон */
body {
  overflow-x: hidden;
    background: repeat-x top center, no-repeat top center, no-repeat bottom center, 
    url(//forumstatic.ru/files/001b/a7/bb/80011.png) top center no-repeat fixed #d3bd9c;
    background-size: cover;} 
    
    body.redirect-page {
    background: url(//forumstatic.ru/files/001b/a7/bb/80011.png) no-repeat fixed #d3bd9c !important;}

/* цвет текста */
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb,.punbb .post-box,.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #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 {
    border-color: transparent;
    color: #443a31;
}

/* поле ввода */
.punbb input, .punbb textarea, .punbb select {
    text-shadow: none;
    color: rgb(33 41 14);
    background: #f1e5d3;
    border: 1px solid #b07349;
    outline: 1px solid #e7d4be;
    box-shadow: 0px 0px 4px 1px #e5d4c1 inset;
    border-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}


/*строка над формой ответа */
#form-buttons table {
    width: 100.8%!important;
    text-transform: uppercase;
    font-size: 10px;
    font-family: "Roboto Condensed" !important;
    color: rgb(33 41 14); 
    border: 1px solid #b07349;
    box-shadow: 0px 0px 7px 1px #d3bf9f inset;
    background-color: #e7d4be;
}


/* отображения профиля при ответить */
#pun-post .pa-author {
    width: 185px !important;
    padding: 0px;
    margin-top: 15px!important;
    text-align: center;
    margin-left: 22px!important;
color: #f8f7e8 !important;
    font-family: 'Noto Serif KR';
    font-size: 15px;
text-shadow: 0px 0px 6px #a2bfa0 !important;
}

/* перенос и перекраска "ответов" при просмотре сообщений участника */
li.pa-replies {
    margin-top: 10px;
    color: #f1e7d5;
}

/* выпадающие меню в форме ответа */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background-color: #e7d4be;
    color: #99643f;
    border: 1px solid #b07349;
    
}

/* ширина высота и прокрутка в выпадающем меню формы ответа */
#font-area {height: 200px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}

/*перекраска подложки выпадающего меню в форме ответа*/

#tags .container
{
    background-color: #e7d4be;
}

/* кнопки отправить посмотреть */
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 11px!important;
    background: linear-gradient(#e8d9c1, #b7a091)!important;
    border: 1px solid #b7a091 !important;
    box-shadow: inset 0px 0px 1px #cfac77, inset 0px 0px 1px #b7a091, inset 0px 0px 10px #b7a091;
    color: #6f6154!important;
    font-weight: 600 !important;
    padding: 3px 5px 3px 5px !important;
    cursor: pointer!important;
    -webkit-transition: .1s all;
    -moz-transition: .1s all;
    -ms-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: linear-gradient(#e8d5b8, #e8d9c1)!important;
    cursor: pointer!important;
    color: #b07349!important
  }

/* внешний вид текста при выделении */
::selection {   
    background: #e5cdbd;
    /*color: #3e3831;*/
}

/* ширина прокрутки */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;}

/* бегунок прокрутки*/

::-webkit-scrollbar-thumb {
    background-color: #dfc7a5;
    border: 0px solid #784c34;
    box-shadow: inset 0 0 2px #b07349;
}
/* подложка прокрутки */
::-webkit-scrollbar-track {
    background-color: transparent;
    border: 0px solid #784c34;
    box-shadow: inset 0 0 2px #a8945e;
}

/* отсутствие прокрутки по горизонтали*/
body {overflow-x: hidden}


/* CS1 Background and text colours. .punbb .formal fieldset .post-box
-------------------------------------------------------------*/

  
/* CS1.1 */
 .punbb .post-body, .punbb .post-links, .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: #333;
  }

/* CS1.3 */
 .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #331d1c;
  }

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #2f1b18
  }

/* CS1.6*/
 #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #24130e
  }

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

/* CS1.8 */

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

/* CS3 Links
-------------------------------------------------------------*/
/* название подфорума на главной*/
.punbb a, .punbb a:link, .punbb a:visited {
    transition: color 0.3s ease-in-out;
    color: #7b5236;
    text-decoration: none;
}

/* CS3.1 */
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #927e6c;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333;
  text-decoration: none;
  }

/* CS3.2 */
/* название подфорума на главное при наведении*/
.punbb a:hover {
    color: #592801;
}
.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: #592801;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  text-decoration: none;
  }

/* CS4 иконки */

div.icon {
    border-color: #eee3d1 #efe3cd #e0c7a5 #f2e8d9;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #b07349 !important;
}
/* закрытая */
tr.iclosed div.icon {
    border-color: #eae1d3 #dfd3bf #cbc1ae #e9e0d2;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #706b61 !important;
}
/* новая */
div.inew {
    border-color: #957c3e #7b6637 #57482a #86703b;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #ac9150 !important;
}
/* важная */
tr.isticky div.icon {
    border-color: #d6930f #a44300 #eac68b #d99714;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 0 2px 6px #b07349 !important;
}

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

/* Гостевая
--------------------------------------------------*/
.guest {background: url(//forumstatic.ru/files/001b/a7/bb/96536.png);
    width: 690px;
    height: 390px;
    position: relative;
    margin-top: -12px!important;
    margin-left: -2px!important;}
    
.guest name {
    background: url(//forumstatic.ru/files/001b/a7/bb/72600.png);
    width: 219px;
    height: 313px;
    position: absolute;
    margin-top: 18px!important;
    margin-left: 227px!important;}
    
.guest faces {position: absolute;
    margin: 82px 0px 0 52px;!important; /* сверху | справа | снизу | слева */
    width: 212px;
    height: 150px;
    color: #6a6337;
    font-family: 'Raleway';
    text-transform: lowercase;
    line-height: 140%;
    text-align: left;
    overflow: auto;
    direction: rtl; /* прокрутка слева */
    padding-left: 7px;

}

.guest faces1 {
    position: absolute;
    margin: 82px 0px 0 452px!important;
    width: 192px;
    color: #6a6337;
    font-family: 'Raleway';
    text-transform: lowercase;
    line-height: 140%;
    text-align: justify;
    height: 150px;
    overflow: auto;}
    

.guest faces a, .guest faces1 a {    color: #a44400;}
.guest faces a:hover, .guest faces1 a:hover {    color: #a44400;}

.guest text {
    position: absolute;
    margin: 264px 40px!important;
    width: 230px;
    height: 66px;
    overflow: auto;
    padding-right: 6px;
    font-family: 'Montserrat';
    font-size: 10px;
    text-align: justify;
    color: #3c220d;
    line-height: 140%;
    direction: rtl; /* прокрутка слева */
    padding-left: 7px;
}

.guest text1 {position: absolute;
    margin: 264px 434px!important;
    width: 220px;
    height: 66px;
    overflow: auto;
    padding-right: 6px;
    font-family: 'Montserrat';
    font-size: 10px;
    text-align: justify;
    color: #3c220d;
    line-height: 140%;}
    
/* Внешности
-------------------------------------------------------------*/
.busy {
    background: url(//forumstatic.ru/files/001b/a7/bb/46706.png);    
    width: 695px;    
    height: 513px;
}
    
.busy rules {    
    position: absolute;
    margin: 66px 68px;
    color: #3c220d;
    width: 590px;
    height: 40px;
    overflow: auto;
    padding-right: 6px;
    font-family: 'Montserrat';
    font-size: 11px;
}
    
.busy appearance {    
    position: absolute;
    margin: 163px 70px;
    width: 261px;
    height: 292px;
    overflow: auto;
    padding-right: 5px;}
    
.busy namess {    
    position: absolute;
    margin: 163px 379px;
    width: 261px;
    height: 292px;
    overflow: auto;
    padding-right: 5px;}

.busy namess a, .busy appearance a {    
    background: #b7a091;
    display: block;
    padding: 4px 2px 4px 6px;
    color: #f2eae0!important;
    font-size: 11px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    margin-bottom: 4px;}

.ff {border-left: 4px solid #be6600;}
.fm {border-left: 4px solid #9b760b;}

/* Первое сообщение тем */

.temk {    
    background: url(//forumstatic.ru/files/001b/a7/bb/18341.png) 0px repeat-y;
    width: 695px;
    padding-bottom: 39px;
    margin-bottom: -19px!important;
    margin-left: -1px!important;
    margin-top: 40px!important;
}
    
.temk:before{
  content: url(//forumstatic.ru/files/001b/a7/bb/52838.png);
  display:inline-block;
  position:absolute;
  margin-top:-32px;
}

.temk:after{
  content: url(//forumstatic.ru/files/001b/a7/bb/73967.png);
  display:inline-block;
  position:absolute;
  margin-top:-31px;
}

.rul {position: relative;
    color: #1e2639;
    text-shadow: rgb(255 255 255 / 49%) 0px 0px 2px;
    text-align: justify;
    line-height: 140%;
    font-size: 11px;
    font-family: 'Roboto';
    left: -1px !important;
    top: -16px !important;
    padding: 12px 5px 0px !important;
}

.rul a {    background: #657694;
    color: #eaeaec;
    padding: 0px 3px 1px 3px;}

.rul a:hover {background: #aa6941;
    color: #eaeaec;
text-shadow: #7d3e16 1px 1px 0px;}

/* Правила */
.hb_rules {
    background: #f2eae0;
    border: 1px solid #b07349;
    padding: 10px;
    margin-top: 6px!important;
    margin-left: 35px!important;
    font-family: 'Roboto';
    width: 598px !important;
}

.hb_cat {    
    margin-left: 39px!important;
    color: #e7d4be!important;
    font-size: 11px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    padding: 2px 4px;
    background: #b7a091;
    border: 1px solid #b07349;
    text-align: center;
    letter-spacing: 0.8px;
    margin-top: 7px!important;
    width: 600px !important;
    
}

/* Итоги недели */
.results {    
    position: relative;
    background: url(//forumstatic.ru/files/001b/a7/bb/17493.png);
    width: 698px;
    height: 453px;
}

.results header {    
    position: absolute;
    width: 500px !important;
    margin-left: 119px!important;
    margin-top: 53px!important;
    color: #e7d4be!important;
    font-size: 11px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    padding: 2px 4px;
    background: #b7a091;
    border: 1px solid #b07349;
    text-align: center;
    letter-spacing: 0.8px;
    
}
 .results info {
    position: absolute;
    margin: 100px 0px 0 212px;!important; /* сверху | справа | снизу | слева */
    width: 432px;
    height: 115px;
    color: #927e6c;
    font-size: 12px;
    padding-right: 4px;
    font-family: 'Raleway';
    text-transform: lowercase;
    line-height: 118%;
    text-align: justify;
    overflow: auto;

}

.results info1 {
    position: absolute;
    margin: 240px 0px 0 72px!important;
    width: 382px;
    height: 115px;
    color: #927e6c;
    padding-right: 4px;
    font-size: 12px;
    font-family: 'Raleway';
    text-transform: lowercase;
    line-height: 118%;
    text-align: justify;
    overflow: auto;}

.results pic {
    position: absolute;
    margin: 124px 0px 0 65px!important;
    width: 103px;
    height: 28px;
}

.results pic1 {
    position: absolute;
    margin: 190px 0px 0 65px!important;
    width: 103px;
    height: 28px;
}

.results pic2 {
    position: absolute;
    margin: 263px 0px 0 480px!important;
    width: 36px;
    height: 28px;
}
.results pic3 {
    position: absolute;
    margin: 263px 0px 0 525px!important;
    width: 36px;
    height: 28px;
}

.results pic4 {
    position: absolute;
    margin: 263px 0px 0 570px!important;
    width: 36px;
    height: 28px;
}

.results pic5 {
    position: absolute;
    margin: 263px 0px 0 615px!important;
    width: 36px;
    height: 28px;
}

.results pic6 {
    position: absolute;
    margin: 330px 0px 0 480px!important;
    width: 36px;
    height: 28px;
}

.results pic7 {
    position: absolute;
    margin: 330px 0px 0 525px!important;
    width: 36px;
    height: 28px;
}

.results pic8 {
    position: absolute;
    margin: 330px 0px 0 570px!important;
    width: 36px;
    height: 28px;
}

.results pic9 {
    position: absolute;
    margin: 330px 0px 0 615px!important;
    width: 36px;
    height: 28px;
}

/* поле личного звания */
.lz {
    display: block;
    text-align: center;
    color: #b07349!important;
    text-shadow: 1px 1px 1px #b07349, 0 0 5px #b07349;
    font-family: 'JOURNALISM';
    font-size: 21px;
    text-transform: uppercase;
    padding: 2%;
    margin-top: -5px;
}

.lz1 {
    max-width: 190px;
    font-size: 11px;
    font-family: tahoma!important;
    color: #7b5236!important;
    text-align: center;
    padding: 2% !important;
    text-transform: lowercase;
    background-color: #e7d4be;
    box-shadow: 1px 1px 1px #b07349, 0 0 5px #b07349;
    font-variant: small-caps;
}

/* поле иконки и плашки */

.pr_icon {
    height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 320px;
  padding: 0 2px !important;
  font-family: var(--fontadd);
  margin: -275px 0px 0px -198px !important;
  text-align: center;
  z-index: 2;
  -webkit-transform: rotate(-0deg);
          transform: rotate(-0deg);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.pr_plash {
    box-shadow: 1px 1px 1px #b07349, 0 0 5px #b07349;
    height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 225px;
  padding: 0 2px !important;
  font-family: var(--fontadd);
  margin: -10px 0px 0px -12px !important;
  text-align: right;
  z-index: 2;
  -webkit-transform: rotate(-0deg);
          transform: rotate(-0deg);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* активисты в шапке */

#html-header people1 {
    position: absolute;
    margin: -79px 755px !important;
    filter: hue-rotate(20deg);
    }
    
#html-header people1:hover {
    position: absolute;
    margin: -79px 755px !important;
    filter: hue-rotate(0deg);
    }
    
#html-header people2 {
    position: absolute;
    margin: -79px 800px !important;
    filter: hue-rotate(20deg);
    }

#html-header people2:hover {
    position: absolute;
    margin: -79px 800px !important;
    filter: hue-rotate(0deg);
    }
    

#html-header people3 {
    position: absolute;
    margin: -79px 845px !important;
    filter: hue-rotate(20deg);
    }
 
#html-header people3:hover {
    position: absolute;
    margin: -79px 845px !important;
    filter: hue-rotate(0deg);
    }   
    
#html-header people4 {
    position: absolute;
    margin: -79px 890px !important;
    filter: hue-rotate(20deg);
    
    }
    
#html-header people4:hover {
    position: absolute;
    margin: -79px 890px !important;
    filter: hue-rotate(0deg);
    }
    
/* постописцы */

#html-header peopl1 {
    position: absolute;
    margin: -12px 755px !important;
    filter: hue-rotate(20deg);
    }
    
#html-header peopl1:hover {
    position: absolute;
    margin: -12px 755px !important;
    filter: hue-rotate(0deg);
    }
    
#html-header peopl2 {
    position: absolute;
    margin: -12px 800px !important;
    filter: hue-rotate(20deg);
    }

#html-header peopl2:hover {
    position: absolute;
    margin: -12px 800px !important;
    filter: hue-rotate(0deg);
    }
    

#html-header peopl3 {
    position: absolute;
    margin: -12px 845px !important;
    filter: hue-rotate(20deg);
    }
 
#html-header peopl3:hover {
    position: absolute;
    margin: -12px 845px !important;
    filter: hue-rotate(0deg);
    }   
    
#html-header peopl4 {
    position: absolute;
    margin: -12px 890px !important;
    filter: hue-rotate(20deg);
    
    }
    
#html-header peopl4:hover {
    position: absolute;
    margin: -12px 890px !important;
    filter: hue-rotate(0deg);
    }
    
/* пара */    

#html-header pair {
    position: absolute;
    margin: -69px 16px !important;
    filter: hue-rotate(20deg);
    
    }
    
#html-header pair:hover {
    position: absolute;
    margin: -69px 16px !important;
    filter: hue-rotate(0deg);
    }

/* пост недели */

#html-header post {
    position: absolute;
    margin: -3px 16px !important;
    filter: hue-rotate(20deg);
    
    }
    
#html-header post:hover {
    position: absolute;
    margin: -3px 16px !important;
    filter: hue-rotate(0deg);
    }