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

body { 
background-color: #8a8d93;
  }

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

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-image : url(https://i.imgur.com/8UvCzBR.png);
background-position-x: center;
  color: #333;
  }

/* CS1.3 */ 
.punbb-admin #pun-admain h2 {
  background-color: #transparent;
  color: #8a8d93;
  }

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2,{
  background-color: #8a8d93;
  color: #cbcfd8;
  }

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #f3f6fe;
    color: #8a8d93;
    text-transform: lowercase;
    font-weight: normal;
    font-family: isocpeur!important;
  }

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

/* CS1.7 */ 
.punbb .quote-box, .punbb .code-box {
  background-color: #eaedf5;
  color: #333
  }
/* поле ввода */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  background-color: #eaedf5;
  color: #222c41;
border: 2px;
    border-color: #e7eaf2;
    border-style: solid;
  }

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

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

/* CS2 Цвета границ
-------------------------------------------------------------*/
/* 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;
  background-color: #transparent;
  color: #8a8d93;
  }
/* 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: #e38b99;
  }
#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-color:transparent;
  }
li.pa-online {
border-color:transparent;
  }
.punbb .post-sig dt {
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: #3b3c3f;
 -webkit-transition: color 1s; /* For Safari 3.0 to 6.0 */
        transition: color 1s; /* For modern browsers */
  }

.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: #cbcfd8;
  }

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

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #cbcfd8;
  text-decoration: none

  }

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


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

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

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


/* CS6 Логотип снизу
-------------------------------------------------------------*/
#pun-about p.container {background-color: #;
   background-image : url(https://i.imgur.com/F7on6hX.png);
   background-position : center top;
   background-repeat : no-repeat;
   height : 83px;
margin-bottom: -18px;}
div#html-footer {
        margin: 0px 0px 0px 0px;}
div#pun-about {
}
div#html-footer {
        margin: 0px 0px 0px 0px;}
#pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center;}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: left; text-transform: lowercase;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container {  text-align: center; font-family: tahoma; 	text-transform: lowercase;     letter-spacing: 3px;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts, .pa-respect, .pa-fld2 {
 font-family: arial;
text-align:center;
border: 2px #9ca5b9; /*Вид бордеров*/
display:inline-block;
padding:0 2px!important;
width:62px;
margin-left: 0;
}

.pa-fld1 {
width: 180px;
    text-align: justify;
    font-family: tahoma;
    font-size: 9px;
    padding: 5px 20px!important;
    line-height: 150%;
    background: #eaedf5!important;
}

.pa-fld3 {
    text-align: center;
    font-family: tahoma;
    line-height: 2;
    color: #3b3c3f;
    font-size: 11px;
    background: #eaedf5!important;
    height: 22px;
    font-weight: bolder;
    width: 22px;
    position: absolute;
    margin-top: -13px!important;
    left: 194px;
    border-radius: 50%;
    border: 2px solid #cbcfd8;
}
pa-fld3:hover{background:blue; text-decoration:underline}

.name {
    width: 170px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
 font-family: Roboto Condensed;
    font-weight: bold;
    padding-bottom: 5px;
}

.post-author ul li.pa-avatar img {
    background: transparent none!important;
    max-width: 180px;
    height: auto;
    width: auto!important;
    border: 2px solid #a7abb3;
}


/*цвет прокрутки*/
::-webkit-scrollbar {
    background:#8a8d93; 
    width: 8px;
}
::-webkit-scrollbar-track {
    border-left: 1px solid #8a8d93;

}
::-webkit-scrollbar:horizontal  {
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background: #885f68; 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.27); 
}
::-webkit-scrollbar-thumb:hover {
    background: #e38b99; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.6); 
}
@-webkit-keyframes headershine {
    0%        { opacity: 0.4; }
    50%        { opacity: 1; }
    100%     { opacity: 0.4; }
}

/*описание подфорумов*/
.oftext{
width: 500px;
height: 19px;
    color: #333;
    padding: 5px 10px;
    letter-spacing: 2px;
    background: #e7eaf2;
  }

.oftext a{
    padding: 2px 5px;
    font-family: isocpeur;
    font-size: 16px;
    letter-spacing: 2px;
}

/*зачеркивание*/

del {background: #cbcfd8;color: transparent;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-ms-transition:1s ease;
-o-transition:1s ease;
transition: 1s ease;
text-decoration: none!important;}

del:hover {background: transparent;color: #000000;text-decoration: none!important;}


/***  Заплатка для поля ответа ***/
textarea#main-reply {
  width: 100%;
  height: 100%;
  height: 245px;
  margin: 0 auto !important;
  padding: 0.75em;
  box-sizing: border-box;
  overflow: auto;  }

#post .container[id$="font-area"]{max-height: 250px!important; overflow: auto;}



 /***  рекомендация зеленая ***/
div#pun-live-rusff {
    z-index: 98;
    width: 440px;
    height: 19px;
    margin: 5px 10px auto auto!important;
}


 /***  иконки в темах ***/

#pun-viewforum tr Div.icon, #pun-messages tr Div.icon, #pun-searchtopics tr Div.icon {
background-image:url(https://i.imgur.com/DnbY4hF.png);
width: 18px;
height: 18px;
 
}

#pun-viewforum tr.inew Div.icon, #pun-messages tr.inew Div.icon, #pun-searchtopics tr.inew Div.icon {
background-image:url(https://i.imgur.com/ywixDOF.png);
width: 18px;
height: 18px;
 
}

#pun-viewforum tr.isticky Div.icon, #pun-messages tr.isticky Div.icon, #pun-searchtopics tr.isticky Div.icon {
background-image:url(https://i.imgur.com/0fyQ33L.png);
width: 18px;
height: 18px;
 
}

#pun-viewforum tr.iclosed Div.icon, #pun-messages tr.iclosed Div.icon, #pun-searchtopics tr.iclosed Div.icon {
background-image:url(https://i.imgur.com/0mwo7gp.png);
width: 18px;
height: 18px;
 
}


.punbb .user-avatar img.ava {
    border-radius: 0%!important;
}

body {
    display: block;
    margin: 0px;
}