/* --------------------------------------------------------------------------
--------------------------------  STYLE_CS   ------------------------------
---------------------------------------------------------------------------- */

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
    margin: 0px!important;
    /*background: #080912;*/
  }

HTML {
    min-width: 1024px;
    background-color: #080912;
    background: url( http://ilyakhasanov.ru/images/background/49.png) repeat,  #080912;;
  }

#pun_wrap {  
  background-repeat: no-repeat; 
  background-position: center bottom;
}

#pun-stats ul.container {
background: transparent;
}

#pun-stats ul.container a { text-shadow: none !important; }

#pun-stats li.item1, #pun-stats li.item2 { 
  float: left; 
  margin-top: 0px;}


/* CS1.1 - &#228;&#238;&#239;&#238;&#235;&#237;&#232;&#242;&#229;&#235;&#252;&#237;&#251;&#233; &#242;&#229;&#234;&#241;&#242;*/
.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: #58506d;
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0);
}

/* CS1.2 - &#228;&#238;&#239;&#238;&#235;&#237;&#232;&#242;&#229;&#235;&#252;&#237;&#251;&#233; &#242;&#229;&#234;&#241;&#242;*/
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #443c59;
  }

/* &#206;&#244;&#238;&#240;&#236;&#235;&#229;&#237;&#232;&#229; &#224;&#228;&#236;&#232;&#237;&#234;&#232; */
.punbb-admin #pun-admain .adcontainer {border-color: #382f50;}
.adformal h2, #pun-adnav h2 {background-color: rgb(140, 140, 140)!important}
.adformal { border-width: 0px !important; }
#pun-admain fieldset {border-color: #382f50;}

/* CS1.3 - &#246;&#226;&#229;&#242; &#234;&#224;&#242;&#229;&#227;&#238;&#240;&#232;&#233;*/
/* &#202;&#224;&#242;&#229;&#227;&#238;&#240;&#232;&#232; &#227;&#235;&#224;&#226;&#237;&#238;&#233; &#241;&#242;&#240;&#224;&#237;&#232;&#246;&#251;, &#241;&#242;&#224;&#242;&#232;&#241;&#242;&#232;&#234;&#232;, &#242;&#229;&#236; */
#pun-stats h2, .punbb .main h1, .punbb .main h2 {
background: url(http://s010.radikal.ru/i313/1707/95/19fe0ccde3d5.png) no-repeat;
    height: 20px;
    color: #3d3455;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.50);
    font-size: 16px;
    font-family: Orator Std, monospace;
    text-align: center;
    width: 956px;
    line-height: 16px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    text-transform: lowercase;
  }

#pun-stats h2 {

}

/*.punbb .main h1 {
 margin-top: 0px !important;}*/

/* &#211;&#225;&#232;&#240;&#224;&#229;&#236; &#240;&#238;&#228;&#237;&#251;&#229; &#237;&#224;&#231;&#226;&#224;&#237;&#232;&#255; &#234;&#224;&#242;&#229;&#227;&#238;&#240;&#232;&#233; */ 
#pun-stats h2 span, .category h2 span {
 /* visibility: hidden!important; */
 }

.tclcon h3 a  {
font-weight: bold !important;
  color: #4e4761;  }

.intd .tclcon {    
    border: 0px solid #534c67;
}

.tcl .tclcon {
margin-top: 0px;


}

/* &#207;&#229;&#240;&#229;&#234;&#240;&#224;&#241;&#234;&#224; &#212;&#238;&#240;&#243;&#236;-&#207;&#238;&#241;&#235;&#229;&#228;&#237;&#229;&#229;_&#241;&#238;&#238;&#225;&#249;&#229;&#237;&#232;&#229; */
#pun th {
    /* text-align: right; */
    font-size: 10px;
    color: #444;
    background-color: rgba(128, 114, 101, 0);
    text-transform: lowercase;
}

/* CS1.4 - &#242;&#229;&#236;&#243; &#239;&#240;&#238;&#241;&#236;&#224;&#242;&#240;&#232;&#226;&#224;&#254;&#242;*/
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #4f4861;
  }

/* CS1.5 - &#242;&#229;&#234;&#241;&#242; &#226; &#239;&#240;&#238;&#244;&#232;&#235;&#229;*/
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: transparent;
    color: #37383C;
    font-weight: normal;
    text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    }

/* CS1.6 - &#246;&#232;&#244;&#240;&#251; &#226; &#239;&#240;&#224;&#226;&#238;&#236; &#226;&#229;&#240;&#245;&#237;&#229;&#236; &#243;&#227;&#235;&#243;*/
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #2a0808;
  }

/* CS1.7 */
.punbb .quote-box {
text-align: justify;
    background: #9590a5;
    border: 1px solid #4d475e;
  }

.punbb .spoiler-box {
text-align: justify;
    background: #a3a0a9;
    border: 1px solid #4d475e;
}

.punbb .code-box  {
    background-color: #a3a0a9;
    border: 1px solid #053559;
    text-align: justify;
}

/* CS1.8  - &#242;&#229;&#234;&#241;&#242; &#226;&#237;&#243;&#242;&#240;&#232; &#225;&#235;&#238;&#234;&#238;&#226; &#226;&#226;&#238;&#228;&#224;*/
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea {
    background: rgba(128, 128, 128, 0.15);
    color: #3E4349;
    font-family: verdana;
    box-shadow: 0px 0px 3px 2px rgba(128, 128, 128, 0.43) inset;
    padding: 4px;
    border: solid 1px rgb(90, 90, 90);
    border-radius: 3px;
  }

/* &#246;&#226;&#229;&#242; &#234;&#237;&#238;&#239;&#238;&#234; */
.punbb select, .punbb input {
    background: #322e3d;
    color: #898496;
    font-family: verdana;
    font-size: 10px;
    font-weight: normal;
    border: solid #898496;
    padding: 3px 15px;
    }
.punbb select, .button:hover {
border: solid #898496;
    background: #898496;
    color: #001e3a;
}
.punbb select, .button{
border: solid #898496;
    background: #898496;
    color: #2e2a39;
}

/* 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;
  }

#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: 0px solid #eabcf1;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: #333 !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: #000c22;
    font-weight: bold;
    border-bottom: none;
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    }


/* &#192;&#234;&#242;&#232;&#226;&#237;&#224;&#255; &#241;&#241;&#251;&#235;&#234;&#224; &#226; &#235;&#229;&#226;&#238;&#233; &#237;&#224;&#226;&#232;&#227;&#224;&#246;&#232;&#232; */
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #222222;
  text-decoration: none;
  font-weight: 900;
  }

/* 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 {
    font-weight: bold;
    color: #cfcfcf!important;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3)!important;

    -webkit-transition: 0.5s ease;
  }

/* CS3.3 */
#pun-navlinks a {
color: #2e2a39;
    text-decoration: none;
    font-family: Orator Std, monospace;
    font-size: 16px;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
    letter-spacing: 0.5px;
    font-weight: normal;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: rgb(226, 224, 224);

}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS3.5 */
#pun-ulinks a {
  color: rgb(255, 255, 255);
  font-weight: normal;
  transition: all 0.3s ease;
  }

/* CS3.6 */
#pun-index .tcl h3 a {
font-size: 16px;
    color: #2e2a39;
    text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.5);
    font-family: monospace;
}  
#pun-index .tcl h3 a:hover {
    color: #f1f1f1!important;
    text-shadow: 0.5px 0px 0px rgba(7, 0, 0, 0.72)!important;
}  


/* Dop-CS5 Profile
-------------------------------------------------------------*/
.punbb .post .post-author {
    text-align: center;
    margin-left: -6px;
    color: #2e2a39;
    background: #a3a0a9;
    border: 1px solid #262133;
}

.punbb .post .post-author a {text-shadow: none!important; color: #000c22;        font-size: 12px; }
.punbb .post .post-author a:hover {text-shadow: 0px 0px 1px rgb(0, 0, 0) !important;
    color: #ffffff!important;


}

.pa-author {
  padding: 0px 0px 8px 0px !important;
  margin-top: 0px  !important;
  margin-bottom: 0px !important;
}

.pa-author a {
color: #000c22 !important;
    font-family: monospace;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.post-author ul li.pa-avatar img {
    margin-bottom: -4px;
}

li.pa-avatar.item2 {
    background: #a3a0a9;
}

.pa-title {
    background: #898496;
    color: #333;
    font-family: monospace!important;
    font-size: 12px!important;
    letter-spacing: 0.2px;
}

.punbb .post-body a {
    color: #061d45;
    font-style: normal;
    font-weight: bold!important;
   /* text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);*/
}

.punbb .post-body a:hover {
    color: #f1f1f1!important;
    text-shadow: 1.5px 0px 1px rgba(7, 0, 0, 0.38)!important;
  }


.punbb .post-links a {color: #4f4861!important}
.punbb .post-links a:hover {color: #2e2a39!important;}
  
/* CS4 Other
-------------------------------------------------------------*/


.pa-author, .pa-title, .post-author-Sp img, .post-author-Sp Sp2 img {
text-align: center;
}

.post-author-Sp ul, .post-author-Sp Sp2 ul {
border-right: none !important;
}

.topic {
margin-top: 3px;
}


.punbb table div.icon {
    width: 78px;
    height: 28px;
    border-style: none;
    background: url(http://i056.radikal.ru/1707/10/84af35822db6.png) 0% 28%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
    float: right;
}

TR.inew Div.icon {
    background: url(http://i056.radikal.ru/1707/10/84af35822db6.png) 0% 0%;
  background-repeat: no-repeat; 
}

    background: url(http://i056.radikal.ru/1707/10/84af35822db6.png) 0% 88%;
  background-repeat: no-repeat;
}

TR.iclosed Div.icon {
    background: url(http://i056.radikal.ru/1707/10/84af35822db6.png) 0% 59%;
  background-repeat: no-repeat; 
}

#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 0em}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
background: rgba(207, 207, 207, 0.8);
}

.inner.post_reputation h1 {
background: rgba(123, 123, 123, 1)!important;
width: 777px !important;
margin-left: 0px;
height: 50px;
line-height: 50px;
margin-bottom: 10px;
text-shadow: none!important;
}


#pun-admain fieldset p {
    border-color: rgba(255, 255, 255, 0.3)!important;
    background-color: transparent!important;
}



#poll-special td {
position: relative;
    padding-left: 20px;

}

.punbb .post h3 span input#hide-1 {
    z-index: 0;
    margin-left: 0;
    position: relative;
    display: none;
padding: 0!important;
}

.postlink {text-transform: lowercase!important; font-size:11px; color: #111;}
.postlink a {text-transform: lowercase!important; font-size:11px; color: #325A50!important; text-shadow: none!important;}
.postlink a:hover {
    color: #cfcfcf!important;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3)!important;
}

/* CS2.4 &#228;&#238;&#239;&#238;&#235;&#237;&#232;&#242;&#229;&#235;&#252;&#237;&#251;&#229; &#244;&#232;&#247;&#232;*/

::-webkit-scrollbar {width: 8px;
    height: 5px;
    background-color: transparent;}  
::-webkit-scrollbar-thumb {background-color: #322e3d;}

ul.post-ul-Sp.Sp1, ul.post-ul-Sp.Sp2, ul.post-ul-Sp.Sp3 {
background: #afacb7;
    padding: 6px!important;
}
img.post-img-Sp .Sp1{
    width: 66px;
    height: 10px;
background: #7c98d2;
}
img.post-img-Sp .Sp2{
    width: 46px;
    height: 11px;
background: #7c98d2;
}
img.post-img-Sp .Sp3{
    width: 49px;
    height: 10px;
background: #7c98d2;
}
img.post-img-Sp .Sp3{
    margin-left: 15px;
}
#profile-left {
    width: 25%!important;
    padding-top: 0 !important;
    border-top: solid 6px #1c1c1c!important;
    border-bottom: solid 6px #1c1c1c!important;
    background: rgba(255, 255, 255, 0.39);
    text-align: center;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    padding-left: 0px!important;
}

#profile-right {
    width: 75%!important;
    border: dashed 1px #792930!important;
    background: rgba(255,255,255,0.2);
    border-top: solid 6px #1c1c1c!important;
    border-bottom: solid 6px #1c1c1c!important;
    background: rgba(255, 255, 255, 0.39);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

.transcription {
    background-repeat: repeat;
    position: relative;
    padding: 0px;
    color: #0B0B0B;
    font-size: 11.4px;
    border-top: 5px solid #6c6580;
    line-height: 14px;
}


#minihrefs a, #minihrefs a:hover {
    background-color: #afaabd;
    color: #413d4e;
    display: inline-block;
    font-family: monospace;
    font-size: 11px !important;
    font-weight: bold !important;
    margin-top: 1px;
    padding: 0 4px;
    position: relative;
    text-align: center !important;
    transition: all 0.8s ease 0s;
    width: 186px;
}
#minihrefs a:hover {
    background: #413d4e none repeat scroll 0 0;
    color: #fff !important;
    font-weight: bold !important;
    text-align: center !important;
}


#quotepost span{display:none}
#quotepost {
    font-size: 10px;
    overflow: scroll;
    overflow-x: inherit;
    background: rgba(255, 255, 255, 0.39);
    height: 38px;
    padding: 1.5px;
}
#quotepost a{
font-size: 9px;
}

#quotethink  span{display:none}
#quotethink {
    font-size: 10px;
    overflow: scroll;
    overflow-x: inherit;
    background: rgba(255, 255, 255, 0.39);
    height: 38px;
    padding: 1.5px;
}
small#plng {
    border: 0px solid!important;
    padding: 5px!important;
    margin: 0 60px 0 0px!important;
}


.post-content .spoiler-box > div {
    cursor: pointer!important;
    color: rgb(68, 60, 89);!important;
    font-family: monospace;
    font-size: 13px!important;
 /*   text-shadow: 1px 0px 1px rgb(255, 255, 255)!important;*/
}

.post-content .spoiler-box > div.visible {
background-image: url('http://invertedparadise.anihub.ru/img/minus.png')!important;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
 background: #959595!important;
}

.tcl .tclcon a{
 margin-left: 3px!important;
}

li.pa-fld4 {
margin-top: -45px;
}
