#pun { background-image : url("http://funkyimg.com/i/KerV.png");
background-color : #a99b88;
background-position : center;}

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

body { 
 background-color: #0a0a0a; 
 overflow-x: hidden;
 background-image : url("http://sd.uploads.ru/KQ1bt.png");
 background-repeat: repeat;
 background-position : top left;
}

/* 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: #000000;
  text-align: justify;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #000000;
  font-weight: normal;
font-style: normal;

  }

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

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

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


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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #989495;
  color: #000000;
}

.punbb textarea, .punbb input {
  background-image : url("http://funkyimg.com/i/Kewr.png");
  background-color: #b8afa1;
  color: #000000;
  border-width: 0px;
  border-radius: 15px;
}

.punbb select, .punbb .quote-box, .punbb .code-box {
  background-image : url("http://funkyimg.com/i/Kewr.png");
  text-color: #000000;
  background-color: #b8afa1;
  border-width: 0px;
  border-radius: 15px;
}


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

/* 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 {
  content: url(http://funkyimg.com/i/GKiV.png) ;
  width: auto;
  height: auto;
  margin: 20px;
  text-align: center;
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 {
  color: #000000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #655c4f;
text-shadow: rgb(11,9,9) 1px 1px 0px;
   
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #972900;

    border-bottom: 0px none #000;
  text-decoration: none;
  }

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

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #1b0d04;
  color: #151515;
  }

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section {border-style: none; width: 800px;   }
#pun  .tc2, #pun-main .post-author ul  {text-align: center; }

.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  text-align: center;
  color: #000;
  }

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 50px; top: 0px;
}

#pun-category1.category h2 {
font-size:0 !important;}


#pun-stats.section h2 {
background: url(http://funkyimg.com/i/Ket7.png) no-repeat top center;
height: 119px;
width: 432px;
margin-left: -12px;
border-style: none;
font-size:0 !important;}

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

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container {
 background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/Kety.png");
background-origin: padding-box;
background-position: 27px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 90px;
padding-top: 10px;}

/* CS6 Логотип снизу
 -------------------------------------------------------------*/

 #pun-about p.container {background-color: #;
   background-image : url(http://funkyimg.com/i/Kest.png);
   margin-left: -237px;
   background-position : center top;
   background-repeat : no-repeat;
   height : 200px;
   width: 1037px;
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-top: 0px;
       margin-bottom: -100px;
}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/Ketk.png) no-repeat top center;
height: 119px;
width: 432px;
margin-left: -13px;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/Ketm.png) no-repeat top center;
height: 119px;
width: 432px;
margin-left: -13px;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/Ketn.png) no-repeat top center;
height: 119px;
width: 432px;
margin-left: -13px;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/Keto.png) no-repeat top center;
height: 119px;
width: 432px;
margin-left: -13px;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/Ketp.png) no-repeat top center;
height: 119px;
width: 432px;
margin-left: -13px;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/Ketq.png) no-repeat top center;
height: 119px;
width: 432px;
margin-left: -13px;
font-size:0 !important;}

#pun-category7.category h2 {
background: url(http://funkyimg.com/i/Ketr.png) no-repeat top center;
height: 119px;
width: 432px;
margin-left: -13px;
font-size:0 !important;}

/* обводка профиля*/
.punbb .post .post-author {
 text-align: center;
padding-top: 0.4em;
padding-bottom: 0.4em;
margin-left: 0px;
  border: none;
  border-radius: 10px;
background-color:rgba(55,46,38,0.1);
  border-left:5px solid rgba(117,80,35,0.1); /* Размер и цвет рамки сверху */
  border-right: 5px solid rgba(117,80,35,0.1);  /* Размер и цвет рамки снизу */

  }
  


/* автор */
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author { font-size: 14px; font-family: 'Kelly Slab', cursive; text-shadow: 1px 0px #505851; text-transform:uppercase!important; font-style: oblique; font-style: bold; float: center; }



/* cкрыть: "форум, тем, сообщений, последнее сообщение" */
#pun-index .category table  thead {
display:none;
}

/* картинки размером не более 500 пикселей */
.punbb .post-content img.postimg {
width: auto; height: auto; max-width:100%!important; max-height:500px!important;
}

/* точка перед названием темы */
td.tcr a{
background: transparent url(http://savepic.org/5595400.png) no-repeat 0px 4px;
padding-left: 10px;
padding-bottom: 0px;
pading-top: 0px;}



/*  галерея в шапке */

.hoverbox a
{
  cursor: default;
}

.hoverbox a .preview
{
  display: none;
}

.hoverbox a:hover .preview
{
  display: block;
  position: absolute;
  top: -20px;
  left: -30px;
  z-index: 1;
}

.hoverbox img
{
  background: #000000;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  padding: 2px;
  vertical-align: top;
}

.hoverbox li
{
  
  color: inherit;
  display: inline;
  float: center;
  margin: 1px;
  padding: 1px;
  position: relative;
}

.hoverbox .preview
{
  border-color: #999999;
}
/* акция */
.canonbk { width: 500px; height: 200px; background-image: url(https://41.media.tumblr.com/7ce26788e02ce7006c8e99585fd65604/tumblr_mo7s4b7hYS1rarm68o1_500.jpg); padding: 10px; border: 3px double #442d2d;}
.canonbkk { width: 500px; height: 200px; position: relative; overflow: hidden; }
.canonbkk .canonimg { width: 500px; height: 200px; position: absolute; top: 0px; right: 0px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.canonbkk:hover .canonimg { right: -150px; }
.canonbkk .canontext { width: 230px; height: 180px; padding: 10px; background-color: #a59786; position: absolute; right: 500px; top: 0px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;  font-family: trebuchet ms, sans-serif; font-size: 9px; line-height: 100%; text-align: justify; color: #222; opacity: 0.9;}
.canonbkk:hover .canontext { right: 250px; }
.canont { width: 230px; text-align: center; text-align: center; font-family: 'Kelly Slab', sans-serif; color: #655c4f; text-shadow: rgb(11,9,9) 1px 1px 0px; text-transform: uppercase; line-height: 100%; font-size: 20px; margin-bottom: 10px;}
.canonbt {  text-align: center; font-family: 'Kelly Slab', sans-serif; color: #442d2d; text-shadow: rgb(11,9,9) 1px 1px 0px; text-transform: uppercase; line-height: 100%; font-size: 40px;  z-index: 2; position: relative; top: -10px;}
.canonbtk { width: 480px; height: 180px; padding: 10px; background-color: rgba(250,250,250,0.7); font-family: trebuchet ms, sans-serif; font-size: 9px; line-height: 100%; text-align: justify; color: #222;}
.ctitle { text-align: center; font-family: 'kleinslabserif-boldregular', sans-serif; color: #191919; text-shadow: 1px 1px 0px #222; text-transform: uppercase; line-height: 100%; font-size: 60px; margin-bottom: 20px;}











/* гостевая */
.tempt { width: 300px; font-size: 40px; font-family: 'Marvel', sans-serif; text-align: center;  color: #444; line-height: 100%; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; }
.tabs { position: relative; clear: both; margin: 25px 0; width: 430px; height: 300px; text-align: center; background-color: #a59786; color: #a59786; }
.tab { float: left; margin-left:2px; }
.tab label { position: relative;  font-size: 16px; letter-spacing: 3px; text-align: center; font-family: arial, sans-serif; color: #222;  padding: 5px; margin-left: 2px;  margin-bottom: 0px; text-transform: uppercase;}
.tab [type=radio] { display: none;  }
.content { position: absolute; top: 20px; left: 0px; right: 0px; bottom: 0px; padding: 20px; background-color: #a59786; font-size: 9px; line-height: 100%; font-family: arial, sans-serif; text-align: center; color: #222; }
[type=radio]:checked ~ label {  z-index: 1; border-bottom: 1px solid #222;}
[type=radio]:checked ~ label ~ .content {  z-index: 1; }
.fci { width: 355px; height: 240px; padding-right: 5px; overflow: auto; text-transform: uppercase; line-height: 1.5;}
.fci::-webkit-scrollbar { width: 5px; background-color: transparent; }
.fci::-webkit-scrollbar-track { background-color: transparent; }
.fci::-webkit-scrollbar-thumb { background-color: #191919; }
.fci a {  font-size: 10px; letter-spacing: 0,6px; text-align: center; font-family: arial, sans-serif; color: #222; text-transform: uppercase; }
.fcbk { color: #a59786; width: 470px; padding: 15px 30px 15px 30px; background-color: #a59786; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4);}
.btitle { width: 470px; font-family: 'Roboto Condensed', sans-serif; font-size: 40px;  line-height: 100%; letter-spacing: 1px; font-weight: lighter;  text-align: center; border-bottom: 2px solid #222; color: #222; padding-top: 10px; text-transform: uppercase; }
.bsite { width: 400px; font-family: arial; font-size: 9px;  line-height: 100%; text-align: center; letter-spacing: 6px; color: #222; padding-top: 5px; text-transform: uppercase; }
.btext2 { width: 350px; padding: 20px; background-color: #a59786; color: #333; line-height: 100%; text-align: justify; font-family: arial; font-size: 10.5px; margin-top: 10px; margin-bottom: -10px;}

.pa-fld3{
margin-top: -20px !important;