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

/*Убираем слово Объявление*/
#pun-announcement h2 {display: none}
#pun-announcement .container {margin-top: 0px !important;}

/* ЗАДНИЙ ФОН */ 

html, body {
  background-image: url(http://forumupload.ru/uploads/0014/52/2e/5/534774.jpg);
  background-color: #210000;  /*цвет*/
  background-repeat: repeat;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
  background-attachment: fixed;  /*прокрутка картинки*/
}

/* БОКОВЫЕ ГРАНИЦЫ КАРТИНКОЙ */

#pun {
  width: 900px;  /*ширина картинки*/
  background-color: transparent;  /*цвет фона*/
  background-image: url();  /*картинка*/
  background-repeat: repeat-y;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
}
.punbb {
  width: 900px;  /*ширина форума внутри границ*/
  padding-left: 0px;  /*отступ форума от левого края картинки-границы*/
  padding-right: 0px;  /*отступ форума от правого края картинки-границы*/
}

/* ШАПКА */

#pun-title table {
  background-color: none; /*цвет*/
  background-image: url(http://forumupload.ru/uploads/0014/52/2e/5/441222.png); /*картинка*/
  background-repeat: no-repeat; /*повторение картинки*/
  background-position: top left; /*позиционирование картинки*/
  height: 482px; /*высота шапки*/
  width: 1000px; /*ширина шапки*/
  margin-left: -59px;
}


/* ДВИГАЕМ РЕКЛАМУ */

#pun-title table tbody tr .title-logo-tdr {
  top: 0px;  /*сверху*/
  left: 260px;  /*слева*/
}

/* КАРТИНКА КАТЕГОРИЙ */

#pun-category1.category h2 {
  background-color: transparent; /*цвет*/
  background-image: url(http://forumupload.ru/uploads/0014/52/2e/5/999452.png); /*картинка*/
  background-repeat: no-repeat; /*повторение картинки*/
  background-position: bottom center; /*позиционирование картинки*/
  height: 67px;  /*высота контейнера*/
  text-align: center;
  margin-top: -20px;
  margin-bottom: 5px;
  }

#pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2 {
  background-color: transparent; /*цвет*/
  background-image: url(http://forumupload.ru/uploads/0014/52/2e/5/999452.png); /*картинка*/
  background-repeat: no-repeat; /*повторение картинки*/
  background-position: bottom center; /*позиционирование картинки*/
  height: 62px;  /*высота контейнера*/
  text-align: center;
  margin-top: -20px;
  margin-bottom: 5px;
  }

#pun-stats h2 {
  background-color: transparent; /*цвет*/
  background-image: url(http://forumupload.ru/uploads/0014/52/2e/5/999452.png); /*картинка*/
  background-repeat: no-repeat; /*повторение картинки*/
  background-position: bottom center; /*позиционирование картинки*/
  height: 67px;  /*высота контейнера*/
  text-align: center;
  margin-top: -20px;
  margin-bottom: 5px;
  }

.punbb .main h1, .punbb .main h2, #pun-debug h2 {
  background-color: transparent; /*цвет*/
  background-position: bottom center; /*позиционирование картинки*/
  height: 10px;  /*высота контейнера*/
  text-align: center;
  margin-top: 0px;
  margin-bottom: 12px;
  }

/* ТЕКСТ КАТЕГОРИЙ */

#pun-stats h2 span {
  position: relative;  /*для того, чтоб двигать текст*/
  top: 32px;  /*двигаем сверху*/
  left: 0px;  /*двигаем слева*/
  font-weight: normal;  /*делаем жирным*/
  color: #aa8548;  /*цвет текста*/
  font-family: 'Comfortaa'; /*импортируемый шрифт из гугла*/
  font-size: 23px!important;
  font-weight: normal;
  text-shadow:1px 1px 1px #846c46;
/*ВНИМАНИЕ! для того, чтоб текст был по центру, слева не двигать (поставить ноль), а в предыдущем блоке "картинка категорий" дописать text-align: center; */
  }

#pun-category2.category h2 span, #pun-category3.category h2 span, #pun-category4.category h2 span, #pun-category5.category h2 span, #pun-category6.category h2 span, #pun-category7.category h2 span, #pun-category8.category h2 span {
  position: relative;  /*для того, чтоб двигать текст*/
  top: 28px;  /*двигаем сверху*/
  left: 0px;  /*двигаем слева*/
  font-weight: normal;  /*делаем жирным*/
  color: #aa8548;  /*цвет текста*/
  font-family: 'Comfortaa'; /*импортируемый шрифт из гугла*/
  font-size: 23px!important;
  font-weight: normal;
  text-shadow:1px 1px 1px #846c46;
  }

#pun-category1.category h2 span {
  position: relative;  /*для того, чтоб двигать текст*/
  top: 32px;  /*двигаем сверху*/
  left: 0px;  /*двигаем слева*/
  font-weight: normal;  /*делаем жирным*/
  color: #aa8548;  /*цвет текста*/
  font-family: 'Comfortaa'; /*импортируемый шрифт из гугла*/
  font-size: 23px!important;
  font-weight: normal;
  text-shadow:1px 1px 1px #846c46;
  }

.punbb .main h2 span {
  position: relative;  /*для того, чтоб двигать текст*/
  top: -10px;  /*двигаем сверху*/
  left: 0px;  /*двигаем слева*/
  font-weight: normal;  /*делаем жирным*/
  color: #aa8548;  /*цвет текста*/
  font-family: 'Comfortaa'; /*импортируемый шрифт из гугла*/
  font-size: 23px!important;
  font-weight: normal;
  text-shadow:1px 1px 1px #846c46;
  }

.punbb .main h1, #pun-debug h2  {
  position: relative;  /*для того, чтоб двигать текст*/
  top: -10px;  /*двигаем сверху*/
  left: 0px;  /*двигаем слева*/
  font-weight: normal;  /*делаем жирным*/
  color: #aa8548;  /*цвет текста*/
  font-family: 'Comfortaa'; /*импортируемый шрифт из гугла*/
  font-size: 23px!important;
  font-weight: normal;
  text-shadow:1px 1px 1px #846c46;
  }

/*ФУТЕР*/

#pun-about p.container {
  background-image: url("http://forumupload.ru/uploads/0014/52/2e/5/629629.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  height: 145px;
  left: 50%;
  margin-left: -460px;
  border-color: transparent!important;
  padding: 0;
  position: absolute;
  width: 890px;
  overflow-x: hidden;
}

/*ЦВЕТА КОНТЕЙНЕРОВ И ТЕКСТОВ*/

/* цвета средних колонок форумной таблицы, цвета пользовательского меню, цвета строк навигации, цвета окна приветствия и т.п. */
.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: #2b1300;  /*цвет текста*/
  }
/* цвета первой и последней ячеек форумной таблицы, цвета профиля пользователя, цвет контейнера с формой ответа, цвета модераторского меню и т.п. */
.punbb .main .container, .punbb .post .container, .punbb .post h3{
  background-color: transparent!;  /*цвет фона*/
  color: #2b1300;  /*цвет текста*/
  }
/* цвета шапки форумной таблицы, цвета заголовков постов с датой сообщений, цвета строк при просмотре чужого профиля */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent!;  /*цвет фона*/
  color: #2b1300;  /*цвет текста*/
  }
/* цвета строки в форме ответа "напишите сообщение и нажмите отправить", а также аналогичных строчек с поясняющим текстом, цвета поясняющих строк в профиле */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span{
  background-color: transparent!;  /*цвет фона*/
  color: #2b1300;  /*цвет текста*/
  }
/* цвета формы кода и цитаты */
.punbb .quote-box, .punbb .code-box {
  background-color: #dccea6;  /*цвет фона*/
  color: #2b1300;  /*цвет текста*/
  }

/* цвета админ меню */
#pun-adnav ul, 
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
  background-color: #dccea6;  /*цвет фона*/
  color: #2b1300;  /*цвет текста*/
  }


/* цвета формы ответа */
#main-reply {
  background-color: #e4dfcf;  /*цвет фона*/
  }

/* цвета меню навигации */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;  /*цвет фона*/
  color: #2b1300;  /*цвет текста*/
  }


/*ЦВЕТ ВСЕХ ГРАНИЦ И ЛИНИЙ*/

.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .quote-box, .punbb .code-box, #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, li.pa-online {

  border-color: #f2ecdb;   /*ЦВЕТ*/

}

/* ССЫЛКИ (добавить своих настроек по вкусу) */

/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #4c2200;
  text-decoration: none;
  }

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #b28f38;
    transition-duration: 1s;
  }

.punbb a:hover {
  color: #b28f38;
    transition-duration: 1s;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 11px;
    color: #4c2200;
    text-transform: lowercase;
    font-family: Jura;
    word-spacing: 1px;
}

#pun-ulinks a:hover {
  text-decoration: none;
  color: #b28f38;
  transition-duration: 1s;
}


#pun-navlinks a {
    color: #4c2200;
}

#pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4c2200;
}


#pun-navlinks a:hover {
  color: #b28f38;
  transition-duration: 1s;
}

#pun-index .tcl h3 a {
    color: #ede4c7!important;
}


/*---Прокрутка---*/

::-webkit-scrollbar-thumb:vertical {
   background-color:#fff2cc; 
   border: 1px solid #dcd0ae;
}
::-webkit-scrollbar-thumb:horizontal {
   background-color:#fff2cc; 
   border: 1px solid #dcd0ae;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #6f370a;
}

#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

td.tcr a {
    background-repeat: no-repeat;
    background-position: left center;
    font-family: Jura;
    font-size: 13px;
    font-weight: bold;
}

.category .container thead {display: none;}

.punbb .pa-avatar img {
    margin-bottom: 4px;
    max-width: 180px !important;
    border: 3px solid #b1a68a;
    outline: 1px solid #744700;
    margin-top: 2px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background: #444444;
    height: 10px;
    width: 10px;
    margin-right: 5px !important;
    border-radius: 10px;
    border: 1px solid #f4cccc;
    box-shadow: 0 0 3px #614040 inset;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #660000;
    height: 10px;
    width: 10px;
    margin-right: 5px !important;
    border-radius: 10px;
    border: 1px solid #aeb3a2;
    box-shadow: 0 0 3px #999999 inset;
}


#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #5e2e08;
    height: 10px;
    width: 10px;
    margin-right: 5px !important;
    border-radius: 10px;
    border: 1px solid #aeb3a2;
    box-shadow: 0 0 3px #cfe2f3 inset;
}


#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #8bb09b;
    height: 10px;
    width: 10px;
    margin-right: 5px !important;
    border-radius: 10px;
    border: 1px solid #aeb3a2;
    box-shadow: 0 0 3px #cfe2f3 inset;
}


/* ИКОНКИ */

.punbb div.icon {
  float: right;
  display: block;
  width: 30px;  /*ширина иконки тем*/
  height: 51px; /*высота иконки тем*/
  margin-right: 15px;  /*отступ текста от иконки*/
} 

.punbb td div.tclcon {
  margin-left: 35px; /*отступ контейнера с текстом от левого края таблицы (если поставить ширину иконки, текст не будет ее обтекать)*/
} 

div.icon {
        background: url(http://forumupload.ru/uploads/0014/52/2e/5/277897.png) no-repeat;
} /*старое сообщение*/

tr.inew div.icon {
        background: url(http://forumupload.ru/uploads/0014/52/2e/5/552148.png) no-repeat;
} /*новое сообщение*/

tr.iclosed div.icon {
        background: url(http://forumupload.ru/uploads/0014/52/2e/5/383204.png) no-repeat;
} /*закрытая тема*/

tr.iredirect div.icon {
        background: url(http://forumupload.ru/uploads/0014/52/2e/5/277897.png) no-repeat;
} /*переадресация темы*/

tr.isticky div.icon {
        background: url(http://forumupload.ru/uploads/0014/52/2e/5/221447.png) no-repeat;
} /*важная тема*/


/* CS5 Other
 -------------------------------------------------------------*/
td.tcr a{
        background: transparent url() no-repeat;
padding-left: 0px;
padding-top: 0px;
height: 19px;
}

.pa-author a
{font-weight: bold;  /*делаем жирным*/
  font-color: #4c2200;  /*цвет текста*/
  font-family: 'Jura'; /*импортируемый шрифт из гугла*/
  font-size: 16px!important;
  text-shadow:1px 1px 1px #bababa;
  text-align: center;
}


.pa-fld1 {
    background-color: none;
    border: 1px solid none;
    margin-bottom: 1px !important;
}
.pa-fld2 {
    background-color: none;
    border: 1px solid none;
    margin-bottom: 1px !important;
}
.pa-fld3 {
    background-color: none;
    border: 1px solid none;
    margin-bottom: 2px !important;
}

.punbb .code-box strong.legend {
    display: block;
    text-align: center;
    font-size: 14px !IMPORTANT;
    padding-left: 9px !important;
    color: #301d04 !important;
    font-family: Jura !important;
    margin-bottom: 10px !important;
    margin-top: -16px;
    background-color: #efe1ba;
    border: 1px solid #c9b98b;
    border-radius: 2px;
    padding: 2px 0px 0px 0px;
}
::-webkit-scrollbar-thumb:vertical {
   background-color:#fff2cc; 
   border: 1px solid #dcd0ae;
}
::-webkit-scrollbar-thumb:horizontal {
   background-color:#fff2cc; 
   border: 1px solid #dcd0ae;
}


.punbb .post-content .blockcode {
    margin-top: 15px;
}


/* CS6.5 Скрытый текст */
.post-content del {
background-image: url();
  color: transparent;
}
.post-content del:hover {
  background: transparent;
  color: #b28f38;
  text-decoration: none;
}


.punbb .quote-box, .punbb .code-box {background: url(URL);
border: #744700 solid 0px;}

.punbb .quote-box, .punbb .code-box {
border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
box-shadow: 0px 2px 5px #744700;
-webkit-box-shadow:0px 2px 5px #744700;
-khtml-box-shadow:0px 2px 5px #744700;
-moz-box-shadow:0px 2px 5px #744700;
}

#pun-ulinks .container, #pun-navlinks .container, #pun-about .container {
border-radius:0px!important;
-webkit-border-radius:0px!important;
-khtml-border-radius:0px!important;
-moz-border-radius:0px!important;
-o-border-radius:0px!important;
box-shadow: 0px 0px 0px #000!important;
-webkit-box-shadow:0px 0px 0px #000!important;
-khtml-box-shadow:0px 0px 0px #000!important;
-moz-box-shadow:0px 0px 0px #000!important;
}
#post-form h2 {background-image: none;}

/* css - навигация */
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-size: 10px;
background-color: #d4b057;
color: #4e3000 !important;
font-weight: normal;
text-align: center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #b6974b;
border-left-width: 5px;
width: 210px;
}

a.tvm:hover {
font-size: 10px;
color: #4e3000; 
background-color: #e7ca81;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #c9aa5f;
border-left-width: 5px;
width:210px;
}


/* Индикатор активности пользователя */
    .post .post-author ul {
      position: relative;
    }
    .pa-online {
      position: absolute;
      display: inline-block !important;
      top: 0px;
      right: 2px;
background-image: url('http://forumupload.ru/uploads/0014/52/2e/5/190573.gif');
      height: 15px;
      width: 20px;
      margin: 0 0 0 -5px !important;
      padding: 0 !important;
      border: 0 !important;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
    }
    .pa-online:hover {
      background: #DACEAB !important;
    }
    .pa-online:hover strong {
      opacity: 1.0;
      visibility: visible;
    }
    .pa-online strong {
      position: absolute;
      top: 28px;
      right: 10px;
      padding: 0 8px;
      height: 24px;
      line-height: 24px;
      background: rgba(0, 0, 0, 0.7);
      font-weight: 400;
      white-space: nowrap;
      color: #fff;
      font-size: 90%;
      text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
      text-align: center;
      z-index: 10;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      transition: all .2s ease;
      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;
    }

/* Баннеры внизу*/	

#banners{
    /*overflow: scroll;*/	
    margin: 27px 30px;
    overflow-x: auto;
    width: 830px;
    padding-top: 5px;
    position: relative;
}
#banners a{
	filter:grayscale(100%);
	opacity:60%;
	-moz-transition:all linear .3s;
	-ms-transition:all linear .3s;
	-o-transition:all linear .3s;
	transition:all linear .3s
}
#banners a:hover{
	opacity:100%;
	filter:grayscale(0%)
}