/* CS1 Basis
-------------------------------------------------------------*/

/* CS1.1 */ 
body {
  background: url("---") repeat;
  background-color: #0f0a18;}

#pun {
  background: url("http://funkyimg.com/i/2bpp5.png") repeat;
  margin-left: 0px;
  background-color: #---;}

/* CS1.2 */
#pun-title.section {
  background: transparent url("http://funkyimg.com/i/2bppV.png") top center scroll no-repeat; 
  height: 407px;
  width: 1167px; 
  margin-top: 0px;
  margin-left: -150px;}

#gif {
  display: block;
  position: absolute;
  margin-top: 0px;
  margin-left: 505px;}

/* CS1.3 */
#copyright {
  text-align: center;
  background-image: url("http://funkyimg.com/i/2bqS7.png");
  background-attachment: scroll;
  background-position: center; 
  width: 1366px; 
  height: 240px;
  margin-left: -260px;}

#html-footer {
  margin: 0px;
  text-align: center; }

#desi {display: block; position: absolute; margin-left: 444px; margin-top: 21px;}

/* CS2 Forum
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container, #pun-status .container, #pun-crumbs1 p.container, #pun-stats .container, #pun-about .container, #pun-crumbs2 .container, .linkst .pagelink, .linksb .pagelink {
  color: #705851;
  background-color: transparent;
  font-family: Tahoma;
  font-size: 11.4px;}

.punbb-admin #pun-admain .adcontainer,  #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  color: #705851;
  background-color: #e0d9d6;}

#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area {
  color: #705851;
  background-color: #e0d9d6;
  box-shadow: 0px 0px 4px #161616;}

#pun-reputation .tc2 textarea {
  width: 600px !important;}
#pun-reputation .tcl {
   width: 70px !important;}
#pun-reputation h1 {
   background-color: #E0D9D6 !important;
   background-image: none !important;
   width: 500px;
   height: 40px;
   margin-left: 20px;}

/* CS2.2 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
  background-color: transparent;
  background: url("-----") no-repeat;
  margin-right: -3px;
  height: 53px;
  width: 962px; 
  margin-left: -33px;
  font-style: normal;
  text-align: left;
  color: #a29490;
  font-size: 13px;
  text-transform: uppercase;
  font-family: Tahoma;}

.punbb th {
  font-size: 10px !important;
  text-transform: lowercase;}

/* CS2.3 */
.punbb .quote-box, .punbb .code-box {
  background-color: #cccfd3;
  border-top: solid;
  border-color: #89add3;
  border-width: 5px;}

.punbb textarea, .punbb select, .punbb input {
  background-color: #cccfd3;
  color: #705851;}

/* CS2.4 */
::-webkit-scrollbar {width: 9px; height: 5px; background-color: #d8cfcc;}  
::-webkit-scrollbar-thumb {background-color: #9D8C89;}

/* CS2.5 */
#pun-redirect, #pun-maint {
  margin: 0;
  width: 100%;
  height: 100%;
  float: none; 
  top: 0 !important;
  left: 0 !important;}

#pun-redirect { 
  background:  url("http://funkyimg.com/i/2brar.gif") no-repeat top center;
  position: fixed;
  text-align: center;
  font-size: 11px;
  padding-top: 270px !important;}

#pun-redirect .main-title {
   display: none;}

/* CS2.6 */
.punbb .post .post-author {
  margin-left: 7px;}

li.pa-author a {
  font-size: 14px;
  font-family: Tahoma !important; 
  text-transform: uppercase;
  letter-spacing: 1px;}

.pa-title {
  background-color: #---;
  margin-top: 10px !important;
  margin-bottom: 5px !important;}

/* CS2.7 */
.tclcon {
  font-size: 11px;
  text-align: justify;
  padding-left: 15px;
  width: 400px;
  color: #917B74;}

#pun-index .tcl h3 a {
  font-size: 11px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;}

 #pun-viewforum .tclcon {
  margin-top: 30px;}

/* CS3 Border
-------------------------------------------------------------*/

.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb-admin #pun-admain .adcontainer {
  border-color: transparent;}

/* CS4 Links
-------------------------------------------------------------*/

/* CS4.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: #B5544A;
  text-decoration: none;}

.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: #C68C86;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;}

/* CS4.2 */
#pun-navlinks a {
  color: #6E5A5A;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px !important;
text-shadow: #241717 1px 1px;
  }

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #cbdd66;
  font-style: normal;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
   }

#pun-ulinks a {
  text-transform: lowercase;
  font-size: 10px;
  color: #f8bfbf;
  text-shadow: #4d4141 1px 1px;}

/* CS5 Post status icons
 -------------------------------------------------------------*/

.punbb table Div.icon {
  float: right;
  display: block;
  width: 100px;
  height: 100px;
  background-image: url(http://funkyimg.com/i/2bpzj.png);
  background-repeat: no-repeat;
  position: relative;
  margin-top: 5px;
  margin-bottom: 1px;
  margin-right: -10px;}

TR.inew Div.icon {
  background: url(http://funkyimg.com/i/2bpzi.png) no-repeat;}

TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/2bpzm.png) no-repeat;}

TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/2bpzk.png) no-repeat;}

TR.iredirect Div.icon {
  background: url(http://funkyimg.com/i/2bpzm.png) no-repeat;}


/* CS5 Tables and other
 -------------------------------------------------------------*/

#bestpost {
display: block;
position: absolute;
margin-top: 215px;
margin-left: -65px;
height: 106px;
width: 207px;
color: #E6E4E2;
text-align: justify;
font-size: 10px !important;}

#bestplay {
display: block;
position: absolute;
margin-top: 215px;
margin-left: 285px;
Height: 106px;
width: 207px;
color: #E6E4E2;
text-align: justify;
font-size: 10px !important;}

#news {
display: block;
position: absolute;
margin-top: 199px;
margin-left: 890px;
width: 160px;
color: #836d6d;
text-align: justify;
font-size: 10px !important;}

.player {
position: absolute;
height: 126px;
width: 55px;
top: 188px;}

.adm {
position: absolute;
height: 66px;
width: 76px;
top: 80px;
z-index: 999;}

#navig {
  display: block;
  position: absolute;
  margin-top: 78px;
  margin-left: 879px;
  line-height: 20px;}

#navig a, #navig a:hover  {
  display: block;
  text-align: center;
  width: 88px;
  height: 23px;
  margin-bottom: 3px;
  color: #836d6d !important;
  background: transparent;
  font-size: 10px;
   -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;}

#navig a:hover {
  background: #BEB4B2;
  color: #E6E4E2 !important;}

#navi {
  display: block;
  position: absolute;
  margin-top: 78px;
  margin-left: 971px;
  line-height: 20px;}

#navi a, #navi a:hover  {
  display: block;
  text-align: center;
  width: 91px;
  height: 23px;
  margin-bottom: 3px;
  color: #836d6d !important;
  background: transparent;
  font-size: 10px;
   -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;}

#navi a:hover {
  background: #BEB4B2;
  color: #E6E4E2 !important;}


/* &#240;&#229;&#239;&#243;&#242;&#224;&#246;&#232;&#255; &#232; &#241;&#238;&#238;&#225;&#249;&#229;&#237;&#232;&#255; &#237;&#224; &#238;&#228;&#237;&#238;&#233; &#241;&#242;&#240;&#238;&#247;&#234;&#229;*/
.pa-posts {
margin-left: 20px;
background-color: #dcdbe1; 
 border: 2px #afa9cb double;
text-align: center; 
  border-radius: 5px;
-moz-box-shadow: inset 0 0 3px 3px #;
-webkit-box-shadow: inset 0 0 3px 3px#;
box-shadow: inset 0 0 3px 3px #;
display: inline-block;
text-align: center;
text-transform: lowercase;
padding: 0px 0px;
width: 70px;
color: #000000;
position:relative; top: 5px; left: 2px;
margin-bottom: 30px;
}

.pa-respect {
display: inline-block;
margin-left: 20px;
background-color: #dcdbe1; 
 border: 2px #afa9cb double;
text-align: left; 
  border-radius: 5px;
-moz-box-shadow: inset 0 0 3px 3px #;
-webkit-box-shadow: inset 0 0 3px 3px #;
box-shadow: inset 0 0 3px 3px #;
 repeat-y;display: inline-block;
text-align: center;
text-transform: lowercase;
padding: 0px 0px;
width: 70px;
color: #000000;
position:relative; top: 5px; left: 2px;
margin-bottom: -60px;
}






/* &#232;&#237;&#244;&#224;*/
.proftwo {margin- top: -20px;
width: 178px;
min-height: 30px;
height: auto;
 font-size: 9px; 
background-color: #dcdbe1; 
text-align: left; 
 border: 1px #afa9cb solid;
  border-radius: 10px;
-moz-box-shadow: inset 0 0 8px 5px #afa9cb;
-webkit-box-shadow: inset 0 0 8px 5px #afa9cb;
box-shadow: inset 0 0 8px 5px #afa9cb;
  border-radius: 0px;  repeat-y;
position:relative;
left: 5px;
padding: 6px;
text-align: left;
padding-bottom:3px;
margin-bottom: 20px;

}

.prof1 {top: 35px;
width: 178px;
 font-size: 17px;
font-family: 'bebas neue';
letter-spacing: 0px;
background-color: #dcdbe1; 
text-align: center; 
position; relative;
left: 5px; 
padding-top: 8px;
padding-bottom:3px;
text-transform: uppercase;
color: #776c1c;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
}

.pa-fld3 {font-size: 12px;
font-family: 'bebas neue';
color: #fff;
padding:0px;
 letter-spacing: 0.5px;
 line-height: 16px; 
 background-color: #8a561e;
width: 190px;
height: 14px;
position:relative;
left: 64px;
text-transform: lowercase;}



.pa-avatar img {
  box-shadow: 0px 0px 0px 1px #c3c3c3;
  border: 2px solid #e8e8e8 !important;
padding-top: 0px;
}


.prof-ava {
position: relative;
}
.prof-ava span {
display: none;
}
.prof-ava:hover span {
display: block; 
position: absolute; 
z-index: 999;  
top: 15px; 
  border: 2px double #89add3;
left: 0;  
text-align: justify; 
font-weight: normal!important;
background: url("http://absolom.anihub.ru/files/0017/31/72/17116.png");
color: #6c747e;
width:200px; 
}



/*Table 
 ---------------------------------*/

#navi a, #navi a:hover {
display: block;
background: #c3bab4;
border-bottom: 1px solid #998070;
width: 300px;
color: #fff;
font-family: verdana;
font-size: 9px;
border-radius:20px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
box-shadow: 0px 0px 13px #a59c95 inset; 
margin-bottom: 10px;
padding:10px;
text-align: center;
}

#navi a:hover {color: #7d7d7d;}

/* structure by chibi
-------------------------------------------------------------*/