/* CS0 НАВИГАЦИЯ
-------------------------------------------------------------*/
div#pun-navlinks {
     position: absolute;
    width: 115%;
    margin-left: -83px;
    top: 300px;
}

div#pun-ulinks {
   position: absolute;
    width: 100%;
       margin-left: -23px;
    top: 363px;
}

/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-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, #pun-navlinks .container  { background-color: transpanent;
color: #090909;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #cbd3da;  background-position: top center; }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(https://i.imgur.com/5Y2yG4a.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 376px;
width: 923px;
margin-left: -23px;
}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #ffffff; background-image: url(https://i.imgur.com/4OIy50M.png);}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {background-image: url(https://i.imgur.com/FL9NLhr.png); background-position: top center; background-repeat: no-repeat; height: 75px; width: 923px;
margin-bottom: -106px;
margin-left: -35px; }

/* CS1.6 */
#pun-navlinks .container {
  color: #f1f1f1;
}

.offline li.pa-online strong {
  font-weight: normal
}

.tcldescr {
  background-color: #e0eaec;
  padding: 5px 10px;
  text-align: justify;
}

/* CS2 Ссылки */

/* CS2.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: #576d81;
border-bottom: 0px none #000;
text-decoration: none;
-moz-transition: all 0.2s 0.02s ease;
-o-transition: all 0.2s 0.02s ease;
-webkit-transition: all 0.2s 0.02s ease;
}


/* CS2.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: #817c57;
    border-bottom: 0px none #000;
    }

#pun-navlinks a {
color: #000000;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #5f7d74;
font-style: normal;}

/* CS2.5.  ВН ПРИ НАЖАТИИ  */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #7b838b;
 }


/* CS2.5. НН ПРИ НАЖАТИИ */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #cdcd8d;
  }

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-left: -26px;
margin-top: 0px;
margin-right: 5px;
width: 30px;
height: 28px;
background-image : url(https://i.imgur.com/1n7k43f.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(https://i.imgur.com/8Y3bwIN.png);
background-repeat: no-repeat;
width: 30px;
height: 28px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(https://i.imgur.com/P3SnfPU.png);
background-repeat: no-repeat;
width: 30px;
height: 28px;}

/* CS3.4 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(https://i.imgur.com/P3SnfPU.png);
background-repeat: no-repeat;
width: 30px;
height: 28px;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(https://i.imgur.com/1yzQfrN.png);
height: 53px;
width: 900px;
font-size:0 !important;
margin-left: -5px;}

/* CS5.1 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 53px;
width: 900px;
margin-left: -5px;
background-color: transparent;
background-image: url("https://i.imgur.com/QI7iqsf.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.2 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #f3f3f39e;
    overflow: visible!important;
    border-bottom: #ececae solid 3px!important;
    background-image: url(адрес);
    color: #000000;
}


/* CS5.3 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
 background-color: #f3f3f39e;
    overflow: visible!important;
color: #000000}

/* CS5.4 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -192px}

/* CS5.5 Совсем другое */
#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: center;}
#pun th, #pun-main h2 {text-align: center;  color: #ffffff;}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

.punbb td div .tclcon, .category .container table .hasicon .tc1 {
 font-size: 9px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 10px;
    text-transform: lowercase;
    text-align: justify;
    color: #383838;
}

/* CS5.6 фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    overflow: hidden;
    text-shadow: none;
    border-radius: 0px !important;
    padding: 8px;
    margin-top: 8px;
    font-family: arial !important;
    letter-spacing: 1px;
    background: linear-gradient(to right bottom, #e9e9e9, rgb(255, 255, 255));
    border-top: 1px solid #dbdada;
    border-bottom: 2px solid #dbdada;
    border-right: 1px solid #ddd;
    color: #5e615d;
}

/* CS5.7 кнопки */
input.button {
 background: linear-gradient(to bottom, #cbd3da 3%, #cbd3da 87%);
    border: 1px solid #dddee0;
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-family: 'Open Sans', sans-serif!important;
    text-transform: UPPErcase;
    font-size: 10px!important;
    padding-left: 7px!important;
    height: 22px!important;
}

::selection {background: #cbd3da; color: #ffffff!important;}
::-moz-selection {background: #cbd3da; color: #ffffff!important;}

/* оформление подфорума */
.op {text-align: center;background-color: #e8bcb1;padding: 1px;height: 14px;line-height: 12px;margin-bottom: 2px!important;margin-top: 3px!important;font-family: arial;font-weight: bolder;font-size: 11px;color: #000000;}

.op2 {text-align: center;border-top: #ffffff solid 1px!important;background-color: #eaeae9;padding: 2px;height: 7px;line-height: 6px;margin-bottom: 2px!important;margin-top: 3px!important;text-transform: lowercase;text-shadow: #e0d9d9 1px 0px 0px;font-family: arial;font-size: 10px;color: #ffffff;}

.pa-fld1 {
  font-size: 0px;}

/* профиль */
.punbb .post .post-author {
 background-color: #f3f3f39e;
    overflow: visible!important;
    margin: -16px 0!important;
    width: 210px!important;
}

.forminput {    
    width: 185px;
    text-align: center;
    font-weight: bold!important;
    font: 11px Open Sans;
    background-color: #ffffff;
    border-style: none;
    border-color: #ffffff;
    color: #615754!important;
    padding: 1px 3px 2px 0px;
    text-align: center;
}

/* полоса прокрутки */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background-color: #ffffff; }
::-webkit-scrollbar-thumb { background-color: #ececae; }

.opisanie {    width: 186px;
    height: 27px;
    overflow: auto;
    position: center;
    font-family: monospace;
    font-size: 10px;
    align: center;
    background-color: #eeeeee;
    font-family: arial;
    font-size: 9px;
    font-weight: bold;
    text-transform: lowercase;
    color: #292826;
    text-shadow: -1px 0px 0px #ffffff;
    border-bottom: 1px solid #fff;}

.navv {font-family: arial black;
    letter-spacing: 1px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #000000;}

.navv2 {font-family: arial black;
    letter-spacing: 1px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #000000;}

/* ЦВЕТС СCЫЛКИ НА ПОСЛЕДНИЙ ТРЕД В ФОРУМЕ */
.tcr a {
        color: #6e879e!important;
       font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
}

/* ЦВЕТ ССЫЛКИ НА ПОСЛЕДНИЙ ТРЕД В ФОРУМЕ ПРИ НАВЕДЕНИИ */
.tcr a:hover, .tcr a:focus, .tcr a:active  {
      color: #9e9d6e!important;
       font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
}