/* Тело
-------------------------------------------------------------*/
body {
  background: url(http://forumstatic.ru/files/001b/cd/6a/64098.png);
  background-attachment: fixed;
  background-repeat: repeat;
  background-color: #fff;
}


#pun {
background: url(http://forumstatic.ru/files/001b/cd/6a/48601.png) repeat-y;
  color: #fff;
}

/* Логотип
-------------------------------------------------------------*/
#pun-title table {
    background: url(http://forumstatic.ru/files/001b/cd/6a/21013.png);
    border: none;
    height: 258px!important;
    margin-left: -32px;
    width: 1042px!important;
    margin-top: -258px;
}
/* Футер
 -------------------------------------------------------------*/
#pun-about {
  margin: 0 -31px -132px!important;
  padding: 0 !important;
  background: url(http://forumstatic.ru/files/001b/cd/6a/82254.png) no-repeat;
  width: 1042px;
  height: 116px;
}

.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display: none;}

/* СТРЕЛОЧКИ */
.go-up, .go-down {

cursor: pointer;
display: none;
opacity: 7;
position: fixed;
z-index: 9999;
width: 112px;
line-height: 25px;
}

.go-up {
    background: url(http://forumstatic.ru/files/001b/cd/6a/35871.png);
    bottom: 59%;
        height: 48px;
    width: 22px;
    margin-left: 998px!important;
    color: #ffffff;
    transition: all 1s ease-in-out;
    }

.go-down {
    background: url(http://forumstatic.ru/files/001b/cd/6a/35871.png);
   bottom: 53%;
    height: 48px;
    width: 22px;
    margin-left: 998px!important;
    color: #fff;
    transition: all 1s ease-in-out;
}
.go-down:hover:after, .go-up:hover:after {height: 25px;
    width: 100px;
    margin-left: -5px;
}

.go-down:hover, .go-up:hover {
    opacity: 1;
}
/*Сообщения, репутация*/
.pa-posts, .pa-respect {
    line-height: 14px;
    text-align: center;
    display: inline-block;
    width: 88px;
    padding: 1px 1px 1px 1px !important;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-family: century gothic;
    height: 12px;
    font-weight: 900;
    font-size: 10px;
    text-transform: lowercase;
    margin: 0px 0 0px 0 !important;
    color: #000;
}

/*ЛЗ*/
.rasa {
    font-weight: 900;
    text-transform: uppercase;
}

.lztext {
    text-align: justify;
}

li.pa-fld1 {
    margin-top: -16px;
}

.lefttable {
    position: absolute;
    top: 90px;
    width: 286px;
    height: 189px;
}

.admin {
    font-family: century gothic;
    text-transform: lowercase;
    width: 286px;
    font-size: 14px;
    text-align: center;
    position: relative;
    top: 1px;
}

.admin a{
color: #fff!important;
}

.news {
    position: relative;
    top: 32px;
    padding-right: 3px;
    width: 285px;
    text-align: justify;
    height: 69px;
    overflow: auto;
}


.righttable {
    position: absolute;
    top: 80px;
    margin-left: 696px!important;
    width: 282px;
    height: 182px;
}

.activ {
    position: relative;
    width: 285px;
    text-align: center;
    word-spacing: 23px;
}

.need {
    position: relative;
    width: 285px;
    text-align: center;
    word-spacing: 23px;
top: 40px;
}

.activist {opacity: 0.5; transition: all 0.3s ease-in-out;}
.activist:hover {
opacity: 1;
 transition: all 0.3s ease-in-out;
}


.implink {
    font-family: 'Century Gothic';
    font-size: 13px;
    padding: 5px;
    font-weight: 900;
}

.banners {
    POSITION: relative;
    bottom: -72px;
    margin-left: 9px!important;
    word-spacing: 5px;
}
/* CS1 Background and text colours
-------------------------------------------------------------*/

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

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #262626;
  color: #fff;
  }

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;
  font-family: 'Century Gothic';
  }


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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #713262;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

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

.punbb th {
border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  }

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

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

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

/* 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: #000000;
  transition: all 1s ease-in-out;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333;
  transition: all 1s ease-in-out;
  }

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

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none;
  transition: all 1s ease-in-out;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #858585;
  text-decoration: none;
  transition: all 1s ease-in-out;
  }

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

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

div.icon {
display: none;
}

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}

.button {
    font-family: century gothic;
    border: none;
    background-color: #f5f5f5 !important;
    font-size: 9px !important;
    margin-top: 5px !important;
    padding: 4px 15px 4px 15px !important;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 400 !important;
}

/* Бегунок */
::-webkit-scrollbar
{width: 4px;height: 4px;background-color: #e4dfdd;}
::-webkit-scrollbar-thumb{background-color: #000;}

::selection {
    background: #000;
    color: #ffffff;
    opacity: 0.4;
    }

.lastedit {
display: none;
}

/* Кнопка выпадающего списка */
.dropbtn {
  background-color: #262626;
  font-family: century gothic;
  text-transform: uppercase;
  color: white;
  border: 1px solid #fff;
  position: relative;
  top: 20px;
  width: 286px;
  padding: 8px;
  font-size: 15px;
}

/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content {
  display: none;
  top:54px;
  width: 286px;
  position: absolute;
  background-color: #262626;
  min-width: 160px;
  z-index: 1;
transition: all 1s ease-in-out;
}

/* Ссылки внутри выпадающего списка */
.dropdown-content a {
  color: white!important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Изменение цвета выпадающих ссылок при наведении курсора */
.dropdown-content a:hover {background-color: #ddd;}

/* Показать выпадающее меню при наведении курсора */
.dropdown:hover .dropdown-content {display: block; transition: all 1s ease-in-out;}

/* Изменение цвета фона кнопки раскрывающегося списка при отображении содержимого раскрывающегося списка */
.dropdown:hover .dropbtn {background-color: #262626;}

/* Кнопка выпадающего списка справа */
.dropbtn1 {
  background-color: #262626;
  font-family: century gothic;
  text-transform: uppercase;
  color: white;
  border: 1px solid #fff;
  position: relative;
  top: 20px;
  margin-left: -2px!important;
  width: 286px;
  padding: 8px;
  font-size: 15px;
}

/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown1 {
  position: relative;
  display: inline-block;
}

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-conten {
  display: none;
  top: 58px;
  width: 286px;
  position: absolute;
  background-color: #262626;
  min-width: 160px;
  z-index: 1;
transition: all 1s ease-in-out;
}

/* Ссылки внутри выпадающего списка */
.dropdown-conten a {
  color: #c3c2c2!important;
}

/* Показать выпадающее меню при наведении курсора */
.dropdown1:hover .dropdown-conten {display: block; transition: all 1s ease-in-out;}

/* Изменение цвета фона кнопки раскрывающегося списка при отображении содержимого раскрывающегося списка */
.dropdown1:hover .dropbtn {background-color: #262626;}

/* Снегопад */
#snow_box {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none;
  background:url('https://i.imgur.com/WWCykFh.gif');
  opacity:.3;
}