/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {
       background-image: url(http://forumstatic.ru/files/0013/ce/d4/72481.jpg);
       background-position: top center;
       background-repeat: repeatxy; 
       background-attachment: scroll;
       background-color: #000;
       margin-left:2px!important;
}


#pun {
        background-image : url(http://forumstatic.ru/files/0013/ce/d4/14012.jpg);
        background-repeat: repeat-y!important; 
       background-position: top center;
       background-color:#c7b8a1;
}


#pun-title {
       background-image: url(http://forumstatic.ru/files/0013/ce/d4/51450.jpg);
       background-position: top center;
       background-repeat: no-repeat; 
}


/* CS1.1 */
.punbb .main .container,
#pun-redirect,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend,
#pun-redirect  {
  background-color: transparent;
  color: #161614;
  }

.punbb-admin #pun-admain .adcontainer{
  background-color: #c7b8a1;
  color: #161614;
  }



/* CS1.2 */
.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb .post h3,
.punbb .post .container {
  background-color: transparent;
  color: #161614;
}

.punbb .altstyle .post-body,
.altstyle .post-box,
.punbb .altstyle .post-links,
.punbb .altstyle h3,
.punbb .altstyle .container {
  background-color: transparent;
  color: #161614;
}

.punbb .post h3 span {
  background-color: transparent;
  color: #161614;
}

.punbb .altstyle h3 span {
  background-color: transparent;
  color: #161614;
}

.punbb td.tc2, .punbb td.tcr {
  background-color: transparent;
  color: #161614;
  }

.punbb td.tc3 {
  background-color: transparent;
  color: #161614;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1,.punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
     background-image: url(http://forumstatic.ru/files/0013/ce/d4/76353.jpg);
    background-repeat: no-repeat; 
     background-position: top center;   
     text-align: center;
     color: #8a7e6c;
    height:90px;
    width:985px;
    margin-left:-47px;
  }

#pun-redirect h1 {
  margin-left:-200px;
}


/* CS1.4 */
.punbb .modmenu .container {
  background-color: transparent;
  color: #161614;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #161614;
  }

/* CS1.6 */
#viewprofile li, #setmods dl  {
  background:  transparent;
  color: #161614;
  }

.punbb .post h3 strong {
        font-size: 0.9em;
        color: #161614;
        text-decoration: underline
}

/* CS1.7 */
.punbb textarea, .punbb .quote-box, .punbb .code-box,  .post-author ul {
        background-image: url(http://forumstatic.ru/files/0013/ce/d4/74932.jpg);
       background-position: top center;
       background-repeat: repeatxy; 
       color: #161614;
  }

.pa-fld1, .post-author ul .item2, .pa-author {
       background-image: url(http://forumstatic.ru/files/0013/ce/d4/18633.jpg);
       background-repeat: repeatxy; 
}

/* CS1.8 */
#pun-navlinks .container {
        background: transparent;
        color: #161614;
        text-transform:uppercase;
  }

#pun-ulinks .container, .punbb th,  .punbb select, .punbb input {
        background-color: transparent;
}

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS1.8 */
.inner,
#font-area,
#size-area,
#video-area,
#color-area,
#smilies-area,
#image-area,
#addition-area,
#table-area {
           background: #e1cdb5;}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
   border-width: 1px 1px 1px 5px;
  border-style: solid;
  border-color: #766754;
     border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
  }

.post-author ul, .post-author ul .item2, .pa-fld1, .pa-author  {
border:1px solid #9b8a75;
}

.post-author ul, .pa-author  {
     border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px; 
}
.pa-fld1 {
  border-top: none;
  padding-bottom:8px!important;
  margin-bottom:8px!important;
     border-radius:0px 0px 3px 3px;
    -webkit-border-radius:0px 0px 3px 3px;
    -khtml-border-radius:0px 0px 3px 3px;
    -moz-border-radius:0px 0px 3px 3px;
    -o-border-radius:0px 0px 3px 3px; 
}

.post-author ul .item2{
   border-bottom: none;
     border-radius:3px 3px 0px 0px;
    -webkit-border-radius:3px 3px 0px 0px;
    -khtml-border-radius:3px 3px 0px 0px;
    -moz-border-radius:3px 3px 0px 0px;
    -o-border-radius:3px 3px 0px 0px; 
}

/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited,.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, .punbb a:hover, .punbb-admin #punbb-admain a:hover {
  color: #433423;
        text-decoration: none;
  }

/* CS3.2 */
.post-content a:focus, .post-content a:active, .post-content a:hover, .post-content a:link, .post-content a:visited 
 {
  color: #875721;
        text-decoration: none;
  }


/* CS3.3 */
#pun-navlinks a, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-navlinks a:hover {
  color: #433423;
        text-decoration: none;
  }

/* CS3.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, .linkst .pagelink a, .linkst .postlink a, .postlink a:hover {
  color: #c7b8a1;
        text-decoration: none;
  }

.post h3 span a:link, .post h3 span a:visited {
        font-size: 0.9em;
        text-decoration: none;
}


/* CS4 Post status icons
 -------------------------------------------------------------*/

 input[value="Посмотреть"], input[value="Отправить"], input[value="Результаты опроса"] {
     padding: 7px 30px;
        background-color:#e4d1b6;
         border-width: 1px; 
          border-style: solid;
           border-color: #766754; 
       border-radius: 10px; 
  -webkit-border-radius:  10px;  
  -khtml-border-radius:  10px ;  
  -moz-border-radius:  10px; 
  -o-border-radius:   10px;
}

div.icon, tr.iclosed div.icon {
        background: url(http://forumstatic.ru/files/0013/ce/d4/77634.png) no-repeat;
}

tr.inew div.icon, tr.isticky div.icon {
        background: url(http://forumstatic.ru/files/0013/ce/d4/37166.png) no-repeat;
}


#profilenav h2 span, #viewprofile h2 span {background-image: none}

#pun-stats ul.container {
        background: transparent;
}

#pun-stats div.statscon {
        background-color: transparent;
}

#pun-crumbs2 .container,
#pun-about .container {
        background-color: transparent;
}

#html-footer .container {
          background-image: url(http://forumstatic.ru/files/0013/ce/d4/93740.jpg);
         background-repeat: no-repeat !important;
         background-position: bottom center !important;
         width: 1038px;
         height: 266px;
        margin-left: -45px;
         padding-left: 0;
         color:#685743;
}

#tab {
   height:180px;
   width:880px;
   position:absolute;
   color: #c6b5a1;
   margin:193px 0 0 -3px;
  
}

#tab a{
color:#918475;
} 

#tab2 {
  position:absolute;
  margin-top:4px;
  margin-left:272px;
  width:680px;
  z-index:100;
}


#kol{
   position:absolute;
   margin-top:181px;
   margin-left:797px;
   height: 208px;
}


.ss {
    display: inline-block; 
    position: relative; 
   }

   .ss:hover::after {
    content: attr(data-title); 
    position: absolute; 
    left: 0; right: 0; bottom: 20px; 
    z-index: 1;
    background: #bfaf98; 
    color: #161614; 
    text-align: center; 
    font-family: Arial, sans-serif; 
    font-size: 11px; /
    padding: 5px 10px;
    border: 1px solid; 
   }


.slide p,
.slide [type="checkbox"]{
    display:none;
    z-index: 1;
}
 
.slide [type="checkbox"]:checked ~ p {
    display:block;
    z-index: 1;
}