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

  HTML{background-image: url("http://s1.uploads.ru/7OVdt.png");background-color:rgb(45, 50, 57);}

  /* 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 {
    color: #000000;
  }

  /* CS1.2 */
  .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
    border-color: #2d3239!important;
    color: #000000;
  }

  /* CS1.3 */
  #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-align: center;
    color: rgb(235, 206, 162);
    text-align: center;
    font-family: "Minion Pro";
    font-size: 3ex;
    background-color:transparent !important;
  }
  #pun-stats h2 span, .punbb .main h1 span, .punbb .main h2 span, #pun-debug h2 span, .punbb-admin #pun-admain h2 span{
  	text-transform:uppercase;
  	font-style:bold;
  	color:#aca092;
  	display:block;
  	padding:7px 0;
    	margin: 0 15px;
    	letter-spacing: -0.8px;
  	background: #2d3239; /* Old browsers */
  	background: -moz-linear-gradient(top,  rgba(46,51,54,1) 0%, rgba(23,28,36,1) 90%, rgba(23,28,36,0.7) 91%, rgba(23,28,36,0) 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,51,54,1)), color-stop(90%,rgba(23,28,36,1)), color-stop(91%,rgba(23,28,36,0.7)), color-stop(100%,rgba(23,28,36,0))); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top,  rgba(46,51,54,1) 0%,rgba(23,28,36,1) 90%,rgba(23,28,36,0.7) 91%,rgba(23,28,36,0) 100%); /* Chrome10+,Safari5.1+ */
  	background: -o-linear-gradient(top,  rgba(46,51,54,1) 0%,rgba(23,28,36,1) 90%,rgba(23,28,36,0.7) 91%,rgba(23,28,36,0) 100%); /* Opera 11.10+ */
  	background: -ms-linear-gradient(top,  rgba(46,51,54,1) 0%,rgba(23,28,36,1) 90%,rgba(23,28,36,0.7) 91%,rgba(23,28,36,0) 100%); /* IE10+ */
  	background: linear-gradient(to bottom,  rgba(46,51,54,1) 0%,rgba(23,28,36,1) 90%,rgba(23,28,36,0.7) 91%,rgba(23,28,36,0) 100%); /* W3C */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3336', endColorstr='#00171c24',GradientType=0 ); /* IE6-9 */
  }

  /* CS1.4 */
  #pun-title, #pun-title .container {
    color: rgb(235, 206, 162);
    border-color: #2d3239!important;
    background-image: url('http://s4.uploads.ru/LvNDY.png');
    height: 350px;
  }

  /* CS1.5 */
  .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    text-transform: none !important;
    background: url(http://s5.uploads.ru/NoCaX.png);
    border:1px solid #2d3239;
    font-weight: bold;
    color: rgb(235, 206, 162);
  }
  /* CS1.6 */
  .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
    background-color: #D7BC83;
    background-image: url('http://s5.uploads.ru/NoCaX.png');
    border-color: #2d3239!important;
    color: #111;
  }

  /* CS1.7 */
  .punbb .quote-box, .punbb .code-box {
    background-image: url(http://s1.uploads.ru/MONVv.png);
    background-color: #abbbc1;
    color: #16110d;
  }

  /* CS1.8 */
  #pun-navlinks .container {
    color: #311615;
    width: 100%; 
    text-align: center;
    float: left;
  }

  #pun-navlinks li {
    display: inline;
  }

  #pun-navlinks li a{
    text-transform:uppercase;
    font-style:bold;
    color:#aca092;
  }

  #pun-navlinks li a:hover{color:rgb(235, 220, 200);}

  #pun-navlinks li a:active{color:rgb(175, 163, 146);}

  #pun-ulinks li, #pun-ulinks li a {display: inline;}

  .offline li.pa-online strong {
    font-weight: normal;
  }
    
  .adformal h2, #pun-adnav h2 {
  padding: 0.4em !important;
  }

  .reputation {background: rgb(80, 80, 90);}

  /* CS2 Border colours
  -------------------------------------------------------------*/

  /* CS2.1 */
  .punbb .container, .punbb .post-body, .post h3, #pun-title {
    border-color: #2d3239!important;
  }

  /* CS2.2 */
  .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
  .punbb .category, .punbb .post {
    border-color: #2d3239!important;
  }

  /* CS2.3 */
  #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .container {
    border-color: #2d3239!important;
  }

  /* 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: #2d3239!important;
  }

  /* CS2.5 */
  .punbb th {
    border-color: #2d3239!important;
  }

  /* CS2.6 */
  .punbb .quote-box, .punbb .code-box {
    border-color: #2d3239!important;
  }

  #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #2d3239!important;
  }

  #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #2d3239!important;
  }

  .punbb .divider {
  border-color: #2d3239!important;
  }

  .punbb .formal fieldset .post-box, .punbb .info-box {
    border: 2px solid #2d3239;
  }

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

  /* CS3 Links
  -------------------------------------------------------------*/

  #pun-adnav li.isactive ul.adsubnav a{
  	color: rgb(60, 80, 120) !important;
  	padding-left: 10px;
  }
  #pun-adnav li.isactive ul.adsubnav a:hover{
  	color: rgb(245, 227, 200) !important;
  }

  /* 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: rgb(46, 45, 44);
    text-decoration:none;
    -webkit-transform: translateZ(0);
    -webkit-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition: .2s, top .2s;
    -o-transition: .2s, top .2s;
    transition: .2s, top .2s;
  }

  .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: rgb(46, 45, 44);
    text-shadow:none !important;
    text-decoration:none;
    padding: 0.2em;
  }

  /* 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: rgb(235, 235, 235);
    background: rgba(45, 50, 57, 0.5);
  }
  #pun-admain a:hover {
  color: rgb(235, 235, 235) !important;
  }
  /* CS3.3 */
  #pun-navlinks a {
    color: #ccbdab;
    text-decoration: none;
  }
  /* CS3.4 */
  #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #20130c;
    font-weight: normal;
    font-style: normal;
    border-bottom: 0px none #000;
    text-decoration: none;
  }

  #pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #333;
    color: #20130c;
  }

  #pun-navlinks, #pun-navlinks .container {font-size: 0;}
  /* CS4 Post status icons
   -------------------------------------------------------------*/
  #pun-main div.catleft, #pun-main div.catright {display: none;}
  #pun-index .modlist {display: none;}
  #pun-announcement.section h2 span {display: none;}
  #pun-title .title-logo span {display: none;}

  .blockquote, .blockcode, .scrollbox, pre {border:none;}

  .punbb table Div.icon {float: left; display: block; width: 50px !important;   height: 50px; border-style: none; background-image: url('http://s1.uploads.ru/lrFxG.png');  background-repeat: no-repeat; margin-left: 1px;}
  .punbb table div.inew {background: url('http://s1.uploads.ru/Ak4nO.png') no-repeat; margin-left: 1px;}
  TR.isticky Div.icon {background: url('http://s5.uploads.ru/OMm6F.png') no-repeat; margin-left: 1px;}
  TR.iclosed Div.icon {background: url('http://s1.uploads.ru/FuLej.png') no-repeat; margin-left: 1px;}
  #pun-stats ul.container {
  background-image: url("");
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-origin: padding-box;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 15px;
  margin-left: -10px;
  }
  #pun-main div.catleft, #pun-main div.catright {display: none;}

  #pun-admain fieldset p {
  background: none !important;
  border-color: rgba(60, 80, 120, 0.4) !important;
  background-color: rgba(45, 50, 57, 0.4) !important;
  }
  /*
  #title-logo-table{display:none !important;}
  #pun-title table{display:none !important;}
  */
  #pun-live-rusff{display:none !important;}

  /* Generic Utility */
  .hide {position: absolute; top: -9999px; left: -9999px;}
  .half_pixels{height:40px;width:40px;}
  /* Specific to slider */
  #slider .nav li a {
    color: rgb(235, 235, 235) !important;	
    text-shadow: 0 1px 0 rgb(39, 34, 25)!important;
    box-shadow: none !important;
    background: rgb(50, 50, 50);
  }
  #slider .nav li a:hover {
    color: rgb(235, 235, 235) !important;
    background: rgba(45, 50, 57, 0.5) !important;
    text-shadow: 0 1px 0 rgb(39, 34, 25) !important;
  }
  #slider .nav li a:active{
    background: rgba(45, 50, 57, 0.5) !important;
    color:rgb(235, 235, 235) !important;
  }

  #slider .list-wrap li{
    width: 784px;
    text-shadow: 0 1px 0 rgb(39, 34, 25) !important;
    background: #2d3239 !important;
    background-image: url('http://s5.uploads.ru/5TkIZ.png') !important;
    border-radius:3px;
    color: rgb(235, 235, 235) !important;
    text-shadow: 0 1px 0 rgb(39, 34, 25)!important;
    box-shadow: none !important;
    font-size: 11px;
  }

  #slider .list-wrap .half_left {width:376px !important;}
  #slider .list-wrap .half_right {width:376px !important;}

  #slider .list-wrap .third {
    width:240px !important;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
  }
  #slider .list-wrap .third_first {margin-left: 0;}

  #under_slider {
  	background-image:url('http://s5.uploads.ru/5TkIZ.png') !important;
  	background: #2d3239;
  	border:none !important;
  	padding: 5px 3px 4px 3px !important;
  }
  .list-wrap a{color:rgb(140, 130, 210) !important;}

  #pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2 {
  	background-attachment: scroll;
  	height: 45px;
  	margin-top: 10px;
  	background-color: transparent;
  	background-origin: padding-box;
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
  	background-size: auto;
  	font-size: 0px;
  }
  #pun-category1.category h2 span, #pun-category2.category h2 span, #pun-category3.category h2 span, #pun-category4.category h2 span, #pun-category5.category h2 span, #pun-category6.category h2 span, #pun-category7.category h2 span {display:none;}

  #pun-category1.category h2 {background-image: url("http://s1.uploads.ru/Xalwn.png");}
  #pun-category2.category h2 {background-image: url("http://s1.uploads.ru/JcSAi.png");}
  #pun-category3.category h2 {background-image: url("http://s1.uploads.ru/5e1Tj.png");}
  #pun-category4.category h2 {background-image: url("http://s1.uploads.ru/HAiUK.png");}
  #pun-category5.category h2 {background-image: url("http://s1.uploads.ru/XgKiB.png");}
  #pun-category6.category h2 {background-image: url("http://s1.uploads.ru/Z0LfA.png");}
  #pun-category7.category h2 {background-image: url("http://s1.uploads.ru/l5fWQ.png");}

  #pun-adnav h2 span, 
  #pun-admain1 h2 span {
    padding:5px 0 !important;
    margin: 0 !important;
  }

  /*1. Настройка общего вида линков */

  #pun-navlinks a {
  display: inline-block;
  height: 30px;
  margin:3px;
  width: 90px;
  }

  /*2. Настройка изображений */

  #navindex a {background: url(http://s1.uploads.ru/sVcTj.png) no-repeat top center;}
  #navuserlist a {background: url(http://s1.uploads.ru/73qLf.png) no-repeat top center; width: 100px;}
  #navawards a {background: url(http://s5.uploads.ru/iSvPA.png) no-repeat top center;}
  #navsearch a {background: url(http://s1.uploads.ru/2ueUZ.png) no-repeat top center;}
  #navprofile a {background: url(http://s1.uploads.ru/xKHEh.png) no-repeat top center;}
  #navpm a {background: url(http://s1.uploads.ru/fVbB4.png) no-repeat top center; width: 100px;}
  #navadmin a {background: url(http://s1.uploads.ru/Kul1J.png) no-repeat top center;}
  #navlogout a {background: url(http://s1.uploads.ru/51iSX.png) no-repeat top center;}
  #navlogin a {background: url(http://s1.uploads.ru/Vbg6G.png) no-repeat top center;}
  #navregister a {background: url(http://s1.uploads.ru/nvEGc.png) no-repeat top center;}

  /* Скрываем текстовые надписи */

  #pun-navlinks a span {display: none;}


  /* Rewriting deffaults
  *******************************************************************************/
  .pa-avatar img, .avatardemo, #profile-left img{box-shadow: 0px 0px 0px 5px rgba(45, 50, 57, 0.5);max-width:100%;margin:5px 0 10px 0;}
  .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-image:none !important; background-color:transparent !important;}
  /* Rewriting deffautls
  *******************************************************************************/
  #spot_top{
    width: 100%;
    margin: 10px 0px;
    text-transform: uppercase;
    letter-spacing: -0.8px;
    font-size: 2em;
    font-family: "Minion Pro";
    padding: 6px 3px 1px 3px;
  }
  #spMyimg {font-family: "Minion Pro" !important;}
  #spoiler4{
  	background-image:url('http://s5.uploads.ru/5TkIZ.png') !important;
  	background: #2d3239;
  	border:none !important;
  	padding: 5px 3px 4px 3px !important;
  }
  /* Inputs
  *******************************************************************************/
  input{
  	background: #2d3239;
  	color:#aca092;
  	text-shadow: 0 1px 0 rgb(39, 34, 25);
  	padding:10px;
  	border:none !important;
  	-webkit-transform: translateZ(0);
  	transition: all 0.1s;
  	-moz-transition: all 0.1s;
  	-webkit-transition: all 0.1s;
  	-o-transition: all 0.1s;
  	-webkit-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  	   -moz-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  	        box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  }
  input:hover{
  	color: rgb(235, 220, 200);
  	background: #171c24;
  	text-shadow: 0 1px 0 rgb(39, 34, 25);
  }
  /* Button
  *******************************************************************************/
  input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
  	padding: 4px 9px 6px 9px;
  	color:#aca092;
  	font-size: 0.9em;
  	text-shadow: 0 1px 0 rgb(39, 34, 25);
  	background: #2d3239;
  	-webkit-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  	   -moz-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  	        box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  }
  input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover, button:hover {
  	cursor:pointer;
  	background: #171c24;
  	color: rgb(235, 220, 200);
  }
  input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active {
  	background: #505064;
  	color:rgb(175, 163, 146);
  }
  /* StartMenu
  *******************************************************************************/
  #menu{height:auto;}
  #submenu, #menu span{}
  #submenu, #menu span:hover{
  	cursor:pointer;
  	background: #171c24 !important;
  	color: rgb(235, 220, 200) !important;
  }
  #submenu{
  	background-image:url('http://s5.uploads.ru/5TkIZ.png') !important;
  }
  /* Text-Area
  *******************************************************************************/
  textarea{
  	background-image:url('http://s5.uploads.ru/5TkIZ.png') !important;
  	background: #2d3239;
  	color:#aca092;
  	text-shadow: 0 1px 0 rgb(39, 34, 25);
  	padding:10px;
  	border:none;
  	-webkit-transform: translateZ(0);
  	transition: all 0.1s;
  	-moz-transition: all 0.1s;
  	-webkit-transition: all 0.1s;
  	-o-transition: all 0.1s;
  	-webkit-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  	   -moz-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  	        box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  }
  textarea:hover {
  	color: rgb(235, 220, 200);
  	background: #171c24;
  	text-shadow: 0 1px 0 rgb(39, 34, 25);
  }
  #main-reply {
  width: 97% !important;
  max-width: 97% !important;
  }

  #pun-admain textarea, #pun-admain .longinput input {
  width: 96% !important;
  max-width: 96% !important;
  }

  #topic-modmenu{height:7em;}
  #mod-options{
  position: relative;
  top: 2.9em;
  left: -0.6em;
  }
  .adinput input[type="text"]{width:90% !important;}
  /* Select
  *******************************************************************************/
  select {
     background: #2d3239;
     font: inherit;
     outline:none; /* remove focus ring from Webkit */
     line-height: 1.2;
     color:#aca092;
     text-shadow: 0 1px 0 rgb(39, 34, 25);
     width: auto;
     padding: 0.4em 0.8em;
     font-size: 16px;
     line-height: 1;
     border: none;
     border-radius: 0;
     height: 34px;
     -webkit-transform: translateZ(0);
     transition: all 0.1s;
     -moz-transition: all 0.1s;
     -webkit-transition: all 0.1s;
     -o-transition: all 0.1s;
     -webkit-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  	   -moz-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  	        box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  }
  select:focus {
    color: rgb(235, 220, 200);
  	background: #171c24;
  	text-shadow: 0 1px 0 rgb(39, 34, 25);
  }

  /*------------------------------- Experimental --------------------------------*/

  ::-webkit-scrollbar {width: 8px; height: 8px;}
   
  ::-webkit-scrollbar-track {background: #505064;}
   
  ::-webkit-scrollbar-thumb {background: #2d3239;}

  ::selection{ background: #505064;}

  ::-webkit-input-placeholder {color:rgb(120,120,120);}
  :-moz-placeholder {color:rgb(120,120,120);}
  ::-moz-placeholder {color:rgb(120,120,120);}
  :-ms-input-placeholder {color:rgb(120,120,120);}
  :-webkit-input-placeholder { /* WebKit browsers */}

  #pun {
    width: 850px;
    background-image: url("http://s4.uploads.ru/QGlsC.jpg") !important;
    background-position: 50% 0%;
    background-color: rgb(45, 50, 57);
  }

  .post-author input[type="button"]{margin-top:0.5em;}

  #pun-navlinks, #pun-navlinks .container{
    position: top center;
  }

  #pun-ulinks .container {
    width: 100%; 
    text-align: center;
    margin-top: 0px;
    border: solid;
    border-width:1px 0;
    clear:both;
  }

  #pun-ulinks li a {
    padding: 0 0.6em 0 0.3em;
    font-family: 'Minion Pro';
    border-right: 2px solid;
  }

  #pun-ulinks li a:hover{color: #f5f5f5;}

  .admain {
    border-style: none !important;
    border-width: 0 !important;
    margin-bottom: 0 !important;
    border-color:rgb(90, 63, 22);
  }

  #pun #pun-index #pun-announcement h2 span {display: block;}

  #profilenav li{padding:0 !important;}
  #profilenav li a{padding: 0.3em 1em;display: block;}
  #profilenav li a:hover {text-shadow: 0 1px 0 rgb(39, 34, 25);}

  #html-footer{background: url("http://s5.uploads.ru/nZ7qJ.png") no-repeat 50% 100%;}

  #pun-break1{width: 830px;left:-11px;}

  #pun-break4{left: -11px;width: 830px;}

  #messanger {background: url("http://s5.uploads.ru/5TkIZ.png") repeat scroll 0% 0% rgb(45, 50, 57) !important; color: rgb(235, 235, 235)!important; text-shadow: 0px 1px 0px rgb(39, 34, 25) !important;box-shadow: 0px 0px 0px 5px rgba(45, 50, 57, 0.5), 0 2px 5px 5px rgba(10,10,10,0.5) inset;}
  #messanger a{color: rgb(140, 130, 210) !important;}
  #messanger a:hover{color: rgb(200, 200, 180) !important;text-decoration: underline;}
  #messanger img {border:none; box-shadow: 0px 0px 0px 5px rgba(45, 50, 57, 0.5);}

  .backlink a{color: #f5f5f5;display: block;padding: 6px;}
  .backlink a:hover{color: rgb(172, 160, 146);background: #555;}

  .html-box a {color: rgb(140, 130, 210) !important;}
  .html-box a:hover {color: white !important;}

  .popup {background: url("http://s5.uploads.ru/5TkIZ.png") repeat scroll 0% 0% rgb(45, 50, 57) !important; color: rgb(235, 235, 235)!important; text-shadow: 0px 1px 0px rgb(39, 34, 25) !important;box-shadow: 0px 0px 0px 5px rgba(85, 90, 97, 0.7), 0px 0 5px 5px rgba(10, 10, 10, 0.5) inset; border-radius: 3px;}

  img.post-img-Sp{box-shadow:0px 4px 3px -3px rgba(0, 0, 0, 0.506);}
  img.post-img-Sp:hover {box-shadow: 0 0 0 1px rgba(200,200,200, 0.8), 0px 0px 0px 5px rgba(45, 50, 57, 0.5);}

  #pun-main h2 span a {color:rgb(90,100,110);}

  div.characters dl{overflow: hidden; width: 48%; margin:5px; border:1px solid rgb(45, 50, 57); border-top:none; height: 594px; width: 402px;} 
  div.characters dt{text-align: center; padding: 5px !important; font-size: 16px; border-bottom:1px solid rgb(45, 50, 57); border-top:1px solid rgb(45, 50, 57); background:rgba(45,50,57,0.4);} 
  div.characters a{width:100%; padding: 8px; display: block; border-bottom:1px solid transparent;}
  div.characters .SP{clear:both; width:95%; text-align:center; margin:auto; overflow: hidden;}
  div.characters .SP a{
    cursor: pointer;
    width: 100%;
    margin: 20px 0px;
    padding: 10px;
    background: none repeat scroll 0% 0% rgb(45, 50, 57);
    color: rgb(172, 160, 146);
    text-shadow: 0px 1px 0px rgb(39, 34, 25);
    transition: all 0.1s ease 0s;
    border: medium none !important;
    box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.5);
  }
  div.characters .SP a:hover{
    color: rgb(235, 220, 200);
    background: none repeat scroll 0% 0% rgb(23, 28, 36);
    text-shadow: 0px 1px 0px rgb(39, 34, 25);
}

div.characters a p:first-child{float:left; margin-right:0;}
div.characters a p:nth-child(2){float: right; margin-right: 16px;}
div.characters a p:last-child{clear:both;}

div.characters .missing{background: rgba(45,50,57,0.2);}
div.characters .missing a{position: relative; height: 15px;}
div.characters .missing a:hover .ribbon-black{left: 39%}
div.characters .missing a:hover .message{opacity: 1;}

div.characters .message{
  opacity: 0;
  position: absolute;
  top: 20%;
  left: 45%;
  background: rgba(45,50,57,0.9); 
  padding: 0.3em 0.5em;
  border-radius: 2px; 
  border: 1px solid rgba(200,200,200,0.8); 
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.8); 
  color: rgb(200,200,200); 
  text-shadow: 0 1px rgb(50,50,50);
  font-size: 9px;
  -webkit-transition: opacity .3s;
       -o-transition: opacity .3s;
          transition: opacity .3s;
}
div.characters .ribbon-black{
  width: 16px;
  height: 41px;
  position: absolute;
  top: -5px;
  left: 48%;
  z-index: 2;
  -webkit-transition: left .3s;
       -o-transition: left .3s;
          transition: left .3s;
}

div.characters .ribbon-core{
  width: 14px;
  position: absolute;
  height: 100%;
  z-index: 5;
  -webkit-transform: skew(24deg); 
     -moz-transform: skew(24deg); 
       -o-transform: skew(24deg); 
  background: #4b4b4b; /* Old browsers */
  background: -moz-linear-gradient(top,  #4b4b4b 0%, #323232 10%, #323232 90%, #191919 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(10%,#323232), color-stop(90%,#323232), color-stop(100%,#191919)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #4b4b4b 0%,#323232 10%,#323232 90%,#191919 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #4b4b4b 0%,#323232 10%,#323232 90%,#191919 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #4b4b4b 0%,#323232 10%,#323232 90%,#191919 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #4b4b4b 0%,#323232 10%,#323232 90%,#191919 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
  border-left: 1px solid rgb(35,35,35);
  border-right: 1px solid rgb(100,100,100);
}
div.characters .ribbon-topright {
  width: 0; height: 0; border-top: 5px solid #191919; border-left: 5px solid transparent;position: absolute;bottom: 0px;left: 4px;
}
div.characters .ribbon-bottomleft {
  width: 0; height: 0; border-bottom: 5px solid #191919; border-right: 5px solid transparent;position: absolute;top: 0px;right: 4px;
}

.kpk tr td{padding: 15px !important;}

.kpk a{
    background: #2d3239;
    color:rgb(172, 160, 146) !important;
    text-shadow: 0 1px 0 rgb(39, 34, 25);
    padding:10px;
    border:none !important;
    -webkit-transform: translateZ(0);
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
            box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.5);
  }

  .kpk a:hover {
    color: rgb(235, 220, 200);
    background: #171c24;
    text-shadow: 0 1px 0 rgb(39, 34, 25);
  }

  table.episode_list{width: 100%;border:0;vertical-align: top;}
  table.episode_list td{display: inline-block;border:none !important; font-size: 11px;}
  table.episode_list td:nth-child(1){width: 75px}
  table.episode_list td:nth-child(2){width: 150px}
  table.episode_list td:nth-child(3){width: 260px; padding:0.8em 0;}
  table.episode_list td:nth-child(3) a{overflow: hidden; display: block; position: relative; z-index: 10; white-space: nowrap; text-overflow: ellipsis;}
  table.episode_list td:nth-child(3) a:hover{overflow: visible; background: rgba(0,0,0,0.8)}
  table.episode_list td:nth-child(3) a.long:hover{width:96%;}
  table.episode_list td:nth-child(4){width: 250px}
  table.episode_list td.date_title{width: 816px; text-align: center; padding: 5px !important; font-size: 16px; background:rgba(45,50,57,0.6);}
  table.episode_list tr{
    display: block; 
    border-bottom:1px solid rgb(45, 50, 57)!important;
    transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
  }
  table.episode_list tr:last-child{border-bottom:none!important; margin-bottom:10px;}
  table.episode_list tr:hover{background: rgba(45,50,57,0.1);}  
  table.episode_list tr.date_noters{font-weight: bold; background: rgba(45, 50, 57, 0.4);text-align: center;}
  table.episode_list a.open{padding:9px;}
  table.episode_list a.closed{background-image: url("http://s4.uploads.ru/6IbMQ.png") !important;background-repeat:no-repeat !important;background-position: 4px center !important;padding:9px 9px 9px 26px; white-space: nowrap;}
  table.episode_list a p:nth-child(1){position: relative; width:100%; display: block;float: left;z-index: 0;}
  table.episode_list a p:nth-child(2){position: relative;left:-9999px; display: block;float: left;z-index: 5;top:-14px;}
  table.episode_list a:hover p:nth-child(1){color:rgba(45,50,57,0);}
  table.episode_list a:hover p:nth-child(2){left:0px;background:rgba(45,50,57,0.4);}
  table.episode_list tr.quest, 
  table.episode_list tr.stealth{background: rgba(45,50,57,0.05);position: relative;}
  table.episode_list tr.quest div.exception,
  table.episode_list tr.stealth div.exception{opacity: 0; position: absolute; top:0.5em; background: rgba(45,50,57,0.9); padding: 0.5em 0.7em; display: block; border-radius: 2px; border: 1px solid rgba(200,200,200,0.8); box-shadow: 0 0 5px 0 rgba(0,0,0,0.8); color: rgb(200,200,200); text-shadow: 0 1px rgb(50,50,50); cursor: default; font-size: 9px; z-index: 20;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
  table.episode_list tr.quest:hover div.exception, 
  table.episode_list tr.stealth:hover div.exception{opacity: 1; top: -2em;}

.SP{clear:both; width:100%; text-align:center; margin:auto; overflow: hidden;}
.SP a{
  cursor: pointer;
  width: 780px;
  margin: 20px 10px;
  padding: 10px;
  background: none repeat scroll 0% 0% rgb(45, 50, 57);
  color: rgb(172, 160, 146) !important;
  text-shadow: 0px 1px 0px rgb(39, 34, 25);
  border: medium none !important;
  box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.5);
  display: block;
}
.SP a:hover{
  color: rgb(235, 220, 200) !important;
  background: none repeat scroll 0% 0% rgb(23, 28, 36);
  text-shadow: 0px 1px 0px rgb(39, 34, 25);
}