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

/* CS1.0A Фон*/
body {
    background: #6f7072 url("https://i.ibb.co/CndB1w8/22.png") no-repeat fixed top center;
}

/* CS1.0B Тело*/
#pun {
    margin: auto;
    position: relative;
    margin-bottom: 0px;
    margin-top: 235px!important; 
    background: url("https://i.ibb.co/B48WWQn/2.png") repeat-y scroll top center; 
    -webkit-text-size-adjust: none;
}

/* CS1.0C Прокрутка*/
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    background-color: #7d1d1d; 
}

::-webkit-scrollbar-thumb {
    background-color: #aba9aa;
    border: 2px #7d1d1d solid; 
}

/* CS1.0D Шапка*/
#pun-title table {
    position: relative;
    background: transparent url("https://i.ibb.co/5TSYZNz/2.png") top center scroll no-repeat;
    height: 259px!important;
    width: 900px!important;
    margin-left: -15px;
    top: -35px;
}

#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.ibb.co/8r0qXTB/2.png") bottom center no-repeat;
    width: 900px;
    height: 130px;
    margin-bottom: -121px;
    margin-left: -27px;
    text-align: center;
}

/* CS1.0F Переадресация*/
#pun-redirect { 
    background: #6f7072;
    position: fixed;
    margin-top: 40px!important;
    text-align: center;
    font-size: 12px;
}

/* 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: Trebuchet MS; 
     text-transform: uppercase;
     color: #000000;
}

#pun-redirect h1 {
    background-image: none;
    padding-bottom: 10px; 
    color: transparent; 
    text-shadow: none;
}

.punbb-admin #pun-admain h2{
    color: #000000;
    background: transparent;
    text-align: left;
    text-shadow: none;
    padding-left: 55px;
}

/* CS1.3 Цитата, спойлер и код*/
.punbb .quote-box, .punbb .code-box {
    background: #aaa9a9;
    padding: 10px 12px 11px 12px!important;
    border: 2px #a19696 solid!important;
    border-radius: 6px;
    color: #000000;
    margin-bottom: 5px!important;
}

.quote-box cite {
    height: 13px;
    background: url("https://i.ibb.co/cCrKNK8/tik.png") no-repeat center;
}

.punbb  .spoiler-box {
    background: #b0b0b0 url('https://i.ibb.co/WfJmBRt/spoiler.png') no-repeat top center!important;
    padding: 17px 12px 15px 12px!important;
    margin-bottom: 10px!important;
    border: 2px #a19696 solid!important;
    border-radius: 6px;
    text-align: center;
    color: #000000;
}

/* CS1.4 Маркер-текст*/
.post-content .highlight-text { 
    background-color: #b31f1f!important;
    color: #ffffff!important;
}

/* CS1.5 */
#pun-navlinks .container {
    background-color: transparent;
    font-size: 13px;
    text-transform: uppercase;
}

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

/* CS1.6 Форма ответа*/
.punbb textarea  {
    background: #b0b0b0;
    padding: 5px;
    border: 1px #b0b0b0 solid!important;
    color: #212121;
    text-transform: none!important;
}

/* CS1.7 Профиль в теме*/
.punbb .post .post-author > ul {
    background: url("https://i.ibb.co/rsNj5bR/ttttop.png") top center no-repeat;
    padding: 1px 6px 10px 6px !important;
}

.punbb .post .post-author {
    text-align: center;
    background: #3e0c0c;
    color: #b0b0b0;
}

.pa-title {
    text-align: center;
    z-index: 1000;
    font-family: "Times New Roman";
    text-transform: lowercase;
    font-size: 12px;
    background: #8c8181;
    width: 215px;
    margin-bottom: 14px !important;
    margin-top: 8px !important;
    margin-left: -6px !important;
    color: #1b1813;
}

.pa-author  {
    text-align: center;
    margin-left: 0px !important;
    padding-top: 17px !important;
    margin-top: 0px !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: #8c8181;
    padding: 5px;
    border: 1px #6f7072;
}

/* CS1.9 Поля ввода, кнопки и выпадающие меню*/
.punbb .button {
    background: #7d1d1d;
    padding: 5px 14px 4px 14px;
    font-family: Times New Roman!important;
    font-size: 12px!important;
    border: 2px #5d1515 solid!important;
    color: #d6cccc;
    box-shadow: 0px 0px 8px #5d1515 inset;
    transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
}

.punbb .button:hover {
    background: #5f2424;
    border: 2px #400f0f solid!important;
    color: #bd4848;
    box-shadow: 0px 0px 8px #2d0f0f inset;
}

.punbb input, .punbb select  {
    font-family: Times New Roman!important;
    font-size: 12px!important;
    padding: 5px 14px 4px 14px;
    background: #b0b0b0;
    border: 1px #b0b0b0 solid!important;
    color: #212121;
}

/* CS1.10 Статистика*/
#pun-stats h2 {
    background-image: url("https://i.ibb.co/zN4ZFLM/7.png");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 31px;
    width:869px;
    margin-left: 0px;
}

#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: #7d1d1d;
    text-decoration: none;
    transition: color 0.2s 0.02s ease;
}

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

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

/* CS3.3 */
#pun-navlinks a {
    border-bottom: 3px transparent solid!important;
    transition: border-bottom 0.2s linear;
    color: #1d0909;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    border-bottom: 3px #7d1d1d solid!important;
    color: #7d1d1d;
}

#pun-ulinks a {
    background-color: transparent!important;
    transition: background-color 0.2s linear;
    color: #1d0909;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active{
    background-color: #7d1d1d!important;
    color: #aba9aa;
}

#pun-index .tcl a {
   color: #7d1d1d!important;
}

#pun-index .tcl a:hover {
   color: #1d0909!important;
}

#pun .post h3 span a {
    color: #000000;
}

/* CS4 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {
    background: url("https://i.ibb.co/997c6QD/2.png") no-repeat; 
}

TR.inew Div.icon {
    background: url("https://i.ibb.co/yNKQjxr/1.png") no-repeat;
}

TR.iclosed Div.icon {
    background: url("https://i.ibb.co/60t6BFb/3.png") no-repeat;
}

tr.isticky div.icon {
    background: url("https://i.ibb.co/h8pD6X0/4.png") no-repeat;
}

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

/* Иконки на главной странице */
#pun-main .category Div.icon {
    float: left;
    display: block;
    border-style: none;
    height: 35px;
    width: 35px;
    margin: 4px 0px auto -39px;
    background-repeat: no-repeat;
    position: absolute;
}

#pun-main .category Div.icon { background: none; }

#pun-main .category TR.inew Div.icon { 
    background: url("https://i.ibb.co/yNKQjxr/1.png") no-repeat;
}


/* CS5 Другое
 -------------------------------------------------------------*/

#font-area {
    height: 200px!important;
    overflow-y: auto;
}

.closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
    display: none
}

.punbb th {
    background: none;
    color: #000000;
}

/* Цвет подписи */
.punbb .post-sig {
    color: #212121;
}

#profile .container #profilenav h2   {
    text-align : left;
    text-shadow: none;
    color: #7a7567;
}

/* Разделитель */
hr {   
    height: 1px;
    margin-top: 5px!important;
    background-color: #7d1d1d;
    border: none;
}

/* Уважение и сообщения */
.pa-respect, .pa-posts {
    display: inline-block;
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
    width: 70px;
    line-height: 13px;
    padding: 7px;
    margin-bottom: 7px!important;
    margin-top: 4px!important;
    font-size: 10px;
    font-family: Times New Roman!important;
    text-transform: uppercase;
    font-style: italic;
}

.pa-respect {
    padding-left: 19px!important;
}

.pa-respect a {
    color: #b0b0b0!important;
}

/* Не отображать модераторов */
#pun-index .modlist {
    display: none; 
}

/* Темы и сообщения */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
    display:none!important;
}

.Tems_And_messages {
    display: inline-block!important;
    margin-top: -10px!important;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 10px;
}

.main table .Add {
    display: inline-block;
    background-color: transparent;
    color: #212121;
    opacity: 1;
    margin: -30px 0 0 23px!important;
    position: absolute;
}

.Tems_And_messages .right{
    float: right;
}

.Mess {
    margin-left: 20px!important;
    width: 110px!important;
}

.Tem {
    margin-left: 270px!important;
    width: 43px!important;
}

/* Скрыть: "форум, последнее сообщение" */
#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 #7d1d1d!important;
    border-radius: 0 !important;
}

/* Окантовка аватара */
.pa-avatar img{
    box-shadow: 2px 2px #1d0b0b;
}

/* Личное описание */
.pa-fld3 {
    background-color: #480c0c;
    padding-bottom: 2px!important;
    padding-left: 12px!important;
    margin-left: -7px!important;
    width: 204px;
}

.pa-fld1 {
    position: relative;
    color: #430202!important;
    font-family: Verdana;
    font-size: 10px;
    width: 120px;
    height: 24px;
    margin-left: 41px !important;
    margin-top: -21px !important;
    font-weight: 800;
    text-transform: uppercase;
}

#awardbud {
   height: 47px!important;
}

#pun-messages h3 {
    background: none;
    width: 500px;
}

.Plashkispace {
    width: 845px;
    margin-bottom: 45px!important;
    margin-top: -105px!important;
    text-align: center;
    position: absolute;
}

#imageupload-left input[type=button] {
      width: 15em!important;
      text-align:center;
}

.pa-fld2 {
    background: url(https://i.ibb.co/rww40vb/lz.png) repeat-y;
    margin-left: -6px!important;
    padding: 5px 17px 24px 25px!important;
}

#lzn {
    width: 185px;
    margin: -4px 0 0 -3px!important;
    text-align:center;
    font-family: Times New Roman;
    text-transform: uppercase;
    color: #430202;
    padding-top: 6px!important;
    font-weight: 700!important;
}

#lzn b {
    font-size: 13px;
}

#lzn sup {
    font-size: 7px;
}

#lzn a {
    color: #430202!important;
}

#lz {
    background: url("https://i.ibb.co/TmmzSz5/top-lz.png") no-repeat top center;
    width: 159px;
    margin-left: -26px;
    text-align: justify;
    font-family: Arial;
    font-size: 11px;
    padding-top: 1px;
    padding-left: 31px;
    padding-right: 31px;
    color: #000000;
}

#lz a {
    color: #430202!important;
}

/* Подкатегории на главной странице */
#pun-main .category tr {
    background-color: #b0b0b0;
    display: block;
    margin: 10px;
    border: 2px solid #a19696;
}

td.tcr a {
    font-weight: bold!important;
}

.punbb .user-avatar .isonline {
    margin-top: -3px!important;
}

/* Подфорумы */
.PodforumOne {
    margin-top: -25px!important;
    width: 510px!important;
}

.PodforumTwo {
    height: 18px;
    text-align: center;
    font-family: Franklin Gothic;
    font-size: 9px;
    padding-top: 7px;
    letter-spacing: 1px;
    padding-left: 30px!important;
    color: #212121;
    text-transform: uppercase;
}

.PodforumThree {
    padding: 5px 0px!important;
    font-family: Georgia;
    line-height: 1.4em;
    font-style: italic;
    font-size: 11px;
    color: #565353;
}

.PodforumFour {
    padding: 0px 0px 19px 0px!important;
}

/* Баннеры */
.banners {
    position: absolute;
    width: 750px;
    height: 68px;
    margin-top: 15px!important;
    margin-left: 58px!important;
    overflow-y: auto;
}

.banners img {
    transition: all .5s ease-in-out 0s;
    opacity: .20;
}

.banners img:hover {
    opacity: 1;
}

/* Объявление */
.QuestNavigation {
    width: 159px!important;
    display: block;
    margin-top: -238px!important;
    height: 115px;
    position: absolute;
    margin-left: 405px!important;
}

.Questspace {
    color: #560f0c;
    font-family: Times New Roman;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 999!important;
    position: relative;
    height: 68px;
    overflow-y: auto;
}

.QueTemp {
    margin-bottom: 8px!important;
}

.QueTemp p {
    text-transform: none;
    margin-top: 3px;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
}

.QueTemp a {
    color: #560f0c!important;
}

.QueTemp a:hover {
    color: #8e0000!important;
}

.htnav {
    background: url("https://i.ibb.co/10wqY0V/image.png") no-repeat top center;
    height: 35px;
    width: 163px;
    margin-top: 10px!important;
}

.dropbtn {
    background-color: transparent;
    font-size: 10px;
    border: none;
    cursor: pointer;
    height: 33px;
    width: 158px;
}

.dropdown {
    position: relative;
    z-index: 10000!important;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #7d1d1d;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: 154px!important;
    margin-top: -38px!important;
}

.dropdown-content a {
    color: #aba9a9!important;
    padding: 6px 16px;
    text-decoration: none;
    display: block;
    background-color: #7d1d1d;
    transition: background-color 0.2s linear!important;
    text-align: center;
}

.dropdown-content a:hover {
    background: #5f2424!important;
    color: #bd4848!important;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.WeNeedYou {
    width: 70px;
    display: block;
    position: absolute;
    margin-top: -247px!important;
    margin-left: 584px!important;
}

.WeNeedYou img {
     filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.Admins {
    display: block;
    position: absolute;
    width: 61px;
    margin-top: -225px!important;
    margin-left: 673px!important;
    font-family: Times New Roman;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.view {
    position: relative;
    display: inline-block;
}
.view>a> img {
    border: #a9a8a9 1px solid!important;
    height: auto;
    filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
}
.view > a {
    display: none;
    position: absolute;
    background: #7d1d1d;
    text-align:center;
    color: #aaa8a9!important;
    width: 127px;
    padding: 10px;
    left: 10px;
    bottom: -5px;
    text-decoration: none!important;
    text-transform: none!important;
    font-weight: 400!important;
    z-index: 9999;
}
a.hover:hover + .view > a {
    display: inline-block;
}