/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
    background: url(https://www.itl.cat/pngfile/big/104-1047283_escape-from-new-york-wallpaper-black-and-white.jpg) #000 fixed repeat-x;
}

#pun {
    background-color: #c8d0d3;
}

#pun-about p.container {
    margin: 0px 0px -100px -20px;
    background-position: center left;
    background-repeat: repeat-x;
    width: 960px;
    height: 101px;
    overflow-x: hidden;
}

/* 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 .post h3, .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: #000;
    color: #f00911;
    padding-top: 3px;
    height: 15px
    text-align: center;
    font-weight: bolder;
    font-size: 22px;
    text-transform: uppercase;
    font-family: Lucida Console;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
    background-color: transparent;
    color: #333;
}

#pun-title {
    background: url(http://forumupload.ru/uploads/001b/a3/ee/4/689142.png) top center no-repeat;
height:360px;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: transparent;
    color: #4a7471;
}

/* 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,  {
    background-color: #f9f9f9;
    color: #333
}

/* CS1.8 */
#pun-navlinks .container {
    background-color: transparent;
    color: #f1f1f1;
}

.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, #addition-area div, #tags .container {
    background: #fff;
    color: #333;
}

#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: transparent;
}

li.pa-online {
    border-left-color: #962527;
    border-radius: 3px;
}

.usertable td, #pun-online #pun-main td, hr, #wrapper ul, #similar-topics table td, .forum td, .punbb .post-links ul {
    border-bottom: 1px solid #ccc !important;
}

/* 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: #2e4869;
    text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #333;
}

/* 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: #580d10;
}

/* CS3.3 */
#pun-navlinks a {
    color: #972427;
    text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #99a2ac;
    text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #333;
    color: #fff;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/

Div.icon {
    background-image: url(http://forumupload.ru/uploads/001a/8b/db/2/445113.png);
    background-repeat: no-repeat;
}

TR.inew Div.icon {
    background-image: url(http://forumupload.ru/uploads/001a/8b/db/2/204396.png);
    background-repeat: no-repeat;
}



#pun-main div.catleft, #pun-main div.catright {
    display: none
}

.lastedit {
    display: none;
}

#pun-announcement h2 {
    display: none;
}

#pun-title td.title-logo-tdl {
    display: none;
}

.punbb textarea, .punbb select, .punbb input {
    background: #fff;
    color: #333;
    border: solid 1px;
    border-color: #dbd3cf;
    border-radius: 0px 0px 15px 0px;
}



/***   ÖÂÅÒÍÎÉ ÑÊÐÎËË   ***/
*::-webkit-scrollbar {
width:8px;
height:8px;
background: rgba(0,0,0, 0.1);
}
*::-webkit-scrollbar-thumb {
background: #000;
}
*::-webkit-scrollbar-corner {background: transparent;}


/*   ÔÎÍ ÂÑÏËÛÂÀÞÙÈÕ ÎÊÎÍ  */
#pun_wrap #post .container[id$="-area"] {max-height:264px; overflow:auto;}
#pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, .pun-modal .modal-inner, .inner, #post-sig .container[id$="-area"] {
outline:none; 
border: 1px solid #000;
background: #fff;
}



.pa-fld1 .fld-name {display: none;}

.pa-posts, .pa-respect {
display: inline-block;
    margin: 10px 0px 10px 0px!important;
    width: 85px;
    border: 1px solid #000;
    font: 300 8px verdana!important;
    text-transform: lowercase;
    letter-spacing: 0px;
    color: #000!important;
    text-align: center;
}

.pa-fld1 { font: 16px roboto;
    padding: 5px 0px 5px 0px!important;
    text-transform: uppercase;
    text-align: center;
    background: #b30e14;
    width: 180px;
    margin-left: 4px!important;
    margin-top: 5px!important;
    margin-bottom: 8px!important; } 

.pa-fld1 a { color:#c8d0d3!important; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.banners_bottom {
    margin: 30px 0px 0px -15px !important;
    overflow-y: auto;
    padding: 5px 5px 5px 5px;
    height: 40px;
    position: absolute;
    width: 935px;
    display: flex;
    flex-wrap: wrap;
    background-color: #acacac;
    justify-content: space-between;
    /* border: red 1px solid; */
}




.banners_bottom img {
    cursor: pointer;
    opacity: 1;
    transition: 2s;
    filter: grayscale(.8);
}


.banners_bottom img:hover {
    cursor: pointer;
    opacity: 1;
    transition: 2s;
    filter: none;
}
