/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.0A Фон*/
body {
    background: url("https://i.imgur.com/cdIICmb.png") repeat-x top center, #051109 url("https://i.imgur.com/4kbuDPE.jpg") no-repeat fixed top center;
}

/* CS1.0B Тело*/
#pun {
    background: url("https://i.imgur.com/e9OPVDO.jpg") repeat-y scroll top center; 
}

/* CS1.0C Прокрутка*/
::-webkit-scrollbar {
    width: 9px;
    height: 10px;
    background-color: #11180a;}
::-webkit-scrollbar-thumb {
    background-color: #1c2d0d;
}

/* CS1.0D Шапка*/
#pun-title.section {
    background: transparent url("https://i.imgur.com/WXyQNHh.png") top center scroll no-repeat; 
    height: 463px;
    width: 1082px; 
    margin-top: 0px;
    margin-left: -88px;
}

#pun-maint {
    margin: 0px 20% 22px 20%;
}

#pun-redirect .main-title {
    padding-top: 110px;
    margin-bottom: 30px !important;
}

/* CS1.0E Футер */
#pun-about p.container {
    background: transparent url(https://i.imgur.com/LoFMHc5.png) bottom center no-repeat;
    width: 1034px;
    margin-bottom: -62px;
    margin-left: -76px;
    height: 200px;
    text-align: center;
}

/* CS1.0F Переадресация*/
#pun-redirect { 
    background: url("https://i.imgur.com/zl9VQ9t.png") no-repeat top center,
    #051109;
    position: fixed;
    margin-top: 40px!important;
    text-align: center;
    font-size: 12px;
    color: #b4998e!important;
}

#pun-redirect a {
    color: #b4998e!important;
}

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-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  {
    background-color: transparent;
}

/* CS1.2 Заголовки*/
#pun-stats h2, .punbb .main h2 {font-size: 0em;}, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
     font-size: 14px;
     text-align: center;
     font-family: 'Montserrat', sans-serif;
     color: #051109;
}

#pun-redirect h1 {
    background-image: none;
    padding-bottom: 10px; 
    color: transparent; 
    text-shadow: none;
}

.punbb-admin #pun-admain h2{
    color: #272822;
    background: transparent;
    text-align: left;
    text-shadow: none;
    padding-left: 55px;
}

/* CS1.3 Цитата и код*/
.punbb .quote-box, .punbb .code-box {
    background: url("https://i.imgur.com/sz7YsXj.png");
    color: #040303;
    border: 3px #9b8a72 solid;
    }

/* CS1.4 Маркер-текст*/
.post-content .highlight-text { 
    background-color: #00750b!important;
    color: #071208!important;
}

/* CS1.5 */
#pun-navlinks .container {
    background-color: transparent;
    font-size: 13px;
}

.offline li.pa-online strong {
    font-weight: normal
}

/* CS1.6 Форма ответа*/
.punbb textarea  {
    background: #b1a191;
    background-image: url("https://i.imgur.com/sz7YsXj.png");
    padding: 5px;
    border: 1px #957f69;
    box-shadow: 0 0 9px #957f69;
    color: #121004;
}

/* CS1.7 Профиль в теме*/
.punbb .post .post-author > ul {
    background: url("https://i.imgur.com/LtiE9j7.png") top center no-repeat,
    url("https://i.imgur.com/6yGjhqy.png") bottom center no-repeat;
    padding: 1px 6px 10px 6px !important;
}

.punbb .post .post-author {
    text-align: center;
    background: url("https://i.imgur.com/NxfIdsC.png") center repeat;
}

.pa-title {
    text-align: center;
    z-index: 1000; 
    margin-left: 0px !important;
    color: #b4998e;
}

.pa-author  {
    width: 216px;
    text-align: center;
    padding-top: 25px !important;
}

/* CS1.8 Окна в форме ответа*/
 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
    background: #b1a191 url("https://i.imgur.com/sz7YsXj.png") repeat top center;
    padding: 5px;
    border: 1px #957f69;
    color: #121004;
}

/* CS1.9 Поля ввода, кнопки и выпадающие меню*/
.punbb input, .punbb .button, .punbb select {
    background: #b1a191 url("https://i.imgur.com/sz7YsXj.png") repeat top center;
    padding: 5px; 
    border: 1px #957f69;
    color: #121004;
}

/* CS1.10 Статистика*/
#pun-stats h2 {
  background-image: url(https://i.imgur.com/JNP45NZ.png);
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  height: 62px;
  width: 944px;
  margin-left: -20px;
  }

#post .formsubmit {text-align: center;}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 Убираем все рамки*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, 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: #23381f;
    text-decoration: none;
    -moz-transition: color 0.2s 0.02s ease;
    -o-transition: color 0.2s 0.02s ease;
    -webkit-transition: color 0.2s 0.02s ease;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #3e5f13;
}

/* 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: #3e5f13;
    text-decoration: none;
    -moz-transition: color 0.2s 0.02s ease;
    -o-transition: color 0.2s 0.02s ease;
    -webkit-transition: color 0.2s 0.02s ease;
}

/* CS3.3 */
#pun-navlinks a {
    color: #b4998e;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #3e5f13;
}

#pun-ulinks a {
    color: #0d1d0e;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active{
    color: #3e5f13;
}

/* CS4 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {
    background: url(http://forumuploads.ru/uploads/000f/42/4c/2/660167.png) no-repeat; 
}

TR.inew Div.icon {
    background: url(http://forumuploads.ru/uploads/000f/42/4c/2/702708.png) no-repeat;
}

TR.iclosed Div.icon {
    background: url(http://forumuploads.ru/uploads/000f/42/4c/2/487153.png) no-repeat;
}

tr.isticky div.icon {
    background: url(http://forumuploads.ru/uploads/000f/42/4c/2/193093.png) no-repeat;
}

#pun-main div.catleft, #pun-main div.catright {display: none}

/* CS5 Другое
 -------------------------------------------------------------*/

 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
    display: none
}

.punbb th {
    background: none;
    color: #000000;
}

.punbb .post-sig {
    color:#9b8a72;
}

#profile .container #profilenav h2   {
    text-align: left;
    color: #7a7567;
    text-shadow: none;
}

#pun-messages h3 {
    background: none;
    width: 500px;
}

/* Разделитель */
hr {
  color: #6f5344;
  background-color: #6f5344;
  height: 1px;
  border: none;
  margin-top: 5px!important;
}



/* Не отображать модераторов */
#pun-index .modlist {
    display: none; 
}

/* Скрыть: "форум, тем, сообщений, последнее сообщение" */
#pun-index .category table  thead {
display:none;
}

/* H1 в центр */
#pun-main h1 {
    text-align: center;
}

/* Рамка вокруг аватара автора последнего сообщения */
.punbb .user-avatar .avatar-image {
    height: 30px!important;
    width: 30px!important;
    border: 2px solid #66543a!important;
}

/* Окантовка аватара в профиле */
.pa-avatar img{
    border: #66543a 1px solid!important;
}

/* Личное описание */
.Kai {
    width: 186px!important;
    margin-top: -3px!important;
    margin-left: 5px!important;
    padding-bottom: 10px!important;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Montserrat', sans-serif;
    background-image: url(https://i.imgur.com/qSc2Zer.png);
    font-weight: 600;
    font-size: 10px;
    color: #b4998e!important;
}

.Kai a {
    font-weight: 800;
    color: #b4998e!important;
}

.Kol a {
    text-transform: uppercase;
    font-size: 13px;
    color: #b4998e!important;
} 

.Enzo {
    background-color: #0d1d0e;
    margin-left: 10px!important;
    margin-right: 10px!important;
    margin-bottom: 5px!important;
    font-size: 9px;
}   

.PlashkaProfile {
    margin-top: -4px!important;
}

/* Подфорумы */
.Stefan {
    padding: 10px 10px 10px 10px;
    background: url("http://forumuploads.ru/uploads/000f/42/4c/2/438749.png");
    color: #040303;
    border: 3px #9b8a72 solid;
    font-family: 'Montserrat', sans-serif;
    margin-right: 30px!important;
}

.ForumStefanText {
    padding: 2px 0px 2px 0px;
    background-color: #9b8a72;
    font-weight: bold;
    text-align: center;
    color: #23381f;
}

.Nicklaus {
    background-color: #9b8a72;
    padding: 2px 10px 5px 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: center;
    margin-right: 30px!important;
}
.Nicklaus a {
    margin-right: 5px;
}

/* Таблица */

.headertable {
    position: absolute;
    background-image: url(https://i.imgur.com/zMYYwqH.png);
    width: 952px;
    height: 124px;
    top: 158px;
    margin-left: -23px!important;
    transition: all .5s ease-in-out 0s;
    opacity: .45;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #b4998e;
    font-size: 10px;
}

.headertable a {
    font-weight: bold;
    color: #68562e!important;
}

.headertable b {
    color: #68562e!important;
}

.headertable:hover {
    opacity: 1
}

.htnav {
    margin-left: 350px!important;
    margin-top: -60px!important;
}

.htpost {
   height: 40px;
   width: 452px;
   overflow-y: auto;
   margin-top: 25px!important;
}

.htadmin {
    margin-top: -24px!important;
}

.htquote {
    width: 337px;
    height: 36px;
    overflow-y: auto;
    margin-top: 50px!important;
    margin-left: 115px!important;
}

.htpw{
    margin-top: -45px!important;
    margin-left: 700px!important;
}

.htqueue {
    margin-left: 800px!important;
    margin-top: -85px!important;
    width: 140px;
    height: 45px;
    overflow-y: auto;
}

.htbp {
    margin-top: -58px!important;
    margin-left: 686px!important;
}

.htbp img {
    border: #66543a 1px solid!important;
}

.htactiv {
    margin-top: 35px!important;
    margin-left: 857px!important;
}


.dropbtn {
    background-color: transparent;
    font-size: 10px;
    border: none;
    cursor: pointer;
    height:14px;
    width: 116px;
}

.dropdown {
    position: relative;
    z-index: 10000!important;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1c2d0d;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: 106px!important;
    margin-top: -14px!important;
}

.dropdown-content a {
    color: black;
    padding: 6px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
}

.dropdown-content a:hover {background-color: #11180a}

.dropdown:hover .dropdown-content {
    display: block;
}

.headerimage {
    border-radius: 15px;
    border: #66543a 1px solid!important;
    margin-right: 5px!important;
}

a.hover {
    color: #656871!important;
}
.view {
    position: relative;
    display: inline-block;
    color: #656871;
}
.view>a> img {
    border: #66543a 1px solid!important;
    height: auto;
}
.view > a {
    display: none;
    position: absolute;
    background: #1c2d0d;
    text-align:center;
    color: #b4998e!important;
    width: 127px;
    padding: 10px;
    left: -88px;
    bottom: 30px!important;
    text-decoration: none!important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
a.hover:hover + .view > a {
    display: inline-block;
}

/* Футер */
.banners {
    position: absolute;
    width: 382px;
    height: 50px;
    margin-top: -100px!important;
    margin-left: 499px!important;
    transition: all .5s ease-in-out 0s;
    opacity: .45;
    overflow-y: auto;
}

.banners:hover {
    opacity: 1;
}

.wanted {
    width: 500px;
    margin-left: 34px!important;
    margin-top: -99px!important;
    transition: all .5s ease-in-out 0s;
    opacity: .45;
}

.wanted:hover {
    opacity: 1;
}

.wantedimg {
    border: #66543a 1px solid!important;
    margin-right: 10px!important;
}

.wantedtext {
    margin-left: 170px!important;
    margin-top: -7px!important;
}

.pa-fld4 {
    position: relative;
    width: 60px;
    height: 60px;
    margin-left: 5px!important;
    background-color: #927967;
    margin-top: -69px!important;
    margin-bottom: 10px!important;
}

.pa-posts {
    width: 141px!important;
    margin-left: 70px!important;
    margin-top: 5px!important;
    text-align: center;
    font-size: 10px!important;
    background-color: #927967;
    height: 13px;
    margin-bottom: 2px!important;
    text-transform: lowercase;
}

.pa-respect {
    width: 141px!important;
    margin-left: 70px!important;
    text-align: center;
    background-color: #927967;
    font-size: 10px!important;
    height: 13px;
    margin-bottom: 2px!important;
    text-transform: lowercase;
}

.pa-fld5 {
    width: 141px!important;
    margin-left: 70px!important;
    text-align: center;
    font-size: 10px!important;
    background-color: #927967;
    height: 13px;
    margin-bottom: 26px!important;
    text-transform: lowercase;
}

.pa-fld1 {
    width: 141px!important;
    margin-left: 70px!important;
    text-align: center;
    font-size: 10px!important;
    margin-top: -23px!important;
    background-color: #927967;
    height: 14px;
    margin-bottom: 9px!important;
    text-transform: lowercase;
}

.KartinkaProfile {
    margin-top: 5px!important;
}

#font-area {
    height: 200px!important;
    overflow-y: auto;
}

.punbb .post-content del {
    text-decoration: none;
    filter: blur(2px);
}

.punbb .post-content del:hover {
    filter: blur(0px);
}

.CoolImageFilter {
    filter: sepia(100%) brightness(94%) hue-rotate(344deg) saturate(105%) contrast(92%)!important;
-webkit-filter: sepia(100%) brightness(94%) hue-rotate(344deg) saturate(105%) contrast(92%)!important;
-moz-filter: sepia(100%) brightness(94%) hue-rotate(344deg) saturate(105%) contrast(92%)!important;
}