/* CS1 Background and text colours
-------------------------------------------------------------*/
#pun-navlinks .container { text-align: center; position: absolute;background-color: transpanent;
z-index: 1000px;
top: 420px;
left: 220px}
#pun-ulinks .container { text-align: center; position: absolute; z-index: 1000px; top: 452px;
left: 230px
}

#pun-about p.container {background-color: #;
background-image : url(); 
background-position : center top; 
background-repeat : no-repeat; 
height : 70px;
width: 1001px; 
margin-left: -22px;
text-align: center;
border-color: transparent;
}


 #pun-crumbs1 .container { text-align: center; }

body {background-color: #000000;  background-image: url(); background-position: top center; overflow:auto; overflow-x:hidden; overflow-y:scroll;}

#pun-title table {
background-image : url(http://s1.uploads.ru/i/t0AUh.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
  margin-left: -48px;
height: 530px;
width: 888px;}



#pun {background-color: #ffffff; background-image: url(http://s1.uploads.ru/i/WjgvU.png);}

#pun-about p.container {background-image: url(http://s1.uploads.ru/i/dHgb9.png
); background-position: top center; background-repeat: no-repeat; height: 180px; width: 825px; margin-left: -27px;}


#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transpanent;
  color: #151310;
  }

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

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

  }

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

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

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

/* CS5.3*/
.punbb .quote-box, .punbb .code-box {
  background-color: #e9e9e9;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transpanent;
  color: #151310;
  }

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

.punbb textarea, .punbb select, .punbb input {
background-color: #ffffff;
  color: #151310
}
/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #7e5b40 #7e5b40 #7e5b40 #7e5b40
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #6E4B30
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #7e5b40;
  }

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

/* CS2.5 */
.punbb th {
  border-color: #030613 
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #d6d6d6 #d6d6d6 #d6d6d6 #d6d6d6;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #030613 
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #030613 
  }

.punbb .divider {
  border-color: #030613 #030613 #030613 #030613 
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

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

.punbb .post-sig dt {
  border-top-color: #030613 !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: #4d5069;
    border-bottom: 0px none #cfc9b9;
  text-decoration: none;

  }

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

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

  }

/* CS3.3 */
#pun-navlinks a {
  color: #360101;
    border-bottom: 0px none #000;


  }

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


  }

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


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

#pun-main div.catleft, #pun-main div.catright {display: none}

.punbb input{
border: 1px solid;
background: transparent;
}

#pun-ulinks .container {text-align: center;}

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

#pun-main .post-content {font-size: 10px;}

.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2, #pun-stats h2, 
#pun th, #pun-main .post h3 span, #pun-main .post h3, #pun-main .post-body, #pun-title, 
#pun-main .formal textarea, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {background-color: transparent; }

#pun-title .title-logo span {background-color: transparent; display: none;}




.punbb table Div.icon {float: right; display: block; border-style: none none none none; margin-left: 5px;margin-right: 5px;
width: 35px;
height: 35px;
background-image : url(http://s1.uploads.ru/i/y8U4V.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://s1.uploads.ru/i/ysP7I.png);
background-repeat: no-repeat;
width: 35px;
height: 35px;
}

TR.isticky Div.icon {
background-image : url(http://s1.uploads.ru/i/ysP7I.png);
background-repeat: no-repeat;
width: 35px;
height: 35px;
}

TR.iclosed Div.icon {
background-image : url(http://s1.uploads.ru/i/y8U4V.png);
background-repeat: no-repeat;
width: 35px;
height: 35px;
}

.punbb .main h2 span, #pun-stats h2 span {
        background: none;
    padding-left: 10px;
    padding-top: 9px;
    padding-bottom: 8px;
    margin-left: -11px;
}
#pun-category1.category h2 {
background: url(http://s1.uploads.ru/i/krE7K.png);
height: 40px;
width: 818px;
font-size:0 !important;
font-size:0 !important;
margin-left:-0px;
}
#pun-category2.category h2 {
background: url(http://s1.uploads.ru/i/GJrt6.png);
height: 40px;
width: 818px;
font-size:0 !important;
font-size:0 !important;
margin-left:-0px;
}
#pun-category3.category h2 {
background: url(http://s1.uploads.ru/i/OXZWV.png);
height: 40px;
width: 818px;
font-size:0 !important;
font-size:0 !important;
margin-left:-0px;
}
#pun-category4.category h2 {
background: url(http://s1.uploads.ru/i/Fvo9d.png);
height: 40px;
width: 818px;
font-size:0 !important;
font-size:0 !important;
margin-left:-0px;
}
#pun-category5.category h2 {
background: url(http://s1.uploads.ru/i/Ura8F.png);
height: 40px;
width: 818px;
font-size:0 !important;
font-size:0 !important;
margin-left:-0px;
}
#pun-category6.category h2 {
background: url(http://s1.uploads.ru/i/59wj3.png);
height: 40px;
width: 818px;
font-size:0 !important;
font-size:0 !important;
margin-left:-0px;
}
#pun-category7.category h2 {
background: url(http://s1.uploads.ru/i/rz8Js.png);
height: 40px;
width: 818px;
font-size:0 !important;
font-size:0 !important;
margin-left:-0px;
}
#pun-category8.category h2 {
background: url(http://s1.uploads.ru/i/udsHE.png);
height: 40px;
width: 818px;
font-size:0 !important;
font-size:0 !important;
margin-left:-0px;
}

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

#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;}

#pun-main h2, #pun-stats.section h2 {
  padding: 3px 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


.punbb .modmenu .container, .punbb .linksb, .punbb .linkst { 
margin-left: 4px;
 }

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2{ 
margin-left: 17px;
 }

.punbb-admin #pun-admain .adcontainer{ 
margin-left: 4px;
 }
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer{ 
margin-left: 4px;
 }




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


.nav {margin: 2px; }
.nav a{display: block; color: #071132; background-color: #bababa; text-align: center; width: 225px; padding: 4px; margin: 1px;  border-left-style: solid;  height: 10px; border-width: 5px; border-color: #696967}

.nav a:hover{background-color: #696967; color:#bababa}
.hoverbox a
{
	position: relative;
}

/* =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: #93ADCA; border-style: nona; border-width: 0px; color: inherit; vertical-align: top; }
.hoverbox li { background: transpanent; color: inherit; display: inline; float: left;  padding: 0px; position: relative; }
.hoverbox li.text { background: transpanent; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: #93ADCA; } 
/* ----------------- */

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#e0c89a;
color: #1b1a1a; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #ccbe54;
border-left-width: 5px;
width:240px;
}
a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #1b1a1a; 
background-color:#cdbe66;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #ccbe54;
border-left-width: 5px;
width:240px;
}




#slideshow {
	margin:0 auto;
	width:800px;
	height: 240px;
	position:relative;
line-height: 10px;}
#slideshow #slidesContainer {
  margin:0 auto;
  width:800px;
  height: 260px;
  overflow:auto; /* allow scrollbar */
  position:relative;}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:800px; 
  height:260px;}
.control {
  display:block;
  width: 100px;
  height: 260px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;}
#leftControl {
  top: 45px;
  left: -74px;
  background:transparent url(http://s1.uploads.ru/i/SuGhR.png) no-repeat 0 0;}
#rightControl {
  top: 45px;
  right: -66px;
  background:transparent url(http://s1.uploads.ru/i/bUaLR.png) no-repeat 0 0;}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  letter-spacing:-1px;
}
.slide img {
  float:;
  margin:0 2px;
}





/* CS_else Right Panel */

.hoverbox {
  padding: 0;
  list-style: none;
  }

.hoverbox a .preview {
  display: none;
  }

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

.hoverbox img {
  background-color: transpanent;
  vertical-align: top;
  }

.hoverbox li {
  position: relative;
  display: inline;
  float: left;
  padding: 0px;
  background: transpanent;
  }

.hoverbox li.text {
  position: relative;
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;}

#slideout {
          z-index: 200;
          position: fixed;
          top: 23px;
          right: -153px;
          width: 35px;
          padding: 0px 170px;
          text-align: left;
          background: none;
          -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: 210;
          color: #000000;
          position: fixed;
          top: 23px;
          right: -250px;
          background-image: url();
background-color: #efdba8;
          width: 210px;
          padding: 25px;
          max-height: 930px;
          -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: 200px;
          height: 200px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 100px;
          }
#slideout:hover #slideout_inner {
          right: 0px;
          }