/* CS1 Background and text colours
-------------------------------------------------------------*/
<!-- Cлайдер стиль-->
<style type="text/css">
#slideshow {
margin: 0 auto;
width: 290px;
height: 180px;
margin: 0px auto 0 auto;
margin-left: 100px;
background: transparent;
position: relative;
}
#slideshow #slidesContainer {
  margin: 0 auto;
  width: 290px;
  height: 180px;
  overflow: none; 
  position: relative;
}
#slideshow #slidesContainer .slide {
  margin: 0 auto;
  width: 290px; 
  height: 180px;
}
.control {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
#leftControl {
  top: -33;
  left: 5;
  background: transparent url() no-repeat 0 0;
}
#rightControl {
  top: 0;
  right: 5;
  background: transparent url() no-repeat 0 0;
}




html, body {background-color: #; background-image: url(http://funkyimg.com/i/VWJ5.png); background-repeat: repeaty; color: #855914; text-shadow: 0px 0px 1px #faf4e8;}
BODY {background:fixed;}

/* 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: #855914;  text-shadow: 0px 0px 1px #faf4e8;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #855914;  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: #855914;  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: #eba624;
  font-family: 'Cuprum', sans-serif;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #855914;   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: #855914;   text-shadow: 0px 0px 1px #faf4e8;
  }

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

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

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {background-image : url(); background-color: #fffbd1;
background-repeat: repeat; background-position: top right; height: 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;
}

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

.punbb input {background-image : url(); background-color: #fffbd1;
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;
-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: 2px solid #b4c92f;
border-bottom: 2px solid #b4c92f;
}

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

/* Фон тела форума */

#pun {background-image: url("http://funkyimg.com/i/VWNW.png");background-color: transparent;}

/* Стиль ника автора */

#pun-main .post-author {font-size: 9px; text-align: center;}
.punbb #pun-main .pa-author {
  font-size: 14px; 
  font-style: normal;
  text-transform: uppercase;
  color: #a74707;
  font-family: 'Cuprum', sans-serif;
  
  }

.punbb .post-sig dt {
    background: url("") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 43px;
    width: 300px;
}



/* Стиль профиля */
.punbb .post .post-author {
width: 220px;
border-top: none;
border-bottom: none;
margin-top: 40px;
margin-left: 0px;
margin-bottom: 0px;
font-size: 10px;

}

#pun-main .pa-awards {
padding-top: 6px;

}

.punbb .post .post-author {
  background:url(http://funkyimg.com/i/VWY4.png) 0 0 repeat-y; 
  overflow: visible!important;
  margin-left:0px;
}

.punbb .post .post-author > ul {
background:url(http://funkyimg.com/i/VWY3.png) 0 top no-repeat,url(http://funkyimg.com/i/VWY5.png) 0 bottom no-repeat;
  margin: -35px 0 0px 0!important;
  padding:74px 6px 5px 6px!important;
}

#pun-main .pa-avatar {margin-top: 4px;}

/* Соо и репутация в 1 строке */

.pa-posts,.pa-respect {
font-size: 12px;
text-align:center;
text-transform: uppercase;
font-weight: bold;
color: #7d7e03;
font-family: 'Cuprum', sans-serif;
display:inline-block;
width:65px;
padding:5px 8px 7px 8px!important;
margin-left: 4px;
margin-right: 0;
background-image : url(); background-color: #fffbd1;
 border-radius:10px; webkit-border-radius:10px; moz-border-radius:10px; khtml-border-radius: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: 2px solid #b4c92f;
border-bottom: 2px 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;
  }

/* Свой шрифт Nautilus */
@font-face {
  font-family: "Nautilus";
  src: url("/files/0015/39/bc/44450.svg"),
url("/files/0015/39/bc/99703.svg") format("truetype");
}


/* 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: #7d7e03; /* ОСНОВНОЙ ЦВЕТ ССЫЛКИ */
    border-bottom: 0px none #000;
  text-decoration: none;
 font-weight: bold;
 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: bold;
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;
 font-weight: bold;
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;
 font-weight: bold;
text-shadow: 1px 1px 2px #faf4e8;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #eba624; 
  font-weight: bold;
font-style: normal;
  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: 55px;
height: 55px;
background-image : url(http://funkyimg.com/i/VWS6.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/VWS5.png);
background-repeat: no-repeat;
width: 55px;
height: 55px;
}

TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/VWS3.png);
background-repeat: no-repeat;
width: 55px;
height: 55px;
}

TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/VWS4.png);
background-repeat: no-repeat;
width: 55px;
height: 55px;
}

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


/* Футер */

#pun-about p.container {background-color: #;
background-image : url(http://funkyimg.com/i/VWNX.png); 
background-position : relative; 
background-repeat : no-repeat; 
height : 180px;
width: 1200px; 
margin: 0px;
margin-left: -163px;
text-align: center;
margin-top: 20px;
border-color: transparent;
}



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


/* Картинка в форму быстрого ответа */

#pun #pun-main #post-form h2 { 
background: url() no-repeat center;
height: 0px;
width: 1100px;
margin-left: -137px;
font-size:0 !important;
}



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

#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/VWLz.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 130px;
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);
}


/* Описание подфорумов */

.punbb td .tclcon, .category .container table .tc1 {
width: 370px;
padding-top: 20px;
padding-bottom: 60px;
display: block;
 background-color: #fffbd1;
 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;
}

.podforosn {
text-align: justify; 
line-height: 10px; 
letter-spacing: 1px; 
width: 355px;
margin-bottom: 15px; 
}


/* Название подфорума */

.punbb .category .container table .tcl h3 {
text-shadow: 1px 1px 2px #faf4e8;
text-align: center;
font-size: 15px;
font-style: normal;
text-transform: uppercase;
color: #a74707;
font-family: 'Cuprum', sans-serif;
width: 100%;
margin-top: -1px;
}


/* Поясняющий текст в описании подфорумов */
.extext {
letter-spacing: 1px; 
font-family: verdana, arial, helvetica, sans-serif;
text-align: center; 
color: #eba624; 
bottom: 10px;

}

/* Ссылки в описании подфорумов */
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
color : #fdf9cc;
background : #aec439;
font-size : 9px;
text-decoration : none;
font-weight: normal;
border: 0px;
margin:3px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
font-style:normal;
display:inline;
width:60px;
border:0px solid #;
text-transform:uppercase; 
margin-bottom: 15px; 
margin-top: 0px; 
letter-spacing:0px;
line-height: 18px;
text-shadow: none;
}

a.tvm:hover {
color : #855914;
background : #eba624;
font-size : 9px;
text-decoration : none;
font-weight: normal;
border: 0px;
margin:3px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
font-style:normal;
display:inline;
width:60px;
border:0px solid #;
text-transform:lowcase; 
margin-bottom: 15px; 
margin-top: 0px; 
letter-spacing:0px;
line-height: 18px;
text-shadow: none;
	}

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

.image.first,.image.second {
border:2px solid transparent;
margin:0;
padding:0;
}

.image.first {
opacity:1px;
display:block;
position:absolute;
z-index:100;
transition-duration:0.96s;
-webkit-transition-duration:0.96s;
-moz-transition-duration:0.96s;
-o-transition-duration:0.96s;
-ms-transition-duration:0.96s;
}

.image.first:hover {
opacity:0.00;
}
 
div.ImgField {
display:inline-block;
background-position:center center;
background-repeat:no-repeat;
margin:0;
padding:0;
}

/* Полоса прокрутки */
::-webkit-scrollbar {width: 12px; height: 8px;}  
::-webkit-scrollbar-track {background-color: #b4c92f;} 
::-webkit-scrollbar-thumb {background-color: #eba624;}
::-webkit-scrollbar-thumb:active {background: #e44163;}

/* Спойлер */
.post-content .spoiler-box > div {
background: url('/img/plus.png') no-repeat left center pading 10px;
cursor: pointer;
padding-left: 18px;
padding-top: 8px;
padding-bottom: 12px;
margin-left:3px;
}

.post-content .spoiler-box > div.visible {
background-image: url('/img/minus.png');
cursor: pointer;
padding-left: 18px;
padding-top: 10px;
padding-bottom: 10px;
margin-left:3px;
}

/* Всплывающие подсказки */
.tipsy { padding: 0px; margin-left:35px;  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; }


/* Универсальное тело для шаблонов */
.universalbackgroundbox {
margin-top: 0px; 
width: 570px; 
background-color: #f7f6a1; 
border: 3px solid #a8be23;
bottom: 15px; 
}

/* Полоска заглавного текста */
.headtext {
width: 570px; 
height: 25px; 
padding-top:1px; 
padding-bottom:10px;
background-color: #ffe16b; 
font-family: 'Cuprum'; font-size: 24px; color: #97ad00; 
font-style: italic; 
letter-spacing: -1px; 
text-align: center; 
text-transform: uppercase; 
text-shadow: 0px 1px 2px #fdefce;
margin-bottom: 15px;
}


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

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

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

/* Изображение в анкету */
.topimageform {
border: 5px solid #ffe16b; 
position: relative;
width: 180px; 
height: 180px;
left: 205px; 
bottom: -6px;
}

/* Полоски-кнопки */
.linkbox {
width: 350px; 
height: 28px; 
font-family: arial; 
text-transform: uppercase; 
font-size: 9px; 
color: #855914; 
text-shadow: 1px 1px 2px #faf4e8; 
letter-spacing: 1px; 
text-align: center; 
font-weight: bold; background-color: #fefbdd; 
border: 1px solid #eddc84; 
display: block;
line-height: 28px;
}
.linkbox:hover {
width: 350px; height: 28px; line-height: 28px; font-family: arial; text-transform: uppercase; font-size: 9px; color: #855914; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #b7cd2f; 
}

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

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


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

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

/* Кнопка обратной связи */
.needcom {
width: 210px; 
height: 28px; 
font-family: arial; 
text-transform: uppercase; 
font-size: 9px; 
color: #855914;
text-shadow: 1px 1px 2px #faf4e8; 
letter-spacing: 1px; 
text-align: center; 
font-weight: bold; 
background-color: #fefbdd; 
border: 1px solid #eddc84; 
display: block;
line-height: 28px;
position: relative;
line-height: 28px;
z-index: 999;
}
.needcom:hover {
width: 210px; 
height: 28px; 
line-height: 28px;
font-family: arial; 
text-transform: uppercase; 
font-size: 9px; 
color: #855914;
letter-spacing: 1px;
text-align: center; font-weight: bold; 
background-color: #b7cd2f; 
text-shadow: 0px 1px 2px #fdefce; 
position: relative; 
z-index: 999;
}

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

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

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

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

/* Фон текстового окна */
.topbody {
width: 619px; height: auto; margin-left: -3px; padding-top: 20px;
padding-bottom: 30px;
display: block;
background: url(http://funkyimg.com/i/VXut.png) top no-repeat, url(http://funkyimg.com/i/VXuv.png) bottom no-repeat, url(http://funkyimg.com/i/VXuu.png) repeat-y;
}

/* Окно для текста */
.topicbox {
width: 480px; 
font-family: verdana, arial, helvetica, sans-serif;
line-height: 160%;
letter-spacing: 0px;  
text-align: justify; 
margin-left:0px;
margin-top:10px;
padding: 100 0 0 20px;
}

/* Заголовок темы */
.topictitle {
letter-spacing: 0px; 
text-transform: uppercase;
color: #7d7e03;
font-family: 'Cuprum'; 
font-size: 20px;
text-align: center;
}

/* Заголовок темы */
.topictext {
letter-spacing: 1px; 
font-family: verdana, arial, helvetica, sans-serif;
text-align: center; 
padding-bottom:10px;
}



/* Фон для гостевой */
.guestimage {
background: url(http://funkyimg.com/i/VXtT.png); 
width: 619px; 
position: relative; 
z-index: 1000; 
height: 250px; 
margin-left:-70px;
padding-top:20px;
font-size: 10px;
}

/* Список внешностей */
.guestlist {
width: 170px; height: 110px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 120%;
letter-spacing: 0px;
padding-right:40px;
margin-left:40px;
overflow-y:auto;
text-shadow: 1px 1px 2px #faf4e8;
}

/* Первая гифка в гостевой */
.guestgif1 {
width: 150px; height: 150px; background-image: url(http://i67.fastpic.ru/big/2015/0311/1b/9c1b9ee0b1d5ca3cd3b35eb10697791b.gif); border: 5px solid #d31142; border-radius: 100%;-moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius: 100%; z-index: 1000; left: -210px; position: relative; top: 390px; }

/* Вторая гифка в гостевой */
.guestgif2 {
width: 130px; height: 130px; background-image: url(http://i67.fastpic.ru/big/2015/0311/4d/282c948a251de58f109f544198ec584d.gif); border: 5px solid #d31142; border-radius: 100%;-moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius: 100%; z-index: 1000; left: 225px; position: relative; top: 450px; }


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

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

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

/* ХРОНИКИ */

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

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


/* Кнопки инфы в хрониках */
.game {
width: 205px; 
height: 28px; 
font-family: arial; 
text-transform: uppercase; 
font-size: 9px; 
color: #855914; 
text-shadow: 1px 1px 2px #faf4e8; 
letter-spacing: 1px; 
text-align: center; 
font-weight: bold; 
background-color: #fefbdd; 
border: 1px solid #eddc84; 
display: block;
line-height: 28px;
position: relative;
line-height: 28px;
z-index: 999;
top: 182px; 
left: -170px;
}
.game:hover {
font-family: arial; 
text-transform: uppercase; 
font-size: 9px; 
color: #855914;
letter-spacing: 1px;
text-align: center; font-weight: bold; 
 background-color: #b7cd2f; 
text-shadow: 0px 1px 2px #fdefce; 
position: relative; 
z-index: 999;
}

/* УПРОЩЕНКА */
/* Окно для упрощенки */
.textboxmin {
width: 270px; 
background-color: #fefbdd; 
border: 1px solid #eddc84; 
height: auto;
padding: 30px;
display: block;
position: relative;
margin-top:15px;
}

/* Упрощенка - контент */
.textboxmin1 {
width: 260px; 
font-size: 94.75%;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 160%;
letter-spacing: 0px;  
color: #855914; 
text-align: center; 
padding: 7 10 0 10;
margin-top:15px;
margin-left:7px;
}

/* АРХИВ СТАРПИПЛА */
/* Окно описания старпипла */
.starbox {
width: 400px; 
height: 110px; 
text-shadow: 1px 1px 2px #faf4e8; 
text-align: center; 
background-color: #fefbdd; 
border: 1px solid #eddc84; 
display: block;
left: 70px;
position: relative;
}

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

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


/* ВНЕХИ, ПРОФЕССИИ */
/* Фон списка внех, профессий */
.bodylist {
width: 619px; height: auto; margin-left: -3px; padding-top: 20px;
padding-bottom: 30px;
display: block;
background: url(http://funkyimg.com/i/VXyE.png) top no-repeat, url(http://funkyimg.com/i/VXyD.png) bottom no-repeat, url(http://funkyimg.com/i/VXyC.png) repeat-y;
}

/* Список внешностей/профессий */
.vlist {
font-family: verdana, arial, helvetica, sans-serif;
line-height: 120%;
letter-spacing: 0px;
width: 260px; height: 150px;
z-index: 999;
overflow-y:auto;
position: relative;
top: 50px;
padding:20px;
}


/* Фон для ячейки внех ABCD */
.abcd {
background-image: url(http://funkyimg.com/i/VXyv.png); width: 619px; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для ячейки внех EFGH */
.efgh {
background-image: url(http://funkyimg.com/i/VXyw.png); width: 619px; z-index: 100; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для ячейки внех IJKL */
.ijkl {
background-image: url(http://funkyimg.com/i/VXyx.png); width: 619px; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для ячейки внех MNO */
.mno {
background-image: url(http://funkyimg.com/i/VXyy.png); width: 619px; z-index: 100; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для ячейки внех PQRS */
.pqrs {
background-image: url(http://funkyimg.com/i/VXyz.png); width: 619px; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для ячейки внех TUVW */
.tuvw {
background-image: url(http://funkyimg.com/i/VXyA.png); width: 619px; z-index: 100; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для ячейки внех XYZ */
.xyz {
background-image: url(http://funkyimg.com/i/VXyB.png); width: 619px; height: 230px; margin-left:-70px;font-size: 10px;
}

/* ПРОФЕССИИ */
/* Фон для МУНИЦИПАЛИТЕТ */
.mun {
background-image: url(http://funkyimg.com/i/VXEp.png); width: 619px; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для ЗАКОН И ПОРЯДОК */
.pol {
background-image: url(http://funkyimg.com/i/VXEr.png); width: 619px; z-index: 100; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для МАСС МЕДИА */
.massmedia {
background-image: url(http://funkyimg.com/i/VXEo.png); width: 619px; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для КУЛЬТУРА */
.culture {
background-image: url(http://funkyimg.com/i/VXEm.png); width: 619px; z-index: 100; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для СЕРВИС */
.ser {
background-image: url(http://funkyimg.com/i/VXEj.png); width: 619px; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для КРИМИНАЛ */
.criminal {
background-image: url(http://funkyimg.com/i/VXEk.png); width: 619px; z-index: 100; height: 230px; margin-left:-70px;font-size: 10px;
}

/* Фон для ОСТАЛЬНОЕ */
.other {
background-image: url(http://funkyimg.com/i/VXEq.png); width: 619px; height: 230px; margin-left:-70px;font-size: 10px;
}


/* КАЛЕНДАРЬ */
.date1 {
width: 60px; height: 60px;
position: relative;
background-color: #fefbdd; 
border: 1px solid #eddc84; 
display: block;
border-radius: 100%;-moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius: 100%;
line-height: 100%;
}

.date2 {
width: 65px; height: 65px;
position: absolute;
background-color: #fefbdd; 
border: 1px solid #eddc84; 
display: none;
border-radius: 100%;-moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius: 100%;
font-size: 9px; 
line-height: 90%;
top:-5px;
left: -2px;
}

.date1:hover .date2 {
display: 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:#fefbdd; padding:10px; font-family:arial; font-size:10px; text-align:justify; line-height:100%; color:#8c5620; overflow:auto; border:1px solid #eddc84; }
.ctext {width:80%; left: 10%; position: relative;}

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

/* ПОСТ И ЭПИЗОД НЕДЕЛИ В ИТОГАХ */
.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: #8c5620;; 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;  }