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

/* E1.1 фон */
body {
background: 
url("https://i.imgur.com/kOLN62F.png") repeat, #dadada;}

/* E1.2 тело */
#pun {
    background: repeat transparent url(https://i.imgur.com/MWG7W5m.png);
    background-position: center;
  }

/* E1.4 шапка */
#pun-title table {
    height: 250px !important;
    width: 1100px !important;
    margin-left: -29px;
    background: url(https://i.imgur.com/Gows3Pw.png) top center no-repeat;
    margin-top: -4px;
}

/* E1.5 футер */
#pun-about p.container {
    background: transparent url(https://i.imgur.com/YIQVBL8.png) bottom center no-repeat;
    width: 1110px;
    margin-bottom: -44px;
    margin-left: -44px;
    height: 100px;
}

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

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

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

/* 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 {
  border-left-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: #bf0e77
  }

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

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

/* CS3.3 */
#pun-navlinks a {
  color: #bf0e77;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #bf0e7782;
  text-decoration: none
  -webkit-transition: all 0.5s ease;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #333;
  }

#pun-ulinks a {
  color: #bf0e77;
  text-decoration: none
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #bf0e7782;
  text-decoration: none
  }

#pun-index .tcl h3 a, li#pun-index .tcl h3
{
  color: #bf0e77;
  text-decoration: none
}
.tcl h3 a:hover {  
  color: #bf0e7782;
  text-decoration: none
}

#pun-index td div.tclcon {width: 390px;
    font-size: 11px;
    text-align: justify;
    margin-left: 40px;
    font-family: Roboto;}

#pun-viewtopic .post h3 {height: 21px;
    background-color: #c7c7c7;
    font-family: Roboto;
    width: 1036px;
    font-size: 11px;
    margin: 5px 4px 12px 1px !important;}


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

Div.icon {
    background-image : url('https://i.imgur.com/CbLc9sx.png');
    background-repeat: no-repeat;
    }
    /*Новые сообщения*/
    TR.inew Div.icon {
    background-image : url('https://i.imgur.com/TzLMwx5.png');
    background-repeat: no-repeat;
    }
    /*Важные темы*/
    TR.isticky Div.icon {
    background-image : url('https://i.imgur.com/TzLMwx5.png');
    background-repeat: no-repeat;
    }
    /*Закрытые темы*/
    TR.iclosed Div.icon {
    background-image : url('https://i.imgur.com/CbLc9sx.png');
    background-repeat: no-repeat;
    }

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

.pa-posts, .pa-respect {
font-family: Roboto !important;
    font-size: 10px !important;
    background-color: #e6e601;
    text-transform: lowercase;
    margin-bottom: 1px !important;
    margin-left: -11px !important;
    font-weight: 600;
    margin-top: 2px !important;
    padding: 3px !important;
    text-align: center !important;
    width: 199px;}

.punbb .pa-avatar img {
height: auto;
    max-width: 180px !important;
    padding-top: 0px !important;
    margin-top: -10px;
    text-align: center;}

#main-reply {
    width: 100%;
    background-color: #f9f9f4 !important;
    }

b, p strong {
    color: #bf0e77;}

::-webkit-scrollbar-thumb:vertical {
  background-color:#5c8d89; border-radius: 40px;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color:#5c8d89; border-radius: 40px;
}
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color: #e9e6e2;}

/* E1.8 иконки и категории */
#pun-stats.section h2 {
padding: 5px 5px;
    font-family: Cuprum;
    text-transform: lowercase;
    font-size: 33px !important;
    margin: auto;
    color: #e6e601;
    background: #bf0e77;
    letter-spacing: -2px;
    height: auto !important;
    width: 1028px !important;
    text-align: center;
}
#post-form h2 {
padding: 5px 5px;
    font-family: Cuprum;
    text-transform: lowercase;
    font-size: 33px !important;
    margin: auto;
    color: #e6e601;
    background: #bf0e77;
    letter-spacing: -2px;
    height: auto !important;
    width: 1028px !important;
    text-align: center;
}

#pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span {display}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {    height: 200px;
    overflow-y: scroll;
    background: #fff;}

#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://i.imgur.com/9LaoKJZ.png);
    background-color: #e9e6e2;
}

/* Индикатор активности пользователя */

.post .post-author ul {
  position: relative;
}
.pa-online {
position: absolute;
    display: inline-block !important;
    top: 26px;
    right: -4px;
    background: url(https://i.imgur.com/l1ebkmC.png) top no-repeat;
    height: 30px;
    width: 20px;
}
.pa-online:hover {
 background: url('https://i.imgur.com/l1ebkmC.png') top no-repeat;
}
.pa-online:hover strong {
  opacity: 0;
  visibility: visible;
}
.pa-online strong {
 position: absolute;
    opacity: 0;
    visibility: hidden;
}
.pa-online strong:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 6px;
  top: -10px;
  border-width: 5px 5px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
}

li.pa-fld1 {
padding: 5px !important;
    font-size: 9px;
    margin-bottom: 0px !important;
    margin-top: 8px !important;
    text-transform: lowercase;
    text-align: justify;
    width: 197px !important;
    margin-left: -11px !important;
    color: #170c1c;
    background: #e6e601;
    line-height: 12px;
}

li.pa-fld2 {
text-transform: lowercase;
    letter-spacing: 1px !important;
    font-family: Roboto;
    margin-top: -12px;
    padding-bottom: 2px !important;
    margin-left: -11px;
    padding-top: 13px !important;
    margin-bottom: -6px;
    line-height: 10px;
    width: 205px;
    font-weight: bold;
    color: #402f25;
    background-color: #e6e601;
    font-size: 9px;}


#pun-index .category tr {
background: #d2c7d0;
    color: #170c1c;
    font-size: 10px;
}

#pun-index thead {
    display: none;
}

#pun-index .category table { border-spacing: 0px 15px;}