/* CS1 Background and text colours
-------------------------------------------------------------*/
@font-face {
  font-family: "America XIX";
  src: url(http://webfonts.ru/import/america.css);
}
@font-face {
  font-family: "Nautilus Pompilius";
  src: url(http://webfonts.ru/import/nautilus.css);
}
@font-face {
  font-family: "Christmas ScriptC";
  src: url(http://webfonts.ru/import/christmasscript.css);
}
@font-face {
  font-family: "Anfisa Grotesk";
  src: url(http://webfonts.ru/import/anfisa.css);
}
@font-face {
  font-family: "AC Line";
  src: url(http://webfonts.ru/import/acline.css);
}
@font-face {
  font-family: "Alexander";
  src: url(http://webfonts.ru/import/alexander.css);
}
@font-face {
  font-family: "BoomBoom";
  src: url(http://webfonts.ru/import/boomboom.css);
}
@font-face {
  font-family: "Bradobrei";
  src: url(http://webfonts.ru/import/bradobrei.css);
}
@font-face {
  font-family: "Bravo";
  src: url(http://webfonts.ru/import/bravo.css);
}
@font-face {
  font-family: "Calligraph";
  src: url(http://webfonts.ru/import/calligraph.css);
}
@font-face {
  font-family: "Caviar Dreams";
  src: url(http://webfonts.ru/import/caviar.css);
}
@font-face {
  font-family: "Certege";
  src: url(hhttp://webfonts.ru/import/certege.css);
}

td#button-smile {background:url("http://s7.uploads.ru/tofpr.gif") no-repeat 50%!important;}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
background: #2f1e17;
}
::-webkit-scrollbar-thumb {
    background: #105385;
}


body {
background:  url("http://sh.uploads.ru/MaO0K.jpg") repeat-x top center, /*верхний фон*/
url("http://sg.uploads.ru/B4k9y.jpg") repeat-x bottom center, /*нижний фон*/
#021d32 url("") repeat; /*общий фон*/
}

/* CS1.0B Настройки "тела" форума*/
#pun {
background: url("http://sg.uploads.ru/dh1ji.jpg") repeat-y scroll top center; 
width: 1238px !important;
}
/*Ширина тела форума и его смещение*/
.punbb  {width:693px !important; margin-left: 272px !important;}
/*Шапка*/
#pun-title table {
background-image: url("http://sg.uploads.ru/aQAIn.png"); background-position: top center; background-repeat: no-repeat; 
border: none;
margin-left: -295px;
margin-top:px;
height:618px;
width: 1339px;
}

/*Низ*/
#pun-about .container {
  border-top-style: none;
  text-align: center !important;
  line-height: 100%;
  padding: 0em 0em;
  background-color: transparent;
  font-weight: normal;
  height:376px;
  width: 1331px;
  margin-left: -332px;
  background-image: url("http://sh.uploads.ru/dromC.png");
  background-repeat: no-repeat;
  background-position: bottom;

  margin-bottom: -5px;
  }
div#html-footer {margin: -10px 0px 0px 0px;}

/*Смещение навигации*/
div#pun-navlinks {
width: 100%;
float: center !important;
position: absolute;
text-align: center;
top: 420px !important;
left: 15px !important;
}

div#pun-ulinks {
width: 100%;
float: center !important;
position: absolute;
text-align: center;
top: 480px !important;
left: 15px !important;
}
/* CS1.1 */
.punbb .section .container, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #7d4338;
  }

.punbb .post-body, .punbb .post-links {  background-color: transparent;
  color: #eae8d9;}
#viewprofile li strong, #viewprofile li div, #viewprofile h2 span, #viewprofile li {color: #333;}

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(http://sh.uploads.ru/Qbj64.png) top center no-repeat;
padding-top: 15px;
height: 36px;
text-align: center;
font-size: 16px; 
text-transform: none;
margin-top: -15px;
font-family: 'Nautilus Pompilius', sans-serif!important;
  color:   #333333;
  padding: 15px 1em 0px 1em;
  }

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

/* CS1.5 */
.punbb legend span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #ae8a76;
font-weight: bold;
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color:   	#333333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color:  transparent;
  color:  #333;
  }
.punbb .quote-box cite, .punbb .code-box strong.legend {
  background: url(--) no-repeat top center;
  height:5px;
  color: # !important;
  font-size: 16px !important;
  letter-spacing:1px;
  font-family: 'America XIX', sans-serif;
  text-align:center !important;
  font-weight: normal !important;
}
.offline li.pa-online strong {
  font-weight: normal
  }
/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text { 
margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 0px;
  background: url(http://sh.uploads.ru/9u6j8.png) top center repeat-x, url(http://sh.uploads.ru/0zsMR.png) bottom center repeat-x, url(http://sg.uploads.ru/RaESz.png) left repeat-y, url(http://sg.uploads.ru/ajMQh.png) right repeat-y, url(http://sg.uploads.ru/TsQ81.png) top center repeat;
  border-radius: 10px 10px 10px 10px;
display: block;
font-family: Tahoma; 
font-style: normal;
font-size: 15px !important;
text-align: center;
line-height: 15px;
padding: 10px;
}
/* CS1.7B рейтинг поста*/
div.post-rating a {
width: 35px;
height: 32px;
background: url("http://sh.uploads.ru/QsXKY.png") no-repeat;
position: relative;
text-align: center;
padding: 8px 0 0;
display: block;
}
.post-rating .container a{
color: #ae8a76;}
/* CS1.10 Настройки профиля в теме*/
.punbb .post .post-author {
text-align: center;
background: transparent url(--) repeat-y;}

.pa-author a, .pa-author {
color: #070504!important;
text-shadow: 1px -1px 0px #b8aa91;
font-family: 'Nautilus Pompilius', sans-serif;
text-transform: ;
font-size: 16px;
margin-top: 2px!important;
}

.pa-author a:hover {
color: #070504!important; }
.pa-fld1 {margin-top:0px;
background: transparent url(--) ;
width: px;
text-align: center;
margin-left: 0px;}
.pa-fld2 {margin-top: 0px;
background: transparent url(--) ;
width: 0px;
text-align: center;
margin-left: px;}
.pa-fld3 {margin-top: 0px;
background: transparent url(--) ;
width: 0px;
text-align: center;
margin-left: 0px;}
.pa-fld4 {margin-top: 0px;
background: transparent url(--) ;
width: 0px;
text-align: center;
margin-left: 0px;}
.pa-fld5 {margin-top: 0px;
background: transparent url(--) ;
width: 0px;
text-align: center;
margin-left: 0px;}
/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 Убираем все рамки*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .post-content td, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
  border-color: transparent;
  }
.punbb td {
    border-color: transparent!important;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color:  	#3b2f24;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color:  	#3b2f24;
  }

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

/* CS2.5 */
.punbb th {
  border-color: #3b2f24;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #3b2f24;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #3b2f24;
  }

.punbb .divider {
  border-color: #3b2f24;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid #3b2f24;
  }

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


/* 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: #877458;
  text-decoration: none;

text-shadow: 1px 1px  1px #000000;
font-weight: bold;
font-style: italic;
  }
.punbb .post h3 span a, .punbb .post h3 span a:link, .punbb .post h3 span a:visited { color: #ae8a76;
text-shadow: 1px 1px 1px #000000;}
.punbb .post-box a, .punbb .post-box a:link, .punbb .post-box a:visited, .punbb .post-author a, .punbb .post-author a:link, .punbb .post-author a:visited, .punbb .post-links a, .punbb .post-links a:link, .punbb .post-links a:visited,
#pun-profile #profilenav ul a, #pun-profile #profilenav ul a:link, #pun-profile #profilenav ul a:visited,
#pun-messages .container a, #pun-messages .container a:link, #pun-messages .container a:visited,
#viewprofile .container a, #viewprofile .container a:link, #viewprofile .container a:visited {  /* color: #583409; */
text-shadow: 1px 1px  1px #000000;}

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


/* 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: #000000;
  text-decoration: none;
text-shadow: 1px 1px  #8b785f;
  }

.punbb .post h3 span a:hover, .punbb .post h3 span a:focus, .punbb .post h3 span a:active {  color: #000000;/*ab734e*/
text-shadow: 1px 1px  #8b785f;}

.punbb .post-box a:hover, .punbb .post-box a:focus, .punbb .post-box a:active, .punbb .post-author a:hover, .punbb .post-author a:focus, .punbb .post-author a:active, .punbb .post-links a:hover, .punbb .post-links a:focus, .punbb .post-links a:active,
#pun-profile #profilenav ul a:hover, #pun-profile #profilenav ul a:focus, #pun-profile #profilenav ul a:active,
#pun-messages .container a:hover, #pun-messages .container a:focus, #pun-messages .container a:active,
#viewprofile .container a:hover, #viewprofile .container a:focus, #viewprofile .container a:active {  /*color: #957d60;*/
text-shadow: 1px 1px  #8b785f;}

/* CS3.3 */
#pun-navlinks a {
  color: #2376b7;
  text-decoration: none;
  
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #011323;
  text-decoration: none;
  text-shadow: 1px 1px 1px #bad8ee;
  }

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

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

Div.icon {background-image : url(http://sg.uploads.ru/mbq8y.png); 
background-repeat: no-repeat;
  }

TR.inew Div.icon {background-image : url(http://sg.uploads.ru/CA2ux.png); 
background-repeat: no-repeat;
  }

TR.isticky Div.icon {background-image : url(http://sh.uploads.ru/pb7ZY.png);
background-repeat: no-repeat;
  }

TR.iclosed Div.icon {background-image : url(http://sh.uploads.ru/vJyof.png);
background-repeat: no-repeat;
  }

TR.iredirect Div.icon {background-image : url(http://sg.uploads.ru/mbq8y.png);
background-repeat: no-repeat;
}

#pun-main div.catleft, #pun-main div.catright {display: none}

.lastedit {
display: none;
}
#pun-announcement h2 {display: none;}

#pun-title td.title-logo-tdl {
display: none;
}

/*Форма ответа*/
.punbb textarea, .punbb select, .punbb input {
 border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://sg.uploads.ru/TsQ81.png) top center repeat;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;}
/*цвет ячеек экранной клавиатуры*/
#keyboard-span input {font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:13px;  color:#2f1e17!important;  background-color:#fff; margin:1px 1px 0 0;  border: 1px solid #2f1e17!important;  cursor:pointer; height:25px; min-width:30px}/*цвет ячеек экранной клавиатуры*/

/*  Смайлы */
#wrapper {width: 517px;}
/* вкладки доп смайлов */
ul.tabs {height: 5px;line-height: 5px;margin: -15px -17px 5px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("--")no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 2px 1px;position: relative;text-decoration: none;width: 25px;}
ul.tabs li a:hover {color:#EFEFEF;padding: 0 2px;background: url("--")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #444;padding: 0px 2px 1px;border:medium hidden;line-height: 12px;background-position: -652px -62px;}
ul.tabs li.tab-current a:hover {color: #6A5ACD;}
div.t1{width: 517px; height: 150px; overflow-y: scroll;
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://sg.uploads.ru/TsQ81.png) top center repeat;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C; margin-left: -17px !important;}
div.t2,div.t3,div.t4,div.t5,div.t6,div.t7,div.t8,div.t9,div.t20,div.t21,div.t22,div.t23,div.t24,div.t25,div.t26,div.t27,div.t28,div.t29,div.t40,div.t41,div.t42,div.t43{display: none; width: 517px;height: 150px;overflow-y: scroll; border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://sg.uploads.ru/TsQ81.png) top center repeat;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;margin-left: -17px !important;}
background-position:center; background-repeat:no-repeat}
  
/* КАТЕГОРИИ */
#pun {position: static;}
.punbb{
 width:auto;
 margin:0 auto auto 200px;
}
.punbb #pun-cattab >ul{
  border:transparent none 0px;  
}
.punbb #pun-cattab {
  background-color:transparent
  border:red solid 0px;
  width:auto;
  padding:0;
  margin:0;
  text-align:center;
  margin-left: -245px;
  position:absolute;
  top:567px;
}
.punbb #pun-cattab > ul {
  border-top-right-radius:15px;
  border:transparent none 0!important;
  font: normal normal 700 17px/normal Georgia;
  background-color:transparent;
}
.punbb #pun-cattab > ul:before{
  display:block;
  text-align:center;
  padding:8px;
  text-shadow:1px 1px 1px #000;
  color:#5DC4FF;
}

.punbb .category{ 
  margin-top: 0;
}
.punbb li.cattab {
  display: block;
  position:relative;
  padding:0;
  margin:0px 0;
}
.punbb li.cattab a {
  width:100%;
  max-width:200px;
  white-space: pre-wrap!important;
  word-wrap: break-word;
  word-break:break-all;
  display: inline-block;
  padding:10px 15px;
  font: normal normal 700 12.76px/normal Tahoma;
  border-radius:3px; 
  background: url(http://sh.uploads.ru/9u6j8.png) top center repeat-x, url(http://sh.uploads.ru/0zsMR.png) bottom center repeat-x, url(http://sg.uploads.ru/RaESz.png) left repeat-y, url(http://sg.uploads.ru/ajMQh.png) right repeat-y, url(http://sh.uploads.ru/9D6Qe.png) top center repeat;
  border-radius: 10px 10px 10px 10px;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  padding:10px 10px 10px;
  color:#110907;
}
.punbb li.cattab a.active {
  background: url(http://sh.uploads.ru/9u6j8.png) top center repeat-x, url(http://sh.uploads.ru/0zsMR.png) bottom center repeat-x, url(http://sg.uploads.ru/RaESz.png) left repeat-y, url(http://sg.uploads.ru/ajMQh.png) right repeat-y, url(http://sh.uploads.ru/7xlnd.png) top center repeat;
  border-radius: 10px 10px 10px 10px;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  display: inline-block;
  padding:10px 10px 10px;
  color:#ae8a76;
}
.punbb li.cattab a:hover {
  font: normal normal 700 12.76px/normal Tahoma;
  color:#ae8a76;
 background: url(http://sh.uploads.ru/9u6j8.png) top center repeat-x, url(http://sh.uploads.ru/0zsMR.png) bottom center repeat-x, url(http://sg.uploads.ru/RaESz.png) left repeat-y, url(http://sg.uploads.ru/ajMQh.png) right repeat-y, url(http://sh.uploads.ru/7xlnd.png) top center repeat;
  border-radius: 10px 10px 10px 10px;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  display: inline-block;
  padding:10px 10px 10px;
}
.punbb li.cattab a.new:before{
  font: normal normal 700 10px/normal Tahoma;
  position:absolute;
  right: -5px;
  top:5px;
  content: url("http://sg.uploads.ru/vpygA.png");
  color:#9DF2FF;
  text-shadow:1px 1px 0 #000;
}
/* КАТЕГОРИИ */
/* стиль ссылок в переадрессации категорий */
.kategorylinks{
  width:100%;
  max-width:200px;
  white-space: pre-wrap!important;
  word-wrap: break-word;
  word-break:break-all;
  display: inline-block;
  padding:10px 15px;
  font: normal normal 700 12.76px/normal Tahoma;
  border-radius:3px; 
  background: url(http://sh.uploads.ru/9u6j8.png) top center repeat-x, url(http://sh.uploads.ru/0zsMR.png) bottom center repeat-x, url(http://sg.uploads.ru/RaESz.png) left repeat-y, url(http://sg.uploads.ru/ajMQh.png) right repeat-y, url(http://sh.uploads.ru/9D6Qe.png) top center repeat;
  border-radius: 10px 10px 10px 10px;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  padding:10px 10px 10px;
  color:#110907!important;
}
/* стиль ссылок в переадрессации категорий */
/*=Меню в табличке=*/
a.sbla:link, a.sbla:visited {border-left: #1d0f08 4px solid; border-right: #1d0f08 4px solid; display: block; margin-bottom: 1px; text-transform: uppercase; font-style: italic; font-family: georgia; font-size: 9px; letter-spacing: 1px; background: #e2bf91; color: #0d0601; text-align: center; padding: 2px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease; border-left: #1d0f08 12px solid; border-right: #1d0f08 12px solid; display: block; text-transform: uppercase; font-family: georgia; font-size: 9px; letter-spacing: 3px; background: #d1ac7a; text-decoration: none; color: #0d0601; text-align: center; padding: 2px 2px 2px 20px;}
/*=Меню в табличке=*/

.lastedit {display: none;}
.tclcon h3 {font-family: 'Nautilus Pompilius', sans-serif; font-size:18px!important ; text-shadow:2px  -1px  1px #000000!important;}

/*описание форумов*/
.punbb td div .tclcon, .category .container table .hasicon .tc1 {
border-radius: 0px 1px 20px 0px;
box-shadow: 2px 2px 5px rgba(1,1,1,1);
opacity: 0.90; /* прозрачность */
font-family: Georgia; /* шрифт*/
font-size: 12.5px; /* размер */
text-transform: none; 
/*width: 400px;  ширина в px */
text-align: justify; 
line-height: 15px;
border: solid; 
border-color: #362920;
border-top: 6px solid #261d17; 
border-bottom: 3px solid #362920362920; 
border-left: 0px double #bda879;
border-right: 1px solid #362920;
background-color: #; background: url(http://sg.uploads.ru/OojrB.png) top center repeat;/* цвет фона */
padding: -10px; /* hh*/
color: #39291f;
}

/* всплывающие типсы */
.tooltip {
border: none; 
color: #000000;
text-decoration: none;
position: relative;}

.tooltip span {
margin-left: -999em;
position: absolute;}

.tooltip:hover span {
font-family:verdana;
position: absolute;
left: -35px; 
top: -165px; 
z-index: 99;
margin-left: 0;}

.tooltip:hover img {
left: 1em; 
top: 2em; 
z-index: 99;
margin-left: 0;}

.tip { 
position: absolute;
z-index: 1000;
width: 120px;
height:120px;
padding: 5px; 
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://sh.uploads.ru/9D6Qe.png) top center repeat;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;
}
/* всплывающие типсы */
/* графика в табличке */
#diamond img{

   width: 28px; 
   height: 28px; 
   margin: 0px 0px 0px 0px;
   -webkit-transform: rotate(0deg);
   -moz-transform:    rotate(0deg);
   -ms-transform:     rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   -o-transform-origin: 0 100%;
   transform-origin: 0 100%;
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;
}
/* лучший пост */
.posttxt {
width: 220px;
height: 70px;
background: url(http://sh.uploads.ru/9D6Qe.png) top center repeat;
color:#110907!important;
transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-webkit-transition-duration: 1.2s;
-o-transition-duration: 1.2s;
opacity: 0.0; 
padding: 0px;
font-size: 10px;
overflow: autoletter-spacing: 0px;
text-align: justify;
}
.posttxt:hover { opacity: 1.0; }
#akyiv img{
   width: 25px; 
   height: 25px; 
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;
}
#luchshiiigrok img{
   width: 220px; 
   height: 44px; 
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;
}
#rozisk img{
   width: 40px; 
   height: 40px; 
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;
}
/* волшебная кнопка */
#button-magic {background-image:url('http://onepiecetime.f-rpg.ru/files/0013/73/32/74421.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
/* волшебная кнопка */
/* анкета полная */
.opdborder { width:630px; position:relative; background: url(http://sg.uploads.ru/TsQ81.png) top center;
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;}
.ophead { width:630px; height:220px; background-image:url(http://savepic.ru/6998282.jpg); border-bottom:5px ridge #513427; }
.op { position:absolute; width:200px; height:200px; top: 5px; left: 5px; -moz-border-radius:200px; border-radius: 200px; border-top-style: solid !important;
border-left-style: solid  !important;
border-bottom-style: solid  !important;
border-right-style: solid  !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color:#2f1e17!important;box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;}
.opwordsbg { position:absolute; left: 0px; top: 15px; width:300px; height:170px; opacity:0; transform: scale(.5); -webkit-transform: scale(.5); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.op:hover .opwordsbg { position:absolute; left: 280px; top:15px; opacity:1; transform: scale(1); -webkit-transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.opwords { width:300px; height:20px; font-family:arial; font-size: 10px; letter-spacing: 3px; color:#efefef; line-height:20px; text-align:center; margin-bottom:5px; border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://sh.uploads.ru/9D6Qe.png) top center repeat;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important; }
.lavie { position: relative; width: 630px; height:405px; clear: both; }
.kontenttxt { height:275px; position:relative; padding: 25px;  overflow:auto; }
.abused { float:left; }
.abused label { position:relative; top:12px; left:12px; height: 20px; width: 110px; background-color:#eccb9b; font-family: arial; font-size: 10px; letter-spacing: 3px; color:#222; line-height:20px; text-align:center; border:none; margin-right:10px;  display:block; }
.abused [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }
.used { position:absolute; left:10px; top: 60px; width:600px; height:325px; overflow:auto; padding: 0px; text-align: justify; color: black; font-size: 13px; line-height:100%; 
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://sh.uploads.ru/9D6Qe.png) top center repeat;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;}
.abused [type=radio]:checked ~ label { z-index: 99; background-color:#9a763f;  }
.abused [type=radio]:checked ~ label ~ .used { z-index: 98; }
.opfondlaknopok { width:630px; height: 48px; position:absolute; top: 0px;background: url(http://sg.uploads.ru/hkSWD.png) top center repeat; border-bottom:5px ridge #513427;}
.namesurname { position: absolute; top: 60px; left: 225px; width:400px; height:50px; font-family: America XIX; font-size: 40px; color: #edcd9c; line-height: 55px; text-align:center; }
/* анкета полная */
/* анкета упрощенная */
.opdborder { width:630px; position:relative; background: url(http://sg.uploads.ru/TsQ81.png) top center;
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;}
.ophead { width:630px; height:220px; background-image:url(http://savepic.ru/6998282.jpg); border-bottom:5px ridge #513427; }
.op { position:absolute; width:200px; height:200px; top: 5px; left: 5px; -moz-border-radius:200px; border-radius: 200px; border-top-style: solid !important;
border-left-style: solid  !important;
border-bottom-style: solid  !important;
border-right-style: solid  !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color:#2f1e17!important;box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;}
.opwordsbg { position:absolute; left: 0px; top: 15px; width:300px; height:170px; opacity:0; transform: scale(.5); -webkit-transform: scale(.5); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.op:hover .opwordsbg { position:absolute; left: 280px; top:15px; opacity:1; transform: scale(1); -webkit-transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.opwords { width:300px; height:20px; font-family:arial; font-size: 10px; letter-spacing: 3px; color:#efefef; line-height:20px; text-align:center; margin-bottom:5px; border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://sh.uploads.ru/9D6Qe.png) top center repeat;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important; }
.lavie { position: relative; width: 630px; height:405px; clear: both; }
.kontenttxt { height:275px; position:relative; padding: 25px;  overflow:auto; }
.loutabb {float: left;}
.loutabb label {display: block;
width: 110px; text-align: center;
font-family: calibri; 
color: #222; margin-right: 10px;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
background: #eccb9b;
padding: 5px;
border: 0px solid #ccc;
position: relative;
top: 15px;
left: 128px;}
.loutabb [type=radio] {
display: none;  
}
.loucontentt {
position:absolute; left:-5px; top: 60px; width:550px; height:275px; overflow:auto; padding: 25px; text-align: justify; color: black; font-size: 13px; line-height:100%; 
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 5px !important;
border-right-width: 5px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://sh.uploads.ru/9D6Qe.png) top center repeat;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
  color:#110907!important;}
[type=radio]:checked ~ label {color: #103B38; background-color: #9a763f; border-bottom: 0px solid white; z-index: 2;}
[type=radio]:checked ~ label ~ .loucontentt {
z-index: 1;
}
.opfondlaknopok1 { width:630px; height: 70px; position:absolute; top: -15px; margin-left: -15px!important; background: url(http://sg.uploads.ru/hkSWD.png) top center repeat; border-bottom:5px ridge #513427;}
/* анкета упрощенная */
/*заголовки способностей*/
.zagolovki {width: 570px; font-family: 'America XIX'; font-size: 14px; text-align: center; line-height: 50%; text-transform: none; letter-spacing: 1px; color: #000002; text-shadow: 0px 0px 0px #000; }
/*заголовки способностей*/

/*списки ролей*/
.roli {
width: 196px;
height: 260px;
background-color: #fae4c5;
color:#110907!important;
transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-webkit-transition-duration: 1.2s;
-o-transition-duration: 1.2s;
opacity: 0.0; 
padding: 0px;
font-size: 10px;
overflow: autoletter-spacing: 0px;
text-align: justify;
}
.roli:hover { opacity: 1.0; }

.roliname {width: 195px; top:5px;font-family: 'America XIX', sans-serif!important; font-size: 16px!important; text-align: center; line-height: 50%; text-transform: none; letter-spacing: -1px; color: #160f03; text-shadow: 0px 0px 0px #000000;}
.rolitarget {width: 195px; top:5px;font-family: Caviar Dreams; font-size: 12px!important; text-align: center; line-height: 100%; text-transform: none; letter-spacing: 1px; color: #6f2013!important; text-shadow: 0px 0px 0px #000000;}
.rolifon {width: 196px; height:260px; font-size: 10px;border-top-style: ridge !important;border-left-style: ridge !important;border-bottom-style: ridge !important;border-right-style: ridge !important;border-width: 5px !important;border-right-width: 5px !important;border-color: #2f1e17 #513427 #2f1e17 #40291f; top center repeat;box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;color:#110907!important; font-family: arial;}
/*списки ролей*/
/*акционка и минишаблон*/
.mona1 {
    width: 560px;
    padding: 20px;
    background-color: #;
    background: url(http://sg.uploads.ru/paeLg.jpg);
    outline: 10px solid #017a73;
    border: 0px dotted #fff;
    position: relative
    }

.mona2 {
    position: relative;
    width: 550px;
    height: 300px;
    border: 5px solid #017a73;
    overflow: hidden
    }

.mona3 {
    position: relative;
    width: 550px;
    height: 300px;
    left: 0;
    -moz-transition: all ease-in-out 2s;
    -o-transition: all ease-in-out 2s;
    -webkit-transition: all ease-in-out 2s;
    transition: all ease-in-out 2s
    }

.mona4 {
    position: absolute;
    width: 530px;
    height: 280px;
    padding: 10px;
    background: url(http://sg.uploads.ru/yAcFz.jpg);
    top: 0;
    left: -550px;
    -moz-transition: all ease-in-out 2s;
    -o-transition: all ease-in-out 2s;
    -webkit-transition: all ease-in-out 2s;
    transition: all ease-in-out 2s
    }

.mona5 {
    position: relative;
    float: left;
    width: 350px;
    height: 280px
    }

.mona7 {
    position: relative;
    float: right;
    width: 160px;
    height: 280px
    }

.mona8 {
    width: 100px;
    height: 100px;
    border-top: 20px solid #017a73;
    border-bottom: 20px solid #017a73;
    }

.mona9 {
    width: 150px;
    height: 120px;
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    padding: 10px
    }

.mona11 {
    padding-bottom: 3px;
    line-height: 100%;
    border-bottom: 3px solid #017a73;
    margin-bottom: 5px
    }

.mona10 {
    width: 150px;
    padding-right: 10px;
    overflow: auto;
    height: 120px
    }

.mona12 {
    width: 350px;
    height: 260px;
    padding: 10px;
    background: url(http://sh.uploads.ru/cReSl.png);
    overflow: auto;
    text-align: justify;
    color: #333;
    font-family: arial;
    line-height: 95%;
    font-size: 13px
    }

.mona2:hover .mona4 {
    left: 0;
    -moz-transition: all ease-in-out 2s;
    -o-transition: all ease-in-out 2s;
    -webkit-transition: all ease-in-out 2s;
    transition: all ease-in-out 2s
    }

.mona2:hover .mona3 {
    left: 300px;
    -moz-transition: all ease-in-out 2s;
    -o-transition: all ease-in-out 2s;
    -webkit-transition: all ease-in-out 2s;
    transition: all ease-in-out 2s
    }
.namesurname1 { position: absolute; top: 60px; left: 85px; width:400px; height:50px; font-family: 'America XIX'; font-size: 40px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: 1px; color: #077f76; text-shadow: 1px 1px 0px #000}
.poyasnenie { position: absolute; top: 260px; left: 85px; width:400px; height:50px; font-family: 'America XIX'; font-size: 20px; text-align: center; line-height: 30%; text-transform: lowercase; letter-spacing: 1px; color: #077f76; text-shadow: 1px 1px 0px #000}
/*акционка и минишаблон*/
/*гостевая*/
.gallerylib {
  width: 500px;
  height: 648px;
    border: 20px solid #4b3470;
    background-image: url(http://sh.uploads.ru/bJGIP.gif);
    position: relative;
    overflow: hidden
    }

.namelib {
    font-family: America XIX;
    font-size: 24px;
    letter-spacing: 2px;
    color: #dcc2b7;
    line-height: 100%;
    text-transform: none;
    position: relative;
    top: 300px;
    text-shadow: 2px 2px 1px #121212;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    font-weight: 300;
    width: 300px;
    padding: 15px;
    border: 3px double #dcc2b7;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    }

.namelib1 {
    position: relative;
    left: 0;
   -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.namelib2 {
    position: relative;
    top: 0;
   -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.namelib3 {
    position: relative;
    left: 0;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .namelib {
    border: 3px double transparent;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .namelib1 {
    left: -400px;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .namelib2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .namelib3 {
    left: 400px;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.happiness {
    position: relative;
    width: 480px;
    height: 450px;
    z-index: -1;
   -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.pursuit {
    float: left
    }

.pursuit label {
    display: block;
    background: #;
    padding: 10px 12px;
    border: 3px double rgba(255, 255, 255, 0.7);
    position: relative;
    color: white;
    margin-left: 10px;
    top: -100px;
    font-size: 9px;
    line-height: 100%;
    font-family: pt sans narrow;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    -moz-transition-duration: 0,5s;
    -o-transition-duration: 0,5s;
    -webkit-transition-duration: 0,5s;
    transition-duration: 0,5s;
    }

.pursuit [type=radio] {
    display: none
    }

.cudi {
    position: absolute;
    top: 55px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
   -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib [type=radio]:checked ~ label {
    background: rgba(12, 12, 12, 0.8);
    border: 3px double rgba(255, 255, 255, 0.7);
    z-index: 4
    }

.gallerylib [type=radio]:checked ~ label ~ .cudi {
    z-index: 5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
    }

.gallerylib [type=radio]:checked ~ label ~ .cudi .golddd {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 5
    }

.gallerylib:hover .goldd {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
    }

.goldd {
    position: relative;
    top: 20px;
    width: 450px;
    padding-right: 10px;
    left: -10px;
    overflow: auto;
    height: 500px;
    background-color: rgba(255, 255, 255, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    border: 1px dotted #121212;
   -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.goldd a {
    margin: 10px;
    width: 430px;
    background-color: rgba(60, 50, 105, 0.8);
    text-align: center;
    color: #fefefe;
    text-shadow: 1px 1px 1px #121212;
    line-height: 100%;
    padding: 5px 0;
    font-family: pt sans narrow;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.5px;
    position: relative;
    left: 5px
    }

.golddd {
    position: relative;
    top: 40px;
    width: 450px;
    padding-right: 10px;
    left: -10px;
    overflow: auto;
    height: 450px;
    background-color: rgba(255, 255, 255, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    border: 1px dotted #121212;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.golddd a {
    margin: 10px;
    width: 430px;
    background-color: #;
    text-align: center;
    color: #fefefe;
    text-shadow: 1px 1px 1px #121212;
    line-height: 100%;
    padding: 5px 0;
    font-family: pt sans narrow;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.5px;
    position: relative;
    left: 5px
    }

.golddtit {
    width: 440px;
    background-color: #5c4287;
    position: relative;
    padding: 5px 10px 5px 0;
    left: 5px;
    text-align: center;
    font-family: Alexander;
    font-size: 16px;
    text-transform: none;
    line-height: 100%;
    color: #2b1c3d;
    text-shadow: 1px 1px 1px #121212;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 10px
    }

.kid {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .kid {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    top: -20px
    }

.kid2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .kid2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    top: -20px
    }

.kid3 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .kid3 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
   -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    top: -20px
    }

.kid4 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .kid4 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    top: -20px
    }

.kid5 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .kid5 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    top: -20px
    }

.kid6 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }

.gallerylib:hover .kid6 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    top: -20px
    }

.gallerylib:hover .happiness {
    z-index: 3;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    }

.gallerylib ::-webkit-scrollbar { width: 5px; } 
.gallerylib ::-webkit-scrollbar-track { background:transparent;  }
.gallerylib ::-webkit-scrollbar-thumb {  background: rgba(255,255,255,.7); } 
.gallerylib ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,255,255,.7); } 
/*гостевая*/
/*оформление списка занятых внешностей*/
.fg { width: 238px; height: 50px; padding: 6px; background-color: #4b3470; margin-bottom: 7px; }
.fm { border-radius: 50%;width: 40px; height: 40px; border: 1px solid #fff; background-size: 40px 40px; float: left; margin-right: 6px; }
.fcim2 { border-radius: 50%;width: 30px; height: 30px; border: 1px solid #fff; background-size: 40px 40px; float: left; margin-right: 6px; }
.fht { width: 182px; height: 35px; padding: 6px; background-color: #fff; float: left; }
.fcright1 { width: 182px; height: 20px; padding: 6px; background-color: #fff; float: left; }
.fn { width: 160px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; color: #000; font-style: italic; margin-top: -2px; text-align: center; line-height: 100%; }
.fn a { width: 160px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; font-style: italic; margin-top: -2px; text-align: center; line-height: 100%; }
.fa { width: 160px; font-family: 'Marvel', sans-serif; font-size: 8px; text-transform: uppercase; color: #000; line-height: 100%; text-align: right; padding-top: -9px; border-top: 1px solid #cbcacc; letter-spacing: 1px; margin-top: -9px;}
/*оформление списка занятых внешностей*/

/******************************************************************
  Cтиль:"таблица с постах"
******************************************************************/
/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background:#; border-color: #;
}
.s-tabs{
width:610px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height:200px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
  /*border-top-style: ridge !important;
  border-left-style: ridge !important;
  border-bottom-style: ridge !important;
  border-right-style: ridge !important;*/
  border-width: 3px !important;
  border-right-width: 3px !important;
   background: url(http://sh.uploads.ru/9u6j8.png) top center repeat-x, url(http://sh.uploads.ru/0zsMR.png) bottom center repeat-x, url(http://sg.uploads.ru/RaESz.png) left repeat-y, url(http://sg.uploads.ru/ajMQh.png) right repeat-y, url(http://sg.uploads.ru/TsQ81.png) top center repeat;
  box-shadow: inset 0px 5px 15px 1px #000000, 0px 0px 0px #84755C;
  border-radius: 7px 7px 2px 2px;
  color: #211611;
position:relative;
z-index:100;
cursor:pointer;
display:inline-block;
padding:8px;
height: 14px;
width: 33px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: normal 400 13px/16.5px "America XIX";
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color:#6a4a3e;
background:#;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
  /*border-top-style: ridge !important;
  border-left-style: ridge !important;
  border-bottom-style: ridge !important;
  border-right-style: ridge !important;*/
  border-width: 3px !important;
  border-right-width: 3px !important;
  background: url(http://sh.uploads.ru/9u6j8.png) top center repeat-x, url(http://sh.uploads.ru/0zsMR.png) bottom center repeat-x, url(http://sg.uploads.ru/RaESz.png) left repeat-y, url(http://sg.uploads.ru/ajMQh.png) right repeat-y, url(http://sg.uploads.ru/TsQ81.png) top center repeat;
  box-shadow: inset 0px 5px 15px 1px #000000, 0px 0px 0px #84755C;
  border-radius: 2px 2px 7px 7px;
  color: #84755C;
Font-size: 11px;
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden;  
text-align:center;
vertical-align:middle;
padding:4px 12px!important;
}
/* Достижения */
.spyro {width: 630px; border-top-style: ridge !important;border-left-style: ridge !important;border-bottom-style: ridge !important;border-right-style: ridge !important;border-width: 3px !important;border-right-width: 3px !important;
border-color: #2f1e17 #513427 #2f1e17 #40291f;
  background: url(http://savepic.su/6001198.jpg) top center repeat;box-shadow: inset 0px 5px 15px 1px #000000, 0px 0px 0px #84755C;border-radius: 2px 2px 2px 2px;color: #9b886f;}
.spyrocontent {width: 623px; padding: 10px;}
.spyrocircle {display: inline-block; /*width: 150px; height: 150px; border-radius: 100%; border: solid 4px #2f1e17;*/ padding: 3px; }
.spyrocircle img {/*border-radius: 100%;*/ width: 150px; height: 150px;}
.spyrolyrics {display: inline-block; width: 330px; padding: 0px; font-family: georgia, serif; font-style: italic; font-size: 12px; vertical-align: top; color: #9b886f; letter-spacing: 1px; text-align: justify; line-height: 12px }
.spyroinner {padding: 15px; font-size: 12px; line-height: 14px; font-family: calibri, sans-serif; color: #9b886f;}
.spyromp3 {background: #090401; padding: 3px;font-family: georgia, serif; font-style: italic; font-size: 14px; vertical-align: top; color: #9b886f; letter-spacing: 1px; text-align: justify; line-height: 12px}
.spyroimg {width: 400px; height: 150px;}
a {
  color: #9b886f;
}
a:hover {
  color:#261d17;
}
.namejivotnoe {width: 550px;margin-top:19px!important; font-family: 'America XIX', sans-serif!important;; font-size: 26px; text-align: center; line-height: 50%; text-transform: none; letter-spacing: -1px; color: #9b886f; text-shadow: 1px 1px 0px #000}
.umeniyajivotnoe {width: 310px; font-family: 'America XIX', sans-serif!important;; font-size: 20px!important; text-align: center; line-height: 50%; text-transform: none; letter-spacing: -1px; color: #9b886f; text-shadow: 1px 1px 0px #000000;}

/* ачивки */
#diamond1 img{
   width: 50px; 
   height: 50px; 
   margin: 0px 0px 0px 0px;
   -webkit-transform: rotate(0deg);
   -moz-transform:    rotate(0deg);
   -ms-transform:     rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   -o-transform-origin: 0 100%;
   transform-origin: 0 100%;
border-top-style: ridge !important;
border-left-style: ridge !important;
border-bottom-style: ridge !important;
border-right-style: ridge !important;
border-width: 3px !important;
border-right-width: 3px !important;
border-color: #f9b72d #ca4e0e #ad500d #fff21d;
box-shadow: inset 0 0 12px #000000, 0px 0px 0px #84755C;
border-radius: 4px 4px 4px 4px;
  color:#110907!important;
cursor:pointer;
}