/* H5.4 амс */  
.tooltip {
 position: relative;
}
.tooltip span{
  visibility: hidden;
  position: absolute;
  top: -110px; left: -40px;
 background: #eca545; box-shadow: 0 0 11px #c4a958 inset;  border-width: 3px 0px 3px 0px;
border-color: #61387a;
border-style: solid;
  padding: 3px;
} 
.tooltip:hover span{
  visibility: visible;
}

/* сообщения */
.bodyone { background: url(http://funkyimg.com/i/23DQ1.png) -0.5px top no-repeat, url(http://funkyimg.com/i/23DQ9.png) bottom no-repeat, url(http://funkyimg.com/i/23DQ8.png) repeat-y;} 
.mel { text-align: center; font-family: Lobster; color: #9e7aa5;  text-shadow: 1px 1px 0px #ffffff;} 


/* линки*/

.link1 { width: 95px; padding: 3px; 
background-color: #f0d16a; 
color: #ffffff;
 text-transform: uppercase; 
line-height: 100%;
 margin-bottom: 5px; 
font-size: 11px; 
letter-spacing: 1px; 
font-family: Bebas Neue;
 text-align: center; 
border-bottom: 1px solid #ffffff; 
border-top: 1px solid #ffffff;
 transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; }

.link1 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 11px; letter-spacing: 5px; font-family: Impact; text-align: center;}

.link1:hover { color: #ffffff; box-shadow:inset 216px 0 0 #bfa7cc;}


/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.0A Настройки - фон*/

body {
background: url("http://forumstatic.ru/files/0010/16/5b/60207.png") repeat-x top center, /*верх*/
url("///") repeat-x bottom center, /*низ*/
#c67900 url("http://funkyimg.com/i/23LVp.jpg") repeat; /*общий*/
}
body {overflow-x: hidden}

/* CS1.0B Настройки тела*/
#pun {
background: url("http://funkyimg.com/i/23LWF.jpg") repeat-y scroll top center;
background-color: #d8cbdd;
}

/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 8px;
height: 8px;
background-color: #4f1668;}
::-webkit-scrollbar-thumb{
background-color: #d97c0f; }

/* CS1.0D Настройки шапки*/
#pun-title.section {
  background: transparent url("http://forumstatic.ru/files/0010/16/5b/43987.png") top center scroll no-repeat; 
  height: 732px;
  width: 1500px; 
  margin-top: 0px;
  margin-left: -282px;}

/* CS1.0F Настройки футера*/
#pun-about p.container {background-color: #;
background-image : url(http://forumstatic.ru/files/0010/16/5b/54025.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 180px;
width: 939px; 
margin-left: -19px;
text-align: center;
margin-top: 20px;
border-color: transparent;
margin-bottom: -43px;
}

#pun-maint {
margin: 0px 20% 12px 20%;
}

#pun-redirect .main-title {
margin-bottom:30px !important;
}

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  }

/* CS1.3 Настройки заголовков*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
 font-size: 11px;
 text-align: center;
 font-family: Tahoma; 
 text-transform: uppercase;
 color: #000;
 height: 10px;
 background: url("") no-repeat scroll center; 
 width: 877px;
 margin-left:-25px;
 font-weight: bold;
  }

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

.punbb-admin #pun-admain h2{
color: transparent;
background: transparent;
text-align: left;
text-shadow: none;
padding-left: 55px;}


/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background: #ece7ee url("");
padding: 7px;
border: 3px double #beacc5;
text-shadow:1px  0px  1px  #fff;
border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #beacc5;
-webkit-box-shadow: inset 0 0 10px 5px #beacc5; 
box-shadow: inset 0 0 10px 5px #beacc5;
color: #000000;
  }


/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text { 
margin: 0 1.0em 0 1.0em;
background-color: #ece7ee !important;
background-image: url("");
color: #000000 !important;
display: block;
font-family: Tahoma; 
font-style: normal;
font-size: 15px !important;
text-align: center;
line-height: 15px;
padding: 10px;
border: double #761d9f !important;
}


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  font-size: 11px;
  text-transform: uppercase;
  font-family: tahoma;
  }

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

/* CS1.9 Настройки формы ответа*/
.punbb textarea  {
background: #ece7ee url("");
padding: 5px;
font-size: 11px !important;
border: 3px double #beacc5;
border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #beacc5;
-webkit-box-shadow: inset 0 0 10px 5px #beacc5; 
box-shadow: inset 0 0 10px 5px #beacc5;
color: #000000;
  }

/* CS1.10 Настройки профиля в теме*/
li.pa-author {text-transform: none;}

.post-author ul li{
line-height: 10px;
}



.pa-author {font-size: 18px; 
font-family: 'cuprum', sans serif;
line-height: 60%;
font-style: italic;
padding: 15px 0px 0px 0px !important;
}

li.pa-avatar.item2 img {
margin-bottom:-1px!important;
}

.pa-fld5{
margin-bottom:-1px!important;}

li.pa-fld3 {
  margin-top: 5px;
  margin-bottom: -8px!important;
  }

li.pa-fld2 {
  margin-top: -5px!important;
}


/* соо и репа*/
.pa-posts {
margin-left: 0px;
background-color: #ece7ee; 
border: 3px #beacc5 double;
text-align: left; 
-moz-box-shadow: inset 0 0 10px 2px #beacc5;
-webkit-box-shadow: inset 0 0 10px 2px #beacc5;
border-radius: 5px;  repeat-y;
display: inline-block;
text-align: center;
text-transform: lowercase;
padding: 0px 0px;
width: 70px;
color: #000000;
}

.pa-respect {
display: inline-block;
margin-left: 0px;
background-color: #ece7ee; 
border: 3px #beacc5 double;
text-align: left; 
-moz-box-shadow: inset 0 0 10px 2px #beacc5;
-webkit-box-shadow: inset 0 0 10px 2px #beacc5;
border-radius: 5px;  repeat-y;display: inline-block;
text-align: center;
text-transform: lowercase;
padding: 0px 0px;
width: 70px;
color: #000000;
}

/* CS1.11 Настройки окон в форме ответа*/
 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
background: #ece7ee;
padding: 5px;
border: 3px double #846295
border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #beacc5;
-webkit-box-shadow: inset 0 0 10px 5px #beacc5; 
box-shadow: inset 0 0 10px 5px #beacc5;
color: #000000;
}

/* CS1.12 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb .button, .punbb select {
background: #ece7ee url("");
padding: 5px;
border: 3px double #846295;
border-radius: 20px;
-moz-box-shadow: inset 0 0 3px 3px #beacc5;
-webkit-box-shadow: inset 0 0 3px 3px #beacc5; 
box-shadow: inset 0 0 3px 3px #beacc5;
color: #000000;
}

#post .formsubmit {text-align: center;}

/* кнопки*/
.punbb .button {
background: #ece7ee;
text-shadow: 0px 1px 1px #fff;
font-size: 11px;
text-transform: uppercase;
-moz-box-shadow: inset 0 0 10px 5px #beacc5;
-webkit-box-shadow: inset 0 0 10px 5px #beacc5; 
box-shadow: inset 0 0 10px 5px #beacc5;
font-family: Verdana;
color: #000000 !important;
font-weight: bold;
height: 36px;
padding: 6px;
min-width: 100px;
text-align: center;
}
.punbb .button:hover {
background-color:#ece7ee;
}

/* 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, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
  border-color: transparent;
  }

/* Ссылки*/

/* Настройки ссылок*/
.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: #2f0c40;
  border-bottom: 0px none #000;
  text-decoration: none;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #2f0c40
  }

/* Настройки ссылок при наведении*/
.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: #84579b;
  border-bottom: 0px none #000;
  }

/* CS3.3 Настройки навигационных ссылок*/
#pun-navlinks a {
color: #59366b;
font-weight: bold;
  }

/* Настройки навигационных ссылок при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #9054af;
  }

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

Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-right: 24px;
top: 65px;
width: 65px;
height: 65px;
background-image : url();
background-repeat: no-repeat; }

TR.inew Div.icon {background-image : url(http://forumstatic.ru/files/0010/16/5b/76833.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://forumstatic.ru/files/0010/16/5b/76833.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://forumstatic.ru/files/0010/16/5b/76833.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(///); background-repeat: no-repeat;}

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


/* CS5 Другое
 -------------------------------------------------------------*/

 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
  display: none
}

#pun-stats ul.container {
  background: transparent url(http://forumstatic.ru/files/0010/16/5b/14844.png) no-repeat 10px 15px;
  padding-left: 60px;}

#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container  {
color: #321043;
padding: 3px; 
background: #ede5f1 !important;  }
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background: #f2efe5 !important; 
width: auto !important; 
height: 15px !important; 
margin: auto !important;
color: #470369 !important;}

hr {
border: none;
border-top: dashed 1px #4a285b;}

.punbb th {
 background: #transparent;
 color: transparent;
}

.punbb .post-sig {color:#000000;}

.punbb .post-sig dt { 
border: none;
border-top: dashed 1px #4b285d;
  }

#profile .container #profilenav h2   {
text-align : left;
color: #5d4c65;
text-shadow: none;}

#arrows {
position:fixed;
right:2%;
bottom: 45%;
}


/*CS6 TABLE
 ---------------------------------*/
#table_block {
width: 840px; 
height: 200px;
background: #ffedd1;
color: #b8aa90; 
margin-left: -7px;
}

#menu {
height: 20px;
background: #e3dbe7;
margin-top: -5px;
}

#menu span {
width: 830px;
padding: 0px 10px;
cursor: pointer;
opacity: 0.8;
font-family: Tahoma;
font-size: 14px;
text-transform: uppercase;
}

#menu .tabactive{
border: none !important;
opacity: 1.0;
}

#submenu {
height: 150px;
font-size: 11px;
width: 830px;
color: #818181;
}

#plng {
   font-family: verdana;
   font-size:11px;
   color:#000000;
}

/* ссылки подфорумов*/
#phlinks { line-height: 7px; margin-top: 9px; }
#phlinks a:link, #phlinks a:visited, #phlinks a:active 
{ background: #826b8d; 
   color: #d8cddd; 
   display: inline; 
   font: 10px cuprum; 
   letter-spacing: 1px; 
   line-height: 5px; 
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   text-shadow: #979797 1px 1px 1px;
   text-transform: uppercase; 
   -moz-transition-duration: 1s; 
   -o-transition-duration: 1s; 
   transition-duration: 1s; 
   -webkit-transition-duration: 1s; }
#phlinks a:hover { background: #705c79; color: #d9cdde;}

.punbb .main .tcr a {
  font-family: 'cuprum' !important;
  font-size: 13px !important;
  font-weight: normal;
  font-style: italic; 
}

/* Категории
 -------------------------------------------------------------*/
#pun-stats.section h2 span, .category h2 span {
}
#pun-category2.category h2 {
background: url(http://forumstatic.ru/files/0010/16/5b/58190.png) no-repeat center;
height: 94px;
width: 405px;
margin-left: 250px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category3.category h2 {
background: url(http://forumstatic.ru/files/0010/16/5b/68129.png) no-repeat center;
height: 94px;
width: 420px;
margin-left: 250px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category4.category h2 {
background: url(http://forumstatic.ru/files/0010/16/5b/34267.png) no-repeat center;
height: 94px;
width: 420px;
margin-left: 250px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category5.category h2 {
background: url(http://forumstatic.ru/files/0010/16/5b/75840.png) no-repeat center;
height: 94px;
width: 420px;
margin-left: 250px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category6.category h2 {
background: url(http://forumstatic.ru/files/0010/16/5b/55277.png) no-repeat center;
height: 94px;
width: 420px;
margin-left: 250px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category7.category h2 {
background: url(http://forumstatic.ru/files/0010/16/5b/96342.png) no-repeat center;
height: 94px;
width: 420px;
margin-left: 250px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category1.category h2 {
background: url(http://forumstatic.ru/files/0010/16/5b/96342.png) no-repeat center;
height: 94px;
width: 420px;
margin-left: 250px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-stats.section h2 {
background: url(....) no-repeat top center;
height: 10px !important;
display: none;
}

/* администрация*/
.admins {
  position: relative;
  display: inline-block;
  font-family: 'cuprum';
  text-shadow: #170021 1px 1px;
  font-size:12px;
  font-style: italic;
  text-transform: uppercase;
  padding: 1px; 
}

.admins a{
  color:#fff!important;
   margin-right:2px;}

.admins span {
   display:none;
} 

.admins:hover span{
   position:absolute;
  border-radius: 10px;
   background: #000;
   text-align:center;
   padding:2px;
   display:inline-block;
   margin-top: 10px;
   left:-50px;
   z-index:100000;
   font-size:13px;
   color: #fff;
}


.hoverbox a
{
  cursor: default;
}

.hoverbox a .preview
{
  display: none;
}

.hoverbox
{
  cursor: default;
  list-style: none;
}


.hoverbox a:hover .preview
{
  display: block;
  position: absolute;
  top: -15px;
  left: -15px;
  z-index: 1;
}


li.pa-avatar img{
border-width: 3px;
-moz-border-image: url(http://funkyimg.com/p/23D5r.jpg) 3 round; /* Firefox 4 */
-webkit-border-image: url(http://funkyimg.com/p/23D5r.jpg) 3 round; /* Safari 5 и Chrome */
-o-border-image: url(http://funkyimg.com/p/23D5r.jpg) 3 round; /* Opera 10.5 */}

/* STRUCTURE BY 96KINGDOM.RU
-------------------------------------------------------------*/

/* сообщения на форум готовый*/
.body1 { background: url(http://funkyimg.com/i/23DQ1.png) -0.5px top no-repeat, url(http://funkyimg.com/i/23DQ9.png) bottom no-repeat, url(http://funkyimg.com/i/23DQ8.png) repeat-y;} 
.naz { text-align: center; font-family: Lobster; color: #9e7aa5;  text-shadow: 1px 1px 0px #ffffff;} 


/* приветственное сообщение*/
.pinkholder {
float: center;
width: 400px;
height: 261px;
background: url('http://funkyimg.com/i/23Fac.png'), repeat repeat center center;
padding: 8px;
position: relative;
border: 3px solid #f6cc82;
box-shadow: 0 0 1px #333;
}
.pinksubholdercontainer {
float: right;
width: 199px;
height: 155px;
padding: 3px 5px 5px 1px;
background: #fff4e0;
overflow: hidden;
position: relative;
margin: 0 1px 7px 0;
text-align: justify;
border-left: 3px solid #f2b653;
border-right: 3px solid #f2b653;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
/* welcome цвет*/
.pinksubholdercontainer h3 {
color: #f6cc82;
}
.pinksubholder p {
color: #666;
font-family: calibri, serif;
font-size: 10px;
font-style: none;
text-align: left;
line-height: 7px;
background: transparent;
padding: 2px 0px 0px;
margin: 1px 2px 3px 5px;
position: relative;
}
.pinksubholder p:first-letter {
display: inline-block; 
float: left; 
color: #fff4e0; 
font-family: georgia;
font-size: 20px;
text-shadow: 0 0 1px #e16e72;
background-color: #ba5c5f;
background-image: -webkit-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -moz-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -o-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -ms-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: linear-gradient(top, #ba5c5f, #f6cc82);
padding: 8px;
margin: 1px 5px 0 0px;
box-shadow: 0 0 1px #222;
}
.pinksubholder a {
color: #a05052;
text-transform: uppercase;
text-decoration: none;
cursor: url(http://i.imgur.com/ffMehRc.png), auto;
transition: all 0.5s linear;
}
.pinksubholder a:hover {
color: #ba5c5f;
}
.pinkleftmenu li {
overflow: hidden;
width: 177px;
height: 40px;
background: #fff4e0;
margin-bottom: 4px;
border-left: 3px solid #f2b653;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.pinkleftmenu li:last-child {
margin-bottom: 0px;
}
.pinkleftmenu li a {
display: block;
width: 100%;
height: 100%;
color: #333;
text-align: left;
padding-left: 10px;
position: relative;
}
.pinkleftsub {
color: #666;
font-family: calibri;
font-size: 18px;
text-transform: uppercase;
margin: 0;
transition: all 300ms linear;
-webkit-transition: all 300ms linear;
-ms-transition: all 300ms linear; 
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
}
.pinkleftmenu li:hover {
background: #f6cc82;
border-left: 3px solid #ba5c5f;
}
.pinkleftmenu li:hover .pinkleftmain {
opacity: 1;
color: #51282a;
-webkit-animation: moveFromTop 300ms ease-in-out;
-ms-animation: moveFromTop 300ms ease-in-out;
-moz-animation: moveFromTop 300ms ease-in-out;
}
.pinkleftmenu li:hover .pinkleftsub {
opacity: 1;
color: #222;
-webkit-animation: moveFromBottom 300ms ease-in-out;
-ms-animation: moveFromBottom 300ms ease-in-out;
-moz-animation: moveFromBottom 300ms ease-in-out;
}
.pinkinfoimage {
float: right;
width: 205px;
height: 84px;
text-align: center;
background: #fff4e0 url('') no-repeat center center;
position: relative;
margin: 0 1px 0 0;
border: 3px solid #f6cc82;
overflow: hidden;
cursor: default;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.pinkinfoimage blockquote {
float: center;
width: 185px;
height: 60px;
color: #f6cc82;
font-family: calibri;
font-size: 10px;
text-align: left;
line-height: 10px;
background: #393939;
padding: 5px 5px 3px 5px;
margin: 5px 2px 1px 5px;
border-top: 3px solid #ba5c5f;
border-bottom: 3px solid #ba5c5f;
}
.pinkinfoimage blockquote:first-letter {
float: left; 
display: inline-block; 
color: #fff4e0; 
font-family: georgia;
font-size: 20px;
text-shadow: 0 0 1px #e16e72;
background-color: #ba5c5f;
background-image: -webkit-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -moz-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -o-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -ms-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: linear-gradient(top, #ba5c5f, #f6cc82);
padding: 8px;
margin: 1px 5px 0 0px;
box-shadow: 0 0 1px #222;
}
.pinkinfoimage blockquote b {
color: #a05052;
font-family: calibri;
font-size: 10px;
text-transform: uppercase;
line-height: 10px;
}
.pinkinfoimage blockquote b:hover {
color: #ba5c5f;
}
/* конец приветственного сообщения*/



/* объявление */
.hello33 {background-color: #a98baf;}
.hello32 {background: #fff4e0;}
.hello31 {color: #f3b95f; text-shadow:1px 1px #a98aae, 2px 2px #fff;}
.nav, .nav2 {font-family:Palatino Linotype; font-size:9px; line-height:20px;letter-spacing:1pt;   text-transform:uppercase}
.nav {background:#f3bb65;  width:115px; height:16px; color:#ffffff;  text-align:center; display:block;position:relative; }
.nav2 {background:#ffffff;  width:115px; height:16px; text-align:center; color:#093c53; display:block;position:relative;}
.hello{
  background-color: #f3bb65;
  width: 580px;
  height: 90px;
  padding: 5px;
}
.hello1{
  color: #FFF;
font-family: 'Khula', sans-serif; text-align: center; font-size: 60px; color: #fff; text-shadow:1px 1px #f3bb65, 2px 2px #fff;
  font-size: 45px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: right;
padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 20px;
}
.bye{
  background-color: #f3bb65;
  width: 580px;
  height: 30px;
  padding: 5px;
}
.hellogif {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f3bb65), color-stop(51%,#f3bb65));
  padding: 5px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 8;
}
.hellogif img {
 width: 145px;
  height: 145px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.mp3 {
  font-family: Open Sans;
  font-size: 10px;
  color: #FFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  padding: 5px 40px 5px 0px;
  z-index: 5;
}
.citata {
background-color: #a98baf; 
  text-transform: lowercase;
 width:350px;
font-family: calibri; font-size: 8px; line-height: 90%; color: #ffffff; text-align: center; padding:5px; letter-spacing: 1px; text-shadow: 1px 0px 0px #f3b95f;
   letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  padding: 5px 40px 5px 0px;
  z-index: 5;
}
/* конец объявления */

/* награды */
.canh { width: 48px; height: 55px; background-color: #FDF5E6; padding: 5px; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;  font-family: cambria, serif; font-size: 11px; text-align: justify; line-height: 100%; color: #623346; border-right: 5px groove #9d77a4;}
.canh:hover {  width: 40px; height: 55px; background-color: #FDF5E6; padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 10px; text-align: justify; line-height: 100%; color: #111; border-right: 3px groove #9d77a4;}
.nag {  background-color: #9d77a4; color: #ffffff; text-align: center;padding: 3px;}

/* анкета */
.name { width: 440px; padding: 2px; text-align: right; font-size: 40px; text-transform: lowercase; color: #fff; line-height: 100%; font-style: italic; letter-spacing: -2px; font-family: 'Khula', sans-serif; text-align: center; font-size: 40px; color: #fff; text-shadow:1px 1px #784e91, 2px 2px #fff; border-top: 0px; font-weight: bold; }
.name1 { padding: 1px; background-color: #3A3337; font-size: 10px; color: #fff; text-align: center; font-family: calibri, sans-serif; letter-spacing: 0px; line-height: 100%; font-style: normal; text-transform: uppercase;  font-weight: lighter; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #f0d16a;}
.name1:hover { color: #000; box-shadow:inset 406px 0 0 #f0d16a;}
.fon1 { width: 590px; padding: 5px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/23Bnt.png); padding-bottom: 0px; border-bottom: 0px;}
.fon2 { width: 580px; padding: 5px; border: 1px solid #B4B4B4; background-color: #f3eef3; padding-bottom: 0px; border-bottom: 0px;}
.PHOm { width: 210px; padding: 5px; border: 1px solid #B4B4B4; background-color: #fffcf6; margin-bottom: 5px;}
.PHOmi { width: 190px; padding: 9px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/23Bnb.png);  padding-bottom: 1px;}
.PHOmil { width: 190px; padding: 3px; background-color: #fff8ed; border-bottom: 1px solid #B4B4B4; font-size: 12px; text-align: right; font-family: 'Vollkorn', serif; text-transform: lowercase; letter-spacing: 2px; font-style: italic; font-weight: bold; text-indent: 15px;}
.PHOmili { width: 190px; padding: 3px; background-color: #fff2df; text-align: left; font-size: 7px; color: #555; text-transform: uppercase; line-height: 100%; letter-spacing: 2px; font-family: verdana, sans-serif; text-indent: 20px;}
.PHOmil:first-letter { color: #f0ac3c; } 
.PHOfim { width: 120px; padding: 5px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/23Bnb.png); height: 250px;}
.PHOfim img { width: 110px; border: 5px solid #fff2df; }
.PHOftl1 { width: 100px; padding: 9px; background-color: #84579b; color: #fff; text-transform: uppercase; line-height: 100%; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff2df; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #f0d16a;}
.PHOftl1 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center;}
.PHOftl1:hover { color: #000; box-shadow:inset 146px 0 0 #f0d16a;}
.PHOftl2 { width: 115px; padding: 3px; background-color: #84579b; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 8px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #f0d16a;}
.PHOftl2 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center;}
.PHOftl2:hover { color: #000; box-shadow:inset 146px 0 0 #f0d16a;}
.PHOft { width: 210px; padding: 3px; border: 1px solid #B4B4B4; background-color: #fff; margin-bottom: 5px;}
.PHOfti { width: 200px; padding: 4px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/23Bnb.png); }
.PHOftii { width: 190px; padding: 5px; height: 42px; background-color: #fff8ed; }
.PHOftit { width: 190px; padding-right: 10px; height: 42px; overflow: auto; font-size: 8px; text-transform: uppercase; font-family: calibri, sans-serif; color: #555; text-align: justify;}
.PHOftit:first-letter { float: left; color: #fff; background-color: #7e5396; margin-right: 1px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; line-height: 100%; padding: 10px; font-weight: bold;}
.bio { width: 594px; padding: 3px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/23Bnt.png);}
.bio1 { width: 584px; padding: 4px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/23Bnb.png); }
.bio2 { width: 570px; padding: 5px;  background-color: #f3eef3; }
.bio5 { width: 265px; padding: -10px;  background-color: #fff8ed; font-size: 10px; text-transform: uppercase; font-family: calibri, sans-serif; color: #555;}
.bio4 {  width: 275px; padding: 5px;  background-image: url(http://funkyimg.com/i/23Bnt.png); }
.bio3 { width: 570px; padding-right: 10px;  overflow: auto; font-size: 10px; text-transform: uppercase; font-family: calibri, sans-serif; color: #555; text-align: justify;}
.bio3:first-letter { float: left; color: #fff; background-color: #7e5396; margin-right: 1px; font-size: 12px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; line-height: 100%; padding: 10px; font-weight: bold;}
.naf1 { width: 210px; padding: 4px; background-color: #7e5396; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #f0d16a;}
.naf1 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 5px; font-family: calibri, sans-serif; text-align: center;}
.naf1:hover { color: #000; box-shadow:inset 216px 0 0 #f0d16a;}
.zs1 { width: 100px; padding: 5px;  background-color: #fff8ed; font-size: 10px; text-transform: uppercase; font-family: calibri, sans-serif; color: #555;}
.zs {  width: 110px; padding: 5px;  background-image: url(http://funkyimg.com/i/23Bnt.png); }
.nafa1 { width: 90px; padding: 4px; background-color: #7e5396; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #f0d16a;}
.nafa1 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 5px; font-family: calibri, sans-serif; text-align: center;}
.nafa1:hover { color: #000; box-shadow:inset 216px 0 0 #f0d16a;}

/* нужный */
.name2 { width: 440px; text-align: right;  text-transform: lowercase; color: #fff; line-height: 100%; font-style: italic; padding: 2px;  letter-spacing: -2px; font-family: 'Khula', sans-serif; text-align: center;  color: #fff; text-shadow:1px 1px #784e91, 2px 2px #fff; border-top: 0px; font-weight: bold; font-size: 20px;}
/* банк */
.nafa2 { width: 250px; padding: 4px; background-color: #7e5396; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #f0d16a;}
.nafa2 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 5px; font-family: calibri, sans-serif; text-align: center;}
.nafa2:hover { color: #000; box-shadow:inset 216px 0 0 #f0d16a;}

/* правила*/

.nafa3 { width: 500px; padding: 4px; background-color: #7e5396; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #f0d16a;}
.nafa3 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 5px; font-family: calibri, sans-serif; text-align: center;}
.nafa3:hover { color: #000; box-shadow:inset 490px 0 0 #f0d16a;}
/* администрация фак*/
.jcanonname3 { background: #ac8eb2;}
.jcanonname2 { background: #ac8eb2;}
/* стихии рамка*/
.rama { border:4px double #7e5396;}
.rama1 { border:4px double #7e5396; background-color: #d0bbd3;}
/* личное звание */
.lz {
  width: 217px !important;
  margin-left: -7px !important;
  background: url() 0px top no-repeat,
  url() 1px bottom no-repeat,
  url() 0px repeat-y;
  padding: 0px 0px 5px 0px;
float: left;
}
.lz1 {
  text-align: center;
  width: 170px;
  padding: 5px;
background: #f8eadc; 
box-shadow: 0 0 6px #93569e inset;
 border: 2px  double #93569e;
 border-radius:15px;
  text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
  margin-left: 10px !important;
float: left;
}
.lz2{
  text-align: center;
  width: 165px;
  padding: 2px;
font-family: cuprum;
  font-style: italic;
  font-size:16px;
}
.lz3{
  text-align: left;
  width: 165px;
  padding: 5px;
font-family: Certege;
  font-size:14px;
line-height: 10px;
}
.lz6 {
 text-align: center;
  width: 40px;
background: #fdf3de; 
  text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
 color: #93569e; 
height: 35px;
  font-family: Tincushion;
  font-size:42px;
 padding: 5px;
box-shadow: 0 0 6px #93569e inset;
 border: 2px  double #93569e;
}
.lz7 {
  text-align: center;
  width: 90px;
 padding: 3px;
background: #fdf3de; 
  text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
 color: #93569e; 
box-shadow: 0 0 6px #93569e inset;
 border: 2px  double #93569e;
}
.lz8 {
  width: 120px;
}
/* стихии в личном звании */
.sti1 { }
.sti1:hover {  width: 40px; height: 35px; background-image: url(http://i.imgur.com/Czpe30B.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}
.sti2 {width: 40px; height: 35px;  background-repeat: no-repeat;}
.sti2:hover {  width: 40px!important; height: 35px!important; background-image: url(http://funkyimg.com/i/23KcS.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}
.sti3 { }
.sti3:hover {  width: 40px; height: 35px; background-image: url(http://funkyimg.com/i/23KcS.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}
.sti4 { }
.sti4:hover {  width: 40px; height: 35px; background-image: url(http://i.imgur.com/ky5PLKt.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}
.sti5 { }
.sti5:hover {  width: 40px; height: 35px; background-image: url(http://i.imgur.com/r88b6yl.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}


/* личное звание */
.lz {
  width: 217px !important;
  margin-left: -7px !important;
  background: url() 0px top no-repeat,
  url() 1px bottom no-repeat,
  url() 0px repeat-y;
  padding: 0px 0px 5px 0px;
float: left;
}
.lz1 {
  text-align: center;
  width: 170px;
  padding: 5px;
background: #f8eadc; 
box-shadow: 0 0 6px #93569e inset;
 border: 2px  double #93569e;
 border-radius:15px;
  text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
  margin-left: 10px !important;
float: left;
}
.lz2{
  text-align: center;
  width: 165px;
  padding: 2px;
font-family: cuprum;
  font-style: italic;
  font-size:16px;
}
.lz3{
  text-align: left;
  width: 165px;
  padding: 5px;
font-family: Certege;
  font-size:14px;
line-height: 10px;
}
.lz6 {
 text-align: center;
  width: 40px;
background: #fdf3de; 
  text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
 color: #93569e; 
height: 35px;
  font-family: Tincushion;
  font-size:42px;
 padding: 5px;
box-shadow: 0 0 6px #93569e inset;
 border: 2px  double #93569e;
}
.lz7 {
  text-align: center;
  width: 90px;
 padding: 3px;
background: #fdf3de; 
  text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
 color: #93569e; 
box-shadow: 0 0 6px #93569e inset;
 border: 2px  double #93569e;
}
.lz8 {
  width: 120px;
}
/* стихии в личном звании */
.sti1 { width: 40px; height: 35px;background-repeat: no-repeat;}
.sti1:hover {  width: 40px; height: 35px; background-image: url(http://i.imgur.com/C4FfRQ1.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}
.sti2 {width: 40px; height: 35px; background-repeat: no-repeat;}
.sti2:hover {  width: 40px; height: 35px; background-image: url(http://i.imgur.com/TmHnWyG.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}
.sti3 { width: 40px; height: 35px;background-repeat: no-repeat;}
.sti3:hover {  width: 40px; height: 35px; background-image: url(http://i.imgur.com/8t2mcBZ.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}
.sti4 { width: 40px; height: 35px;background-repeat: no-repeat;}
.sti4:hover {  width: 40px; height: 35px; background-image: url(http://i.imgur.com/HL0nzt7.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}
.sti5 { width: 40px; height: 35px;background-repeat: no-repeat;}
.sti5:hover {  width: 40px; height: 35px; background-image: url(http://i.imgur.com/UP3HSpR.png); padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 1px; text-align: justify; line-height: 100%; color: #111; margin-top: -15px; margin-left: -5px;}




/* пост и эпизод */
#phoe{ width: 129px; position: relative; left: -5px; height: 80px; overflow: hidden; }
#soswph { width: 129px; height: 80px; }
#soswph:hover .sosir { top: -110px; }
.sosir { width: 129px; height: 80px; padding: 12px 0px; background-color: #fff8c7; border-bottom: 5px solid #84579b; position: relative; top: -200px; -webkit-transition: .5s ease-in-out all; -moz-transition: .5s ease-in-out all; -ms-transition: .5s ease-in-out all; -o-transition: .5s ease-in-out all; transition: .5s ease-in-out all; }
.soswpt { padding-top: 26px; font-family: Bebas Neue; text-align: center; line-height: 100%; text-transform: lowercase; font-weight: 700; color: #6d3689; font-size: 16px; letter-spacing: 3px; }
.soswpt:first-letter { color: #9b6004; }
.soswmt { font-family: Lobster; font-size: 12px; text-align: center; line-height: 100%;  letter-spacing: 1px; color: #6d3689; }



/* пара */
#phoe1{ width: 229px; position: relative; left: -5px; height: 82px; overflow: hidden; }
#soswph1{ width: 229px; height: 82px; }

#soswph1:hover .sosir1 { top: -140px; }

.sosir1{ width: 229px; height: 82px; padding: 10px 0px; background-color: #fff8c7; border-bottom: 5px solid #84579b; position: relative; top: -200px; -webkit-transition: .5s ease-in-out all; -moz-transition: .5s ease-in-out all; -ms-transition: .5s ease-in-out all; -o-transition: .5s ease-in-out all; transition: .5s ease-in-out all; }

.soswpt1{ padding-top: 59px; font-family: Bebas Neue; text-align: center; line-height: 100%; text-transform: lowercase; font-weight: 700; color: #6d3689; font-size: 20px; letter-spacing: 3px; }

.soswpt1:first-letter { color: #9b6004; }

.soswmt1{ font-family: Lobster; font-size: 12px; text-align: center; line-height: 100%;  letter-spacing: 1px; color: #6d3689; }