/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.0A Фон*/
body {
    background: #151e39 url("https://i.ibb.co/PMp9Zf6/BG.png") no-repeat fixed top center;
}

/* CS1.0B Тело*/
#pun {
    margin: auto;
    position: relative;
    margin-bottom: 0px;
    margin-top: 360px!important; 
    background: url("https://i.ibb.co/Tq9Gcb1/FBG.png") repeat-y scroll top center; 
    -webkit-text-size-adjust: none;
}

/* CS1.0C Прокрутка*/
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    background-color: #09112b; 
}

::-webkit-scrollbar-thumb {
    background-color: #ab8b5d;
}

/* CS1.0D Шапка*/
#pun-title table {
    position: relative;
    background: transparent url("https://i.ibb.co/9Vvw0cy/Head.png") top center scroll no-repeat;
    height: 379px!important;
    width: 1090px!important;
    margin-left: -78px;
    top: -366px;
    margin-bottom: -260px!important;
}

#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/PYSYZqT/Footer.png") bottom center no-repeat;
    width: 1090px;
    height: 148px;
    margin-bottom: -167px;
    margin-left: -90px;
    text-align: center;
    margin-top: 5px;
}

/* CS1.0F Переадресация*/
#pun-redirect { 
    background: #151e39;
    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: 13px;
     text-align: center;
     font-family: Times New Roman; 
     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: #d7cfc0 url("https://i.ibb.co/5cg7rbr/Quote-up.png") no-repeat top center;
    padding: 14px 12px 13px 12px!important;
    color: #000000;
    margin-bottom: 22px!important;
    box-shadow: 0px 0px 9px 1px #d0cdcb8a inset;
    margin-top: 15px!important;
    box-shadow: 0px 0px 0px 2px #a68658, 0px 0px 0px 4px #d7cfc0;
}

.quote-box cite {
    height: 13px;
}

.punbb  .spoiler-box {
    background: url("https://i.ibb.co/5cg7rbr/Quote-up.png") no-repeat top center, url(https://i.ibb.co/TLjM0R2/Cit.png) repeat-y;
    padding: 15px 12px 15px 12px!important;
    margin-bottom: 13px!important;
    text-align: center;
    box-shadow: 0px 0px 0px 2px #a68658, 0px 0px 0px 4px #0e162f;
    color: #ddd7ca;
}

.punbb  .spoiler-box a {
    color: #dac2a0!important;
}

/* CS1.4 Маркер-текст*/
.post-content .highlight-text { 
    background-color: #ffd100!important;
    color: #000000!important;
}

/* CS1.5 */
#pun-navlinks .container {
    background-color: transparent;
    text-transform: uppercase;
}

.offline li.pa-online strong {
    font-weight: normal
}

/* CS1.6 Форма ответа*/
.punbb textarea  {
    background: #e2ddd1;
    padding: 5px;
    border: 1px #e2ddd1 solid!important;
    color: #000000;
    text-transform: none!important;
}

/* CS1.7 Профиль в теме*/
.punbb .post .post-author > ul {
    padding: 1px 6px 10px 6px !important;
}

.punbb .post .post-author {
    text-align: center;
    background: transparent;
    color: #000000;
}

.pa-title {
    z-index: 1000;
    text-transform: lowercase;
    font-size: 13px;
    color: #ab9980;
    text-shadow: 0px 0px 4px #ab8b5d;
}

.pa-author  {
    text-align: center;
    margin-left: 0px !important;
    margin-bottom: -17px!important;
    width: 203px;
    height: 16px;
    position: relative;
}

/* 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: #d7cfc0;
    padding: 5px;
    border: 1px #ab8b5d;
    color: #000000;
}

/* CS1.9 Поля ввода, кнопки и выпадающие меню*/
.punbb .button {
    background: #0f1733;
    padding: 5px 14px 4px 14px;
    font-family: Times New Roman!important;
    font-size: 12px!important;
    border: 1px #3b4465 solid!important;
    color: #d8b685;
    box-shadow: 0px 0px 0px 2px #2f3344;
    transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
}

.punbb .button:hover {
    background: #3b4884;
    border: 1px #a58557 solid!important;
    color: #d8d2c4;
    box-shadow: 0px 0px 0px 2px #3b4884;
}

.punbb input, .punbb select  {
    font-family: Times New Roman!important;
    font-size: 12px!important;
    padding: 5px 14px 4px 14px;
    background: #131b36;
    border: 1px #131c39 solid!important;
    color: #e2ddd1;
}

/* CS1.10 Статистика*/
#pun-stats h2 {
    background-image: url("https://i.ibb.co/cXw0Fm8/9.png");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 42px;
    width: 934px;
}

#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: #161f3d;
    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: #000000;
}

/* 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: #3b4884;
    text-decoration: none;
}

/* CS3.3 */
#pun-navlinks a {
    font-size: 0px!important;
    height: 27px!important;
    padding: 0px!important;
    margin-bottom: -7px!important;
}

#pun-navlinks li>a {
    display: inline-block;
    width: 28px;
    height: 28px;
    color: transparent;
}

#pun-navlinks li#navindex>a {
    background: url("https://i.ibb.co/vk5fFf6/fg-11.png");
}
#pun-navlinks li#navuserlist>a {
    background: url("https://i.ibb.co/mTq4xHJ/fg-10.png");
}
#pun-navlinks li#navsearch>a {
    background: url("https://i.ibb.co/dLG1gRm/fg-4.png");
}
#pun-navlinks li#navprofile>a {
    background: url("https://i.ibb.co/qYL1TRq/fg-5.png");
}
#pun-navlinks li#navpm>a {
    background: url("https://i.ibb.co/1QfCtK2/fg-9.png");
}
#pun-navlinks li#navadmin>a {
    background: url("https://i.ibb.co/BtnSgfS/fg-7.png");
}
#pun-navlinks li#navlogout>a {
    background: url("https://i.ibb.co/KDg6ffs/fg-8.png");
}
#pun-navlinks li#navlogin>a {
    background: url("https://i.ibb.co/cQcgK7v/fg-2.png");
}
#pun-navlinks li#navregister>a {
    background: url("https://i.ibb.co/GpfVrS3/fg-1.png");
}
#pun-navlinks li#navpr_1>a {
    background: url("https://i.ibb.co/GpB0jvF/fg-3.png");
}

#pun-ulinks a {
    transition: color 0.2s linear;
    color: #7d6560;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active{
    color: #3b4884;
}

#pun-index .tcl a {
   color: #050c23!important;
}

#pun-index .tcl a:hover {
   color: #3b4884!important;
}

/* CS4 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {
    background: url("https://i.ibb.co/b6wy6LH/I-2.png") no-repeat; 
}

TR.inew Div.icon {
    background: url("https://i.ibb.co/TkCPQrV/I-1.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: 83px;
    width: 79px;
    margin: -23px 0px auto -68px;
    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/6sLVDtc/I-M.png") no-repeat; }

/* CS5 Другое
 -------------------------------------------------------------*/

#font-area {
    height: 200px!important;
    overflow-y: auto;
}

/* Убрать важно/закрыто/редактирование */
.stickytext, .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit { display: none; }

.punbb th {
    background: none;
    color: #000000;
}

/* Цвет подписи */
.punbb .post-sig {
    color: #544f43;
}

#profile .container #profilenav h2   {
    text-align : left;
    text-shadow: none;
    color: #7a7567;
}

/* Разделитель */
hr {   
    height: 1px;
    margin-top: 5px!important;
    background-color: #b19163;
    border: none;
}

/* Уважение и сообщения */
.pa-respect, .pa-posts, .pa-fld3 {
    display: inline-block;
    text-align: center;
    width: 54px!important;
    line-height: 10px;
    padding: 6px 6px!important;
    margin-bottom: 0px!important;
    margin-top: 3px!important;
    font-size: 9px;
    text-transform: lowercase;
    height: 25px!important;
    margin-right: -1px!important;
    letter-spacing: 0.5px;
}

.pa-posts span, .pa-fld3 span, .pa-fld3 span { display: block; }
.pa-respect span:first-child { display: block; }

.pa-awards br { display:none; }

/* Не отображать модераторов */
#pun-index .modlist { display: none; }

/* Темы и сообщения */
#pun-index .tc2, #pun-index .tc3 { display: none !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 #a18153!important;
}

/* Окантовка аватара */
.pa-avatar img{ border: 1px solid #c3994e!important; }

/* Подкатегории на главной странице */
#pun-main .category tr {
    background: #ddd7ca;
    display: block;
    margin: 10px;
    padding-bottom: 12px;
    padding-top: 12px;
}

td.tcr a { font-weight: bold!important; }

/* Личное описание */
#awardbud {
   height: 47px!important;
}

#pun-messages h3 {
    background: none;
    width: 500px;
}

#imageupload-left input[type=button] {
      width: 15em!important;
      text-align:center;
}

.Lz {
    background: url("https://i.ibb.co/Hd5LV5b/LZ-bg.png") repeat;
    margin-left: 5px!important;
    width: 174px;
    padding: 8px 9px;
    color: #f9f8f7;
    margin-top: 7px!important;
    text-shadow: 0px 0px 3px #000000;
}

#Lz-head {
    text-align:center;
    font-family: Times New Roman;
    color: #ffffff;
    font-weight: bold!important;
    font-size: 12px;
}

#Lz-head a, #Lz-body a {color: #141c38!important;text-shadow: 0px 0px 4px #c39b60;}
#Lz-head a:hover, #Lz-body a:hover {color: #3b4884!important;}

#Lz-body {
    text-align: justify;
    font-size: 10px!important;
    line-height: 1.2em;
}


.Lz-Taro {
    width: 192px!important;
    height: 24px!important;
    margin-left: 5px!important;
    color: #dec2aa!important;
    font-family: Times New Roman;
    font-size: 12px;
    text-shadow: 0px 0px 6px #f3d8be;
}

.Taro-1 {
    background: url(https://i.ibb.co/G3H1swk/LZ-bg2.png);
    position:absolute;
    width: 192px!important;
    height: 19px!important;
    padding-top: 5px!important;
}

.Taro-2 {
    background: url(https://i.ibb.co/G3H1swk/LZ-bg2.png);
    position:absolute!important;
    width: 192px!important;
    height: 19px!important;
    margin: 0px 0px 0px 0px!important;
    padding-top: 5px!important;
    transition: opacity 0.2s 0.02s ease!important;
}

.Taro-2:hover { opacity: 0!important; }

/* Подкатегории на главной странице */
td.tcr a { font-weight: bold!important; }

/* Подфорумы */
.PodforumOne { margin-top: -10px!important; width: 461px; }
.PodforumOne2 { margin-top: -2px!important; }

.PodforumOne2 tr {margin: 0px!important;padding-top: 0px!important;margin-left: -4px!important;}

.PodforumTwo {
    height: 14px;
    text-align: left;
    font-family: Times New Roman;
    font-size: 12px;
    font-style: italic;
    margin-left: 185px!important;
    color: #503645;
    text-transform: lowercase;
    font-weight: bold;
    margin-top: -17px!important;
    position: absolute;
    text-shadow: 0px 0px 2px #503645a3;
}

.PodforumTwo2 { margin-top: -15px!important; }

.PodforumThree {
    padding: 10px 1px!important;
    font-family: Times New Roman;
    line-height: 1.3em;
    font-size: 12px;
    color: #262626;
    margin-bottom: 1px!important;
}

.PodforumThree table { margin: 0px!important; padding: 0px!important;}
.PodforumThree tr { margin: 0px!important; padding: 0px!important;}
.PodforumThree td { margin: 0px!important; padding: 0px!important;}

.PodforumFour {
    font-family: Times New Roman;
    line-height: 1.3em;
    font-size: 12px;
    margin-top: 10px!important;
    margin-bottom: 1px!important;
    font-weight: bold;
    background: #d2c8ba;
    text-align: center;
    padding: 0px!important;
}

.PodforumFour a {
    padding: 6px 2px;
    display: block;
    border-bottom: 1px solid #ddd7ca;
    text-align: center;
    width: 170px;
    margin-left: -1px;
    color: #ffffff!important;
}

.PodforumFive {
    padding: 2px 0px 2px 5px!important;
    font-family: Times New Roman;
    line-height: 1.3em;
    font-size: 12px;
    color: #262626;
    margin-top: 10px!important;
    margin-bottom: 1px!important;
}

/* Баннеры */
.banners {
    position: absolute;
    width: 835px;
    height: 31px;
    margin-top: 73px!important;
    margin-left: 46px!important;
    overflow-y: auto;
}

.banners img {
    transition: all .5s ease-in-out 0s;
    opacity: .40;
}

.banners img:hover { opacity: 1; }

/* Объявление */
.Image-filter {
    filter: grayscale(22%) sepia(93%) brightness(50%) hue-rotate(190deg) saturate(177%) contrast(106%) invert(6%);
    -webkit-filter: grayscale(22%) sepia(93%) brightness(50%) hue-rotate(190deg) saturate(177%) contrast(106%) invert(6%);
    -moz-filter: grayscale(22%) sepia(93%) brightness(50%) hue-rotate(190deg) saturate(177%) contrast(106%) invert(6%);
}

.Table-main{
    margin: 0!important;
}

.Table-main-BG {
    width: 942px;
    height: 148px;
    position: absolute;
    margin: -364px 0px 0px -16px!important;
}

.Table-main-Admins {
    position: absolute;
    margin: -508px 0px 0px 380px!important;
    font-family: Times New Roman;
}

.Table-main-Admins a {
    color: #bba688!important;
    text-shadow: 0px 0px 5px #a8885a;
    padding: 2px 6px;
    font-size: 12px;
    font-style: italic;
}

.Table-main-Admins a:hover {
    color: #b2b9d6!important;
}

.view {
    position: relative;
    display: inline-block;
}

.view > a {
    display: none;
    position: absolute;
    background: #101935;
    text-align: justify;
    color: #f5f5f5!important;
    width: 127px;
    padding: 10px;
    right: -47px;
    top: 6px;
    text-decoration: none!important;
    text-transform: none!important;
    font-weight: 400!important;
    z-index: 9999;
    font-size: 11px;
    line-height: 10px;
    text-align: center;
}

a.hover:hover + .view > a {
    display: inline-block;
}

.Table-main-Navigation {
    position: absolute;
    margin: -470px 0px 0px 30px!important;
    text-transform: lowercase;
    font-family: Times New Roman;
    font-size: 13px!important;
}

.Table-main-Navigation a {color: #ffffff!important;}

.Nav-1 {
    width: 155px!important;
    text-align: center;
    display: inline-block;
    background: #404d89 url("https://i.ibb.co/H76MjY5/Purplebg.png");
    margin-bottom: 5px!important;
    padding: 3px 25px 5px 25px;
    transition: background 0.2s linear, border-top 0.2s ease!important;
    border-top: 3px solid #a48456;
}

.Nav-1:hover {
    border-top: 3px solid #404d89;
    background: #a48456;
}

.Table-post {
    position: absolute;
    margin: -364px 0px 0px 299px!important;
    color: #f2f2f2;
    font-family: Times New Roman;
    font-size: 12px!important;
    width: 312px;
    text-align: justify;
    height: 47px;
    line-height: 14px;
    text-shadow: 0px 0px 5px #ffddad;
}

.Table-post a {
    color: #f2f2f2!important;
    text-shadow: none!important;
    font-weight: bold;background: #404d89;
    padding: 2px 4px;
}

.Table-post a:hover {color: #ffffff!important;}

.Table-Episode {
    position: absolute;
    margin: -486px 0px 0px 297px!important;
}

.Table-Activists {
    position: absolute;
    margin: -405px 0px 0px 297px!important;
}

.One-A {
    width: 312px;
    height: 32px;
    font-style: italic;
    display: inline-block;
    border: 1px solid #aa8a5c!important;
}

.One-A-New {
    width: 97px;
    height: 35px;
    font-style: italic;
    display: inline-block;
    border: 1px solid #aa8a5c!important;
    margin-right: 5px!important;
}

.Table-Posts {
    position: absolute;
    margin: -447px 0px 0px 297px!important;
}

.Action-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.Table-main{
    margin: 0!important;
}

.Table-que {
    position: absolute;
    margin: -422px 0px 0px 673px!important;
    font-family: Times New Roman;
    font-size: 13px;
}

.Table-que-1 {
    width: 180px;
}

.Table-que-quest {
    margin: 8px 0px 2px 0px!important;
}

.Table-que-quest a {
    color: #ddd5c9!important;
    background: #404d89;
    padding: 1px 5px;
    font-weight: bold;
}

.Table-que-name {
    font-weight: bold;
    margin-left: 95px!important;
}

.Table-que-name a {
    color: #bba688!important;
    text-shadow: 0px 0px 5px #a8885a;
}

.Hidden-image {
    position: absolute;
    background: url(https://i.ibb.co/FbMtvwJ/Stars.png);
    width: 461px;
    height: 349px;
    margin-top: -525px!important;
    margin-left: 216px!important;
    opacity: 0;
    transition: opacity 0.7s 0.07s ease;
}

.Hidden-image:hover {
    opacity: 100%;
}

.Action-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.Plashkispace {
    text-align: center;
    margin-top: -119px! important;
    position: absolute;
    width: 911px;
    height: 100px;
    margin-bottom: 80px!important;
}

.We-want-you { 
    width: 550px; 
    padding-top: 35px; 
    height: 450px; 
    background: url(https://i.ibb.co/Pm0R4fG/BG.png);
}

.We-want-you h1 {
    color: #caa356;
    font-family: Katherine;
    font-size: 30px!important;
    margin-top: -52px;
    margin-bottom: -13px;
}

.We-want-you b {
    color: #caa356;
}

.WWY-part1 {
    text-align: center;
}

.WWY-part1 img {
    width: 150px;
    height: 150px;
    margin-bottom: 12px;
}

 #pun-ulinks #Rz{display:none;} 
