/* CS1 Background and text colours
-------------------------------------------------------------*/

body { background: #1b1b1f url("http://s7.uploads.ru/ryzZ2.jpg") repeat; }

/* 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: #444552;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #444552;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2{
color: #c9cacc;
font: bold 12px normal "verdana";
text-shadow:2px  0px  0px  #4b4a58;
height: 37px;
width: 850px;
text-transform: uppercase;
text-align: center;
background: transparent url("http://s6.uploads.ru/HGWs5.jpg") no-repeat scroll center; 
margin-left:-19px;
  }

.punbb-admin #pun-admain h2 {
color: #4b4a58;
font: bold 12px normal "verdana";
text-shadow:2px  0px  0px  #c9cacc;
text-transform: uppercase;
background: transparent;}

#pun-category1 h2, #pun-category2 h2, #pun-category3 h2, #pun-stats h2, #post-form h2, #pun-category4 h2,  #pun-category5 h2, #pun-category6 h2, #pun-category7 h2, #pun-category8 h2, #pun-category9 h2, #pun-category10 h2 {
  color: transparent !important;
  text-shadow: none;
}


#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent;  text-shadow: none;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #444552;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #444552
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color:transparent;
  color: #444552
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box, .post-body .post-rating .container {
 padding: 5px; 
  color: #74748c; 
-moz-box-shadow: 0px 1px 0px #e8e8e8;
-webkit-box-shadow: 0px 1px 0px #e8e8e8;
box-shadow: 0px 1px 0px #e8e8e8;
 background: transparent url("http://s6.uploads.ru/1uctw.png");
  }


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #444552;
  font-style: italic;
font-size: 15px;
text-transform: lowercase;
font-family: times new roman;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, #post-form .fs-box .container   {
 padding:3px; 
box-shadow: 0px 0px 50px #bdbdbd inset; 
  color: #444552; background:  transparent;
  }

.punbb .post .post-author{
 width: 190px;
 text-align: center; 
 color: #444552;
 box-shadow: 0px 0px 40px #bcbcbc inset; 
 background:  transparent;
 border-top: 2px solid #8c8ca4;
 border-bottom: 3px solid #5e5e7e;}

.pa-avatar img {max-width:180px !important;}

.pa-fld1, .pa-fld3, .pa-fld2 { 
 box-shadow: 0px 0px 40px #bcbcbc inset; 
 text-align: justify;
 font: 10px normal "verdana";
 border-top: 2px solid #b9b9b9;
 padding: 5px !important;
 border-bottom: 2px solid #b9b9b9;}

.punbb input {
border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
 padding: 2px; 
  color: #5a5b79; 
background: #ebebeb; 
border:  none !important;
}

.punbb .button{ 
background: #cccccc;
border-bottom: 1px solid #d7d7d7;
width: 100px;
color: #5a5b79;
font-family: verdana;
font-size: 10px;
border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
box-shadow: 0px 0px 15px #bbbbbb inset; 
padding:6px 2px;
text-align: center;}

#post .formsubmit {text-align: center;}

/* 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: 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:transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-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: #6a6988;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #6a6988;
  }

/* 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: #9c9c9c;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
font-style: normal;
color: #e4e4f0;
font-size: 11px;
text-align: center;
text-transform: uppercase;
font-family: verdana;
text-shadow:1px  1px  0px  #48485f;
text-decoration: none;
font-weight:  bold;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
font-style: normal;
color: #e4e4f0;
font-size: 11px;
text-align: center;
text-transform: uppercase;
font-family: verdana;
text-shadow:1px  1px  0px  #48485f;
font-weight:  bold;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

#pun-ulinks li, #pun-ulinks li a {  color: #e4e4f0;
  text-shadow:1px  1px  0px  #48485f;}

/* CS4 Post status icons
 -------------------------------------------------------------*/

Div.icon {background-image : url(http://s4.uploads.ru/tlBjh.png); background-repeat: no-repeat; }
TR.inew Div.icon {background-image : url(http://s6.uploads.ru/TSjec.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://s4.uploads.ru/itCJb.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://s6.uploads.ru/hv7EU.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(http://s4.uploads.ru/h4F1Y.png); background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

/* CS5 
 ---------------------------------------------*/
#pun-title table tbody tr .title-logo-tdr {
  position: absolute; 
  z-index: 1;
  left: -20.5px;
  top:220px;  
}

.closedatafield, #pun-title .title-logo span, .lastedit  {
  display: none
}

#pun-stats ul.container {
  background: transparent url(http://s4.uploads.ru/wvp9R.png) no-repeat 2px 4px;
  padding-left:50px;
  padding-bottom:-5px;}

#pun-reputation h1, #pun-report h1, #pun-popup_awards h1, #pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container {
background: transparent url(http://s2.uploads.ru/sLcPM.jpg) repeat !important;   }
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {background: transparent url(http://s2.uploads.ru/sLcPM.jpg) repeat !important;   width: auto !important; margin-left:0px;}

b, p strong{  
 color: #6a6988; 
 text-shadow:1px  1px  0px  #e3e3e3;}

hr {
border: none;
border-top: double #adadad;}

.punbb th {
 background: transparent url("http://s6.uploads.ru/1uctw.png");
border: none !important;
}

#pun {
  background-image: url("http://s7.uploads.ru/jxCZq.png"); 
  background-repeat: repeat-y; 
  background-attachment: scroll; 
  background-position: top center; 
  }

#pun-title.section {background-color: transparent; 
  background-image: url("http://s4.uploads.ru/1xfPH.jpg"); 
  background-attachment: scroll;
  background-position: top center; 
  background-repeat:no-repeat;
  height:476px;
  width : 1040px; margin-top:0px;
  margin-left: -108px;}

.punbb .linksb, .linksb .pagelink, .linksb .postlink, .subscribelink { color: #6a6988; }

.linkst .pagelink,  .punbb .linkst a, .linkst .postlink { color: #c9cacc;
text-shadow:1px  0px  0px  #4b4a58;}

#pun-redirect, #pun-maint { 
 height:340px;
 line-height: 12px;
 background-image: url("http://s4.uploads.ru/NlCAh.jpg");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center; 
 text-align:center; 
 font-size:12px !important;
 width: 400px; 
 padding: 20px;
  }

#pun-redirect .main-title {
  margin-bottom:90px !important;
  }

.punbb .post-sig {color:#7e7e7e;}

.punbb .post-sig dt { 
  border-top: 1px dotted #8f8f8f;  }

#form-buttons {
 background: transparent url("http://s6.uploads.ru/1uctw.png");
margin: 2px 2px 2px 10px;
padding: 2px 2px 2px 10px;
}

#copyright {
text-align: center;
 background-image: url("http://s2.uploads.ru/vdTQ4.jpg");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center; 
 font-size:10px !important;
 width: 850px; 
height: 168px;
margin-left:-14px;
}

#html-footer {
margin:0px 0 -3px 0;}

#profile .container #profilenav h2   { text-align : left; 
text-shadow: none !important;}

#pun-ulinks .item1 > a {
    background: url("http://s6.uploads.ru/3dulb.png") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 16px; 
    width: 60px; 
}

#pun-ulinks .item2 > a {
    background: url("http://s4.uploads.ru/lN2yF.png") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 16px; 
    width: 39px; 
}

#pun-ulinks .item3 > a {
    background: url("http://s4.uploads.ru/CXphq.png") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 16px; 
    width: 73px; 
}

#pun-ulinks .item4 > a {
    background: url("http://s4.uploads.ru/LPUpw.png") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 16px; 
    width: 54px; 
}

#pun-ulinks .item5 > a {
    background: url("http://s4.uploads.ru/4Iw98.png") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 16px; 
    width: 61px; 
}

#pun-ulinks .item6 > a {
    background: url("http://s6.uploads.ru/X1yNu.png") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 16px; 
    width: 81px; 
}

#pun-ulinks .item7 > a {
    background: url("http://s6.uploads.ru/5rEJL.png") no-repeat scroll 0 0 transparent;
    display: inline-block !important;
    font-size: 0;
    height: 16px; 
    width: 41px; 
}

/*Slideout with text
 ---------------------------------*/
#slideout {
z-index: 200;
position: fixed;
top: 5px;
right: 0;
width: 30px;
padding: 12px 0;
text-align: center;
background-image: url(http://s5.uploads.ru/8f2Da.jpg);
background-repeat: repeat-y;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;}

#slideout_inner {
z-index: 200;
overflow-y: auto;
color: #99979e;
position: fixed;
top: 5px;
right: -250px;
background-image: url(http://s5.uploads.ru/8f2Da.jpg);
background-repeat: repeat;
width: 225px;
padding: 15px;
max-height: 600px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: center;
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px; }

#slideout_inner b {
 color: #544c62; 
 text-shadow:1px  1px  0px  #1a1a1f;}

#slideout_inner textarea {
width: 190px;
height: 150px;
margin-bottom: 6px; }

#slideout:hover {
right: 250px;}

#slideout:hover #slideout_inner {
right: 0; }

/*Slideshow in table
 ---------------------------------*/
#slideshow {
  margin:0 auto;
  padding: 0px;
  width:750px;
  height:180px;
  background-image : url(http://s0.uploads.ru/IrBkx.jpg);
  background-repeat: no-repeat; 
  position:relative;
}

#slideshow #slidesContainer {
  margin:0 0;
  padding:6px 0;
  width:730px;
  height:160px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  width:730px; 
  overflow-y:hidden; /* поддержка прокрутки */
  height: 160px;
  text-align: justify;
}
.control {
  display:block;
  width:60px;
  height:60px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:60px; 
  left:-25px;
  background:transparent url(http://s5.uploads.ru/ZVNFR.png) no-repeat 0 0;
}

#rightControl {
  top:60px;
  right:-60px;
  background:transparent url(http://s2.uploads.ru/yimz3.png) no-repeat 0 0;
}

#navi a, #navi a:hover {
display: block;
background: #e3e3e3;
width: 160px;
color: #787890;
margin-bottom: 2px;
padding:2px;
text-align: center;
font-family: verdana;
font-size: 10px;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
box-shadow: 0px 0px 10px #b8b8b8 inset; 

}

#navi a:hover {color: #8b8b8b;
box-shadow: 0px 0px 20px #9a9a9a inset; }

#quest a, #quest a:hover {
display: block;
background: #e3e3e3;
width: 300px;
color: #787890;
margin-bottom: 2px;
padding:2px;
text-align: center;
font-family: verdana;
font-size: 10px;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
box-shadow: 0px 0px 10px #b8b8b8 inset; 

}

#quest a:hover {color: #8b8b8b;
box-shadow: 0px 0px 20px #9a9a9a inset; }


/*skype: pa-rabellum
design support by 96kingdom.ru
Naruto: Academy of Talents
---------------------------------------------------------*/