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

body {background: url('http://forumstatic.ru/files/001a/59/b1/48311.jpg') repeat fixed center bottom;
background-size: cover;}


#pun {
background-image: url("http://forumstatic.ru/files/001a/59/b1/87791.png");
margin-left: 0px;
background-attachment: scroll;
}


/* CS1.1 */
 .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #252525;
  }

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

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

  }


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #3d4e57;
  }

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #setmods dl  {
  background-color: transparent;
  color: #000;
  }

#viewprofile li {
  background-color: transparent;
  color: #222b4d;}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {

  color: #2b1c0c;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background: transparent;
  color: #2b1c0c;
  text-align: center;
  }

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

.punbb textarea, .punbb select, .punbb input {


}

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

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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: #2b1c0c;
  }

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

li.pa-online {
  border-left-color: transparent;
  }
.punbb .post-sig dt {
   }


/* 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: #222b4d;
border-bottom: 0px none;
text-decoration: none;
font-style:none; 
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #5d647e;
  }

/* 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: #5d647e !important;
text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {

    border-bottom: 0px none;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
 

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
 
  }

#pun-ulinks a {
 color: #000000;
    border-bottom: 0px none;
  text-decoration: none;

  }

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

#pun-index table Div.icon  {
	background: url(http://forumstatic.ru/files/001a/59/b1/51021.png) no-repeat;
 width: 25px;
  height: 165px;
}

#pun-index TR.inew Div.icon {  float: left;
  display: block;
  height: 25px;   height: 165px;
background: url(http://forumstatic.ru/files/001a/59/b1/62279.png) no-repeat;
}

tr.iclosed div.icon {  float: left;
  display: block;
  width: 30px;
  height: 30px;
	background: url() no-repeat center;
}

tr.isticky div.icon {  float: left;
  display: block;
  width: 30px;
  height: 30px;
background: url() no-repeat;
}


#pun-about p.container {
background: url('http://forumstatic.ru/files/001a/59/b1/87644.png') no-repeat;
height: 170px;
margin-bottom: -51px;
margin-left: -89px;
width: 1100px;
}


#a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/94035.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 194px;
    height: 42px;
}

a.tvm:hover {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/66027.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 208px;
    height: 47px;}



#a.tvm3, a.tvm3:active, a.tvm3:link, a.tvm3:visited {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/31719.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 194px;
    height: 42px;
}

a.tvm3:hover {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/88575.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 208px;
    height: 47px;}



#a.tvm4, a.tvm4:active, a.tvm4:link, a.tvm4:visited {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/46475.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 194px;
    height: 42px;
}

a.tvm4:hover {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/16264.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 208px;
    height: 47px;}





#a.tvm5, a.tvm5:active, a.tvm5:link, a.tvm5:visited {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/95104.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 194px;
    height: 42px;
}

a.tvm5:hover {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/52045.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 208px;
    height: 47px;}


#a.tvm6, a.tvm6:active, a.tvm6:link, a.tvm6:visited {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/74401.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 194px;
    height: 42px;
}

a.tvm6:hover {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/39177.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 208px;
    height: 47px;}


#a.tvm7, a.tvm7:active, a.tvm7:link, a.tvm7:visited {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/6b/c0/58177.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 194px;
    height: 42px;
}

a.tvm7:hover {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/6b/c0/11630.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 208px;
    height: 47px;}


#a.tvm8, a.tvm8:active, a.tvm8:link, a.tvm8:visited {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/6b/c0/68156.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 194px;
    height: 42px;
}

a.tvm8:hover {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/6b/c0/15913.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 208px;
    height: 47px;}



#a.tvm9, a.tvm9:active, a.tvm9:link, a.tvm9:visited {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/6b/c0/42461.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 194px;
    height: 42px;
}

a.tvm9:hover {
color: #c3c4c5;text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/6b/c0/37299.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 208px;
    height: 47px;}



#a.tvm2, a.tvm2:active, a.tvm2:link, a.tvm2:visited {
text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/83125.png') no-repeat 40% 50%;
    font-family: Spectral SC;
    width: 160px;
    height: 27px;
    line-height: 28px;    color: #c1dff0;

}

a.tvm2:hover {
text-align: center;
display: inline-block;
background: url('http://forumstatic.ru/files/001a/59/b1/54035.png') no-repeat 40% 50% !important;
    font-family: Spectral SC;
    width: 160px;
    height: 27px;     line-height: 28px;    color: #c8cfd3 !important; 

}










#faqdownuptext{ 
width: 338px;
height: 333px;
overflow: hidden;  
background-position: center top; } 

#faqdownuptext .kordupimg { 
width: 490px; 
height: 190px; 
overflow: hidden; 
border: 6px solid #831387; 
background-color: #831387; 
position: relative; 
top: 0px; 
transition-duration: 0.7s; 
-moz-transition-duration: 0.7s; 
-webkit-transition-duration: 0.7s; 
-o-transition-duration: 0.7s; } 

#faqdownuptext:hover .kordupimg { position: relative; top: -550px; }

#faqdownuptext .korddowntxt { 
width: 327px;
height: 326px;
overflow: auto;
padding: 5px; 
font-size: 10px;
color: #5c677b; 
position: relative; 
top: -346px; 
transition-duration: 1.3s; 
-moz-transition-duration: 1.3s; 
-webkit-transition-duration: 1.3s; 
-o-transition-duration: 1.3s; 
    scrollbar-width: thin;} 

#faqdownuptext:hover .korddowntxt { position: relative; top: 0px; }






/******************************************************************
  Cтиль к скрипту: 
 "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"
******************************************************************/
/*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  /*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0, 0, 0, 0.96);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 float:right;
 margin:0 -35px 0 0!important;
 width:27px; display: none;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
max-height: 489px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
 opacity:0.78;
 color:#626436;
 cursor:pointer;
 display:block!important;
 position:relative; z-index:12;
 padding:4px;
 height: 17px!important;
 margin-right: 2px;
 margin-left: -1px;
 margin-bottom:-4px!important;
 border: 4px solid;
 border-radius: 10px 0 0 0;
 text-align:left;
 padding-right:6px;
 text-shadow: 1px 1px 2px rgba(0,0,0,.4);
 font: italic normal 400 13px/16.5px "Comic Sans Ms";
 float:left;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
display: none !important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width:100%;
 height:100%;
 position:relative;z-index:1;
 display:none;
 overflow-y:hidden;
 overflow-x:hidden;  
 text-align:center;
 vertical-align:middle;
 
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 margin-top:1.4em;
 text-align:left;
 display:inline-block;
}



del {
    filter: blur(2px);
    text-decoration: none !important;
}

del:hover {
    filter: blur(0px);
}






 /* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
    background-color: transparent;
width: 170px;
height: 100px;
border: 2px solid #495970; display: inline-block;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

/* Position the front and back side */
.flip-box-front {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-box-back {position: absolute;
width: 160px;
height: 90px;
backface-visibility: hidden;
overflow-y: scroll;
scrollbar-width: thin;}

/* Style the front side */
.flip-box-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-box-back {
    background-color: #192940;
transform: rotateX(180deg);
color:#c5c8d6;
    font-size: 10px;
    line-height: 10px;
    text-align: justify;
    padding: 5px;

}










#a.ATlinks, a.ATlinks:active, a.ATlinks:link, a.ATlinks:visited {
text-align: center;
display: inline-block;
font-family: play;
width: 160px;
height: 24px;
line-height: 23px;
color:#181818;
background-color:#d3d3d3;
border-radius: 10px;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 3px;

}

a.ATlinks:hover {
text-align: center;
display: inline-block;
font-family: play;
width: 160px;
height: 24px;
line-height: 23px;
color:#d3d3d3 !important;
background-color:#3d3d3d;
border-radius: 10px;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 3px;

}


.sl_ctr{
position:relative;
width:450px;
height:300px;
overflow:hidden;
}
.sldr{
position:relative;
width:222px;
height:300px;
}
.sldr img{
float:left;
}
.prv_b, .nxt_b{
position:absolute;
top:135px;
display:block;
width:35px;
height:35px;
cursor:pointer;
}
.prv_b:hover, .nxt_b:hover{opacity:.6;}
.prv_b{
left:10px;
background:url(images/prv.png) no-repeat;
}
.nxt_b{
right:10px;
background:url(images/nxt.png) no-repeat;
}