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

/* Шапка */
#pun-title table {
  border: none;
  width: 1234px;
  height: 383px;
  margin-left: -150px;
  background-image: url(http://funkyimg.com/i/2JFxZ.png);
  background-repeat: no-repeat;
}

/* Тело форума */
#pun {
  background-image: url(http://funkyimg.com/i/2JCdL.png);
  background-position: center;
  margin: auto;
}

/* Футер*/
#pun-about p.container {
  background-image : url(http://funkyimg.com/i/2JCdN.png);
  width: 1041px;
  height: 220px;
  margin: 0px 0px -29px -46px;
  background-position : center top;
  background-repeat : no-repeat;
  overflow-x: hidden;
}

/* Фон */
body {
  background: url(http://funkyimg.com/i/2JCdM.png) repeat;
  background-color: #3d402b;
}

/* Спрятать названия категорий */
.punbb:not(.punbb-admin) h2 span {
display: none;
}

/* Убрать надпись "Отредактировано" */
.lastedit{display:none;}

/* Плавные стрелки вверх-вниз */
.go-up, .go-down {
 display: none;
 position: fixed; /*позиционирование*/
 z-index: 900; /*поверх все элементов на странице*/
 right: 8%; /*положение на странице, если слева - left*/
 cursor: pointer;
 opacity: .8;
 padding: 3px;
 margin-bottom: 5px;
 width: 1px;
 height: 70px;}
.go-up { bottom: 240px; }
.go-down { bottom: 150px; }
.go-down:hover,
.go-up:hover {
 opacity: 1;}


/* Заливка цветом навигации, меню в админке, блока "Привет, гость!" и т.д.
---------------------------------------------------------------*/

/* 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: #121314; /* цвет текста в постах*/
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #0c1417; /* цвет текста в описаниях подфорумов" */
  }

/* CS1.3. Цвет текста в названиях категорий, в заголовке переадресации и статистике */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #0f2011;
  }

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

/* CS1.5. Цвет текста в заголовках в админке: "Добро пожаловать", "Свой стиль", "Информация сервиса" и т.д. */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #1c2b2d;
}

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

/* CS1.7. Заливка цветом или фон для цитаты и кода */
.punbb .quote-box, .punbb .code-box {
  background-image: url(http://funkyimg.com/i/2JDS9.png);
  background-color: #858d7c;
  color: #202224;
  border: 4px solid #465032;
  }

/* Фон или цвет для формы ответа и кнопки */
.punbb textarea, .punbb input {
  background-image : url(http://funkyimg.com/i/2JDS9.png);
  background-color: #858d7c;
  text-color: #000000;
  border-width: 0px;
  border-radius: 0px;
}

/* CS1.8. Фоновый цвет для меню навигации: форум, участники, поиск, и т.д. */
#pun-navlinks .container {
  background-color: transparent;
  color: #55bfcc;
  }

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

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

li.pa-online {
  border-left-color: transparent;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1. Цвет неактивных ссылок в названии форума, "Мои сообщения", "Уведомления", даты поста, тексте переадресации, пункте "Профиль", "Поделиться", "Ответить", и "Создать форум" */
.punbb a:visited {
  color: #1c1b1b;
  border-bottom: 0px;
  text-decoration: none;
  }


/* CS3.1. Цвет неактивных ссылок в админке */
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #38200c;
  border-bottom: 0px;
  text-decoration: none;
  }

/* CS3.1. Цвет ссылок в профиле, в постах, "Помочь форуму", "Цитировать", "Редактировать", "Подписаться" и т.д. */
.punbb a, .punbb a:link {
  color: #1c1b1b;
  border-bottom: 0px;
  text-decoration: none;
}

/* Цвет неактивных пользовательских ссылок до и после наведения */
#pun-ulinks a {
  color: #1c1b1b;
}

#pun-ulinks a:hover {
  color: #b8bfca;
}

/* Цвет всех ссылок в профиле, в том числе ника */
.post-author ul li a {
  color: #e7eedc;
}
.post-author ul li a:hover {
  color: #c3c3c2!important;
}

/* Цвет неактивной ссылки "Входящие" в сообщениях */
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #463119;
  }

/* 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: #bec6b3; /* цвет ссылок на всём форуме после наведения */
  }

/* CS3.3. Цвет ссылок в меню навигации до наведения */
#pun-navlinks a {
  color: #989588;
  text-decoration: none;
  }

/* CS3.4. Цвет ссылок в меню навигации после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #192f14;
  text-decoration: none;
  }

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

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

/* Нет новых сообщений */
div.icon {
        background: url(http://funkyimg.com/i/2JDWT.png) no-repeat;
}

/* Есть новые сообщения */
tr.inew div.icon {
        background: url(http://funkyimg.com/i/2JDWS.png) no-repeat;
}

/* Важная тема */
tr.isticky div.icon {
        background: url(http://funkyimg.com/i/2JDWQ.png) no-repeat;
}

/* Закрытая тема */
tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/2JDWR.png) no-repeat;
}

/* CS5 Дополнительное оформление
 -------------------------------------------------------------*/

/* Полоса прокрутки */
::-webkit-scrollbar {width: 5px; height: 4px; z-index: 500;}  
::-webkit-scrollbar-track {background-color: #383d2d;} /* фон под прокруткой */
::-webkit-scrollbar-thumb {background-color: #bac1af;} /* цвет ползунка */
::-webkit-scrollbar-thumb:active {background: #a6a08a;} /* цвет ползунка при нажатии мышкой */

/* убрать форум и посл.сообщение над форумами*/
  .category .container thead 
{display: none;}

/* Настройка ЛЗ */
.lz  {
  width: 163px;
  margin-left: 9px!important;
  margin-bottom: 13px!important;
  border-radius: 1px;
  border: #465032 solid 2px;
  background: url(http://funkyimg.com/i/2JDKA.png);
  padding-top: 7px!important;
  padding-left: 15px!important;
  padding-bottom: 10px!important;
  padding-right: 15px!important;
  text-align: center;
  font-family: 'Calibri';
  font-size: 12px;
  color: #464a3f;
  line-height: 14px;
-webkit-box-shadow: inset -3px 3px 49px 3px rgba(70,80,50,1);
-moz-box-shadow: inset -3px 3px 49px 3px rgba(70,80,50,1);
box-shadow: inset -3px 3px 49px 3px rgba(70,80,50,1);
}

.namelz {
  color: #ceef9d!important;
   font-size: 15px;
   text-transform: lowercase;
   font-family: Karina;
   margin-bottom: -11px!important;
}

/* Посты и деньги в профиле */
.pa-fld3 {
  border: #465032 solid 2px;
  background: url(http://funkyimg.com/i/2JDN5.png);
  display: inline-block;
  width: 185px;
  padding: 3px 3px 5px 3px!important; /* сдвиг вверху, слева, снизу и справа */
  color: #f5fdea;
  font-family: "Cotlin";
  font-size: 12px;
  text-transform: uppercase;
}

.apocalyPosts {
  float: left;
  margin-left: 20px!important;
}

.apocalyMoney {
  float: right;
  margin-right: 20px!important;
}

.pa-fld1 {
  margin-top: 8px!important;
  margin-bottom: 10px!important;
}

.apocalyInfo {
  width: 195px;
  background: #8c996d;
  color: #ceef9d;
  font-family: 'Kautiva Pro';
  font-size: 14px;
  margin-left: 10px!important;
  border: 1px solid #33372a;
  padding: 1px 0px 2px 0px;
-webkit-box-shadow: inset -3px 2px 59px -6px rgba(15,18,10,1);
-moz-box-shadow: inset -3px 2px 59px -6px rgba(15,18,10,1);
box-shadow: inset -3px 2px 59px -6px rgba(15,18,10,1);
}

/* НАСТРОЙКА СТРАНИЦ В ПРОФИЛЕ МОДАЛЬНЫХ ОКОН */
/* Стили для неактивного модального окна */
.modal {
    background: url(http://funkyimg.com/i/2J4jb.png);
    width: 909px;
    height: 336px;
    left: 20%;
    margin: -250px 0 0 -40%;
    position: fixed;
    top: -60%;
}

/* Активация модального окна в состоянии :target */
.modal:target {
    top: 30%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.modal section, .modal header, {
    padding: 15px;
    z-index: 200;
}

.modaltxt {
  width: 878px;
  height: 230px;
  overflow-x: auto;
  position: absolute;
  margin-top: 36px!important;
  padding-left: 5px;
  padding-right: 30px;
  color: #686e78;
}

.modaltxt img {
  display: inline-block;
  position: absolute;

}

.modalHeader {
    text-align: center;
    color: #686e78;
    margin-top: 23px!important;
    font-family: "Karina";
    font-size: 18px;
    font-weight: bold;
}

.modalbtn {
    float: right;
    margin-top: -20px!important;
    font-size: 15px;
    color: #686e78!important;
    margin-right: 10px!important;
}

.modalbtn a {
    float: right;
    margin-top: -20px!important;
    font-size: 15px;
    color: #686e78!important;
    margin-right: 10px!important;
}

.notIssued {
  opacity: 0.6;
  transition-duration: 0.6s;
}

.notIssued:hover {
  opacity: 1;
  transition-duration: 0.6s;
}

.reqNav {
  background: url(http://funkyimg.com/i/2J4HN.png);
  border: 3px double rgb(67, 56, 63);
  border-radius: 12px;
  width: 145px;
  height: auto;
  color: #9c8079;
  font-family: Cotlin;
  font-size: 11px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 14px;
  position: absolute;
  margin-top: 300px!important;
  margin-left: 817px!important;
  opacity: 0;
  top: -143px;
  transition-duration: 0.6s;
}

.reqNav:hover {
  position: absolute;
  transition-duration: 0.6s;
  opacity: 1;
  top: -4px;
}

.reqNav a {
  color: #9c8079!important;
}

/* CS5 New
-------------------------------------------------------------*/

/* Линия-разделитель */
hr {
filter: alpha(opacity=250) !important;
margin-bottom:0.5em; 
margin-top: 0.5em;
border: none;
height: 10px;
background: url("http://funkyimg.com/i/2u4Dj.png") repeat-x  top left;
opacity:1 !important;
}

/*-------------------------------------------------------------*/

/* Оформление окна смайлов вместо стандартных */
#smilies-area {
    background-color: rgba(144, 136, 128, 3) !important;
}
/*-------------------------------------------------------------*/

/* Всплывающее сообщение при изменении репутации */
.post_reputation {
    background: #958a7c;
}
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, #smilies-area {
    background-color: rgba(156, 140, 116, 0.8) !important;
}
/*------------------------------------------------------------------------*/

/* Всплывающая подсказка-описание к админам в таблице шапки */
.tooltip {
  border: none; 
  text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}

.tooltip:hover span {
  position: absolute;
  left: -70px; /* сдвиг всплывающей подсказки влево */
  top: 25px; /* сдвиг всплывающей подсказки вверх */
  z-index: 99;
  margin-left: 0;
}

.top {
  z-index: 200;
  position: absolute;
  background-color: #929a8a; /* фон всплывающей подсказки */
  color: #14110e;
  border: none;
  box-shadow: 0px 0px 4px #161616;
  padding: 5px;
  width: 190px;
  text-align: center;
  font-size: 11px;
}

/* Оформление подфорумов картинкой */
#pun-index td div.tclcon {
    width: 407px;
    background: url(http://funkyimg.com/i/2JCh3.png) top center no-repeat, 
 url(http://funkyimg.com/i/2JCh4.png) bottom no-repeat,
 url(http://funkyimg.com/i/2JCh5.png) repeat-y center;
  }

/* Заголовок подфорумов */
#pun-index .tcl h3 a {
  color: #878f7b;
text-shadow: 2px 3px 2px rgba(30, 26, 28, 0.49);
}

/*Текст описания подфорумов */
#textforum {
  width: 360px;
  color: #232a16;
  padding: 18px 3px 20px 4px; /* сдвиг вверху, слева, снизу и справа */
  margin-left: 20px;
  margin-top: -10px;
  font-size: 12px;
  font-family: 'Calibri';
}

/* Ссылки в подфорумах */
.postapLinks {
  display: inline-block;
  text-align: center;
  padding-bottom: 24px;
}

.postapLinks a {
  color: #26271a!important;
  font-family: 'Kautiva Pro';
  font-size: 13px;
}

.postapLinks a:hover {
  color: #455721!important;
  font-family: 'Kautiva Pro';
  font-size: 13px;
}


/* Элементы таблицы: активисты, диалог, админы, авторы недели, баннеры */
.postapTblActiv {
  opacity: 0.5;
  transition-duration: 0.6s;
}

.postapTblActiv:hover {
  opacity: 1;
  transition-duration: 0.6s;
}

.postapTblActiv img {
  border-radius: 1px;
}

.postapIconDialog img {
  border-radius: 18px;
  opacity: 0.5;
  transition-duration: 0.6s;
}

.postapIconDialog img:hover {
  border-radius: 18px;
  opacity: 1;
  transition-duration: 0.6s;
}

.postapTxtDialog {
  font-family: 'Calibri';
  font-size: 12px;
  color: #989588;
  padding-right: 7px;
}

.postapTblAuthors img {
  border-radius: 4px;
  opacity: 0.5;
  transition-duration: 0.6s;
}

.postapTblAuthors img:hover {
  border-radius: 4px;
  opacity: 1;
  transition-duration: 0.6s;
}

.postapTxt {
  color: #989588;
  font-family: 'Calibri';
  font-size: 12px;
  padding-right: 8px;
}

.postapTblAdmins a {
  color: #989588!important;
  font-family: 'Kautiva Pro';
  font-size: 13px;
  text-transform: uppercase;
}

.postapBannersLeft, .postapBannersRight {
  opacity: 0.5;
  transition-duration: 0.6s;
}

.postapBannersLeft:hover {
  opacity: 1;
  transition-duration: 0.6s;
}

.postapBannersRight:hover {
  opacity: 1;
  transition-duration: 0.6s;
}

/* Настройка ХТМЛ шаблона гостевой */
.guestLinks {
  text-align: center;
  font-family: 'HelveticaNeueCyr';
  font-size: 12px;
  text-transform: uppercase;
}

.guestLinks a {
   color: #989588!important;
   font-weight: bold;
   margin-left: 4px;
   text-transform: uppercase;
  transition-duration: 0.6s;
}

.guestLinks a:hover {
  color: #1b2011!important;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition-duration: 0.6s;
}

.postapGuestTxt {
  color: #232a16;
  font-family: 'Calibri';
  font-size: 12px;
}



.postapEpisodesList {
  background: url(http://funkyimg.com/i/2JH7U.png);
  width: 371px;
  height: 394px;
  position: fixed;
  margin-top: 30px!important;
  margin-right: -329px!important;
  right: 0px;
  z-index: 1200;
  transition-duration: 0.8s;
}

.postapEpisodesList:hover {
  position: fixed;
  margin-top: 30px!important;
  margin-right: -360px!important;
  right: 360px;
  z-index: 1200;
  transition-duration: 0.8s;
}

.postsListTxt {
  text-align: center;
  margin-top: 34px!important;
  margin-left: 72px!important;
}