/*--------------------------- шапка --------------------------------------------------*/

#pun-title table {
  background: url(https://i.imgur.com/kTwghkS.png) no-repeat top center; 
  height: 400px;
  width: 968px;
  margin-left: -17px;
  margin-top: 60px;
  background-repeat: no-repeat;
  z-index -1;
  border: 0px solid #000;
}

#pun { background-image: url(https://i.imgur.com/mz5yOe3.png); }

/*--------------------------- фон --------------------------------------------------*/
html {
    background: url(https://i.imgur.com/aQeEDSt.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: top center;
    background-color: none;
    background-size: cover; 
    overflow-x: hidden !important; 
}

/*--------------------------- футер --------------------------------------------------*/
#pun-about p.container {
  background-image : url(https://i.imgur.com/efaqvoD.png);
  background-repeat : no-repeat;
  background-position : center top;
  width: 949px;
  height: 220px;
  margin-left: -17px;
  margin-top: -10px;
  margin-bottom: -30px;
  font-size: 10px !important;
  border: none;
  border-color: #fff;
}



/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

/* 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 {
border-color:transparent;
  color: #696969;
  }


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

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

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color:transparent;
  color: #696969;
  }

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

    /* блок цитат и кодов*/
    .punbb .quote-box, .punbb .code-box {
  color: #9e9e9e;
  background-image: url(https://i.imgur.com/VuVNasY.png);
  border: 1px solid #f5f5f5!important;
  padding-top: 10px !important;
      }

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

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

.punbb textarea, .punbb select, .punbb input {
  background-image: url("https://i.imgur.com/jq5Cwon.png");
  color: #3c5647;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* CS2 Цвета границ
-------------------------------------------------------------*/

/* 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 {
font: small-caps 8px Corbel!important;
color: #504b6e;
text-transform: lowercase;
letter-spacing: 1px !important;
text-align: center !important;
background-image: none;
padding: 3px 0px 3px 0px;
border: none!important;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color:transparent;
  }

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

.punbb .post-sig dt {
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 { text-decoration: none;
  color: #e2b370;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #d75e5e;
  }

/* 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: #403c39;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #ffffff;
  font-weight: normal;
  border-bottom: 0px none #000;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

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



/* CS4 Скролл
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
background: #f9f9f9;
}
::-webkit-scrollbar-thumb {
    background: #ff824e;
}


/* CS5 Кнопки в форме ответа
-------------------------------------------------------------*/

#pun-main .formsubmit input {
color: #797979;
padding: 10px 15px 10px 15px;
border: 1px solid #f5f5f5;
text-transform: uppercase;
font-size: 8px;
border-radius: 0px;
font-family: arial;
letter-spacing: 1px;
  }

#pun-main .hashelp div input {
color: #797979;
padding: 5px 15px 5px 15px;
border: 1px solid #f5f5f5;
text-transform: uppercase;
font-size: 8px;
border-radius: 0px;
font-family: arial;
letter-spacing: 1px;
  }


.pa-posts,.pa-respect, .pa-fld4{
  padding: 5px!important;
  margin-top: 1px !important;
  display:inline-block!important;
  float:none!important;
  max-width: 48px!important;
  height: 27px!important;
  text-align:center;
  text-transform: lowercase;
  font-size: 8px;
}


/* CS6 Активисты
 -------------------------------------------------------------*/

.chikens { background: none; }
.chikenstext5 { width: 171px; height: 81px; text-align: justify; font: 500 8px verdana; color: #8e8e8e; padding: 7px 6px 7px 8px; background-color: #fcfcfc; }
.chikenstext6 { width: 213px; height: 75px; padding: 2px 4px 7px 8px; background-color: none; text-align: justify; font: 600 8px Corbel; color: #bdbdbd; }
.chikenstext9 { width: 154px; height: 66px; text-align: justify; font: 600 8px corbel; color: #bcbcbc; padding: 0px 0px 0px 5px; background-color: none; line-height: 130%; text-transform: lowercase; }
.chikenstext9 a { color: #d10000!important;  }

.nyxl { height: 100px; overflow: auto; padding-right: 5px; }
.nyxltext1 { font: 600 9px Corbel; text-transform: uppercase; color: #fb5906; padding: 3px 0px 0px 0px; }
.nyxltext1:first-letter { font-style: italic; }
.nyxltext1 a { color: #fb5906!important; }
.nyxltext2 { font: 400 9px Corbel; text-transform: lowercase; color: #a8a8a8; letter-spacing: 1px; font-weight: normal; }

.pa-ip { font-size: 8px; }
#font-area { max-height: 120px; overflow: auto; }


#pun-navlinks a { display: inline-block; height: 17px; width: 35px; padding-left: 9px; margin-left: 0px; }

/*форум*/#navindex a:after { font-family: icon; content: "\f64f"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 19px 0px 8px; background-color: none; } 
/*участники*/ #navuserlist a:after { font-family: icon; content: "\f0c0"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 19px 0px 8px; background-color: none; } 
/*награды*/ #navawards a:after { font-family: icon; content: "\f091"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 8px 0px 8px; background-color: none; } 
/*поиск*/ #navsearch a:after { font-family: icon; content: "\f002"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 21px 0px 10px; background-color: none; } 
/*профиль*/ #navprofile a:after { font-family: icon; content: "\f2bb"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 20px 0px 9px; background-color: none; } 

/*сообщения*/ #navpm a:after { font-family: icon; content: "\f658"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 20px 0px 11px; background-color: none; } 

/*администрирование*/ #navadmin a:after { font-family: icon; content: "\f43f"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 23px 0px 12px; background-color: none; } 
/*выход*/ #navlogout a:after { font-family: icon; content: "\f2f5"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 20px 0px 11px; background-color: none; } 
/*вход*/ #navlogin a:after { font-family: icon; content: "\f2f6"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 11px 0px 20px; background-color: none; } 
/*регистрация*/ #navregister a:after { font-family: icon; content: "\f0ea"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 21px 0px 12px; background-color: none; } 
/*моя дополнительная ссылка1*/ #navpr_1 a:after { font-family: icon; content: "\f02c"; font-size: 14px; width: 20px !important; height: 25px !important; padding: 0px 19px 0px 8px; background-color: none; } 

/*прячем названия*/
#pun-navlinks a { font-size: 0 !important; }



/* CS6 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {background-image : url(https://i.imgur.com/cZbdTRF.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(https://i.imgur.com/YksIPpJ.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(https://i.imgur.com/gkGZ95V.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(https://i.imgur.com/b1x5xP6.png); background-repeat: no-repeat;}


#pun-viewforum .tclcon, #pun-messages .tclcon {
    margin-left: 0px;
}



/* Выделение текста */
    ::selection { 
    background: none repeat scroll 0 0 #cfc1b6;
    color: #fff;
    opacity: 0.5;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 transparent;
    color: #fff;
}


.renoheader { background-image: url(https://i.imgur.com/KGFKzsq.png); }
.renoheaderhover { width: 938px; height: 163px; opacity: 0; transition-duration: 1s;  -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; margin-top: 6px; margin-left: 0px; position: absolute; }
.renoheaderhover:hover { color: #ededed; width: 938px; height: 163px; background-image: url(https://i.imgur.com/KGFKzsq.png); opacity: 4; }
.renoheadercontent { width: 938px; height: 163px; background-image: url(https://i.imgur.com/KGFKzsq.png); color: #ededed; }


.punbb select  {
    font-family: corbel!important;
    text-transform: uppercase;
    font-size: 8px!important;
    letter-spacing: 0.3em;
    background-image: url(https://i.imgur.com/jvtKJo8.png);
    background-color: #fafafa;
    color: #000000;
    border: none;
    padding: 0px 0px 0px 0px;
    border: 1px solid #e8e7ea;
}


.cshiet { opacity: 0; padding-top: 0px; margin-top: -77px; -moz-transition-duration: 1.0s;  -webkit-transition-duration: 1.0s;  -o-transition-duration: 1.0s; text-transform: lowercase; }
.cshiet:hover { opacity: 1; padding-top: 0px; -moz-transition-duration: 1.0s;  -webkit-transition-duration: 1.3s; -o-transition-duration: 1.0s; }

.cshiettextfauna { font: 600 18px arial; color: #000; text-transform: uppercase; text-align: left; padding-top: 2px; letter-spacing: 0px; padding-left: 8px; text-shadow: 0px 0px #4b4b4b; }
.cshiettext { font: 600 18px arial; color: #000; text-transform: uppercase; text-align: right; padding-top: 2px; letter-spacing: 0px; padding-left: 8px; text-shadow: 0px 0px #4b4b4b; }
.cshiettext2 { font: small-caps 7px arial; text-align: left; line-height: 115%; color: #000; border: 0px solid #000; padding-top: 6px; padding-left: 6px; text-transform: uppercase; letter-spacing: 0px; text-shadow: 0px 0px #4b4b4b; }
.cshiettext2 a { color: #000!important; }