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

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

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

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

/* Фоны */
body {
  background: url("http://funkyimg.com/i/2LBXs.jpg") repeat-x top center, /*верхний фон*/
url("http://funkyimg.com/i/2LC1x.png") repeat-x bottom center, /*нижний фон*/ 
#9d9896 url("http://funkyimg.com/i/2LC9u.png") top center fixed; /*общий фон*/ 
}

/* Плавные стрелки вверх-вниз */
.go-up, .go-down {
 display: none;
 position: fixed; /*позиционирование*/
 z-index: 9999; /*поверх все элементов на странице*/
 margin-left: 1113px!important;
 cursor: pointer;
 opacity: .8;
 padding: 3px;
 margin-bottom: 5px;
 width: 1px;
 height: 70px;}
.go-up { bottom: 150px; }
.go-down { bottom: 130px; }
.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: #121e23; /* цвет текста в описаниях подфорумов */
  }

/* 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-color: #966d66;
  color: #121415;
  border-radius: 5px; /* закругление краёв цитаты и кода */
  }

/* Фон или цвет для формы ответа и кнопки */
.punbb textarea, .punbb input {
  background-color: #aea9a5;
  color: #000000;
  border-width: 0px;
  border-radius: 0px;
}

/* Оформление цитаты и кода */
#pun-main .code-box,
#pun-main .quote-box {
  background-color: #9e7364;
  border-style: solid;
  border-width: 2px;
}

/* 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 */
.punbb .quote-box, .punbb .code-box {
  border: 1px solid #541f1f; /* рамка цитаты и кода */
  }


#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: ##1c0f0d;
  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: ##1c0f0d;
  border-bottom: 0px;
  text-decoration: none;
  }

/* CS3.1. Цвет неактивных пользовательских ссылок, в профиле и в постах */
.punbb a, .punbb a:link {
  color: #1c0f0d;
  border-bottom: 0px;
  text-decoration: none;
}

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

.post-author ul li a:hover {
  color: #7d806f!important;
} */

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

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

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

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

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

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

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

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


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

/* Полоса прокрутки */
::-webkit-scrollbar {width: 4px; height: 4px;}  
::-webkit-scrollbar-track {background-color: #434349;} /* цвет фона под прокруткой */
::-webkit-scrollbar-thumb {background-color: #b87c72;} /* цвет ползунка */
::-webkit-scrollbar-thumb:active {background: #afaca8;} /* цвет ползунка при нажатии мышкой */




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


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

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

/* Спрятать модераторов в подфорумах */
.punbb .modlist {
    display: none !important;
}

#pun-messages .post-box {
    margin-top: 5px !important;
}

/* Линия-разделитель
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;
}  */

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

/* НАСТРОЙКА И ПОДЛОЖКА ПОДФОРУМОВ
------------------------------------------------------------------------*/

/*Оформление подфорумов */
#pun-index td div.tclcon {
    width: 353px;
    margin-left: 20px;
    background: url(http://funkyimg.com/i/2LEHb.png) top no-repeat, 
 url(http://funkyimg.com/i/2LEHa.png) bottom no-repeat,
 url(http://funkyimg.com/i/2LEHc.png) repeat-y;
  }
#pun-index .tcl h3 a {
  color: #83564d;
}

/* Текст в подфорумах */
#textforum {
  width: 270px;
  color: #9a9997;
  font-family: 'B52';
  padding: 23px 7px 32px 40px; /* сдвиг вверху, слева, снизу и справа */
  font-size: 13px;
}

/* Ссылки в подфорумах */
.forsubstext {
  display: inline-block;
  font-family: 'В52';
  font-size: 12px;
  border: 1px dashed #93564c;
  background: #93564c;
  color: #f3efed!important;
  width: 83px;
  text-align: center;
  border-radius: 1px;
  padding-bottom: 3px;
  padding-top: 2px;
  transition-duration: 0.6s;
}


.forsubstext a {
  color: #d9dcc9!important;
  transition-duration: 0.6s;
}

.forsubstext a:hover {
  color: #93564c!important;
  transition-duration: 0.6s;
}

.forsubstext:hover {
  background: #f3efed;
  color: #93564c!important;
  transition-duration: 0.6s;
  border: 1px dashed #938f8d;
}

/* НАСТРОЙКА ЭЛЕМЕНТОВ ЛЗ
------------------------------------------------------------------------*/

.plashka {
  text-align: center;
  margin-top: -30px!important;
  margin-left: -10px!important;
  margin-bottom: 4px!important;
}

.anketa {
  background: url(http://funkyimg.com/i/2LLrS.png) no-repeat;
  width: 197px;
  height: 10px;
  text-transform: lowercase;
  text-align: center;
  font-family: 'B52';
  font-size: 16px;
  position: absolute;
  margin-top: 1px!important;
  margin-left: 1px!important;
}

.anketa a {
  margin-top: -1px;
  color: #211310!important;
  transition-duration: 0.6s;
}

.anketa a:hover {
  margin-top: -1px;
  color: #400708!important;
  transition-duration: 0.6s;
}

.lz {
  width: 197px;
  height: auto;
  background: #987061;
  border: 2px solid #5a473f;
  margin-bottom: 15px!important;
  margin-left: -1px!important;
}

.textlz {
  text-align: center;
  font-family: "B52";
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 11px;
  font-size: 12px;
  color: #43361e;
}

.bankposts {
  text-align: center;
  text-transform: lowercase;
  font-family: 'Century';
  font-size: 12px;
  word-spacing: 2px;
  padding: 5px;
  margin-bottom: 12px!important;
  border: 1px dashed #e3dad9;
}

.bankposts a {
  color: #e3dad9!important;
}

.bankposts a:hover {
  color: #eeeeee!important;
}


/* ТАБЛИЦА: ЭПИЗОД, ПОСТ НЕДЕЛИ, АКТИВИСТЫ И Т.Д.
------------------------------------------------------------------------*/

.piterPost {
  border: 1px dashed #e3dad9;
  padding-top: 7px;
  padding-left: 50px;
  padding-bottom: 23px;
  padding-right: 15px;
}

.piterQuote {
  border: 1px dashed #e3dad9;
  padding-top: 29px;
  padding-left: 60px;
  padding-right: 10px;
}

.iconQuote img {
  border-radius: 50px;
}

.iconPiterPost img {
  border-radius: 50px;
}

.piterPostQuote {
  transition: all 1s ease-in-out 0s;
  transform: scale(0.9) translate(-20px, 15px);
  opacity: 0;
  filter: blur(2px);
}

.piterPostQuote:hover {
  transition: all 1s ease-in-out 0s;
  transform: scale(1);
  opacity: 1;
  filter: blur(0px);
}

.episodeWblock {
  transition: all 1s ease-in-out 0s;
  opacity: 0;
}

.episodeWblock:hover {
  transition: all 1s ease-in-out 0s;
  opacity: 1;
}

.episodeWeek a {
  color: #e3dad9!important;
}

#stahanovs img {
  border-radius: 50px;
}

#piterDescript {
  border: 1px dashed #e3dad9;
  font-weight: bold;
  padding: 4px;
}

#piterTableAdmins a {
  font-family: 'Dobrozrachniy';
  color: #402724!important;
  font-size: 16px;
}

/* Всплывающая подсказка-описание к админам в таблице шапки */
.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: url(http://funkyimg.com/i/2LJkL.png); /* фон всплывающей подсказки */
  color: #242323;
  border: none;
  box-shadow: 0px 0px 4px #161616;
  padding: 5px;
  width: 200px;
  text-align: center;
  font-family: "Calibri";
  font-size: 14px;
}

/* ОСТАЛЬНОЕ: ХТМЛ ШАБЛОНЫ, ССЫЛКИ, БАННЕРЫ В ФУТЕРЕ И Т.Д.
------------------------------------------------------------------------*/

/* Содержимое админ-шаблона: ссылки и картинки */
.padminsname a {
  color: #75594c!important;
  transition-duration: 0.7s;
}

.padminsname a:hover {
  color: #a07860!important;
  transition-duration: 0.7s;
}

.pAdminImg1 {
  background: url(http://funkyimg.com/i/2LKev.png);
  width: 93px;
  height: 89px;
  transition-duration: 0.6s;
}

.pAdminImg1:hover {
  background: url(http://funkyimg.com/i/2LKex.png);
  transition-duration: 0.6s;
}

.pAdminImg2 {
  background: url(http://funkyimg.com/i/2LKew.png);
  width: 93px;
  height: 89px;
  transition-duration: 0.6s;
}

.pAdminImg2:hover {
  background: url(http://funkyimg.com/i/2LKey.png);
  transition-duration: 0.6s;
}

.pAdminImg3 {
  background: url(http://funkyimg.com/i/2LKeA.png);
  width: 93px;
  height: 89px;
  transition-duration: 0.6s;
}

.pAdminImg3:hover {
  background: url(http://funkyimg.com/i/2LKez.png);
  transition-duration: 0.6s;
}

.pAdminImg4 {
  background: url(http://funkyimg.com/i/2LKeB.png);
  width: 93px;
  height: 89px;
  transition-duration: 0.6s;
}

.pAdminImg4:hover {
  background: url(http://funkyimg.com/i/2LKeC.png);
  transition-duration: 0.6s;
}


/* Кнопки в ХТМЛ-шаблоне гостевой */
.piterbtn {
  display: inline-block;
  border: 1px solid rgba(77, 107, 133, 0.36);
  padding: 2px 6px 4px 6px;  /* сдвиг вверху, слева, снизу и справа */
  text-transform: uppercase;
  font-family: "PentaDemi";
  font-size: 11px;
  text-decoration: none;
  background: #f6f2f0;
  color: #404239;
  width: auto;
  height: 19px;
  transition-duration: 0.4s;
}

.piterbtn a {
  color: #404239!important;
  transition-duration: 0.4s;
}

.piterbtn a:hover {
  color: #f4e6d9!important;
  transition-duration: 0.4s;
}

.piterbtn:hover {
  color: #f4e6d9!important;
  background: #404239!important;
  transition-duration: 0.4s;
}

/* Контент шаблона гостевой */
.pitertxt {
  font-family: "Avanti";
  color: #473733;
  font-size: 12px;
  text-indent: 3.2em;
}

/* Шаблон новостей-итогов */
.pWeekNwsEpisode a {
  opacity: 1;
  transition-duration: 0.4s;
}

.pWeekNwsEpisode a:hover {
  opacity: 1;
  transition-duration: 0.4s;
}

.pWeekNwsPost a {
  opacity: 0.7;
  transition-duration: 0.4s;
}

.pWeekNwsPost a:hover {
  opacity: 1;
  transition-duration: 0.4s;
}

.pWeekNewsActiv a {
  opacity: 0.7;
  transition-duration: 0.4s;
}

.pWeekNewsActiv a:hover {
  opacity: 1;
  transition-duration: 0.4s;
}

#piterbanners a {
  opacity: 0.50;
  transition-duration: 0.6s;
}

#piterbanners a:hover {
  opacity: 1;
  transition-duration: 0.6s;
}

#piterNeed a {
  opacity: 0.60;
  transition-duration: 0.6s;
}

#piterNeed a:hover {
  opacity: 1;
  transition-duration: 0.6s;
}

.welcomeLinksInside a {
  color: #f6f0ed!important;
}

.welcomeLinksInside a:hover {
  color: #cfc9c9!important;
}