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

html, body {background-color: #; background-image: url(http://s11.image1.org/images/2015/03/02/1/006d99c5a958dfd651b7980a332d16b7.png); background-repeat: repeaty; color: #5e6468;}
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: #5e6468;
  }

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

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #5e6468;

  text-align: center;
  font-size: 14px;
  text-transform: lowercase;
  font-weight: normal;
  text-shadow: 1px 1px 2px #faf4e8;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 100%;
  height: 10px;
  color: #5e6468;
  font-family: 'Nautilus';
}

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

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

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

/* CS1.7 */
#pun-main .quote-box, #pun-main .code-box {background-image : url(); background-color: #f1f1fd;
background-repeat: repeat; background-position: top right;
 border-radius:12px; webkit-border-radius:12px; moz-border-radius:12px; khtml-border-radius:12px;
padding: 7px;
-moz-box-shadow: inset 0 0 6px 3px #b8babd;
-webkit-box-shadow: inset 0 0 6px 3px #b8babd;
box-shadow: inset 0 0 6px 3px #b8babd;
border: 0px solid #b8babd;
}

/* 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: #5e6468; background-image : url();
}


/* CS1.9 */
.punbb textarea, .punbb select {background-image : url(); background-color: #f1f1fd;
background-repeat: repeat; background-position: top right;
 border-radius:12px; webkit-border-radius:12px; moz-border-radius:12px; khtml-border-radius:12px;
padding: 7px;
-moz-box-shadow: inset 0 0 6px 3px #b8babd;
-webkit-box-shadow: inset 0 0 6px 3px #b8babd;
box-shadow: inset 0 0 6px 3px #b8babd;
border: 0px solid #b8babd;
}

.punbb input {background-image : url(); background-color: #f1f1fd;
background-repeat: repeat; background-position: top right;
 border-radius:12px; webkit-border-radius:12px; moz-border-radius:12px; khtml-border-radius:12px;
padding: 7px;
-moz-box-shadow: inset 0 0 3px 3px #b8babd;
-webkit-box-shadow: inset 0 0 3px 3px #b8babd;
box-shadow: inset 0 0 3px 3px #b8babd;
border: 0px solid #b8babd;
}

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

#pun {background-image: url("http://s11.image1.org/images/2015/03/02/1/16507dfde7b7dd4c187b1994f3b753cf.png");background-color: transparent;}

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

#pun-main .post-author {font-size: 9px; text-align: center;}
.punbb #pun-main .pa-author {
  font-size: 20px; 
  font-style: normal;
  text-transform: lowercase;
  color: #828701;
  font-family: 'Nautilus';
  
  }

.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;
padding: 0px;
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://s11.image1.org/images/2015/03/02/1/9e12b033d96f1a80d69206f73fe57c52.png) 0 0 repeat-y; 
  overflow: visible!important;
  margin-left:0px;
}

.punbb .post .post-author > ul {
background:url(http://s11.image1.org/images/2015/03/02/1/c9a501f88d5679c111425865a83f5894.png) 0 top no-repeat,url(http://s11.image1.org/images/2015/03/02/1/193d093079c79d090fa9298d00d18502.png) 0 bottom no-repeat;
  margin: -35px 0 0px 0!important;
  padding:30px 6px 26px 6px!important;
}

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

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

.pa-posts,.pa-respect {
font-size: 14px;
text-align:center;
text-transform: lowercase;
font-weight: normal;
font-style: normal;
color: #49626f;
font-family: 'Nautilus';
background-color: #fdefce;
display:inline-block;
width:60px;
padding:5px 8px 7px 8px!important;
margin-left: 4px;
margin-right: 0;
background-color: #f1f1fd;
background-repeat: repeat; background-position: top right;
 border-radius:12px; webkit-border-radius:12px; moz-border-radius:12px; khtml-border-radius:12px;
padding: 7px;
-moz-box-shadow: inset 0 0 3px 3px #b8babd;
-webkit-box-shadow: inset 0 0 3px 3px #b8babd;
box-shadow: inset 0 0 3px 3px #b8babd;
border: 0px solid #b8babd;
}

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

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #c78c00; 
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: #c78c00; 
    border-bottom: 0px none #000;
  text-decoration: none;
  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.3 */
#pun-navlinks a {
  color: #c78c00; 
    border-bottom: 0px none #000;
  text-decoration: none;
  font-weight: normal;
text-shadow: 1px 1px 2px #faf4e8;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #c78c00; 
  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: #c78c00; 
  }



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

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

.punbb table Div.icon {float: right; display: block; border-style: none none none none; margin-left: 0px;margin-right: 10px; marign-top: 0px;
width: 55px;
height: 55px;
background-image : url(http://s11.image1.org/images/2015/03/02/1/aa7a55ef2d494ae6509902f5b1250bd8.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://s11.image1.org/images/2015/03/02/1/fe8509021442965f248d67d1ee9254e2.png);
background-repeat: no-repeat;
width: 55px;
height: 55px;
}

TR.isticky Div.icon {
background-image : url(http://s11.image1.org/images/2015/03/02/1/1423b2aaf25e74c1ea17346d7f991de7.png);
background-repeat: no-repeat;
width: 55px;
height: 55px;
}

TR.iclosed Div.icon {
background-image : url(http://s11.image1.org/images/2015/03/02/1/8e34ddd08118a2cef6cd2855a625804b.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://s11.image1.org/images/2015/03/02/1/80f0dd1db69345ea2ce9a786b7fabeff.png); 
background-position : relative; 
background-repeat : no-repeat; 
height : 60px;
width: 1200px; 
margin: 0px;
margin-left: -162px;
text-align: center;
margin-top: 80px;
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://s11.image1.org/images/2015/03/02/1/515db83e9aac9cf73f8e22c238e0558d.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 110px;
padding-top: 30px;}


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: 30px;
display: block;
background: url(http://s11.image1.org/images/2015/03/02/1/5fba5256843a4c7b44e4694daeec2398.png) top no-repeat, url(http://s11.image1.org/images/2015/03/02/1/66e5caeaec9cc4c30c81a8de4b8e5402.png) bottom no-repeat, url(http://s11.image1.org/images/2015/03/02/1/05b89e322be0ed8eeb820c31e4cde97c.png) repeat-y;
}

.podforosn {
text-align: justify; 
line-height: 10px; 
letter-spacing: 0px; 
width: 350px;

}


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

.punbb .category .container table .tcl h3 {
text-shadow: 1px 1px 2px #faf4e8;
text-align: center;
font-size: 18px;
font-style: normal;
text-transform: lowercase;
color: #a74707;
font-family: 'Nautilus';
width: 100%;
}

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

.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: #c4d3df;} 
::-webkit-scrollbar-thumb {background-color: #84b7d3;}
::-webkit-scrollbar-thumb:active {background: #abb943;}

/* Спойлер */
.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: 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; }


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* Полоска заглавного текста */
.headtext {
width: 570px; 
height: 25px; 
padding-top:1px; 
padding-bottom:10px;
background-color: #fdd275; 
font-family: 'Cuprum'; font-size: 24px; color: #a74707; 
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: #fdefce; 
padding: 15 15 15 10; 
border: 1px solid #edcc97;
height: 200px;
}

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

/* Изображение в анкету */
.topimageform {
border: 5px solid #f9b960; 
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: #8c5620; 
text-shadow: 1px 1px 2px #faf4e8; 
letter-spacing: 1px; 
text-align: center; 
font-weight: bold; background-color: #fdf3ea; 
border: 1px solid #edcc97;
display: block;
line-height: 28px;
}
.linkbox:hover {
width: 350px; height: 28px; line-height: 28px; font-family: arial; text-transform: uppercase; font-size: 9px; color: #a74707; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #fdd275; text-shadow: 0px 1px 2px #fdefce;
}

/* Текстовое окно */
.textbox {
width: 540px; 
background-color: #fdf3ea; 
border: 1px solid #edcc97; 
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: #8c5620; 
text-align: justify; 
padding: 7 10 7 10;
margin-top:15px;
}


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

/* Изображение нужника */
.topimageneed {
border: 5px solid #f9b960; 
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: #8c5620; 
text-shadow: 1px 1px 2px #faf4e8; 
letter-spacing: 1px; 
text-align: center; 
font-weight: bold; background-color: #fdf3ea; 
border: 1px solid #edcc97;
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: #a74707; 
letter-spacing: 1px;
text-align: center; font-weight: bold; 
background-color: #fdd275; 
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: #fdf3ea; 
border: 1px solid #edcc97;
display: block;
}

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

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

/* Разделяющая картинка */
.topicimage {
background: url(http://s11.image1.org/images/2015/03/09/1/b67f88a341e37803d2f61861eac150d5.png); 
width: 619px; 
position: relative; 
z-index: 1000; 
height: 60px; 
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://s11.image1.org/images/2015/03/09/1/3f58d1d86fb331da0f73e5fa10667db3.png) top no-repeat, url(http://s11.image1.org/images/2015/03/09/1/3bffc8c1c5ef71ced8e9d77e4a81e21f.png) bottom no-repeat, url(http://s11.image1.org/images/2015/03/09/1/d61ddf959f707a070148fc9dde368073.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: #b25813;
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;
}

/* Разделяющее изображение */
.topicimage {
background-image: url(http://s11.image1.org/images/2015/03/10/1/5accabd1d9b8974532cc5b59a3482d09.png); width: 619px; position: relative; z-index: 100; height: 100px; margin-left:-70px;font-size: 0px;
}

/* Фон для гостевой */
.guestimage {
background: url(http://s11.image1.org/images/2015/03/11/1/171c155b8f6ebfc3e78ba895a8fe6fd8.png); 
width: 619px; 
position: relative; 
z-index: 1000; 
height: 223px; 
margin-left:-70px;
padding-top:47px;
font-size: 10px;
}

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

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

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


/* ОТНОШЕНИЯ */
/* Картинка */
.relimage {
border: 5px solid #f9b960; 
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: #fdf3ea; 
border: 1px solid #edcc97;
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: #8c5620; 
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: #fdf3ea; 
border: 1px solid #edcc97;
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: #8c5620; 
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: #8c5620; 
text-shadow: 1px 1px 2px #faf4e8; 
letter-spacing: 1px; 
text-align: center; 
font-weight: bold; background-color: #fdf3ea; 
border: 1px solid #edcc97;
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: #a74707; 
letter-spacing: 1px;
text-align: center; font-weight: bold; 
background-color: #fdd275; 
text-shadow: 0px 1px 2px #fdefce; 
position: relative; 
z-index: 999;
}


/* КАЛЕНДАРЬ */
.date1 {
width: 60px; height: 60px;
position: relative;
background-color: #fdf3ea; 
border: 1px solid #edcc97;
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: #fdf3ea; 
border: 1px solid #edcc97;
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;
}


/* Фон для гостевой */
.guestimage {
background: url(http://s11.image1.org/images/2015/03/11/1/171c155b8f6ebfc3e78ba895a8fe6fd8.png); 
width: 619px; 
position: relative; 
z-index: 1000; 
height: 223px; 
margin-left:-70px;
padding-top:47px;
font-size: 10px;
}

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

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


/* ПРИНЯТИЕ */
.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:#fdf3ea; padding:10px; font-family:arial; font-size:10px; text-align:justify; line-height:100%; color:#8c5620; overflow:auto; border:1px solid #edcc97; }
.ctext {width:80%; left: 10%; position: relative;}

.cscrolling ::-webkit-scrollbar { width: 5px; } .cscrolling ::-webkit-scrollbar-track { background-color:#DFDFDF; } .cscrolling ::-webkit-scrollbar-thumb { background-color:#0A4A8D; }