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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: url();
  color: #7b4b1b;
  text-shadow: 0px 0px 0px #a17b16 !important;
  text-align: center;
  width: 574px;
  height: 70px;
  margin-left: -0px;
  line-height: 100%;
  background-position: bottom left;
  background-repeat: no-repeat;
  font-size : 18px !important;
  text-decoration : none;
  font-family: Georgia;
 font-variant: small-caps;
  font-weight: normal;
  font-style: none;
  }

#pun-stats h2 span, .punbb .main h1 span, .punbb .main h2 span, #pun-debug h2 span, .punbb-admin #pun-admain h2 span {
   color: #7b4b1b;
   text-shadow: 0px 0px 0px #a17b16 !important;
   display: block;
   padding-top: 40px!important;
   width: 500px;
   text-align: center; }
#profilenav h2 span {
   text-align: left;
   width: 150px; }

  
}

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background: url(http://s6.uploads.ru/UbVMl.png) repeat;
  color: #564233;

  border: double #8b8472;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #474c52;
  border: double #8b8472;
  }

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

.punbb textarea {
  background-image: url(-);
color: #474c52; 
padding: 3px;
  border: double #8b8472;
}

.punbb select, .punbb input {
  background-image: url(-);
 color: #554943; 
padding: 3px;
  border: double #8b8472;
}

.punbb .post .post-author , #profilenav { margin-left: 2px;  text-align: center; 
color: #5c4b45; 
}

#post-form .fs-box .container { background: #dedede; border: double #8b8472 !important;}
/* 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-color: #C4C4C6 #FFFFFF #FFFFFF #C4C4C6;
border: 0px;
  }

#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: 1px solid #221c00
  }

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

.punbb .post-sig dt {
  border-top-color: transparent;!important;
  }


/* 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: #9d6222;
  font-style: none;
  font-family: "georgia";
  font-size: 11px;
  text-decoration: none;
  font-style: italic;

  }

#pun-ulinks  a:link, #pun-ulinks  a:visited {
  color: #000;
  font-family: 'georgia';
  font-size: 10px;
  font-style: none;
  text-decoration: none;
  text-transform: uppercase;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
        color: #9e6244;
-webkit-transition: color 0.5s ease;
-khtml-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
}

/* 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: #903d32;
  text-decoration:none;
  font-style: none;
  font-family: "georgia";
  font-style: italic;

-webkit-transition: color 0.5s ease;
-khtml-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
  }

/* 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: #7b4b1b;
border-bottom:1px double #8b8472; 
text-decoration: none;
}
/* CS3.4 */

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


/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon { opacity: 0.5;
background: url(http://onetimetest.anihub.ru/files/0013/66/99/73513.png) no-repeat;
}

tr.inew div.icon {  opacity:0.5;
background: url(http://onetimetest.anihub.ru/files/0013/66/99/24672.png) no-repeat;
}

tr.isticky div.icon {  opacity:0.5;
background: url(http://onetimetest.anihub.ru/files/0013/66/99/84184.png) no-repeat;
}

tr.iclosed div.icon {  opacity:0.5;
background: url(http://onetimetest.anihub.ru/files/0013/66/99/40024.png) no-repeat;
}


/* CS5 Other
 -------------------------------------------------------------*/

html, body {

background-image : url(http://onetimetest.anihub.ru/files/0013/66/99/78989.png); 
 background-repeat: repeat-y;
background-position:  center;
background-color: #12061d;}

body {background-color: transparent;
  background: url("http://onetimetest.anihub.ru/files/0013/66/99/45095.png")no-repeat 50% 0,
  url("http://onetimetest.anihub.ru/files/0013/66/99/78989.png") repeat-y 50% 0!important;
  background-attachment: scroll;
}


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

#pun_wrap {  
background-image: url("");
background-repeat: no-repeat; 
background-position: center bottom;
}

#profile .container #profilenav h2   {text-align : left;  text-shadow: none; margin-left: 27px}

#form-buttons {
margin: 2px 2px 2px 10px;
padding: 2px 2px 2px 10px;
 background: transparent url("http://s6.uploads.ru/UbVMl.png");
}

.punbb th {
 background: transparent url("http://hellandhell.at.ua/96/td.png");
 margin-top: -2px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
 -moz-border-radius: 3px;
 -o-border-radius: 3px; 
 border: none !important;
}

/* CS6 Table
 -------------------------------------------------------------*/
#menu {text-align: center;}

#menu span {
padding: 7px 3px 7px; 
margin-right: 5px;
margin: -10px 0px;
width: 500px;
text-decoration: none;
}

#menu .tabactive {
border: none !important;
}

#submenu {
background: transparent;
padding: 10px;
height: 240px;
text-align: center;
font-size: 10px;
width: 500px;
background-color: #cfcfcf;
}

.submenutext {
display: none; 
height: 20px;
}


#navi a, .navi a:hover {
background: #d47d1d;
color: #ffffff !important;
display: block;
width: 134px;
font-weight: bold;
font-size: 10px;
text-align: center;
font-family: 'Franklin Gothic Medium';
margin-bottom: 1px;
padding:2px;
border-radius: 7px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
box-shadow: 0px 0px 15px #191919 inset; 
text-shadow: 1px 1px 0px #191919;
-moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}

.navi a:hover {
-moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
background: #bcbcb8;
box-shadow: 0px 0px 10px #191919 inset; 
text-shadow: 1px 1px 0px #191919;
}


#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transparent;
color: #868686;
} 
 
/* стиль общего контейнера с кнопками */
.menu{
  width: 620px; /* ширина */
  margin: 10px auto; padding: 15px; /* отступы */	  
  list-style: none;
  counter-reset: li;
  background: #eee; /* фон */
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; /* тень вокруг контейнера */
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  -moz-border-radius: 10px; /* закругление углов */
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.menu:before,
.menu:after {
  content: "";
  display: table; /* отображение кнопок в виде таблицы */
}

.menu:after {
  clear: both;
}

.menu {
  zoom:1;
}

/* стиль кнопки */        
.menu li {
  position: relative;
  float: left;
  cursor: pointer;
  height: 120px; width: 200px; /* высота и ширина кнопки */
  margin: 10px 0 0 10px; /* отступы между кнопками */
  color: #fff;
} 

.menu li:hover, .menu li:focus{ /* градиент, который появляется на кнопки при наведении курсора */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
}


/* стиль всплывающего описания */

.menu .cover{
  z-index: 2;
}

.menu .cover:focus{
  outline: 0;
}

.menu li::after{
  content: counter(li);
  counter-increment: li;
  font: italic bold 10px serif, georgia; /* шрифт */
  position: absolute;
  color: rgba(255,255,255,.1);
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out; 
  -o-transition: all .2s ease-out;  
  transition: all .2s ease-out;    
}      

.menu li:hover::after, .menu li:focus::after{
  font-size: 100px;
  opacity: 1; 
}

.menu .cover::after{
  z-index: -1;
}

.menu li:nth-child(1),
.menu li:nth-child(2),
.menu li:nth-child(3){
  margin-top: 0;
}

.menu li:nth-child(1),
.menu li:nth-child(4),
.menu li:nth-child(7){
  margin-left: 0;      
}

/* цвета кнопок по порядку */

.menu li:nth-child(1),
.menu li:nth-child(1) .content,
.menu li:nth-child(1) .close{
  background-color: #2c618f;
}         

.menu li:nth-child(2),
.menu li:nth-child(2) .content,
.menu li:nth-child(2) .close{
  background-color: #91ab31;   
}   

.menu li:nth-child(3),
.menu li:nth-child(3) .content,
.menu li:nth-child(3) .close{
  background-color: #714a28;   
}

.menu li:nth-child(4),
.menu li:nth-child(4) .content,
.menu li:nth-child(4) .close{
  background-color: #e58600;      
}

.menu li:nth-child(5),
.menu li:nth-child(5) .content,
.menu li:nth-child(5) .close{
  background-color: #c33a00;
}

.menu li:nth-child(6),
.menu li:nth-child(6) .content,
.menu li:nth-child(6) .close{
  background-color: #7f5dac;
}

.menu li:nth-child(7),
.menu li:nth-child(7) .content,
.menu li:nth-child(7) .close{
  background-color: #5672b7;     
}

.menu li:nth-child(8),
.menu li:nth-child(8) .content,
.menu li:nth-child(8) .close{
  background-color: #69003f;
}

.menu li:nth-child(9),
.menu li:nth-child(9) .content,
.menu li:nth-child(9) .close{
  background-color: #393043;
}

/* стиль всплывающего контента */

.menu .content{
  opacity: 0; display: none\9;
  overflow: hidden;
  font: 12px Arial, Helvetica; /* шрифт */
  position: absolute;
  height: 120px; width: 200px; /* Высота и ширина области текста. В идеале: height: 100%; width: 100%; , но будет работать только в FF */
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition: all .3s ease-out;  
  transition: all .3s ease-out;      
}  

.menu .expanded{
  opacity: .95; display: block\9;
  overflow: visible;
  padding: 40px;
  height: 300px; width: 540px; /* высота и ширина области перекрытия контейнера с всплывающего описания */
}

.menu li:nth-child(3n) .content{ /* 3,6,9 */
  right: 0;
}

.menu li:nth-child(3n-1) .expanded{ /* 2,5,8 */
  left: 50%;
  margin-left: -310px;
}

.menu li:nth-child(7) .content, /* 7,8,9 */
.menu li:nth-child(8) .content,
.menu li:nth-child(9) .content{
  bottom: 0;
}                      

.menu li:nth-child(4) .expanded, /* 4,5,6 */
.menu li:nth-child(5) .expanded,
.menu li:nth-child(6) .expanded{
  margin-top: -190px;
  top: 50%;
} 

/* стиль названия кнопок */    

.menu .title{
  position: absolute;
  height: 100%; width: 100%;
  text-align: center; /* выравнивание по центру */
  font: italic bold 1em/120px 'trebuchet MS', Arial, helvetica; /* шрифт */
  opacity: .2;
}

.menu li:hover .title{
  opacity: .7;
}    

/* стиль крестика, закрывающего всплывающее описание */

.menu .close {
  display: none;
  border: 5px solid #fff; /* обводка (граница) */
  color: #fff; /* цвет */
  cursor: pointer;
  height: 40px; width: 40px; /* высота и ширина */
  font: bold 20px/40px arial, helvetica; /* шрифт */
  position: absolute;
  text-align: center;
  top: -20px; right: -20px; /* расположение (двигаем крестик) */
  -moz-border-radius: 40px; /* закругление границ */
  -webkit-border-radius: 40px;
  border-radius: 40px;      
}

.menu .cover .close{
  display: block;
}

/* CS5 Other
-------------------------------------------------------------*/

.lastedit{display:none;}

.post-author li {text-align:center}


::-webkit-scrollbar{
    width:10px;
height: 0px;
    }
::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #DBDBDB;
    background-color: #a17b16;
}
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #af1b00;
    background-color: #ca9810;
}
::-webkit-scrollbar-track{
    background-color:#bcaf95;
}
::-webkit-scrollbar-track:hover{
    background-color:#bcaf95;
}

.navi a, .navi a:hover {
background: #d47d1d;
color: #ffffff !important;
display: block;
width: 134px;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 1px;
padding:2px;
border-radius: 7px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
box-shadow: 0px 0px 15px #191919 inset; 
text-shadow: 1px 1px 0px #191919;
-moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}

.navi a:hover {
-moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
background: #bcbcb8;
box-shadow: 0px 0px 10px #191919 inset; 
text-shadow: 1px 1px 0px #191919;
}

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

#pun-about .container {
  border-top-style: none;
  text-align: center !important;
  line-height: 100%;
  padding: 0em 0em;
  background-color: transparent;
  font-weight: normal;
  height: 380px;
  width: 1100px;
  margin-left: -126px;
  background-image: url("http://onetimetest.anihub.ru/files/0013/66/99/20994.png");
  background-repeat: no-repeat;
  background-position: bottom;
background-attachment: scroll;
  background-overflow-x: fixed;
  margin-bottom: -170px;
  font-size: 10px;
  }
div#html-footer {margin: -220px 0px 0px 0px;}

/* Tooltips
 -------------------------------------------------------------*/
.tooltip {
border: none; 
color: #7e3030;
text-decoration: none;
position: relative;}

.tooltip span {
margin-left: -999em;
position: absolute;}

.tooltip:hover span {
font-family:verdana;
position: absolute;
left: 70px; 
top: -60px; 
z-index: 99;
margin-left: 0;}

.tooltip:hover img {
left: 1em; 
top: 2em; 
z-index: 99;
margin-left: 0;}

.tip { 
position: absolute;
background: #eeeeee;
color: #503030;
border: 2px solid #000000;
z-index: 1000;
width: 150px;
padding: 5px; 
text-align: center; 
line-height: 10px;
font-family: verdana;
font-size: 10px;
}

#pun-main .post-author ul {
  color: #000000;
  box-shadow: 0px 0px 20px #c4c4c4 inset; 
  border: double #8b8472;
}