#slideout {
          z-index: 200;
          position: fixed;
          top: 5px;
          right: 0;
          width: 35px;
          padding: 12px 0;
          text-align: center;
          background: #d6d1c9;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner {
          z-index: 200;
      overflow-y: auto;
          color: #000000;
          position: fixed;
          top: 5px;
          right: -250px;
          background: #d6d1c9;
          width: 225px;
          padding: 15px;
          max-height: 500px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 150px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }

#pun-title h1 span { display: none; }

#pun-main .post-author ul {text-align: center;}

#main-reply {
border-radius:0px!important;
    -webkit-border-radius:0px!important;
    -khtml-border-radius:0px!important;
    -moz-border-radius:0px!important;
    -o-border-radius:0px!important;
border: none!important;
box-shadow: 5px 0px 0px #000000;
 background-color: #d9b77c;
  color: #000000;
}

* .button {
border-radius:0px!important;
    -webkit-border-radius:0px!important;
    -khtml-border-radius:0px!important;
    -moz-border-radius:0px!important;
    -o-border-radius:0px!important;
border: none!important;
box-shadow: 3px 0px 0px #000000;
 background-color: #d9b77c!important;
  color: #000000;
}

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* НИЗ */
#pun_wrap { 
background-image: url("http://s3.uploads.ru/9WUwT.png");
background-repeat: no-repeat;
background-position: center bottom;

}

/*ШАПКА*/
body {
background-image: url("http://s2.uploads.ru/tZgqV.png");
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}

/*ФОН*/
HTML {
background-color: #d9b77c;
background-image: url("http://s2.uploads.ru/b0VLj.png");
background-repeat: repeat-y;
background-position: center top;
}


/* 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, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #000000;
  font-weight: normal;
  font-style: normal;

  }


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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #d9b77c;
  color: #000000;
border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
box-shadow: 0px 0px 0px #000000;  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #000000;
  text-align: center;
  }

.offline li.pa-online strong {
  color: #000000;
  font-weight: normal
  }

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

#pun-main .post-author ul {float: left;}

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

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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: #1a2537;
  }

#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 #d9b77c

  }

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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000000;
  text-decoration: none;}

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

/* CS3.3 */
#pun-navlinks a {
  color: #000000;
  text-000000: none;
 }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #000000;
  font-weight: bold;
font-style: normal;
  border-bottom: 0px none #000000;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #000000;
  }


/* CS4 Post status icons
-------------------------------------------------------------*/
tr.inew div.icon {
        background-image : url(http://s3.uploads.ru/wgjEx.png);
        no-repeat; height: 80px; width: 80px;
        }
div.icon {
        background: url(http://s2.uploads.ru/FID61.png) 
        no-repeat; height: 80px; width: 80px;
        }
    tr.iclosed div.icon {
        background-image : url(http://s2.uploads.ru/hXw9M.png);
        no-repeat; height: 80px; width: 80px;
        }

    tr.isticky div.icon {
        background-image : url(http://s2.uploads.ru/MEbZH.png);
        background-repeat: no-repeat; height: 80px; width: 80px;

}


#pun-category1.category h2 {
background: url(-----------------);
width: 447px;
height: 10px;
font-size:0 !important;
margin-left: 190px;}

#pun-category2.category h2 {
background: url(------------------);
width: 447px;
height: 10px;
font-size:0 !important;
margin-left: 190px;}

#pun-category3.category h2 {
background: url(------------------);
width: 447px;
height: 10px;
font-size:0 !important;
margin-left: 190px;}

#pun-category4.category h2 {
background: url(----------------);
width: 447px;
height: 10px;
font-size:0 !important;
margin-left: 190px;}

#pun-stats h2 {
   background-image : url(статистика);
height: 55px;
width: 70px;
font-size:0 !important;
margin-left: 0px;}


/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #251812}


/* =Hoverbox Code= */
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: transpanent; border-color: #2f1616; border-style: nona; border-width: 0px; color: inherit; vertical-align: top; }
.hoverbox li { background: transpanent; color: inherit; display: inline; float: center;  padding: 0px; position: relative; }
.hoverbox li.text { background: transpanent; color: inherit; display: inline; float: center; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: #2f1616; } 
/* ----------------- */


a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#;
color: #; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #;
border-left-width: 5px;
width: 170px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
background-color:#;
color: #; 
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #;
border-left-width: 5px;
width: 170px;
}