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

/* CS1 */
.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: #200e03;
  }
#pun .tcr {text-align: right;}


/* CS1.2 */
body { 
 background-color: #200e03; 
 overflow-x: hidden;
 background-image : url("http://s5.uploads.ru/3a4en.png");
 background-position : top center;
}

/* CS1.3 */
#pun-title table {
background-image : url(http://s5.uploads.ru/mhTtQ.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 239px;
width: 1800px;
}

/* CS1.4 */
#pun {background-image: 
url(http://s4.uploads.ru/VcP2K.png);}

/* CS1.5 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-navlinks .container {
  background-color: transparent;
  height: 54px;
  color: transparent;
  font-family: "VERDANA";
  text-align: center;
  text-decoration: bold;
  text-shadow: 2px 1px 1px #ffffff;
  color: #331111;
  background-repeat: no-repeat;
  }


 #pun-main .formal textarea {
 background-image: url('http://s4.uploads.ru/h9IDz.png');
  color: #331111;
}

.punbb textarea, .punbb select, .punbb input {
 background-image: url('http://s4.uploads.ru/h9IDz.png');
  color: #331111;
}


/* 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-left: 1px solid  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: 1px solid # transparent;
  }

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

/* 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: #271111;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #271111;
  font-weight: normal;
    border-bottom: 0px none #000;
  text-decoration: bold;

  }

/* CS3.3 */
#pun-navlinks a {
 color: #2c0d0d;
    border-bottom: 0px none #271111;

  }

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

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

/* CS4 Post status icons
 -------------------------------------------------------------*/

tr.iredirect div.icon {border-color: transparent}

Div.icon {
background-image: url(http://s5.uploads.ru/AOrTj.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image: url(http://s5.uploads.ru/ZdeUk.png);
background-repeat: no-repeat;
}
tr.iclosed div.icon {
        background: url(http://s5.uploads.ru/AOrTj.png) no-repeat;
}
tr.isticky div.icon {
        background: url(http://s5.uploads.ru/ZdeUk.png) no-repeat;
}

/* CS4 Categories*/

#pun-category1.category h2 { 
background: url("http://s4.uploads.ru/en65a.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 70px;
margin-left: -45px;
width: 1000px;
}

#pun-category2.category h2 { 
background: url("http://s4.uploads.ru/iIfm3.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 70px;
margin-left: -45px;
width: 1000px;
}

#pun-category3.category h2 { 
background: url("http://s4.uploads.ru/W3Sy6.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 70px;
margin-left: -45px;
width: 1000px;
}

#pun-category4.category h2 { 
background: url("http://s4.uploads.ru/x2q39.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 70px;
margin-left: -45px;
width: 1000px;
}

/* CS5.4 Other parts */
#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

.punbb .quote-box, .punbb .code-box {
 background-image: url('http://s4.uploads.ru/h9IDz.png');
color: #331811;}

#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
box-shadow: 0px 2px 1px;
 }
.punbb input { 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 1px 1px;
 }

#slideout {
          z-index: 200;
          position: fixed;
          top: 5px;
          right: 0;
          width: 30px;
          padding: 12px 0;
          text-align: center;
          background-image: url(http://s4.uploads.ru/h9IDz.png);
          -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-image: url(http://s4.uploads.ru/h9IDz.png);
          width: 220px;
          padding: 15px;
          max-height: 590px;
          -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: 90px;
          height: 250px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }