/* CS1 Основные фоны и текст
-------------------------------------------------------------*/

/* Настройка фонов */
body {
background: url(...) top center repeat-x,
url(...) bottom center repeat-x,
#212121 url(http://forumfiles.ru/files/0017/33/93/22078.jpg) repeat;}

/* "Тело" форума */
#pun {
background: url(http://forumfiles.ru/files/0017/33/93/17389.jpg) repeat-y;}

/* Шапка */
#pun-title table {
background: url(http://forumfiles.ru/files/0017/33/93/85879.jpg) no-repeat;
width: 908px;
height: 410px;
margin-left: -8px;}

/* Низ-копирайт */
#bottom-copyright {
background: url('http://forumfiles.ru/files/0017/33/93/83586.jpg') no-repeat;
width: 908px;
height: 52px;
margin-left: -8px;}

#html-footer {
  margin: 0px;}


/* 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: #505054;}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #505054;}

/* Настройка категорий */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background: url(http://forumfiles.ru/files/0017/33/93/30679.jpg) no-repeat;
width: 908px;
height: 45px;
line-height: 47px;
margin-left: -8px;
margin-bottom: -15px;
color: #b7b7b7;
text-align: center;
font-size: 14px;
font-family: Tahoma;
font-weight: bold;
text-transform: uppercase;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #505054;}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #505054;}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #505054;}



/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background: #b5b3b5 url("...");
padding: 7px;
border: 0px solid #0d0805 !important;
box-shadow: 0 0 0  2px #191519, 0 0 0 3px #af0a0a;
color: #0d0805;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #FFFFFF;}

.offline li.pa-online strong {
  font-weight: normal}

.punbb textarea, .punbb select, .punbb input {
  background-color: #FEFDFF;
  color: #505054;}


/* CS1.12 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb .button {
background: #b5b3b5 url("...");
padding: 7px;
border: 0px solid #0d0805 !important;
box-shadow: 0 0 0  2px #191519, 0 0 0 3px #af0a0a;
color: #0d0805;
}

/* Форма ответа */
.punbb textarea {
  background-image: url(http://s9.uploads.ru/d/PAeVz.jpg);
  color: #402a2e;
border: 0px solid #0d0805 !important;
box-shadow: 0 0 0  1px #a05c40, 0 0 0 3px #402a2e;}

#post .formsubmit {text-align: center;}

/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: outset 2px #a7a7a7!important;
border-radius: 5px;
background: #c7c7c7;
padding: 9px;
font: normal normal 400 11px/normal Verdana;
}


/* CS2 Бордюры
-------------------------------------------------------------*/

.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb-admin #pun-admain .adcontainer {
  border-color: transparent;}


/* CS3 Оформление ссылок
-------------------------------------------------------------*/



/* 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: #505054;
border-bottom: 0px none #000;
text-decoration: none;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #505054}

/* 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: #B42000;
border-bottom: 0px none #000;
text-decoration: none;}

/* Ссылки навигации */
#pun-navlinks a {
  color: #8cbb39;}

/* Ссылки навигации при наведении */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;}

/* CS4 Оформление иконок
 -------------------------------------------------------------*/

/* Иконка старых сообщений */
Div.icon {
background-image : url(http://forumfiles.ru/files/0017/33/93/70890.png);
background-repeat: no-repeat;}

/* Иконка новых сообщений */
TR.inew Div.icon {
background-image : url(http://forumfiles.ru/files/0017/33/93/19014.png);
background-repeat: no-repeat;}

/* Иконка важных сообщений */
TR.isticky Div.icon {
background-image : url(http://forumfiles.ru/files/0017/33/93/27965.png);
background-repeat: no-repeat;}

/* Иконка закрытых сообщений */
TR.iclosed Div.icon {
background-image : url(http://forumfiles.ru/files/0017/33/93/21716.png);
background-repeat: no-repeat;}

/* CS5 Дополнительные коды
 -------------------------------------------------------------*/

  .topic a.sharelink {
    display: none;}

/* Пока хз как обозвать хд */
#pun #pun-viewtopic #pun-main .formal #post fieldset legend span {
background-color: #f0f5d4; 
color: #333;}

/* ПОДФОРУМА БЛОКАМИ */
thead {display: none;}
 
#pun-index .category tr>.tc2,
#pun-index .category tr>.tc3,
#pun-index .category tr>.tcr,
#pun-index .category tr>th {
  display:none !important;
}

#pun-index .category tr { 
    width: 420px;     /*ширина поля, чем уже форум, тем меньше должно быть значение*/
    height: 167px;
    margin-bottom: 10px;     /* отступ снизу */
    margin-top: 15px;     /* отступ сверху */
    display: inline-block;
    background:url(http://forumfiles.ru/files/0017/33/93/84769.png) top center no-repeat,
url(http://forumfiles.ru/files/0017/33/93/69547.png) bottom center no-repeat,
#a4a4a4 url(http://forumfiles.ru/files/0017/33/93/73287.png) repeat-y;
    box-shadow: 0 0 0 0px rgba(79, 71, 84, 0.48), 0 0 0 0px #181520;     /* рамка-обводка*/
    margin-left: 15px;     /* сдвиг влево */
    color: #545559;
 }

#pun-index .category tr .Tems_And_messages {
display: none;
}
 
    /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
    width: 367px;
    margin-top: 10px;
    margin-left: 23px!important;     /* сдвиг влево */
    line-height: 11px;
    font-size: 11px;
    font-family: arial;
    vertical-align: top;
    background-color: #bbbbbbc2;     /* заливка */
    text-align: right;
    padding: 5px;     /* отступы */
    color: #58544f;     /* цвет текста */
}
 
    /* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 14px;
    font-weight: bolder;
    font-family: arial;
    font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}

/* Список участников */
#pun-userlist .main td{
  height:auto!important;
}



/*переадресация */
#pun-redirect, #pun-maint {
    margin: 0% 30%;     //отступы от краёв экрана
    width: 40%;     //ширина блока
    float: none;
    text-align: center;    //выравнивание текста
    font-size: 10px!important;     //размер текста
    background: white url(http://forumfiles.ru/files/0017/33/93/73287.png) no-repeat;    //фоновый цвет + картинка лоадера
    background-position: center 27%;     //положение картинки
    border: 5px double gray;     //границы
    border-radius: 0 0 30px 30px;     //степень закругленности
    }   

#pun-redirect .main-title {     //слово "Переадресация"
    font-size: 0.6em;     //размер
    font-family: Arial;    //шрифт
    font-weight: bold;    //жирность
    color: black;    //цвет
    text-transform: uppercase;     //все буквы заглавные
    text-shadow: 0px 0px 5px silver;    //тень текста
    padding: 10px!important;
    margin-bottom:0px!important;}




/*------------------------ПРОКРУТКА-----------------------*/
::-webkit-scrollbar-thumb:vertical {
    background-color:#aa1227;
    border:1px solid #999999;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#aa1227;
    border:1px solid #999999;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #afafaf;
    }

.need {position: absolute;}
.need img {margin-left: 14px;}

#post1 {
margin-top: 4px;
margin-left: 72px;
color: #181d25;
overflow-y: auto;
height: 88px;
width: 129px;
text-align: justify;
}

#post1::-webkit-scrollbar {width: 0px; height: 0px;}

#post1 a {
color: #ced3ec;
line-height: 7px !important;
font: 10px arial !important;
text-transform: lowercase!important;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #773f2b;
}

.lz {width: 170px;margin-left: 5px !important;line-height: 7pt !important;margin-top: 5px !important;text-align: justify;padding: 5px;background: #e3dfdf;}

/* ТАБЛИЦА */
#panel1 {
position: absolute;
display: block;
width: 290px;
height: 70px;
font: 400 10px/11px verdana;
color: #240505;
text-align: justify;
margin-top: 305px;
margin-left: 5px;
overflow-y: auto;
}

#panel2 {
position: absolute;
display: block;
width: 290px;
height: 70px;
font: 400 10px/11px verdana;
color: #240505;
text-align: justify;
margin-top: 305px;
margin-left: 300px;
overflow-y: auto;
}

#panel3 {
position: absolute;
display: block;
width: 290px;
height: 70px;
font: 400 10px/11px verdana;
color: #240505;
text-align: justify;
margin-top: 305px;
margin-left: 600px;
overflow-y: auto;
}
