/*************************************************************
E - EXTRA
**************************************************************/

/* E1 Basic
-------------------------------------------------------------*/
/* E1.1 ÔÎÍ */
body {
background: url("http://forumfiles.ru/files/0014/a5/eb/34743.png") repeat-x top center, /*âåðõ*/
url("") repeat-x bottom center, /*íèç*/
#282828 url("http://forumfiles.ru/files/0014/a5/eb/36380.png") repeat; /*îáùèé*/
}

/* E1.2 ÒÅËÎ */
#pun {
  margin: -5px auto -10px auto;
  padding: 0px auto -30px auto;
  position: relative;
  width: 994px;
  background: url("http://forumfiles.ru/files/0014/a5/eb/20237.png") repeat-y top center;
  background-position: center;

  }
.lastedit {
  display:none !important;
  }

/* E1.3 ÒÅÊÑÒ */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #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  {
  background-color: transpanent; 
  color: #000;  
font-weight: normal;
}

/* E1.4 ËÎÃÎ */
#pun-title table {
border: none;
height: 586px;
width: 1174px;
margin-left: -110px;
background: url(http://forumfiles.ru/files/0019/ef/78/18721.png) top center no-repeat;
background-position: 0 50%;
margin-bottom: 0px;}

/* E1.5 ÍÈÇ */
#pun-about p.container {
background: url(http://forumfiles.ru/files/0019/ef/78/43548.png) bottom center no-repeat;
width: 1060px;
margin-bottom: -220px;
margin-left: -64px;
border: none;
height: 200px;}

/* E1.6 ÎÔÎÐÌËÅÍÈÅ ÏÐÎÔÈËß */
.punbb .post .post-author {
  float: left;
  width: 226px;
  min-height: 215px;
  margin-top: -1px;
  margin-left: 0px;
  padding-top: 18px;
  text-align: center;
  background: url(http://forumfiles.ru/files/0014/a5/eb/54372.png) 52% 0%  no-repeat, url(http://forumfiles.ru/files/0014/a5/eb/38583.png) 50% 100% no-repeat, url(http://forumfiles.ru/files/0014/a5/eb/25064.png) 60% 42% repeat-y;
  overflow-x: hidden;   overflow-y: hidden;
  }
#profile-left {
  height: 400px;
  width: 40%!important;
  left: -10px!important;
  }
#profile-name strong {
  height: 150%;
  }

.pa-author a, li#profile-name {
  margin-top: -20px;
  text-decoration: none; 
  margin-left: 8px!important;
  text-align: center;
font-family: Cormorant Garamond!important;
  font-size: 14px!important;
text-transform: uppercase;
color: #f1f1f1!important;
text-shadow: 0px 0px 4px #d2d2d2!important;
   transition-duration: 0.66s;
  }
.pa-author a:hover, .pa-author a:focus, .pa-author a:active {
text-shadow: 0px 0px 6px #e9e9e9!important;
color: #eaeaea!important;
   transition-duration: 0.66s;
  }
.pa-author {
  text-align: center!important;
  font-family: Old Standard TT!important;
  font-size: 17px;
  padding-bottom: 6px;
font-style: normal!important;
  }

li.pa-title {
  padding-bottom: 0px;
  margin-top: 10px;
  width: 206px;
  heigth: 30px;
  font-size: 6px;
  letter-spacing: 2px;
  font-family: Old Standard TT;
  text-transform: uppercase;
  color: #dfdfdf;
line-height: 7px;
  }
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;}

/* E1.7 ÏÎËß ÏÐÎÔÈËß */
.pa-last-visit, li.pa-online {
padding: 10px;
  }
.pa-ip {
  margin-bottom: 10px!important;
  }
.pa-respect {
  content: ".";
  margin-top: 30px;
  padding: 31px;
  width: 70px;
  height: 30px;
  display: inline-block;
  margin-left: 6px!important;
  text-align: center;
  font-family: kerule!important;
  text-transform: uppercase;
  font-style: normal!important;
  letter-spacing: 1px!important;
  font-size: 7px!important;
color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important;
  }
.pa-respect a {
  font-style: normal!important;
  font-size: 8px!important;
color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important;
  }
.pa-posts {
  margin-left: 50px;
  content: ".";
  margin-top: 80px;
  display: inline-block;
  text-align: center;
  font-family: Old Standard TT;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 8px!important;
  width: 70px;
  height: 30px;
  padding: 31px 31px 31px 31px;
color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important;
  }
.pa-avatar {
background: url(http://forumfiles.ru/files/0014/a5/eb/53583.png) top center no-repeat;
padding-top: 20px!important;
  margin-left: 0px!important;
width: 208px!important;}
.pa-avatar img {
  margin-left: 0px;}
.pa-reg, .pa-ip, .pa-ip a, li.pa-online, .pa-last-visit {   font-family: Old Standard TT;
  text-transform: uppercase;
  letter-spacing: 1px;
color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important;
  font-size: 7px;}

/* E1.8 ÊÀÒÅÃÎÐÈÈ */
.punbb h2 span {
font-size: 20px!important;
font-family: roboto condensed;
text-transform: lowercase;
font-weight: bold!important;
text-align: center!important;
color: #000000;
font-style: italic;
  }
#pun-stats.section h2 {
background: url(http://forumfiles.ru/files/0014/a5/eb/20207.png) top center no-repeat;
height: 62px;
width: 970px;
margin-left: -8px!important;
font-size:0 !important;
border: none;
  }
#pun-main .category h2, #post-form h2 {
background: url(http://forumfiles.ru/files/0014/a5/eb/54868.png) top center no-repeat;
height: 61px;
width: 970px;
margin-left: -8px!important;
font-size:0 !important;
border: none;
  }
#pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span {display: none;}
#pun-category1.category h2 {
background: url(http://forumfiles.ru/files/0014/a5/eb/31054.png) top center no-repeat;
height: 62px;
width: 970px;
margin-left: -8px!important;
font-size:0 !important;
border: none;
  }
#pun-category2.category h2 {
background: url(http://forumfiles.ru/files/0014/a5/eb/20351.png) top center no-repeat;
height: 62px;
width: 970px;
margin-left: -8px!important;
font-size:0 !important;
border: none;
  }
#pun-category3.category h2 {
background: url(http://forumfiles.ru/files/0014/a5/eb/97390.png) top center no-repeat;
height: 62px;
width: 970px;
margin-left: -8px!important;
font-size:0 !important;
border: none;
  }
#pun-category4.category h2 {
background: url(http://forumfiles.ru/files/0014/a5/eb/27139.png) top center no-repeat;
height: 62px;
width: 970px;
margin-left: -8px!important;
font-size:0 !important;
border: none;
  }
#pun-category5.category h2 {
background: url(http://forumfiles.ru/files/0014/a5/eb/77885.png) top center no-repeat;
height: 62px;
width: 970px;
margin-left: -8px!important;
font-size:0 !important;
border: none;
  }

/* E1.9 ÖÈÒÀÒÛ È ÊÎÄÛ */
#pun-main .quote-box, #pun-main .code-box {
  width: 610px;
  margin: 0.4em 1.8em 1.4em;
  padding: 10px;
background: url("http://forumfiles.ru/files/0014/a5/eb/24500.png") repeat-x top center, /*âåðõ*/
url("http://forumfiles.ru/files/0014/a5/eb/42459.png") repeat-x bottom center, /*íèç*/
#282828 url("http://forumfiles.ru/files/0014/a5/eb/96228.png") repeat; /*îáùèé*/
  border: none!important;
  }
.post-content .spoiler-box {
  min-height: 5px;   
  background: #f4e2cc;
  box-shadow: 0px 0px 12px 0px #ebd3b5 inset;
  border: 3px double #fff1df!important;}
.post-content .spoiler-box > div { 
  text-align: center;
  font-size: 18px;
  font-family: Yeseva One;
  text-transform: uppercase;}

.punbb textarea {background: #e6e6e6; min-height: 5px;   box-shadow: 0px 0px 12px 0px #efefef inset;   border: 2px solid #dcdcdc!important;}

/* E1.10 ÔÎÐÌÀ ÎÒÂÅÒÀ */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-reputation div, #pun-popup_awards div  {
background: #e6e6e6; min-height: 5px;   box-shadow: 0px 0px 12px 0px #efefef inset;   border: 2px solid #dcdcdc!important;
  }

/* E1.11 ÏÐÎÊÐÓÒÊÀ */
::-webkit-scrollbar {  
  width: 5px; 
  height: 5px;
  }
::-webkit-scrollbar-track {  
  background: #181818 top center;
  }
::-webkit-scrollbar-thumb {  
background: #e6e6e6;   box-shadow: 0px 0px 12px 0px #efefef inset;   border: 1px solid #dcdcdc!important;
  }

/* E1.12 ÊÍÎÏÊÈ */
input.button, #post fieldset .hashelp div input, .button {
background: #e6e6e6; min-height: 5px;   box-shadow: 0px 0px 12px 0px #efefef inset;   border: 2px solid #dcdcdc!important;
  display: inline-block;
  cursor: pointer;
  color: #0a0502;
  font-family: Old Standard TT!important;
  font-size: 10px!important;
  text-transform: uppercase;
  text-align: center!important;
  padding-left: 3px;
  padding-right: 3px;
  height: 25px!important;
 transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.6s; transition: 0.6s;
  }
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
  background: #d7d7d7!important; 
box-shadow: 0px 0px 6px 0px #c4c4c4 inset;  
   border: 2px solid #e6e6e6!important;}

/* CS1 Border colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color:  transparent;
  }

/* CS1.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border: 0px transparent;
  color: #1f1f1f;
  background: transparent;
  }

/* CS1.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;
  }

/* CS1.5 */
.punbb th {
  border-color: transparent ;
  }

/* CS1.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #d6d6d6;
  }

/* CS1.7 */
#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 ;
  }

/* CS1.8 */
.punbb .divider {
  border-color: transparent;
  }

/* CS1.8 */
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;
  }

#pun-viewtopic .post h3 {
    width: 960px;
    margin-left: -3px;
    height: 21px;
    background-image: url(http://forumfiles.ru/files/0014/a5/eb/15930.png);
font-size: 6px; text-transform: uppercase; font-family: Playfair Display!important;
color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important;}

#pun-viewtopic .post h3 a { font-family: roboto condensed!important;
color: #bcbcbc!important;
text-shadow: 0px 0px 5px #dbdbdb!important; margin-top: 3px; letter-spacing: 2px;}


/* CS2 Icons
-------------------------------------------------------------*/

/* CS2.1 ÑÒÀÐÎÅ */
#pun-index table Div.icon {
  background-image : url(http://forumfiles.ru/files/0014/a5/eb/64854.png);
  width: 40px;
  height: 49px;
  margin-left: 44px;
  margin-top: 50px;
  float: left;
  display: block;
  border-style: none;
  display: inline-block;
  background-repeat: no-repeat;opacity: 1.0;
  }
#pun .punbb #pun-main .forum .container table .hasicon .tcl .intd .icon {
    background: url(http://forumfiles.ru/files/0014/a5/eb/96823.png);
    display: block;
    float: left;
    height: 25px;
    margin-left: 10px;
    margin-top: 15px;
    position: relative;
    width: 70px;
   opacity: 1.0;
}

/* CS2.2 ÍÎÂÎÅ */
#pun-index TR.inew Div.icon {
  background-image : url(http://forumfiles.ru/files/0014/a5/eb/89872.png);
  background-repeat: no-repeat;
  margin-left: 44px;
  margin-top: 50px;
  width: 40px;
  height: 49px;
  opacity: 1.0;
  }
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: url(http://forumfiles.ru/files/0014/a5/eb/96823.png);
    display: block;
    float: left;
    height: 25px;
    margin-left: 10px;
    margin-top: 15px;
    position: relative;
    width: 70px;
   opacity: 0.3;
}

/* CS2.3 ÂÀÆÍÎÅ*/
#pun .punbb #pun-main .forum .container table .hasicon .isticky .tcl .intd .icon {
    background: url(http://forumfiles.ru/files/0014/a5/eb/69312.png);
    display: block;
    float: left;
    height: 25px;
    margin-left: 10px;
    margin-top: 15px;
    position: relative;
    width: 70px;
   opacity: 1.0;
}
#pun .punbb #pun-main .forum .container table .hasicon .isticky .tcl .tclcon .stickytext {font-size: 0;}

/* CS2.4 ÇÀÊÐÛÒÎ*/
#pun .punbb #pun-main .forum .container table .hasicon .iclosed .tcl .intd .icon {
    background: url(http://forumfiles.ru/files/0014/a5/eb/90719.png);
    display: block;
    float: left;
    height: 25px;
    margin-left: 10px;
    margin-top: 15px;
    position: relative;
    width: 70px;
   opacity: 1.0;
}
#pun .punbb #pun-main .forum .container table .hasicon .iclosed .tcl .tclcon .closedatafield {font-size: 0;}

/* CS2.5 ÑÒÀÒÈÑÒÈÊÀ */
#pun-stats ul.container {
  padding-left: 30px;
  margin-left: 2px;
  padding-top: -20px;
  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;
  text-align: justify;
  }


/* CS3 Links
-------------------------------------------------------------*/

.punbb a, .punbb a:link, .punbb a:visited  {
color: #0b0301;
text-decoration: none;}

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #0b0301;
text-decoration: none;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #0b0301;
text-decoration: none;}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active {
color: #562d22;
text-decoration: none;}


/* CS3.3 */
#pun-navlinks a {
font-family: Kurale!important;
font-size: 15px;
text-transform: uppercase;
color: #0b0301;
border-height: 50px;
word-spacing: -100px!important;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
text-decoration: none;
color: #562d22;}


/* CS3.4 */
#pun-ulinks a {
font-family: Playfair Display;
font-size: 7px;
letter-spacing: 2px;
text-transform: uppercase;
color: #0b0301;}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #562d22;
text-decoration: dashed;}

.pagelink strong {
color: #1b1001;
text-shadow: 1px 1px #fff3c9;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transparent;
color: #311f06;}

.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;}


/* E2.1 ÎÔÎÐÌËÅÍÈÅ ÔÎÐÓÌÎÂ */
#pun-index td div.tclcon {
  width: 538px;
  height: 159px;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 6px;
  background: url(http://forumfiles.ru/files/0014/a5/eb/20318.png) top center no-repeat;
  line-height: 100%;
  font-size: 10px;
  margin-top: 23px!important;
  }
.podforumText {
  width: 486px;
padding: 6px;
position: absolute;
margin-top: 2px!important;
margin-left: 20px!important;
text-align: justify;
height: 40px;
color: #f9eadd;
font-family: Cormorant Garamond;
font-size: 12px;

  }
.podforumLinksContainer {
width: 496px;
position: absolute;
text-align: center;
  margin-top: 60px!important;
display: inline-block;
  }

.podforumLink a, .podforumLink {
display: inline-block;
width: 106px!important; 
height: 25px; 
padding: 7px 4px 4px 4px; 
background: url(http://forumfiles.ru/files/0014/a5/eb/68249.png) no-repeat top center;
  font-family: Cormorant Garamond!important;
color: #7f6e59!important;
text-shadow: 0 0 7px #423a38;
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.6s; transition: 0.6s;}
.podforumLink a:hover, .podforumLink:hover {
background: url(http://forumfiles.ru/files/0014/a5/eb/31148.png) no-repeat top center!important;
color: #b2a799!important;
text-shadow: 0 0 7px #4f4745!important;
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.6s; transition: 0.6s;}


#pun-stats .item4 {
    display: inline-block;
    text-align: center;
    width: 200px !important;
    background: #acacac;
    margin: 10px -270px -10px;
    padding: 3px 0 3px 0;
font-size: 9px; text-transform: uppercase;
  font-family: roboto condensed!important;
    color: #101010!important;
}


.pa-fld1 {
    margin-left: -72px!important;
position: absolute;
    margin-top: -118px!important;
    background: url(http://forumfiles.ru/files/0014/a5/eb/75366.png) top left no-repeat;
width: 40px;
height:35px;
padding: 14px 0px 0px 0px!important;
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.3s; transition: 0.3s;
}
.persposts {
  opacity: 0; margin-left: 18px!important; margin-top: -3px!important; font-size: 13px; text-transform: uppercase;
color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important; height: 35px!important;
 cursor: pointer!important; 
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.3s; transition: 0.3s;}
.persposts:hover {
  opacity: 1;
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.3s; transition: 0.3s;
  }
.pa-fld1:hover {
width: 80px;
    margin-left: -112px!important;
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.3s; transition: 0.3s;
}

.pa-fld2 {
    background: url(http://forumfiles.ru/files/0014/a5/eb/61456.png) top left no-repeat;
width: 40px;
height:35px;
    margin-left: -72px!important;
    margin-top: -70px!important;
position: absolute;
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.3s; transition: 0.3s;
}
.pa-fld2:hover {
width: 80px;
    margin-left: -112px!important;
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.3s; transition: 0.3s;
}
.persmoney {
  opacity: 0; margin-left: 18px!important; margin-top: 11px!important; font-size: 13px; height: 35px!important;
  text-transform: uppercase;
color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important;
 cursor: pointer!important; 
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.3s; transition: 0.3s; }
.persmoney:hover {
  opacity: 1;
transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.3s; transition: 0.3s;
  }


.pa-fld3 {
    margin-top: -1px!important;}
.persinfo {  padding: 2px;
background: url("http://forumfiles.ru/files/0014/a5/eb/37307.png") repeat-x top center, /*âåðõ*/
url("http://forumfiles.ru/files/0014/a5/eb/94041.png") repeat-x bottom center, /*íèç*/
#282828 url("http://forumfiles.ru/files/0014/a5/eb/87204.png") repeat; /*îáùèé*/
width: 224px;
margin-left: -13px!important;
}
.persname, .persname a { margin-top: 5px!important; font-size: 14px; text-transform: uppercase; font-family: Cormorant Garamond!important;
color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important; padding-bottom: 10px;
}
.persin {width: 200px; text-align: justify; font-size: 10px; padding: 3px 10px 5px!important;}

.item2 img {
  border-top: 2px solid #d2d2d2!important;
  border-right: 2px solid #d2d2d2!important;
  border-bottom: 2px solid #a6a6a6!important;
  border-left: 2px solid #a6a6a6!important;}

.forumtheme {
  min-height: 100px!important;
  width: 670px;
  background: url("http://forumfiles.ru/files/0014/a5/eb/20534.png") repeat-x top center, /*âåðõ*/
url("http://forumfiles.ru/files/0014/a5/eb/68075.png") repeat-x bottom center, /*íèç*/
#282828 url("http://forumfiles.ru/files/0014/a5/eb/46280.png") repeat; /*îáùèé*/
}
.forumthemename {
  margin-left: 300px!important; 
  padding-top: 10px; 
  text-align: center; 
  width: 340px; 
  font-size: 18px; 
  text-transform: uppercase; 
  font-family: Cormorant Garamond!important; 
  color: #f1f1f1!important; 
  text-shadow: 0px 0px 5px #dbdbdb!important;
}
.forumthemetitle {
  text-align: center;   
  width: 390px; 
  height: 24px; 
  font-size: 10px; 
  padding-top: 8px!important; 
  margin-left: 250px!important; 
  color: #f9eadd;   
  font-family: Cormorant Garamond;
text-transform: lowercase;
letter-spacing: 1px;
}
.forumthemetext {
  text-align: justify;   
  padding: 10px 26px 26px 26px!important; 
  font-size: 12px; 
  line-height: 17px!important;
font-family: roboto condensed;
}

#pun_wrap #pun #pun-index #pun-main .category .container table .hasicon .tc2, #pun_wrap #pun #pun-index #pun-main .category .container table .hasicon .tc3 {font-size: 0;}

/* Çàíÿòûå ðîëè*/
.rolebg, .claimbg {display: inline-block; width: 616px; padding: 5px 3px 5px; background-color: #013A6B; background-image: -webkit-linear-gradient(30deg, #adadad 10%, #757575 50%);
 transition-timing-function: ease; -webkit-transition-timing-function: ease; 
-webkit-transition: 0.5s; transition: 0.5s; border-top: 1px solid #c6c6c6;}
.rolebg:hover, .claimbg:hover {background-image: -webkit-linear-gradient(30deg, #989898 10%, #5e5e5e 50%);
 transition-timing-function: ease; -webkit-transition-timing-function: ease; 
-webkit-transition: 0.5s; transition: 0.5s;}
.rolechar {display: inline-block; width: 200px; text-align: center; font-size: 14px; text-transform: uppercase; border: 1px solid #c0c0c0; padding: 2px 2px 2px; background: #bbbbbb; height: 15px!important;}
.roleinfo {display: inline-block; width: 398px; border: 1px solid #afafaf; padding: 2px 2px 2px; text-transform: lowercase; background: #a1a1a1; margin: 0px 2px!important; height: 15px!important; position: absolute;}
.rolebuttons {
    display: inherit;
    position: relative;
    padding: 0px 10px 5px 12px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 11px;
 text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rolebuttons input {
  position: absolute;
  opacity: 0;
}
.checkbutton {
    position: absolute;
    top: 2px;
    left: -3px;
    height: 10px;
    width: 10px;
   background: radial-gradient(#ececec, #b8b8b8);
    border-radius: 10px;
    border: 1px solid #aeaeae;
}

.rolebuttons input:checked ~ .checkbutton {
   background: radial-gradient(#777777, #4d4d4d);
   border: 1px solid #474747;
}

.claimname {display: inline-block; width: 300px; text-align: center; font-size: 14px; text-transform: uppercase; border: 1px solid #c0c0c0; padding: 2px 2px 2px; background: #bbbbbb; height: 15px!important;}
.claimchar {display: inline-block; width: 298px; border: 1px solid #afafaf; padding: 2px 2px 2px; text-transform: uppercase; background: #a1a1a1; margin: 0px 2px!important; height: 15px!important; position: absolute; text-align: center;}

/* Ãîñòåâàÿ êíèãà*/
.gbtheme {
height: 349px!important; 
width: 670px!important; 
background: url(http://forumfiles.ru/files/0019/ef/78/81228.png) no-repeat top center!important;
}
.gbpicture1 {
position: absolute!important; 
margin-top: 79px!important;
margin-left: 18px!important; 
width: 114px!important; 
height: 61px!important;
}
.gbpicture2 { 
position: absolute!important;
margin-top: 79px!important;
margin-left: 147px!important;
width: 114px!important;
height: 61px!important;
}
.gbpicture3 { 
position: absolute!important; 
margin-top: 79px!important; 
margin-left: 274px!important;
width: 114px!important;
height: 61px!important;
}
.gbtextline1 {height: 20px; width: 240px; position: absolute!important; margin-top: 47px!important; margin-left: 420px!important; font-family: Playfair Display!important;  font-size: 10px!important;text-transform: uppercase;color: #f1f1f1!important; text-shadow: 0px 0px 5px #dbdbdb!important;}
.gbtextline2 {height: 20px; width: 240px; position: absolute!important; margin-top: 86px!important; margin-left: 420px!important; font-family: Playfair Display!important;  font-size: 10px!important;text-transform: uppercase;color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important;}
.gbtextline3 {height: 20px; width: 240px; position: absolute!important; margin-top: 126px!important; margin-left: 420px!important; font-family: Playfair Display!important;  font-size: 10px!important;text-transform: uppercase;color: #f1f1f1!important;
text-shadow: 0px 0px 5px #dbdbdb!important;}
.gblinks {height: 20px; width: 600px; position: absolute!important; margin-top: 158px!important; margin-left: 36px!important; font-family: Playfair Display!important;  font-size: 10px!important;text-transform: uppercase;color: #f1f1f1!important; text-shadow: 0px 0px 5px #dbdbdb!important; text-align: center;}
.gblinks a {font-family: Playfair Display!important;  font-size: 10px!important;text-transform: uppercase; color: #d6d6d6!important; text-shadow: 0px 0px 4px #cfcfcf!important; transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.6s; transition: 0.6s;}
.gblinks a:hover {color: #eae7e7!important; text-shadow: 0px 0px 6px #eaeaea!important; transition-timing-function: ease; -webkit-transition-timing-function: ease; -webkit-transition: 0.6s; transition: 0.6s;}
.gbcharacters {height: 106px!important; width: 288px!important; overflow-y: scroll!important; position: absolute!important; margin-top: 226px!important; margin-left: 16px!important; padding: 0px 0px 0px 3px!important; text-align: left; text-transform: lowercase; font-size: 12px; font-family: Playfair Display!important;}
.gbfaceclaims {height: 106px!important; width: 288px!important; overflow-y: scroll!important; position: absolute!important; margin-top: 226px!important; margin-left: 368px!important; padding: 0px 0px 0px 3px!important; text-align: left; text-transform: lowercase; font-size: 12px; font-family: Playfair Display!important;}