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

html, body {background-image: url(http://storage2.static.itmages.ru/i/15/0702/h_1435880064_5122937_4bdeffacc4.png); background-repeat: repeaty; background-attachment: fixed;  color: #886815; text-shadow: 0px 0px 1px #faf4e8;}
BODY {background:fixed;}

/* Фон тела форума */
#pun {background-image: url("http://storage2.static.itmages.ru/i/15/0702/h_1435879207_9755139_4f20e635dd.png");}

/* 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 {
  background-color: transparent;
  color: #886815;  text-shadow: 0px 0px 1px #faf4e8;
  }

.punbb td.tc2, .punbb td.tcr {
  letter-spacing: 1px;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #886815;  text-shadow: 0px 0px 1px #faf4e8;
  }

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #886815;  text-shadow: 0px 0px 1px #faf4e8;

  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 0px 0px 1px #faf4e8;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 100%;
  height: 10px;
  color: #dd7035;
  font-family: 'Cuprum', sans-serif;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #886815;   text-shadow: 0px 0px 1px #faf4e8;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #886815;   text-shadow: 0px 0px 1px #faf4e8;
  }

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

.punbb #viewprofile li  {
background-color: transparent;
  color: #886815; 
}

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {background-image : url(); background-color: #fff8f2;
background-repeat: repeat; background-position: top right; width: auto;
border-radius: 20px 0;
 box-shadow: inset #fde4b4 0 0 6px 4px;
  border-right: #fdd592 double 3px;
  border-top: #f8cd74 4px solid;
  border-left: #fdd592 double 3px;
  border-bottom: #f8cd74 4px solid;
  padding: 8px;

}

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent; color: #925922; background-image : url();
}


/* CS1.9 */
.punbb textarea, .punbb select {background-image : url(); background-color: #fff8f2;
background-repeat: repeat; background-position: top right; width: auto;
border-radius: 20px 0;
  box-shadow: inset #fde4b4 0 0 6px 4px;
  border-right: #fdd592 double 3px;
  border-top: #f8cd74 4px solid;
  border-left: #fdd592 double 3px;
  border-bottom: #f8cd74 4px solid;
  padding: 8px;

}

.punbb input {background-image : url();
background-repeat: repeat; background-position: top right; height: auto;
 border-radius:10px; webkit-border-radius:10px; moz-border-radius:10px; khtml-border-radius:10px;
padding: 6px;
 background: #ffedcd;
  background-repeat: repeat; background-position: top right; width: auto;
border-radius: 20px 0;
  box-shadow: inset #fde4b4 0 0 6px 4px;
  border-right: #fdd592 double 3px;
  border-top: #f8cd74 4px solid;
  border-left: #fdd592 double 3px;
  border-bottom: #f8cd74 4px solid;
}

#pun-reputation div { background-image : url(); background-color: #fffbd1;
background-repeat: repeat; background-position: top right; width: auto;
 }

#pun-popup_awards div { background-image : url(); background-color: #fffbd1;
background-repeat: repeat; background-position: top right; width: auto;
 border-radius:23px; webkit-border-radius:23px; moz-border-radius:23px; khtml-border-radius:23px;
padding: 10px;
-moz-box-shadow: inset 0 0 6px 3px #fae285;
-webkit-box-shadow: inset 0 0 6px 3px #fae285;
box-shadow: inset 0 0 6px 3px #fae285;
border-top: 3px solid #b4c92f;
border-bottom: 3px solid #b4c92f;
 }


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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  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: transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

.punbb .post-sig dt {
  border-top-color: transparent; !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: #d78d01; /* ОСНОВНОЙ ЦВЕТ ССЫЛКИ */
    border-bottom: 0px none #000;
  text-decoration: none;
 font-weight: normal;
 text-shadow: 0px 0px 1px #faf4e8;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #eba624; 
margin-top: 2px;
 font-weight: normal;
text-shadow: 1px 1px 2px #faf4e8;

-moz-transition: color 0.9s 0.09s ease;
 -o-transition: color 0.9s 0.09s ease;
 -webkit-transition: color 0.9s 0.09s ease;

  }

/* 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: #eba624; 
    border-bottom: 0px none #000;
  text-decoration: none;
  margin-top: 2px;
text-shadow: 1px 1px 2px #faf4e8;

-moz-transition: color 0.9s 0.09s ease;
 -o-transition: color 0.9s 0.09s ease;
 -webkit-transition: color 0.9s 0.09s ease;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #eba624; 
    border-bottom: 0px none #000;
  text-decoration: none;
text-shadow: 1px 1px 2px #faf4e8;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #eba624; 
  border-bottom: 0px none #000;
  text-decoration: none;
margin-top: 2px;
text-shadow: 1px 1px 2px #faf4e8;

  }

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



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

/* Иконки сообщений */

.punbb table Div.icon {float: right; display: block; border-style: none none none none; margin-left: 0px;margin-right: -12px; bottom:-30px;
width: 70px;
height: 70px;
background-image : url(http://storage3.static.itmages.ru/i/15/0702/h_1435879205_6043806_f3757de594.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://storage3.static.itmages.ru/i/15/0702/h_1435879205_8346969_a5a3908552.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}

TR.isticky Div.icon {
background-image : url(http://storage2.static.itmages.ru/i/15/0702/h_1435879205_2045046_d1f047118b.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}

TR.iclosed Div.icon {
background-image : url(http://storage2.static.itmages.ru/i/15/0702/h_1435879205_5015391_33dc8fb08c.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
}

#pun-stats h2, .punbb .main h2 {font-size: 0em;}


/* Футер */

#pun-about p.container {background-color: #;
background-image : url(http://storage3.static.itmages.ru/i/15/0702/h_1435879207_1662929_2cc584dcef.png); 
background-position : relative; 
background-repeat : no-repeat; 
height : 160px;
width: 1200px; 
margin: 0px;
margin-left: -163px;
text-align: center;
margin-top: 20px;
border-color: transparent;
}



div#pun-about {
   margin-bottom: -50px;
   
}


/* Картинка в статистику 24 */

#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://storage1.static.itmages.ru/i/15/0702/h_1435879204_4371742_f3d387af38.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 120px;
padding-top: 50px;
height: auto;
}


hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


/* Полоса прокрутки */
::-webkit-scrollbar {width: 8px; height: 6px;}  
::-webkit-scrollbar-track {background-color: #fde4b4;} 
::-webkit-scrollbar-thumb {background-color: #f8cd74;}
::-webkit-scrollbar-thumb:active {background: #8c8ac1;}


/* Всплывающие подсказки */
.tipsy { padding: 0px; margin-left:5px;  font-size: 8px; font-family: arial, verdana, times new roman; font-weight: normal; letter-spacing: 0px;  opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(); cursor: default;}
  .tipsy-inner { padding: 15px 12px 6px 12px; background-color: black; color: white; max-width: 200px; text-align: center;}
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


/* ОПИСАНИЕ ПОДФОРУМОВ */
#pun-index td div.tclcon {
  margin-left: 0px;
  width: 370px;
  font-size: 10px;
  padding: 10px;
  line-height: 10px;
  background: #ffedcd;
  background-repeat: repeat; background-position: top right; width: auto;
border-radius: 20px 0;
  box-shadow: inset #fde4b4 0 0 6px 4px;
  border-right: #fdd592 double 3px;
  border-top: #f8cd74 4px solid;
  border-left: #fdd592 double 3px;
  border-bottom: #f8cd74 4px solid;
  text-align: justify;
  text-transform: lowercase;
  min-height: 70px;
 letter-spacing: 1px;
}
#pun-index .tcl h3 {
  font-family: 'Playfair Display', serif; 
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase;
  text-align: center;
  font-style: normal;
padding: 5px;
}
/* Поясняющий текст в описании подфорумов */
.extext {
  line-height: 9px;
  font-size: 12px;
  letter-spacing: 0px;
  text-transform: lowercase;
  color: #b0b0d7;
  font-family: 'Cuprum', sans-serif;
  margin-bottom: 16px;
  color: #dd7035;
  text-align: center; 
  bottom: 10px;
}
/* КНОПКИ */
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: 'Cuprum', sans-serif;
background-color: #fff8f2;
font-size : 10px;
text-decoration : none;
font-weight: bold;
margin:3px;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 3px;
text-align:center;
font-style:normal;
display:inline;
width:60px;
text-transform:lowercase; 
margin-bottom: 30px; 
margin-top: 0px; 
letter-spacing:0px;
line-height: 18px;
text-shadow: none;
border-radius:10px; webkit-border-radius:10px; moz-border-radius:10px; khtml-border-radius:10px;

}

a.tvm:hover {
color : #fff8e8;
background : #8c8ac1;
font-size : 10px;
text-decoration : none;
font-weight: bold;
margin:3px;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 3px;
text-align:center;
font-style:normal;
display:inline;
width:60px;
text-transform:lowercase; 
margin-bottom: 30px; 
margin-top: 0px; 
letter-spacing:0px;
line-height: 18px;
text-shadow: none;
border-radius:10px; webkit-border-radius:10px; moz-border-radius:10px; khtml-border-radius:10px;
	}


/* СТИЛЬ ПРОФИЛЯ */

#pun-main .post-author {
  text-align: center;}
.punbb #pun-main .pa-author {
  font-size: 18px;
  font-family: 'Playfair Display', serif; line-height: 80%; 
  font-style: normal;
  text-transform: lowercase;
  color: #dd7035;
  letter-spacing: 1px; }
li.pa-title {
  line-height: 9px;
  font-family: 'Cambria', Calibri, Helvetica;
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: lowercase;
  margin-bottom: 22px;
  color: #dd7035;}
.pa-awards { margin-top: 10px;
}
.pa-fld4 { 
font-size: 11px;
text-align:center;
color: #d78d01;
letter-spacing: 1px;
text-transform: lowercase;
font-family: 'Playfair Display', serif;
height: 14px; 
}
.pa-fld3 { 
position: relative;
top: -8px;
padding-bottom: 40px;
display:block;
}
.punbb .post .post-author {
 width: 220px;
 border-top: none;
 border-bottom: none;
 margin-top: 40px;
 font-size: 10px;
 line-height: 9px;
}
.punbb .post .post-author {
  background:url(http://storage3.static.itmages.ru/i/15/0702/h_1435880838_8432035_806fcbecee.png) 0 0 repeat-y; 
  overflow: visible!important;
  margin-left:-10px;
}
.punbb .post .post-author > ul {
  background:url(http://storage3.static.itmages.ru/i/15/0702/h_1435880838_4986842_09a7d5a162.png) 0 top no-repeat,url(http://storage3.static.itmages.ru/i/15/0702/h_1435880838_9136127_4d0171c1c7.png) 0 bottom no-repeat;
  margin: -35px 0 0px 0!important;
  padding:30px 6px 30px 8px!important;
}
/* Соо и репутация в 1 строке */
.pa-posts,.pa-respect {
  font-size: 11px;
  text-align:center;
  color: #d78d01;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-family: 'Playfair Display', serif;
  display:inline-block;
  width:70px;
  margin: 10px;
  background: #ffedcd;
  border-radius:10px; 
  -webkit-box-shadow: inset 0 0 3px 2px #f7e0a1;
  box-shadow: inset #fde4b4 0 0 6px 4px;
  border-right: #fdd592 double 3px;
  border-top: #f8cd74 4px solid;
  border-left: #fdd592 double 3px;
  border-bottom: #f8cd74 4px solid;
  top: 2px;
}


/* ОФОРМЛЕНИЕ ШАПКИ ТЕМ */

/* Разделяющая картинка */
.topicimage {
background: url(http://storage3.static.itmages.ru/i/15/0702/h_1435880699_5219092_48ead811b5.png); 
width: 619px; 
position: relative; 
z-index: 1000; 
height: 94px; 
margin-left:-70px;
padding-top:47px;
font-size: 0px;
}

/* Фон текстового окна */
.topbody {
width: 619px; height: auto; margin-left: 0px; padding-top: 0px;
padding-bottom: 40px;
display: block;
background: url(http://storage2.static.itmages.ru/i/15/0702/h_1435880625_9887037_8e22484cb7.png) top no-repeat, url(http://storage2.static.itmages.ru/i/15/0702/h_1435880625_8734149_aeec9212a0.png) bottom no-repeat, url(http://storage2.static.itmages.ru/i/15/0702/h_1435880625_6408280_6a737da889.png) repeat-y;
}
/* Окно для текста */
.topicbox {
width: 500px; 
font-family: verdana, arial, helvetica, sans-serif;
line-height: 140%;
letter-spacing: 0px;  
text-align: justify; 
margin-left:-100px;
padding: -40 0 40 40px;
}
/* Заголовок темы */
.topictitle {
 font-family: 'Cuprum', serif; 
font-size: 30px;
font-weight: bold;
letter-spacing: -2px;
text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase;
color: #f8cd74;
  text-align: center;
}
/* Заголовок темы */
.topictext {
  font-size: 12px;
  letter-spacing: 0px;
  text-transform: lowercase;
  color: #eba624;
  font-family: 'Cuprum', sans-serif;
  font-weight: normal;
  text-align: center; 
  padding-bottom:15px;
}


/* Фон для гостевой */
.guestimage {
background: url(http://funkyimg.com/i/YHWC.png); 
width: 619px; 
position: relative; 
z-index: 1000; 
height: 220px; 
left:-59px;
padding-top:30px;
line-height: 100%;

}


/* ШАБЛОН АНКЕТЫ, НУЖНЫЕ, ОТНОШЕНИЯ, ХРОНИКИ ------------------------------------------------------------------------------------------------ */

.universalbackgroundbox {
margin-top: 0px; 
width: 570px; 
background-color: #fde4b4; 
border: 3px solid #f8cd74;
bottom: 15px; 
}

/* Полоска заглавного текста */
.headtext {
width: auto; 
height: 25px; 
padding-top:1px; 
padding-bottom:10px;
background-color: #fde4b4; 
font-family: 'Cuprum', serif; 
font-size: 30px;
font-weight: bold;
letter-spacing: -2px;
text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase;
color: #ffffff;
font-style: normal; 
text-align: center; 
margin-bottom: 15px;
}


/* ШАБЛОН АНКЕТЫ */

/* Верхнее окно */
.contentboxup {
width: 560px; 
background-color: #fff2e8; 
padding: 15 15 15 10; 
border: 1px solid #eddc84; 
height: 200px;
}

/* Нижнее окно */
.contentboxdown {
width: 560px; 
background-color: #fff2e8; 
padding: 15 15 15 10; 
border: 1px solid #eddc84; 
bottom: -15px;
}

/* Изображение в анкету */
.topimageform {
border: 5px solid #f8cd74; 
border-radius: 20px 0px;
position: relative;
width: 160px; 
height: 160px;
left: 190px; 
bottom: -28px;
margin:10px!important;
}


/* Полоски-кнопки */
.linkbox {
width: 350px; 
height: 28px; 
text-transform: uppercase; 
font-size: 8px; 
color: #855914; 
letter-spacing: 2px; 
text-align: center; 
font-weight: normal; 
background-color: #ffffff; 
border: 1px solid #fde4b4; 
display: block;
line-height: 28px;
text-shadow: none;
}
.linkbox:hover {
width: 350px; height: 28px; line-height: 28px; text-transform: uppercase; font-size: 8px; color: #d78d01; letter-spacing: 2px; text-align: center; font-weight: normal; background-color: #fde4b4; text-shadow: none;
}

/* Текстовое окно */
.textbox {
width: 540px; 
background-color: #ffffff; 
border: 1px solid #fde4b4; 
height: auto;
padding: 30px;
display: block;
position: relative;
margin-top:15px;
}

/* Текстовое окно - контент */
.textbox1 {
width: 520px; 
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 160%;
letter-spacing: 1px;  
color: #855914; 
text-align: justify; 
padding: 7 10 7 10;
margin-top:15px;
}

/* ШАБЛОН НУЖНЫХ */

/* Изображение нужника */
.topimageneed {
border: 5px solid #f8cd74; 
border-radius: 20px 0px;
position: relative;
width: 245px; 
height: 150px;
left: 170px; 
bottom: -6px;
}

/* Кнопка обратной связи */
.needcom {
width: 210px; 
height: 28px; 
text-transform: uppercase; 
font-size: 8px; 
color: #855914; 
letter-spacing: 2px; 
font-family: verdana, arial, helvetica, sans-serif;
text-align: center; 
font-weight: normal; 
background-color: #ffffff; 
border: 1px solid #fde4b4; 
text-shadow: none; 
display: block;
line-height: 28px;
position: relative;
line-height: 28px;
z-index: 999;
}
.needcom:hover {
width: 210px; 
height: 28px; 
line-height: 28px;
text-transform: uppercase; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8px; 
color: #d78d01; letter-spacing: 2px; text-align: center; font-weight: normal; background-color: #fde4b4; text-shadow: none;
position: relative; 
z-index: 999;
}

/* Верхнее окно нужника */
.needbox {
width: 300px; 
height: 150px; 
text-align: center; 
background-color: #ffffff; 
border: 1px solid #fde4b4; 
display: block;
}

/* Текстовое окно нужника */
.needboxinside {
width: 270px; 
height: 120px; 
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 140%;
letter-spacing: 1px;  
color: #855914; 
text-align: justify; 
display: block;
overflow-y:auto;
}


/* ОТНОШЕНИЯ */
/* Картинка */
.relimage {
border: 5px solid #f8cd74; 
border-radius: 20px 0px;
position: relative;
width: 150px; height: 150px;
left: -214px; 
bottom: 0px;
top: 7px;
}

/* Окно описания отношений */
.relbox {
width: 380px; 
height: 150px; 
text-shadow: 1px 1px 2px #faf4e8; 
text-align: center; 
background-color: #ffffff; 
border: 1px solid #fde4b4; 
display: block;
left: 70px;
position: relative;
}

/* Текстовое окно отношений */
.relboxinside {
width: 350px; 
height: 130px; 
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 140%;
letter-spacing: 1px;  
color: #855914; 
text-align: justify; 
display: block;
overflow-y:auto;
left: 15px;
top: 10px;
position: relative;
}


/* ХРОНИКИ */

/* Окно хроник */
.gamebox {
width: 320px; 
height: 170px; 
text-shadow: none; 
text-align: center; 
background-color: #ffffff; 
border: 1px solid #fde4b4; 
display: block;
left: 110px;
position: relative;
}

/* Текстовое окно хроник */
.gameboxinside {
width: 300px; 
height: 150px; 
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 140%;
letter-spacing: 1px;  
color: #855914; 
text-align: justify; 
display: block;
overflow-y:auto;
left: 15px;
top: 10px;
position: relative;
}


/* Кнопки инфы в хрониках */
.game {
width: 205px; 
height: 28px; 
text-transform: uppercase; 
font-size: 8px; 
color: #855914; 
letter-spacing: 2px; 
text-align: center; 
font-weight: normal; 
background-color: #ffffff; 
border: 1px solid #fde4b4; 
display: block;
line-height: 28px;
position: relative;
line-height: 28px;
z-index: 999;
top: 182px; 
left: -170px;
}
.game:hover {
text-transform: uppercase; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8px; 
color: #d78d01; letter-spacing: 2px; text-align: center; font-weight: normal; background-color: #fde4b4; text-shadow: none;
text-align: center; font-weight: normal; 
position: relative; 
z-index: 999;
}


/* Окно описания старпипла */
.starbox {
width: 400px; 
height: 110px; 
text-align: center; 
background-color: #ffffff; 
border: 1px solid #fde4b4; 
display: block;
left: 70px;
position: relative;
}

/* Текстовое окно старпипла */
.starboxinside {
width: 380px; 
height: 90px; 
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 140%;
letter-spacing: 1px;  
color: #855914; 
text-align: justify; 
display: block;
overflow-y:auto;
left: 15px;
top: 10px;
position: relative;
}

/* Картинка */
.starimage {
border: 5px solid #f8cd74; 
border-radius: 20px 0px;
position: relative;
width: 120px; height: 120px;
left: -205px; 
bottom: 0px;
top: 7px;
}




/******************************************************************
 Стиль к скрипту: 
 "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"
******************************************************************/
/*Стиль иконки в мини-профиле*/
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,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 float:right;
 margin:0 -35px 0 0!important;
 width:27px;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 max-height:700px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.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;
 font: arial;
 float:left;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width:100%;
 height:100%;
 position:relative;z-index:1;
 display:none;
 overflow-y:auto;
 overflow-x:hidden;  
 text-align:center;
 vertical-align:middle;
 border-radius: 10px;
 border:  6px solid;
 border-width:4px 7px 5px 7px;
 padding:4px 12px!important;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 margin-top:1.4em;
 text-align:left;
 display:inline-block;
}


/* ПРИНЯТИЕ */
.cflips { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:352px; height:202px; }
.cflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:352px; height:202px; }
.cflop:hover .cflipswitch { -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); }

.cfront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; }
.cback { overflow:hidden; -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:352px; height:202px; background-color:#F4F4F4; }
.cflop:hover .cback {-webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#000;}

.contentz { width:350px; height:200px; background-color:#fff3e9; padding:10px; font-family:arial; font-size:10px; text-align:justify; line-height:100%; overflow:auto; border:1px solid #ffbe56; }
.ctext {width:80%; left: 10%; position: relative;}

.cscrolling ::-webkit-scrollbar { width: 5px; } .cscrolling ::-webkit-scrollbar-track { background-color:#ffd386; } .cscrolling ::-webkit-scrollbar-thumb { background-color:#ffbe56; }


/* ПОСТ И ЭПИЗОД НЕДЕЛИ В ИТОГАХ */
.bpflips { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:222px; height:152px; }
.bpcflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:222px; height:152px; }
.bplop:hover .bpcflipswitch { -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); }

.bpfront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; }
.bpback { overflow:hidden; -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:222px; height:152px; background-color:#fdefce; }
.bplop:hover .bpback {-webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#000;}

.bpcontentz { width:220px; height:150px; background-color:#fdf3ea; padding:10px; font-family:arial; font-size:10px; text-align:justify; line-height:100%; color: #855914;; overflow:auto; border:1px solid #edcc97; }

.bpscrolling ::-webkit-scrollbar { width: 5px; } .bpscrolling ::-webkit-scrollbar-track { background-color:#f9dfaf; } .bpscrolling ::-webkit-scrollbar-thumb { background-color:#fdefce; }

.bptext {width:80%; left: 10%; position: relative;  }