/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-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, #pun-navlinks .container  { background-color: transpanent;
color: #000000;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
html, body { background:
  url("http://funkyimg.com/i/256vJ.jpg") repeat-x top center,
  url("http://funkyimg.com/i/256vK.jpg") center; background-color : #211010;}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/256vL.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 520px;
width: 902px;
margin-left: -35px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #d9cead; background-image: url(http://funkyimg.com/i/256vH.jpg);}



/* картинка в самый низ */
          #pun-about p.container {background: transparent url("http://funkyimg.com/i/256vS.jpg") 
bottom center no-repeat;
height: 230px;
margin-left: -47px;
margin-bottom: -71px;
width: 902px;
  }



/* CS1.6 Ссылки верхней навигации*/
/*----форум сообщения и тд----*/
#pun-navlinks .container { 
text-align: justify; 
position: absolute;
font-family: Lobster !important;
color: #d0b192;
text-shadow: 1px 0px 0px #47281e;
font-size: 14px !important;
font-weight: bold !important;
text-transform: uppercase !important;
background-color: transpanent; 
z-index: 1000;
margin-left: -20px;
width:950px;
top: 190px;}

/*----активные темы и тд----*/
#pun-ulinks .container { 
text-align: justify; 
position: absolute; 
font-family: sail !important;
color: #47281e;
letter-spacing: 0px;
font-size: 9px !important;
text-transform:lowercase !important;
top: 216px;
margin-left: -20px;
z-index: 1000;
width:950px;}

/* CS2 Ссылки */

/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #47281e;
  text-decoration: none;
font-weight: bold;
-webkit-transition: color 0.2s ease 0.02s;
transition: color 0.2s ease 0.02s;}

/* CS2.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: #3e2419;
  text-decoraпоtion: none;
text-shadow: 1px 1px 1px #d0b495;
font-weight: bold!important;
-webkit-transition: color 0.2s ease 0.02s;
transition: color 0.2s ease 0.02s;}

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

/* иконка старых сообщений*/
.punbb table Div.icon { 
background-image : url(http://funkyimg.com/i/256wY.jpg);
opacity: 1;
}

#messages table Div.icon, #pun-viewforum table Div.icon {
background: url("http://funkyimg.com/i/256wY.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:40px!important;
margin-left:-10px!important;
padding-right:10px!important;
}

/* иконка новых сообщений*/
.punbb table TR.inew Div.icon { 
background-image : url(http://funkyimg.com/i/256wX.jpg);
opacity: 1;
}

#messages table TR.inew Div.icon, #pun-viewforum table TR.inew Div.icon {
background: url("http://funkyimg.com/i/256wX.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:60px!important;
margin-left:-10px!important;
padding-right:10px!important;
}

/* иконка важных сообщений*/
#messages table TR.isticky Div.icon, #pun-viewforum table TR.isticky Div.icon {
background: url("http://funkyimg.com/i/256wW.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:43px!important;
margin-left:-10px!important;
padding-right:10px!important;
}

/* иконка закрытых сообщений*/
#messages table TR.iclosed Div.icon, #pun-viewforum table TR.iclosed Div.icon {
background: url("http://funkyimg.com/i/256wZ.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:35px!important;
margin-left:-10px!important;
padding-right:10px!important;
}






/* CS5 Прочие элементы */

/* CS5.1 */
/* цитаты, коды, форма ответа */
.punbb textarea, .punbb select, .punbb input {
   background-color: transparent;
   color: #2d160e;
   background-color: #d0b495;
   background-image: url("http://funkyimg.com/i/256Dg.jpg");
   box-shadow: inset #aa9176 0 0px 20px;
   border: 3px #d0b495 double;
   -moz-border-radius: 10px;
   -webkit-border-radius: 1px 2px 2px 2px;
}

.punbb .quote-box, .punbb .code-box {
    background-color: transparent;
    color: #2d160e;
    box-shadow: inset #aa9176 0 0px 20px;
    background-color: #d0b495;
    background-image: url("http://funkyimg.com/i/256Dg.jpg");
    border: 3px #d0b495 double;
   -moz-border-radius: 10px;
   -webkit-border-radius: 1px 2px 2px 2px;
}

/* Отправить/Посмотреть */
.post-links li > a, .postlink a, .postlink > input, input.button, #nav > *  {
font: small-caps 700 10pt sail !important;
display: inline-block;
box-sizing: border-box;
font-weight: bold;
}




/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -6em}
#pun-main .post-author ul {text-align: center;margin-left: 13px;}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*----сообщений----*/
#pun-main .post-author .pa-posts {
background-color: transpanent;
margin-top: 8px;
text-transform: lowercase!important;
line-height: 100%!important;
padding-top: 0px;}

/*----репутация----*/
#pun-main .post-author .pa-respect {
background-color: transpanent;
text-transform: lowercase!important;
line-height: 100%!important;
padding-top: 0px;}

/*----написание ника----*/
li.pa-author { font-family: 'Lobster';
font-size: 20px!important; line-height: 100%!important;
margin-top: 28px;}

/*----сдвинуть поля профиля----*/
.pa-fld1 {
margin-left: 20px;}
.pa-fld2 {
margin-left: 20px;}
.pa-fld3 {
margin-left: 13px;}
.pa-fld4 {
margin-left: 13px;}

/*----написание статуса----*/
#pun-status .container {text-align: center; margin-left: 13px;}

/*----строка Форум Тем Сообщений Последнее сообщение----*/
#pun th {font-size: 0px;}

/*----рамка аватара----*/
li.pa-avatar.item2 img {border: 3px #b09a86 double; text-align: center;}

/*----написание "активен", "последний визит"----*/
#pun-main .post-author .pa-online {font: 12px sail;
text-transform: lowercase;
margin-top: 8px;
}
#pun-main .post-author .pa-last-visit {font: 12px sail;
text-transform: lowercase;
margin-top: 8px;
}


/*----всплывающие окна репутации и наград----*/
#pun-reputation div {background-color: transparent;
background-image: url(http://funkyimg.com/i/256Dg.jpg);
border: 0px #ceaf7c double;
box-shadow: 0px 1px 1px #cbbca1;}

#pun-popup_awards div {background-color: transparent;
background-image: url(http://funkyimg.com/i/256Dg.jpg);
border: 0px #ceaf7c double;
box-shadow: 0px 1px 1px #cbbca1;}


/*----полоски прокрутки----*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;}
::-webkit-scrollbar-track {
background: #d0b495;}
::-webkit-scrollbar-thumb {
    background: #aa9176;}

/* описание подфорумов */
.punbb td div .tclcon, .category .container table .hasicon .tc1 {
text-transform: lowercase; 
width: 86%; /* ширина, можно в px */
text-align: justify; 
line-height: 11px;

padding: 15px; /* отступ текст от рамки внутри */
}


/* ------------- ссылки в описаниях подфорумов ---------*/
.mainlink a {
  display:inline-block;
  font-size:12px;
  font-family: sail;
  text-shadow: none;
  padding: 2px;
  margin: 1px!important;
  text-transform:lowercase;
  transition: 0.1s;
  text-align:center;
  width:100px;
box-shadow: inset #aa9176 0 0px 20px;
   border: 3px #d0b495 double;
   -moz-border-radius: 10px;
   -webkit-border-radius: 1px 2px 2px 2px;
}

.mainlink {text-align:center;
margin-top:9px!important;}


/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
background-color: transparent;
   color: #2d160e;
   background-color: #d0b495;
   background-image: url("http://funkyimg.com/i/256Dg.jpg");
   box-shadow: inset #aa9176 0 0px 20px;
   border: 3px #d0b495 double;
   -moz-border-radius: 10px;
   -webkit-border-radius: 1px 2px 2px 2px;
padding: 9px;
font: normal normal 400 11px/normal Verdana;
}



/*----личное звание----*/
.minip {width:186px; padding:0px; background-color:#2f1f16; position:relative; z-index: 10;}
.minip::before {content: ''; border-left: 20px solid transparent; position:absolute; top:-16px; left:50%; margin-left:-20px;
border-right: 20px solid transparent; width:0px;	
border-bottom: 22px solid #2f1f16;}
.bouq { font-size: 30px; width:30px; height: 30px; font-family: 'arial', serif; font-weight: bold; float: left; color: #db250d; display: block; padding: 0px 5px 0px 0px; }
.boulyric {width: 170px;padding: 5px; color: #cdbe93!important; font-family: verdana; text-transform:uppercase; font-size:8px; text-align: justify;  text-align-last: justify; line-height: 9px; overflow: hidden}
.linklyric1 {color: #cdbe93!important;}
.linklyric1:hover {color: #cdbe93!important;}




/*----объявление----*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: georgia;
font-size: 11px;
background-color:#483828;
color: #e0d5be; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #e0d5be;
border-left-width: 5px;
width:150px;
text-transform:lowercase;
}

a.tvm:hover {
font-family: georgia;
font-size: 10px;
color: #483828; 
background-color:#e0d5be;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #483828;
border-left-width: 5px;
width:150px;
text-transform:uppercase;
}

a.sbla, a.sbla:active, a.sbla:link, a.sbla:visited {
font-family: georgia;
font-size: 10px;
background-image: url(http://funkyimg.com/i/24wgw.jpg);
color: #483828;
font-weight: normal;
text-align: center;
display: block;
margin: 1px;
text-decoration: none;
width: 150px;
text-transform: uppercase;
}

a.sbla: hover {
font-family: georgia;
font-size: 10px;
color: #483828;
background-image: url(http://funkyimg.com/i/24wgw.jpg);
display: block;
font-weight: normal;
text-align: center;
text-decoration: none;
width: 150px;
text-transform: uppercase;
font-stretch: extra-expanded;
}


/******************************************************************
  Cтиль к скрипту: 
 "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"
******************************************************************/
/*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  /*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 float:right;
 margin:0 -35px 0 0!important;
 width:27px;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 max-height:500px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
 opacity:0.78;
 color:#2f1f16;
 cursor:pointer;
 display:block!important;
 position:relative; z-index:12;
 padding:4px;
 height: 17px!important;
 margin-right: 2px;
 margin-left: -1px;
 margin-bottom:-4px!important;
 border: 3px #ceaf7c double;
 border-radius: 0px 0 0 0;
 text-align:left;
 padding-right:6px;
 text-shadow: 1px 1px 2px rgba(0,0,0,.4);
 font:normal 400 13px/16.5px "play";
 float:left;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 0px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width:100%;
 height:100%;
 position:relative;z-index:1;
 display:none;
 overflow-y:auto;
 overflow-x:hidden;  
 text-align:center;
 vertical-align:middle;
 border-radius: 0px;
border: 3px #ceaf7c double;
 padding:4px 12px!important;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 margin-top:2em;
 text-align:left;
 display:inline-block;
}



/* ------------- подарки вкладка во всплавающем окне лз ---------*/
.mpcircle { display: inline-block; vertical-align: middle; margin-top: 5px; width: 50px; height: 50px; padding: 5px; border: 1px solid #ffffff; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }
.mpgroup img { width: 50px; height: 50px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }
.mpgrouptitle { display: inline-block; vertical-align: middle;width: 120px; padding: 5px; border-bottom: 1px dotted #ffffff; font-family: 'Lobster'; font-size: 16px; color: #000000; font-weight: 700;text-align: left; text-transform: lowercase; letter-spacing: 0px; line-height: 12px; }
.mpgrouptitle1 { width: 120px; padding: 5px; font-family: verdana; font-size: 10px; color: #000000; text-align: left; text-transform: lowercase;  }



/* ------------- шаблон анкеты ---------*/
.coolfor .forthe { border-color: transparent transparent #2d1c14 transparent;  }
.coolfor .thesummer { background-color: #2d1c14 }
.coolfor .coolfori { background-color: rgba(25, 24, 24, 0.7);  }
.coolfor:hover .coolfori { opacity: .99; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
.coolfor .coolforthe { text-shadow: 2px 2px 0px #403c3c, -1px -1px 0px #222;  }
.coolftsummers::-webkit-scrollbar-thumb { background-color: #2d1c14}
.bcreds a, .bcreds { font-size: 8px; font-family: calibri, sans-serif; text-align: center; line-height: 100%; text-transform: uppercase; }

.coolfor { width: 450px; height: 550px; position: relative; overflow: hidden; margin: auto; }
.coolfor .forthe { position: absolute; bottom: 0px; left: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 150px 450px; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; }
.coolfor:hover .forthe { bottom: 350px; transition: all .6s ease-in-out .3s; -webkit-transition: all .6s ease-in-out .3s; -moz-transition: all .6s ease-in-out .3s; -ms-transition: all .6s ease-in-out .3s; -o-transition: all .6s ease-in-out .3s; }
.coolfor .thesummer { width: 450px; height: 350px; position: absolute; bottom: -350px; left: 0px; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; }
.coolfor:hover .thesummer { bottom: 0px; transition: all .6s ease-in-out .3s; -webkit-transition: all .6s ease-in-out .3s; -moz-transition: all .6s ease-in-out .3s; -ms-transition: all .6s ease-in-out .3s; -o-transition: all .6s ease-in-out .3s; }
.coolfor .coolfori { width: 450px; height: 550px;  position: absolute; top: 0px; left: 0px; opacity: 0; transition: all .6s ease-in-out .3s; -webkit-transition: all .6s ease-in-out .3s; -moz-transition: all .6s ease-in-out .3s; -ms-transition: all .6s ease-in-out .3s; -o-transition: all .6s ease-in-out .3s; }
.coolfor:hover .coolfori { opacity: .99; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
.coolfor .coolforthe { position: absolute; transform: rotate(-18deg); -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); font-family: 'Amatic+SC', cursive; color: #fff; text-transform: lowercase; font-size: 45px; line-height: 100%; width: 450px; text-align: center; left: 0px; bottom: 75px; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; }
.coolfor:hover .coolforthe { transition: all .6s ease-in-out .3s; bottom: 400px; left: 0px; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.coolfor .forthesummer { position: absolute; left: 0px; top: 150px; width: 450px; color: #fff; font-size: 10px; font-family: 'Play', sans-serif; text-transform: uppercase; line-height: 100%; text-align: center; opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.coolfor:hover .forthesummer { opacity: .99; transition: all .6s ease-in-out .6s; -webkit-transition: all .6s ease-in-out .6s; -moz-transition: all .6s ease-in-out .6s; -ms-transition: all .6s ease-in-out .6s; -o-transition: all .6s ease-in-out .6s; }
.coolfor .coolftsummer { width: 368px; height: 320px; padding: 20px; background-color: #fff; bottom: 20px; left: 20px; position: absolute; opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.coolfor:hover .coolftsummer { opacity: .99; transition: all .6s ease-in-out .6s; -webkit-transition: all .6s ease-in-out .6s; -moz-transition: all .6s ease-in-out .6s; -ms-transition: all .6s ease-in-out .6s; -o-transition: all .6s ease-in-out .6s; }
.coolftsummers { width: 360px; height: 310px; padding-right: 5px; overflow: auto; font-size: 10px; color: #000; text-align: justify; line-height: 100%; font-family: verdana; }
.coolftsummers::-webkit-scrollbar { width: 3px; height: 3px; padding: 0px; border: 0px; }
.coolftsummers::-webkit-scrollbar-track { background-color: #fff; }




/* ------------- шаблон для соцсети ---------*/
.cheerios1 {margin: 40px; width: 370px; background-color: #ffffff; border-bottom: 5px solid #a7a7a7; }
  .cheerios4 {width: 370px; height: 100px; background-color: #a7a7a7;}
  .cheerios5 {padding: 10px;}
  .cheerios2 {margin: 0px; border: 10px solid #ffffff; width: 100px; height: 100px; background-size: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
  .cheerios3 {padding-top: 50px; width: 300px; margin: 50px; text-transform: lowercase; color: #6a6a6a; font-family: verdana; font-size: 10px; text-align: justify; letter-spacing: 0px;}
  .cheerios3 b {font-family: Comfortaa; color: #6a6a6a; font-size: 11px; letter-spacing: 0px; line-height: 90%; }
  .cheerios3 i {color: #6a6a6a;}

.instab { width: 350px; height: 350px; position: relative; overflow: hidden; }
.instab .insta { position: absolute; bottom: -200px; background-color: rgba(250,250,250,0.7); width: 350px; font-family: 'Playfair+Display+SC', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; text-align: justify; line-height: 100%; color: #222; padding: 10px;transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.instab:hover .insta { bottom: 100px; }
.instab01 {width: 330px; background-color: #a7a7a7; color: #fff; padding: 20px; font-family: 'Comfortaa', sans-serif; font-size: 20px; text-align: left; line-height: 100%; text-transform: lowercase; border-bottom: 3px double #fff; }
.instab02 {width: 350px; padding: 10px; background-color: #fff; border-bottom: 5px solid #a7a7a7;}

.postab { width: 350px; height: auto; position: relative; overflow: hidden; padding: 0px; color: #6a6a6a; font-family: verdana;  font-size: 10px; text-align: justify; letter-spacing: 0px;}
.postab01 {width: 330px; background-color: #a7a7a7; color: #fff; padding: 20px; font-family: 'Comfortaa', sans-serif; font-size: 20px; text-align: left; line-height: 100%; text-transform: lowercase; border-bottom: 3px double #fff; }
.postab02 {width: 350px; padding: 10px; background-color: #fff; border-bottom: 5px solid #a7a7a7;}
.comment {color: #6a6a6a;}


/* ------------- шаблон нужных ---------*/
.framenz {width: 450px; padding: 2px; background-color: #eeeeee; background-image: url(http://funkyimg.com/i/21Qpj.png); border: 15px solid #2D1C14; }
.namenz {width: 400px; font-family: Lobster; font-size: 25px; text-transform: lowercase; font-style: italic; line-height: 90%; text-shadow: 1px 1px 0px #ffffff;}
.relnz {width: 400px; font-family: play; font-size: 12px; text-transform: uppercase;  line-height: 90%; letter-spacing: 4px;}
.infonz {font-family: georgia; background-color: #2D1C14; color: #ffffff; font-size: 14px; letter-spacing: 1px; padding: 5px;}
.textnz { width: 400px; padding: 12px; background-color: #EEEEEE; font-family: calibri; color: #000000; background-image: url(http://funkyimg.com/i/21Qpj.png); font-size: 12px; line-height: 90%; text-align: justify; overflow: auto;}



/* ------------- фак путеводитель ---------*/
.rstext{padding-right:5px;overflow:auto;height:400px;font:10px verdana;color:#000000}
.rstext h1{background-color:#2f1f16;display:inline-block;padding:4px;text-transform:uppercase;font:14px 'Play';font-weight:normal;margin:3px 0px;}
.byrachel {text-align:right; width:414px; margin:0 auto; display:block; opacity:0.7;}
#blurb{width:420px;margin:0 auto;background-color:#fff;text-align: right;border:7px solid #fff;border-top:0px;padding:40px}
.name{font:25px Lobster;font-weight:700;text-transform: lowercase;color:#2f1f16;text-align:left;border-bottom:7px solid #2f1f16;display:block;margin-bottom:6px}
.blurb{font:8px 'Play';letter-spacing:2px;text-transform:uppercase;background-color:#cdbe93;padding:3px}
.zagolov {text-align: center;font:14px 'Play';letter-spacing:2px;text-transform:uppercase;padding:3px;border-bottom:2px solid #2f1f16;background-color:#cdbe93;}
.rstext b{border-bottom:2px solid #ebebeb}
.rstext h1 {background-color:#2f1f16;}
.name {border-color:#2f1f16;}
 .music {  width:410px; height: auto; margin-top: -350px; position: relative; background: url(http://funkyimg.com/i/23X3b.jpg); }
 .musicpicr { width: 145px; height: 360px; position: absolute; left: 100px; margin-top: 540px; } 
 .musicpicl { width: 145px; height: 360px; position: absolute; left: 200px; margin-top: 140px; }




/* ------------- оформление гостевой ---------*/

#sunshine {
 width: 500px;
 height: auto;
 background: url(http://savepic.su/6906071.jpg);
 background-size: 100px 100px;
 background-repeat: repeat;
 box-shadow: 0px 2px 3px #999;
 padding-bottom: 30px;
}
.sunshine1 {
 width: 450px;
 height: 80px;
 background: url(http://savepic.su/6894804.jpg);
 position: relative;
 top: 30px;
}
.sunshineimg {
 width: 450px;
 height: 100px;
 top: 100px;
}
.sunshinelink {
width:410px;
height: auto;
background-color: #3d231d;
font-family: 'Philosopher';
font-size: 11px;
color: #968270;
text-align: center;
}
.sunshinelink a {
margin: 0px 5px;
}
.sunshinelink1 {
color: #dfcebf!important;
text-transform: uppercase;
text-align: center;
}
.sunshinetextbox {
 width: 410px;
 height: auto;
 margin-top: -100px;
 background: url(http://savepic.su/6884564.jpg);
 font-family: 'Philosopher';
 font-size: 11px;
 color: #222;
 padding: 20px;
 text-align: justify;
 line-height: 120%;
}
.sunshinelyrics {
 font-family: 'Lobster';
 font-size: 25px;
 color: #bead93;
 text-align: center;
 line-height: 100%;
 text-shadow: 1px 1px 1px #222;
 letter-spacing: 1px;
 position: relative;
 top: 30px
}
.sunshinebox1 {
 width: 450px;
 height: 30px;
 background: url(http://savepic.su/6894804.jpg);
 top:-100px;
}

 .apbuttontext {  
width:95%; 
height: 300px; 
margin-top: -400px; 
position: relative; 
background: url(http://savepic.su/6884564.jpg); 
}
.apbuttontext2 { 
width:90%; 
padding:0px; 
height: 200px; 
position: relative; 
background: url(http://savepic.su/6884564.jpg); 
overflow: auto; 
text-align: justify; 
font: 12px Philosopher; 
text-transform: lowercase; 
color: #222;
 padding: 20px;
 text-align: justify;
 line-height: 120%;
}
.apbuttontext3 { 
width:95%; 
padding:5px; 
position: relative; 
background: url(http://savepic.su/6884564.jpg);  
overflow: auto; 
text-align: center; 
font: 18px Lobster; 
text-transform: lowercase; 
}

.home { 
width:95%; 
padding:0px; 
height: 130px; 
position: center; 
background-color: transparent;
overflow: auto; 
text-align: justify; 
font: 12px Philosopher; 
text-transform: lowercase; 
color: #222;
 padding: 0px;
 text-align: justify;
 line-height: 120%;
}

.homenav {
width:400px;
height: auto;
background-color: #3d231d;
font-family: 'Philosopher';
font-size: 11px;
color: #968270;
text-align: center;
}












/* ------------- основное оформление ---------*/
#sunshine {
 width: 500px;
 height: auto;
 background: url(http://savepic.su/6906071.jpg);
 background-size: 100px 100px;
 background-repeat: repeat;
 box-shadow: 0px 2px 3px #999;
 padding-bottom: 30px;
}
.sunshine1 {
 width: 450px;
 height: 80px;
 background: url(http://savepic.su/6894804.jpg);
 position: relative;
 top: 30px;
}
.sunshineimg {
 width: 450px;
 height: 100px;
 top: 100px;
}
.sunshinelink {
width:410px;
height: auto;
background-color: #3d231d;
font-family: 'Philosopher';
font-size: 11px;
color: #968270;
text-align: center;
}
.sunshinelink a {
margin: 0px 5px;
}
.sunshinelink1 {
color: #dfcebf!important;
text-transform: uppercase;
text-align: center;
}
.sunshinetextbox {
 width: 410px;
 height: auto;
 margin-top: -100px;
 background: url(http://savepic.su/6884564.jpg);
 font-family: 'Philosopher';
 font-size: 11px;
 color: #222;
 padding: 20px;
 text-align: justify;
 line-height: 120%;
}
.sunshinelyrics {
 font-family: 'Lobster';
 font-size: 25px;
 color: #bead93;
 text-align: center;
 line-height: 100%;
 text-shadow: 1px 1px 1px #222;
 letter-spacing: 1px;
 position: relative;
 top: 30px
}
.sunshinebox1 {
 width: 450px;
 height: 30px;
 background: url(http://savepic.su/6894804.jpg);
 top:-100px;
}



/* ------------- занятые внешности ---------*/

#sunshine8 {
 width: 600px;
 height: auto;
 background: url(http://savepic.su/6906071.jpg);
 background-size: 100px 100px;
 background-repeat: repeat;
 box-shadow: 0px 2px 3px #999;
 padding-bottom: 30px;
}
.sunshine18 {
 width: 550px;
 height: 80px;
 background: url(http://savepic.su/6894804.jpg);
 position: relative;
 top: 30px;
}
.sunshineimg8 {
 width: 550px;
 height: 100px;
 top: 100px;
}
.sunshinelink8 {
width:510px;
height: auto;
background-color: #3d231d;
font-family: 'Philosopher';
font-size: 11px;
color: #968270;
text-align: center;
}
.sunshinelink8 a {
margin: 0px 5px;
}
.sunshinelink18 {
color: #dfcebf!important;
text-transform: uppercase;
text-align: center;
}
.sunshinetextbox8 {
 width: 510px;
 height: auto;
 margin-top: -100px;
 background: url(http://savepic.su/6884564.jpg);
 font-family: 'Philosopher';
 font-size: 11px;
 color: #222;
 padding: 20px;
 text-align: justify;
 line-height: 120%;
}
.sunshinelyrics8 {
 font-family: 'Lobster';
 font-size: 25px;
 color: #bead93;
 text-align: center;
 line-height: 100%;
 text-shadow: 1px 1px 1px #222;
 letter-spacing: 1px;
 position: relative;
 top: 30px
}
.sunshinebox18 {
 width: 550px;
 height: 30px;
 background: url(http://savepic.su/6894804.jpg);
 top:-100px;
}

 .apbuttontext {  
width:95%; 
height: 300px; 
margin-top: -400px; 
position: relative; 
background: url(http://savepic.su/6884564.jpg); 
}
.apbuttontext28 { 
width:100%; 
padding:0px; 
height: 200px; 
position: relative; 
background: url(http://savepic.su/6884564.jpg); 
overflow: auto; 
text-align: justify; 
font: 12px Philosopher; 
text-transform: lowercase; 
color: #222;
 padding: 20px;
 text-align: justify;
 line-height: 120%;
}
.apbuttontext3 { 
width:95%; 
padding:5px; 
position: relative; 
background: url(http://savepic.su/6884564.jpg);  
overflow: auto; 
text-align: center; 
font: 20px Lobster; 
text-transform: lowercase; 
}

/*--выделение текста--*/
::selection {
background: #6c423c; /* Safari */
}
::-moz-selection {
background: #6c423c; /* Firefox */
}














/* ------------- шаблон нужных ---------*/
.needu {
background-image: url(http://funkyimg.com/i/24SFR.png); 
backgroing-color: #cdccc7;
width: 440px;  
padding: 15px; 
}
.needu1 {
widht: 420px;
background-image: url(http://funkyimg.com/i/24SFY.jpeg); 
padding: 10px;
}
.needq {
font-family: 'Special Elite', cursive; 
text-transform: uppercase; 
color: #33292a; 
font-size: 7px; 
letter-spacing: 2px; 
line-height: 100%; 
padding: 10px;
}
.needi {
height: 210px; 
border: 5px solid #3f3225;
}
.needt {
font-family: calibri, arial, serif; 
font-size: 10px; 
text-align: justify;  
padding: 5px 30px; 
font-size: 12px; 
color: #33292a; 
line-height: 98%;
}


/* ------------- шаблон анкеты ---------*/

.milkcrate {
background-image: url(http://funkyimg.com/i/24SFR.png);
width: 400px;
height: 400px;
padding: 7px 7px 7px 7px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
overflow: hidden;
}

.milkcrate2 {
width: 350px;
position: relative;
top: 0px;
left: -490px;
opacity: 1;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
padding: 50px;
overflow: hidden;
}

.milkcrate3 {
width: 400px;
height: 15px;
padding: 0px 0px;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
position: relative;
top: 335px;
left: 0px;
}

.milkcrate:hover .milkcrate2 {
top: 0px;
left: -50px;
position: relative;
opacity: 1;
}

.milkcrate:hover .milkcrate3 {
top: 0px;
left: 0px;
position: relative;
}

.milkcrate4 {
width: 400px;
height: 400px;
position: relative;
}


.milkcrate5 {
width: 380px;
height: 5px;
color: #c7b8a6;
background-image: url(http://funkyimg.com/i/24X8e.jpeg);
font-family: oswald;
font-size: 25px;
text-align: right;
text-transform: uppercase;
text-shadow: 2px 2px 0px #2e1c0c;
letter-spacing: 2px;
padding: 35px 10px 10px 10px;
margin-left: -6px;
}

.milkcrate6 {
width: 400px;
height: 300px;
position: relative;
margin-top: 300px;
margin-left: 50px;
padding: 18px;
background-image: url(http://funkyimg.com/i/24SFY.jpeg);
}

.milkcrate7 {
width: 370px;
height: 301px;
position: absolute;
overflow: auto;
top: 10px;
left: 20px;
right: 20px;
color: #000;
padding-right: 20px;
background-image: url(http://funkyimg.com/i/24SFY.jpeg);
}

.milkcrate7 {
font-size: 10px;
font-family: tahoma;
line-height: 10px;
text-align: justify;
letter-spacing: 1px;
}

.milkcrate7::-webkit-scrollbar {
width: 5px;
}

.milkcrate7::-webkit-scrollbar-track {
background: white;
}

.milkcrate7::-webkit-scrollbar-thumb {
background: #000;
border-left: 2px solid white;
}

.milkcrate8 {
width: 400px;
height: 15px;
background-image: url(http://funkyimg.com/i/24X8e.jpeg);
margin-left: -15px;
overflow: auto;
}

.milkcrate1 {
background-image: url(http://funkyimg.com/i/24X8e.jpeg);
color: #281908;
font-family: source code pro;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
width: 400px; 
margin-bottom: 0px;
margin-left: -6px;
text-align: center;
padding: 5px;
}

.milkcrate1 a {
color: #342e27;
text-decoration: none;
}

.milkcratecredit {
padding-top: 5px;
padding-right: 50px;
width: 400PX;
font-family: source code pro;
font-size: 8px;
text-align: right;
margin-left: -25px;
}

.milkcratecredit a {
color: #000;
text-decoration: none;
}


/*------------орг темы------------*/

.helpi { 
width: 350px; 
height: 150px; 
background-image: url(http://funkyimg.com/i/24SFY.jpeg); 
float: center; 
padding: 0px 5px; 
border: 20px solid background-image: url(http://funkyimg.com/i/24X8e.jpeg); 
border-top: 0px solid background-image: url(http://funkyimg.com/i/24X8e.jpeg); 
border-bottom: 25px solid background-image: url(http://funkyimg.com/i/24X8e.jpeg); 
font-family: arial; 
font-size: 11px; 
color: #302112; 
text-align: justify; 
overflow: auto; 
line-height: 150%;
} 

.helpi::-webkit-scrollbar { 
width: 5px; 
} 

.helpi::-webkit-scrollbar-track { 
background-image: url(http://funkyimg.com/i/24SFY.jpeg);
} 

.helpi::-webkit-scrollbar-thumb { 
background: #342e27; 
} 

.helpi b { 
color: #342e27; 
font-weight: bold; 
font-size: 11px; 
line-height: 120%; 
}  

.helpi i { 
color: #342e27; 
font-style: italic; 
} 

.helpi t { 
font-family: sail; 
font-size: 13px; 
text-transform: lowercase;  
float: left; 
margin-right: 5px;  
color: #c7b8a6;
text-shadow: 2px 2px 0px #2e1c0c;   
line-height: 120%;
}

.helpv {
width: 500px; 
height: 250px; 
background: url(http://funkyimg.com/i/24SFR.png) center; 
padding: 20px;
}

.helpb {
width: 500px; 
height: 250px; 
background-image: url(http://funkyimg.com/i/24X8e.jpeg);
box-shadow: 1px 1px 2px #000;
}

.helpn {
width: 100px; 
height: 250px; 
float: left; 
}

.helpm {
width: 300px; 
height: 50px; 
padding-top: 15px; 
background-image: url(http://funkyimg.com/i/24X8e.jpeg);
font-family: sail; 
font-style: italic;
font-weight: bold;
font-size: 40px; 
text-transform: lowercase; 
line-height: 100%; 
float: right; 
color: #c7b8a6;
text-shadow: 2px 2px 0px #2e1c0c;
}

.helpq {
font-weight: bold; 
line-height: 10%; 
font-size: 8px;
font-style: normal;
text-transform: uppercase;
text-color: #baaea1;
}


.lookm { 
width:100%; 
padding:0px; 
overflow: auto; 
position: relative; 
background: transparent; 
text-align: justify; 
text-transform: lowercase; 
 text-align: justify;
 line-height: 120%;
}


/*-----------приемка-----------*/

.lights { 
font-family: calibri; 
font-size: 10px; 
line-height: 100%; 
color: #231305;
font-weight: normal; 
margin: 0px; 
}

.lights .sigbg { 
width: 400px; 
height: 120px; 
background-image: url(http://funkyimg.com/i/24SFR.png); 
position: relative; 
overflow: hidden; 
}

.lights .sigimg { 
width: 80px; 
height: 80px;  
background-size: 100px; 
border-radius: 100%; 
}

.lights .sigimgbg { 
width: 80px; 
height: 80px; 
background-image: url(http://funkyimg.com/i/24X8e.jpeg);
border-radius: 100%; 
padding: 3px; 
border: 1px background-image: url(http://funkyimg.com/i/24X8e.jpeg); 
position: absolute; 
top: 14px; 
left: 14px; 
}

.lights .hlove { 
font-family: oswald; 
font-weight: normal; 
margin: 0px; 
text-transform: uppercase; 
font-size: 50px; 
position: absolute; 
top: 50px; 
right: 14px; 
transition: all .5s .5s; 
-webkit-transition: all .5s .5s; 
}

.lights .imcor { 
font-family: georgia; 
font-size: 12px; 
font-style: italic;
font-weight: bold; 
letter-spacing: 4px; 
margin-top: 2px; 
} 

.lights .linkss { 
font-family: georgia; 
text-transform: uppercase; 
font-size: 10px; 
font-weight: bold;
letter-spacing: 2px; 
opacity: 0; 
padding-top: 6px; 
transition: all .5s 1s; 
-webkit-transition: all .5s 1s; 
}

.lights .imcor a { 
color: #c7b8a6;
}

.lights .h2bg { 
background-image: url(http://funkyimg.com/i/24SFY.jpeg);  
padding: 0px; 
position: absolute; 
width: 275px; 
top: 49px; 
right: 10px; 
height: 14px; 
overflow: hidden; 
transition: all .5s; 
-webkit-transition: all .5s; 
}

.lights .sigbg:hover .h2bg { 
height: 50px; 
}

.lights .sigbg:hover .hlove { 
top: 30px; 
font-size: 30px; 
}

.lights .sigbg:hover .linkss { 
opacity: 1; 
}