/* фон окна репутации */
#pun-reputation div {
    border-radius: 0px;
    box-shadow: 0 0 0 0.1px inset #585757;
    background: #b7bcbb;
    text-transform: lowercase;
    color: #3a3a3a !important;
}

/* сообщение не вылазит за границы */
#pun .post-content {
    word-wrap: break-word;
}

/* для мобильных устройств */
body{
  overflow-y: scroll;
}
#pun_wrap  {
    min-width: 1250px !important;
}

HTML, body {
	min-width: 540px!important;
}

/*фон */
body {
background: url(https://catherineasquithgallery.com/uploads/posts/2021-02/1614267250_31-p-chernii-bumazhnii-fon-47.jpg);
background-repeat: no-repeat; 
background-color: #2a2a2a;
background-attachment: fixed!important; 
background-position: top center; 
background-size: cover; 
overflow-x: hidden !important; 
}

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

/* категории */
#pun-index .category h2 span, #pun-stats.section h2 span {
   width: 966px;
    margin-left: -9px;
    cursor: default;
    border-bottom: 1px solid #505c6073;
    text-align: center;
    text-transform: lowercase;
    font-family: 'Kelly Slab';
    font-weight: 500;
    color: rgb(110 100 90);
    text-shadow: 1px 0 #0000001a;
    font-size: 25px;
    letter-spacing: 1px !important;
    display: block;
    position: relative;
    line-height: 29px;
    transition: ease-out 1.6s;
}
#pun-index div.category h2:first-letter, #pun-stats h2:first-letter {color: #ae245 !important;
}

#pun-index .category tr {
    background: #f6efeb;
    /* background: #f0f6f6 url(https://i.postimg.cc/FFnNt9bR/3.png); */
    border: 1px solid #ababab;
    margin-bottom: 10px;
    margin-top: 0px;
}

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

/* 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 {
   background-color: #transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb-admin #pun-admain .adcontainer {
   background-color: #transparent;
  color: #333;
  }

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

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

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #transparent;
  color: #333
  }


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

/* CS1.8 */
#pun-navlinks .container {
 background-color: #transparent;
  color: #2d2d2d;
  }

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

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  line-height: 0em;
  padding-left: 0.4em;
  margin-top: 1.6999999999999993em;
  text-align: center;
  }

/* 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: #b10b4b;
}

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

/* 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: #1e1e1ed4;
  }

/* CS3.3 */
#pun-navlinks a {
    color: #79684a;
    text-decoration: none;
     transition: 0.5s;
}

#pun-navlinks a:hover {
    color: #221519;
    text-decoration: none;
    transition: 0.5s;
}

/* CS3.4 */
#pun-navlinks a:focus, #pun-navlinks a:active {
  color: #79684a;
  }

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

/*------------------------СООБЩЕНИЯ И РЕПУТАЦИЯ В ОДНУ СТРОКУ-----------------------*/
.pa-posts {
    /* display: inline-block; */
    /* width: 80px; */
    font-size: 12px;
    /* font-weight: 600; */
    font-family: Bebas Neue;
    text-transform: uppercase;
    /* color: #edeeed!important; */
    letter-spacing: 0.5px;
    padding: 4px 53px 4px 2px !important;
}

.pa-respect {
    color: #edeeed!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-family: Bebas Neue;
    padding: 4px 56px 4px 1px !important;
}

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

}

/* CS4 Post status icons
 -------------------------------------------------------------*/


#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    position: relative;
    float: left;
    background-color: #f6efeb;
    outline: 1px solid #722828;
    outline-offset: -1px;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    margin-left: -25px !important;
    margin-top: -1px!important;
}


#pun-index .category tr.inew {
    background: #f0f6f6 url(https://i.postimg.cc/HnZVY2ts/2.png);
    margin-bottom: 10px;
    margin-top: 0px;
    height: 107px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon  {
    background-color: #bd446d;
    outline: 1px solid #5e1212;
    outline-offset: -1px;
    border-radius: 50px;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon {
       background-color: #1a1919;
    outline: 1px solid #141413;
   outline-offset: -1px;
    border-radius: 50px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon {
    background-color: #bd446d;
    outline: 1px solid #201418;
    outline-offset: -1px;
    border-radius: 50px;
}

/* выделение */
    ::selection { 
    background: #624b4fb0;
    color: #080808;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: #624b4fb0;
    color: #080808;
}


/* аватар */
.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 0px;
    margin-top: 5px;
    border-radius: 0px;
    border: 4px solid #d6dadd;
    outline: 1px solid #8d9eb0;
}

/* шрифты, размер */
#font-area, #size-area, #spoiler-sels {
     background: #bbbebe;
    border: 1px solid #7e75947d;
    color: #3a3a3a !important;
    width: 150px !important;
     margin-left: 10px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #video-area, #addition-area {
       background: #bbbebe;
    border: 1px solid #7e75947d;
    color: #3a3a3a !important;
    width: 220px !important;
     margin-left: 555px;
    padding: 8px;
    margin-top: 4px;
    max-height: 148px;
    overflow-y: auto;
}

#smilies-area {
        background: #bbbebe;
    border: 1px solid #7e75947d;
    color: #3a3a3a !important;
    width: 400px !important;
    margin-left: 430px;
    padding: 8px;
    margin-top: 3px;
    max-height: 148px;
    overflow-y: auto;
    z-index: 9999;
}

div#image-area.container {
    width: 600px !important;
}
#imageupload-left input[type=button] {
    width: 14em !important;
    text-align: center;
}

/* БАННЕРЫ
----------------------------------------------------------------------------------------------------------------------*/
#banners {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    height: 66px;
    width: 991px;
    margin-left: -10px;
    margin-top: 52px;
    letter-spacing: 7px;
    opacity: 0.7;
}

#banners a img {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: sepia(1) brightness(0.38) hue-rotate(-23deg) contrast(1);
}

#banners a img:hover {
transition: all 0.5s;
opacity:0.8;
-moz-opacity:0.8;
  filter: none;
}
/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #1a151594; height: 4px; 
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #707070; height: 4px; 
}

::-webkit-scrollbar {
    background-color: #3a3a3c;
    height: 7px;
    width: 6px;
}

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: #3a3a3c;}

::-webkit-scrollbar-thumb {
  background-color: #3a3a3c;
  width:6px !important;}



/* не отображать это */

.stickytext,.closedatafield, .li#navawards, .lastedit, .pl-reports, .topic .sharelink
{display:none!important;}
#button-files_rusff, #button-graffiti_rusff
{display: none !important;}
 #pun-main h1, #pun-debug h2 {display: none;}
.punbb .modmenu .container span {display: none;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun td .modlist, .modlist {display: none !important;}
.li#navrules {display: none;}
#pun-ulinks .item5 {display:none}
#pun-index thead {display: none}
#pun-index .tcmod {display: none}
.pa-gifts {display: none;}


.punbb .user-avatar {float:left;position:relative;height:36px;width: 37px;margin: -2px 9px 2px 97px;
}

#pun .user-avatar.user-avatar .avatar-image {
    border-radius: 50px !important;
    border: 1px solid #6a767b91;
    height: 30px;
    width: 30px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}

.punbb .user-avatar .isonline {
    width: 9px !important;
    height: 9px!important;
    border-radius: 50px;
    top: 22px!important;
    right: 1px!important;
    z-index: 100;
    background-color: #bd446d !important;
}


/* символы */
small#plng {
 font-family: 'Kelly Slab';
    font-size: 12.5px!important;
    margin-left: 0px;
    padding: 0px 6px;
}

/* фон текстовой части */
#pun:before {
    position: absolute;
    content: '';
    background: url(https://i.postimg.cc/nLx8SdSQ/761.jpg) repeat;
    box-shadow: 0 0 0 1.2px inset #081724a1;
    /* outline: 2px solid #ab8945; */
    /* outline-offset: 2px; */
    /* width: calc(97% + 80px); */
    height: calc(100% + 220px);
    margin: -98px 0 0 -39px;
    z-index: -3;
}


/* стрелки вверх и вниз */

.go-up {
    display: none;
    position: fixed;
    font-family: Celestina;
    font-weight: 500;
    margin-left: 1049px !important;
    font-weight: 400;
    z-index: 100;
    cursor: pointer;
    color: rgb(186 88 96);
    font-size: 23px;
    top: 451px;
    text-shadow: -2px -2px 13px black;
    width: 80px;
    height: 25px;
}

.go-down {
    display: none;
    position: fixed;
    font-family: Celestina;
    font-weight: 500;
    margin-left: 1045px !important;
    font-weight: 400;
    z-index: 100;
    cursor: pointer;
    font-size: 23px;
    color: rgb(186 88 96);
    font-size: 23px;
    top: 500px;
    text-shadow: -2px -2px 13px black;
    width: 80px;
    height: 25px;
}

.go-up {
bottom:250px;
}
.go-down {
bottom:200px;
}



/* плашки новостей */

.novost {position:relative;}

.novost a {
    display: inline-block;
    min-width: 168px;
    transition: 1s;
    letter-spacing: 0.4px;
    font-size: 11px;
    margin-top: 20px !important;
    height: 35px;
    background-color: #bd446d;
    border: 1px solid #bd3d4d;
    position: relative;
    transform: none;
    margin: 0px 10px 0px;
    text-align: center;
    box-shadow: 1px 1px 3px 2px #5d346d;
}

.novost a:hover {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
}

.novost a img {
    width: 55px;
    height: 55px;
    position: absolute;
    display: block;
    margin-top: -11px;
    margin-left: -28px;
}

.novost a raz {
    display: block;
    font-size: 12px;
    color: #000000;
    text-align: center;
    margin-top: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Kelly Slab;
}

.novost a dva {
    font-size: 11px;
    color: #000000;
    text-transform: uppercase;
    text-shadow: 0px 0px #23161a;
    font-family: Kelly Slab;
}

.perc {
    position: absolute;
    font-size: 41px;
    font-family: 'Yeseva One';
    font-weight: 900;
    color: #e01d2d;
    top: -115px;
    margin-left: 619px!important;
}

.punbb .info {
border-style: none none solid none;
    font-family: 'Kelly Slab';
    border-width: 0px 0px 12px 0px;
}

/*блюр вместо зачеркивания*/
.punbb .post-content del {
    filter: blur(2px);
    text-decoration: none;
    }

.punbb .post-content del:hover { 
filter: none; 
text-decoration: none;}


.punbb #size-area {
    padding: 0 9px!important;
    overflow: hidden;
    overflow-y: auto;
    height: 355px;
    z-ndex: 100000;
}