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

/* фон */
html, body { 
  background:  url("http://forumfiles.ru/files/0014/4e/8d/17692.jpg") center;
background-attachment: fixed; 
  background-color : #e1d1b1;
}

/* Шапка */
#pun-title table {
background-image : url(http://forumfiles.ru/files/0014/4e/8d/85526.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 1018px;
height: 360px;
margin-left: -70px;
}

/* Тело форума */
#pun {
width: 1018px; 
background-color: transparent; 
background-image: url(http://forumfiles.ru/files/0014/4e/8d/50076.jpg); 
background-attachment: scroll; 
background-repeat: repeat-y; 
background-position: top center;
}

#pun-viewtopic.punbb .main {
background-image: url(http://forumfiles.ru/files/0014/4e/8d/89499.jpg); 
background-attachment: scroll; 
background-repeat: repeat-y; 
background-position: top left;
background-position-x: 7px;
}

/* Футер */
#pun-about p.container {
background-image : url(http://forumfiles.ru/files/0014/4e/8d/24975.jpg);
margin: 0px 0px -100px -70px;
background-position : center top;
background-repeat : no-repeat;
width: 1018px;
height: 114px; 
overflow-x: hidden;
}



/* 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 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: #65683f;
  font-weight: normal;
  font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{
  border: none;
  border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #65683f;
  text-align:center;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  font-family: "arial";
 }

/*Название форума на страницы с сообщениями*/
#pun-viewtopic.punbb .main h1 span {
    position: relative;
    left: 243px;
    top: -26px;
    font-size: 1.5em;
    font-family: cuprum;
}

#pun-viewtopic.punbb .main h1 {
  width: 590px;
  margin-top: 0;
  margin-bottom: -22px;
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background: rgba(225, 209, 178, 0.95) url(http://forumfiles.ru/files/0014/4e/8d/41771.jpg) repeat;
    color: #736d23;
    border: 1px solid rgb(225, 208, 177);
    box-shadow: 14px 14px 0 -10px rgb(109, 121, 71), -49px -49px 0 -45px rgb(163, 136, 86), 0px 0px 0px 8px #ccb37f, inset 0px 0px 25px rgba(204, 179, 127, 0.4);}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-image: url("http://forumfiles.ru/files/0014/4e/8d/41771.jpg");
    background-color: #e1d1b1;
    color: #65683f;
    border: 1px solid rgb(109, 121, 71);
    border-left: 4px solid #6d7947;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-image: url("http://forumfiles.ru/files/0014/4e/8d/41771.jpg");
background-color: #d8d4d4;}





/* 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, #pun-navlinks a, #pun-ulinks a {
  color: #6d7a48;
  text-decoration: none;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, -0.41, 0.05, 2.08);
  }

/* CS2.2 */
.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, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #6d7a48; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #ac903d;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 8px;
    color: #a28f56;
    font-family: calibri;
    font-weight: normal;
    text-transform: uppercase;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: uppercase;
  color: #967e4b;
}


/* Форумы 
-------------------------------------------------------------*/

#pun-index .tcl h3 {
font-size: 13px;
}

 #pun-category3 thead .tcl, #pun-category3 thead .tcr, #pun-category3 thead .tc3, #pun-category3 thead .tc2,
 #pun-category4 thead .tcl, #pun-category4 thead .tcr, #pun-category4 thead .tc3, #pun-category4 thead .tc2 {
  display:none;
}


thead .tcl, thead .tc2, thead .tc3, thead .tcr {
  font-size: 1em !important;
  font-family: cuprum;
}


/*Слова Тем и Сообщений*/
#pun-main.main #forum_f12.alt1 .tc2::before, 
#pun-main.main #forum_f10.alt2 .tc2::before, 
#pun-main.main #forum_f13.alt1 .tc2::before, 
#pun-main.main #forum_f11.alt2 .tc2::before, 
#pun-main.main #forum_f19.alt1 .tc2::before, 
#pun-main.main #forum_f21.alt2 .tc2::before, 
#pun-main.main #forum_f18.alt1 .tc2::before, 
#pun-main.main #forum_f20.alt2 .tc2::before, 
#pun-main.main #forum_f30.alt1 .tc2::before, 
#pun-main.main #forum_f31.alt2 .tc2::before
{  content: 'Тем:';
display:normal;
width: 30px;
text-align: left !important;
position: relative;
top: 0;
left:0;

}

#pun-main.main #forum_f12.alt1 .tc3::before, 
#pun-main.main #forum_f10.alt2 .tc3::before,
#pun-main.main #forum_f13.alt1 .tc3::before, 
#pun-main.main #forum_f11.alt2 .tc3::before, 
#pun-main.main #forum_f19.alt1 .tc3::before, 
#pun-main.main #forum_f21.alt2 .tc3::before, 
#pun-main.main #forum_f18.alt1 .tc3::before, 
#pun-main.main #forum_f20.alt2 .tc3::before, 
#pun-main.main #forum_f30.alt1 .tc3::before, 
#pun-main.main #forum_f31.alt2 .tc3::before
{  content: 'Сообщений:';
display:normal;
width: 30px;
text-align: left !important;
position: relative;
top: 0;
left: 0;
}



/*Количество тем и сообщений*/

#pun-main.main #forum_f12.alt1 .tc2, 
#pun-main.main #forum_f10.alt2 .tc2, 
#pun-main.main #forum_f13.alt1 .tc2, 
#pun-main.main #forum_f11.alt2 .tc2, 
#pun-main.main #forum_f19.alt1 .tc2, 
#pun-main.main #forum_f21.alt2 .tc2, 
#pun-main.main #forum_f18.alt1 .tc2, 
#pun-main.main #forum_f20.alt2 .tc2, 
#pun-main.main #forum_f30.alt1 .tc2, 
#pun-main.main #forum_f31.alt2 .tc2, 
#pun-main.main #forum_f12.alt1 .tc3, 
#pun-main.main #forum_f10.alt2 .tc3,
#pun-main.main #forum_f13.alt1 .tc3, 
#pun-main.main #forum_f11.alt2 .tc3, 
#pun-main.main #forum_f19.alt1 .tc3, 
#pun-main.main #forum_f21.alt2 .tc3, 
#pun-main.main #forum_f18.alt1 .tc3, 
#pun-main.main #forum_f20.alt2 .tc3, 
#pun-main.main #forum_f30.alt1 .tc3, 
#pun-main.main #forum_f31.alt2 .tc3  {
  display: block;
  width: 30px;
  height: 1px;
  border: none;
  text-align: right;

  }

/*Блок форума*/
 #forum_f12.alt1, #forum_f10.alt2, #forum_f13.alt1 ,#forum_f11.alt2, #forum_f19.alt1, #forum_f21.alt2, #forum_f18.alt1, #forum_f20.alt2, #forum_f30.alt1, #forum_f31.alt2 {
  position: relative;
  display: inline-block !important;
  width: 400px;
  height: 130px;
  margin-bottom: 10px;
  margin-top: 5px;
  margin-left: 25px;
  background-color: rgba(223, 219, 210, 0.3);
  border-radius: 1px;
  box-shadow: 6px 6px 0px -3px rgba(204, 170, 103, 0.64), -6px -6px 0px -3px rgba(109, 121, 71, 0.63);
   
  }

/*Название форума*/
 #forum_f12.alt1 td.tcl, #forum_f10.alt2 td.tcl, #forum_f13.alt1 td.tcl, #forum_f11.alt2 td.tcl, #forum_f19.alt1 td.tcl, #forum_f21.alt2 td.tcl, #forum_f18.alt1 td.tcl, #forum_f20.alt2 td.tcl, #forum_f30.alt1 td.tcl, #forum_f31.alt2 td.tcl {
  position: relative;
  width: 380px;
  display: inline-block;
  }

/*Название темы, автор, аватар*/
 #forum_f12.alt1 td.tcr, #forum_f10.alt2 td.tcr, #forum_f13.alt1 td.tcr, #forum_f11.alt2 td.tcr, #forum_f19.alt1 td.tcr, #forum_f21.alt2 td.tcr, #forum_f18.alt1 td.tcr, #forum_f20.alt2 td.tcr, #forum_f30.alt1 td.tcr, #forum_f31.alt2 td.tcr {
  position: relative;
  display: inline-block;
  width: 280px !important;
  left: 100px;
  top: -40px;
  text-align:right;
  }




/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
            background: url(http://forumfiles.ru/files/0018/d7/be/32960.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://forumfiles.ru/files/0018/d7/be/88019.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://forumfiles.ru/files/0018/d7/be/99930.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://forumfiles.ru/files/0018/d7/be/12448.png) no-repeat;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center !important; font-size: 1.5em;}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {display: none;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}

#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
.pa-gifts{display:none}
.stickytext, .closedatafield{ display:none;}


/* Категории */
.punbb .category h2, #pun-stats h2 {
    background: rgba(0, 0, 0, 0) url(http://forumfiles.ru/files/0014/4e/8d/48615.png) no-repeat scroll left top;
    /* background-position-y: 0px; */
    /* height: auto; */
    line-height: 105px;
    margin-left: -33px;
    margin-bottom: -5px !important;
    margin-top: -20px !important;
    width: 945px;
    color: #b89648;
    font-size: 2.5em !important;
    text-shadow: 2px 2px 0px #2e3e0f;
    text-align: center;
    text-decoration: none;
    font-family: 'GoodVibesPro';
}


.punbb .category h2 span:hover, #pun-stats h2 span:hover {
    color: #b79f5b;
    text-shadow: 2px 2px 0px #584415;
    transition-duration: 5s;
    transition-timing-function: cubic-bezier(0.4, -0.41, 0.05, 2.08);
}


/*---Прокрутка---*/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
 
/* Track */
::-webkit-scrollbar-track {
   background-color: rgb(217, 197, 160); 
   border: 4px double rgba(109, 121, 71, 0.22);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #6d7947; 
}

#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts, .pa-respect, .pa-fld11 {
    text-align: center;
    text-transform: uppercase;
    font-family: cuprum;
    font-size: 8px;
    display: inline-block;
    vertical-align: top;
    width: 59px;
    min-height: 30px;
    padding: 1px !important;
    margin: 0px !important;
    letter-spacing: 1px;

}

.pa-posts {
 margin-left: 0px;
}

.pa-respect {
 margin-left: 20px;
}

.pa-respect a,.pa-respect a:active, .pa-respect a:hover{
  color: #637239 !important;
}

/*Профиль аватар и пр.*/
.punbb .pa-avatar img {
    border: 3px solid rgb(216, 198, 158);
    box-shadow: 0 0 1px #f3efe6;
    max-width: 180px;
    box-shadow: 6px 6px 0px -3px rgba(239, 202, 128, 0.64), -6px -6px 0px -3px rgba(109, 121, 71, 0.63);
}

/*Выпадающее меня в профиле*/
ul.post-ul-Sp.Sp1, ul.post-ul-Sp.Sp2, ul.post-ul-Sp.Sp3, ul.post-ul-Sp.Sp4, ul.post-ul-Sp.Sp5 {
    text-align: center;
    background: #decca4;
    box-shadow: 6px 6px 0px -3px rgba(239, 202, 128, 0.64), -6px -6px 0px -3px rgba(109, 121, 71, 0.63);
    padding: 10px 0 !important;
    width: 187px;
    min-height: 70px;
}

ul.post-ul-Sp.Sp1, ul.post-ul-Sp.Sp2, ul.post-ul-Sp.Sp3, ul.post-ul-Sp.Sp4, ul.post-ul-Sp.Sp5 {
    font-size: 0.9em;
    line-height: 14px !important;
}

img.post-img-Sp {
    width: 27px;
    height: 27px;
    margin: 10px 8px;
    background: #decca4;
    box-shadow: 6px 6px 0px -3px rgba(239, 202, 128, 0.64), -6px -6px 0px -3px rgba(109, 121, 71, 0.63);
}

/*Сдвиг всего профиля*/
.topic .post {
  margin-left: 1px;
}

.punbb .post h3 span {
    padding: 0.5em 1em;
    display: block;
    margin-left: 19em;
    border-left-style: solid;
    border-left-width: 1px;
    text-transform: uppercase;
    font-family: calibri;
}

/*Ссылки в посте*/
.punbb .post-content a, 
.punbb .post-content a:link {
color:#ba9548;

}
.punbb .post-content a:hover,
.punbb .post-content a:focus,
.punbb .post-content a:active {
color:#65683f;
text-decoration: none;
}

/* в поле ответа подложка */
.inner, #font-area, #size-area, #video-area, #color-area, #smilies-area, #image-area, #addition-area, #table-area {
    background-image: url(http://forumfiles.ru/files/0014/4e/8d/41771.jpg);
    background-color: #d8d4d4;
    color: #65683f;
    border: 1px solid #798650;
    z-index: 9;
}

.mark { 
  position: relative;
}

.mark > span { /* стиль появляющейся подсказки */
  position: absolute;
  bottom: 350%;
  left: -300px; /* = max-width */
  right: -300px; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  
  max-width: 300px;  
  max-height: 80vh; 
  overflow: auto;
  visibility: hidden;
  margin: 0 auto; 
  padding: .3em;
  font-size: 90%;
  background: #dfd2a4;
    color: #1e1e1e;
    line-height: normal;
    cursor: auto;
    z-index: 500;
    border: 2px solid rgb(190, 157, 92) !important;
}
.mark:before { 
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  visibility: hidden;
}
.mark:hover > span,
.mark:hover:before,
.mark:hover:after,
.mark:focus > span,
.mark:focus:before,
.mark:focus:after {
  visibility: visible;
}
.mark:focus { 
  outline: none;
}

.tooltip { 
    position: relative;
    padding: 0px 8px;
    display: inline-block;
}
.tooltip > span { /* стиль появляющейся подсказки */
    position: absolute;
    top: 100%;
    left: -20em; /* = max-width */
    right: -20em; /* = max-width */
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;  
    max-width: 20em;  
    max-height: 80vh; 
    visibility: hidden;
    margin: 0 auto; 
    cursor: auto;
    z-index: 500;
    line-height: 10px;
    position: absolute;
    color: #6e7a48;
    font-family: Verdana;
    font-size: 9px;
    text-transform: lowercase;
    font-weight: normal;
    padding: 5px;
    background-color: rgba(217, 215, 216, 0.56);
    border: 1px solid #78854f;
}
.tooltip:before { 
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
}
.tooltip:focus { 
  outline: none;
}

/* кнопка "выравнивание по центру" */
span[style*="justify"]{
  display:block;
  text-align:justify;
}
#button-justify {
  background:url(http://savepic.net/6701397.png) center no-repeat!important;
}

/*Все кнопки */
/*Основное и до наведение*/
.button {
    vertical-align: middle;
    cursor: pointer !important;
    font-family: cuprum !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: normal !important;
    padding: 0.35em 0.6em;
    box-sizing: border-box;
    border: none;
    border-left: 4px solid #6d7947;
    background-color: rgba(202, 180, 135, 0.6);
    color: #736d23;
  }
 
/*после наведение*/
.button:hover, input[type="submit"]:hover {
    border-left: 4px solid #bba276;
    background: rgba(202, 180, 135, 0.09);   
  }
 
/*после нажатия*/
.button:active, input[type="submit"]:active {
    border-left: 4px solid #6d7947;
    background: rgba(225, 210, 177, 0.1);   
  }

/*Поле для ввода*/
.punbb input, input[type="submit"] {
    /* font-size: 13px !important; */
    vertical-align: middle;
    font-family: cuprum !important;
    letter-spacing: 0.5px;
    padding: 0.35em 0.6em;
    border: none;
    border-left: 4px solid #6d7947;
    background-color: rgba(202, 180, 135, 0.6);
    color: #736d23;
  }

/*Отделить Важные темы в категории*/
.punbb .main td.info_header {
 color: #6d7a48;
  font-variant: small-caps;
  font-weight: normal;
  font-family: cuprum;
  font-size: 10pt !important;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
 }

.punbb .main thead .tcl, .main thead .tc2, .main thead .tc3, .main thead .tcr, .main thead .tcmod {
color:#AA9373;
}
.punbb .main thead .tcl, .main thead .tc2, .main thead .tc3, .main thead .tcr, .main thead .tcmod {
color:#AA9373;
}

/*Ссылки на профиль, ЛС, Е-mail, Удалить, Редактировать, Цитировать и пр*/
/* CS5.18 */
.punbb .post-links ul{
  opacity: 0.5;
  transition: 0.6s cubic-bezier(0.18, -0.01, 0.61, 0.99);
  }
 
.punbb .post:hover .post-links ul{
  opacity: 1.0;
  }
 
/* CS5.19 ссылке в посте*/
.post-links li a {
  opacity: 0.7;
  background-color: transparent;
  text-decoration: none !important;
  transition: 0.7s ease;
  border-radius: 4px;
  }
 
.post-links li a:hover {
  opacity: 1.0;
  color: #6d7947;
  }

/* CS5.20 картинки для ссылки в посте*/
.pl-delete a {
  padding: 4px 4px 4px 24px;
  background: url(http://forumfiles.ru/files/0000/14/1c/85508.png) no-repeat scroll 1px -38px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-edit a {
  padding: 4px 4px 4px 24px;
  background: url(http://forumfiles.ru/files/0000/14/1c/85508.png) no-repeat scroll 1px -17px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-quote a {
  padding: 4px 4px 4px 24px;
  background: url(http://forumfiles.ru/files/0000/14/1c/85508.png) no-repeat scroll 1px 3px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-email a, 
.pl-website a {
  padding: 4px !important;
  margin: -4px;
  }
 
#pun-searchposts .post-links li:not([class])>a {
  padding: 4px 6px;
  }



/*Оформление тем*/
.lumall {
  background: url(http://forumfiles.ru/files/0014/4e/8d/17692.jpg) repeat;
  border: 6px double rgb(162, 133, 84);
  width: 600px;
  }
.lumtext {
  padding: 15px;
  margin: 4px;
  text-align: justify;
  color: #d0b490;
  background-color: rgba(95, 65, 29, 0.38);
  }

.lumtitle {
    font-family: 'bebas neue';
    font-size: 2em
    text-transform: uppercase;
    letter-spacing: 5px;
    margin: 10px  0 !important;
    color: #b39e5d;
    font-weight: bold;
    text-shadow: 1px 1px #252720;
    text-decoration: none;
    text-align: center;
}

/*Только заголовок*/
 .lumtitle1 {
    background: url(http://forumfiles.ru/files/0014/4e/8d/17692.jpg) repeat;
    border: 6px double rgb(162, 133, 84);
    font-family: 'bebas neue';
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #b39e5d;
    font-weight: bold;
    text-shadow: 1px 1px #252720;
    text-decoration: none;
    text-align: center;
    margin: 10px;
    padding: 10px;
}

 .lumtitle2 {
    background: url(http://forumfiles.ru/files/0014/4e/8d/17692.jpg) repeat;
    border: 6px double rgb(162, 133, 84);
    font-family: 'bebas neue';
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #b39e5d;
    font-weight: bold;
    text-shadow: 1px 1px #252720;
    text-decoration: none;
    text-align: center;
    margin: 10px 0;
    padding: 10px;
    width: 580px;
}

.lumscroll {
overflow-y: scroll;
max-height: 200px;
padding: 20px;
}

/*Цитата*/
.lumquote {
    width: 455px !important;
    background: rgb(204, 179, 127);
    color: #131314;
    padding: 30px 30px 30px 90px;
    position: relative;
    margin: 0 0 15px 0 !important;
    font-family: 'cuprum', sans-serif;
    font-size: 110%;
    border: 4px double rgba(115, 93, 60, 0.3);
}

.lumquote:before {
content: "\201C";
font-family: serif;
position: absolute;
top: 20px;
left: 16px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
background: white;
font-size: 40px;
font-weight: bold;
text-align: center;
line-height: 50px;
}

.lumquote:after {
content: "";
width: 4px;
background: white;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}

.lumquote1 p {
margin-top: 0;
font-size: 1em;
}

.cite {
font-style: normal;
text-transform: uppercase;
}
/*Конец оформления тем*/

/*Шаблон анкеты*/
#grisha-alina {
    width: 580px;
    height: 600px;
    margin: 0 -15px 0 0;
    overflow: hidden;
    position: relative;
    background: url(http://forumfiles.ru/files/0014/4e/8d/17692.jpg) repeat;
    border: 6px double rgb(162, 133, 84);
 }
.grisha-mal {
    width: 330px;
    padding: 10px;
    height: 580px;
    float:left;
    background: #57240e url(http://forumfiles.ru/files/0014/4e/8d/17692.jpg);
 transition:All 1s ease-in-out;
 -webkit-transition:All 1s ease-in-out;
 -moz-transition:All 1s ease-in-out;
 -o-transition:All 1s ease-in-out;
 }
.grisha-darkling {
    width: 209px;
    margin-top: 1px;
    padding: 10px;
    height: 578px;
 background-color:#6d7947;
 float:left;
 transition:All 1s ease-in-out;
 -webkit-transition:All 1s ease-in-out;
 -moz-transition:All 1s ease-in-out;
 -o-transition:All 1s ease-in-out;
 }
.grisha-zoya {
    width: 300px;
    margin: auto;
    height: 550px;
    background-image: url(http://placehold.it/300x550);
    margin-top: 13px;
}
.grisha-info {
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #d9c7a1;
    text-align: center;
    border-bottom: 3px double #d9c7a1;
    margin-top: 210px;
}
.grisha-infon {
    font-family: GoodVibesPro;
    font-size: 4em;
    margin-bottom: -10px;
    text-transform: none;
    line-height: 85%;
 }
#grisha-alina:hover .grisha-darkling {
 margin-left:-300px;
 }
#grisha-alina:hover .grisha-kuya {
 margin-top:0px;
  margin-left:0px;
 }
.grisha-kuya {
 width:573px;
 height:600px;
background: #3b1d01 url(http://forumfiles.ru/files/0014/4e/8d/17692.jpg);
 transition:All 1s ease-in-out;
 -webkit-transition:All 1s ease-in-out;
 -moz-transition:All 1s ease-in-out;
 -o-transition:All 1s ease-in-out;
 position:absolute;
 margin-top:-600px;
  z-index:3;
 }
.grisha-title {
 font-family:GoodVibesPro;
 color:#6d7947;
 text-shadow: -1px -1px 0 #d9c5a0, 1px -1px 0 #d9c5a0, -1px 1px 0 #d9c5a0, 1px 1px 0 #d9c5a0;
 text-transform:none;
 font-size:5em;
 line-height:55%;
 text-align:center;
 padding-top:30px;
}
.grisha-subtitle {
 font-size:9px;
 text-transform:uppercase;
 letter-spacing:3px;
 text-align:center;
 background-color:#6d7947;
 color:#d9c5a0;
 padding-top:3px;
 padding-bottom:3px;
 display:block;
 margin-bottom: 7px;
 }
.grisha-text {
    background-color: #8a9761;
    height: 280px;
    padding-top: 4px;
    margin: 7px 20px 0 20px;
 }


/*стиль внутренностей*/
span.credit { font: 8pt courier new; text-transform: uppercase; display: block; text-align: center; }
span.credit a { font: 8pt courier new; }
.plotbg { width: 95%; padding: 10px; margin: 0 auto; border: double #dddddd; background: #4D5645; }
.plotbg td { vertical-align: top }
.plotheader { position: relative; width: 100%; height: 60px; }
.plotbg .k1 { margin: 0; padding: 0; font: 7.5pt courier new; text-transform: uppercase; text-align: justify; color: #f9f9f9; width: 356px; }
.plotbg .k2 { margin: 0; padding: 0; font: lighter 58px yanone kaffeesatz; text-transform: uppercase; color: #6d7947; position: absolute; top: -15px; right:0px; text-shadow: 1px 1px #d9c5a0, 2px 2px #505050; }
.plotbg .k3 { margin: 0; padding: 0; margin-bottom: 5px; font: lighter 28px yanone kaffeesatz; text-transform: uppercase; border-bottom: 1px solid #dddddd; color: #6d7947; width: 540px; }
.avbox { position: relative; overflow: hidden; width: 200px; height: 300px; border: 3px solid #dddddd; }
.avcontent { width: inherit; height: inherit; overflow: hidden; position: absolute; top: -300px; background-color: rgba(249, 249, 249, 0.8);  transition: all 0.5s ease-in-out 0.2s; -webkit-transition: all 0.5s ease-in-out 0.2s; -moz-transition: all 0.5s ease-in-out 0.2s; -o-transition: all 0.5s ease-in-out 0.2s; -ms-transition: all 0.5s ease-in-out 0.2s; }
.avcontent > span { background: #cccccc; padding: 2px 4px; text-align: center; font: 9px verdana; text-transform: uppercase; color: #505050; display: block; margin: 10px 10px 1px 10px; }
.avcontent > p { font: 9px verdana; text-align: justify; line-height: 9px; margin: 10px; color: #505050 }


.roro1 { position: relative;  top: 50px; left: -155px; background-color: rgb(255, 255, 255); width: 80%; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; } 
.roro2 { position: relative; top: 50px; left: -155px; background-color: rgb(255, 255, 255); width: 80%; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease } 
.roro3 { position: relative; top: 50px; left: -155px; background-color: rgb(255, 255, 255); width: 80%; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px;  -webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; -o-transition: all 2.5s ease; }
 .roro4 { position: relative; top:50px; left: -155px; background-color: rgb(255, 255, 255); width: 80%; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease;  } 
.roro5 { position: relative; top:50px; left: -155px; background-color: rgb(255, 255, 255); width: 80%; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease;  }

.avcontent:hover .roro1 { position: relative; top:50px; left: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; } 
.avcontent:hover .roro2 { position: relative; top:50px; left: 0; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; } 
.avcontent:hover .roro3 { position: relative;  top:50px; left: 0; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; }
.avcontent:hover .roro4 { position: relative; top:50px; left: 0; -webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; -o-transition: all 2.5s ease; } 
.avcontent:hover .roro5 { position: relative; top:50px; left: 0; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; } 

.perv:first-letter {
    color: #6d7947; /*  цвет первой буквы */
   }

.avbox:hover .avcontent { top: 0px; }
.plot-relate { height: 115px; overflow: auto; width:100%; }
.plot-relate > p { font: 9px verdana; text-align: justify; line-height: 9px; margin-right: 5px; color: #f9f9f9}
.plot-relate > img { border: 3px solid #6d7947; float: left; margin: 0px 3px 1px 0px; }
.plot-relate > span { font: 8pt courier new; text-transform: uppercase; background: #6d7947; text-align: left; padding: 4px; display: block; color: #d9c5a0; }
.plot-tabs { 
    position: relative;
    min-height: 290px;
    clear: both;
    width: inherit;
 }
.plot-tab {
    width: 174px;
    color: #65683f;
    background: #6d7947;
    padding: 2px 0px;
    text-align: center;
    display: inline-block;
}
.plot-tab:last-child { margin: 0px; }
.plot-tab label {text-transform: uppercase;  padding: 4px; color: #2e3d00; font-size: 1.5em; font-family: 'bebas neue';}
.plot-tab [type=radio] { display: none; }
.content { position: absolute;  top: 28px;  left: 0;  background: #f9f9f9; right: 0;  bottom: 0; overflow: auto; padding: 3px 10px 0px 5px;}
.content p { width: auto;  text-align: justify; line-height: 11px; margin: 0px 5px 10px 0px; }
.content p:last-child { margin-bottom: 0px; }
.content .push li {
  position: relative;
  padding: 10px 0 10px 0;
  margin: 0 0 0 -20px;
  cursor: default;
}
.content .push li span b {
  background-image: linear-gradient(#6d7947 50%, #6d7947  50%), linear-gradient(silver 50%, silver 50%);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 0 2px, 100% 2px;
  padding-bottom: 2px;
  transition: .5s  ease-in-out;
}
.cent {
  font-family: "oswald";
  font-variant: small-caps;
  font-weight: bold;
  font-size: 120%;
}
.lef {
  font-variant: normal;
  font-weight: normal;
  font-size: 100%;
}
.lef b{
  font-variant: normal;
  font-weight: bold;
  font-size: 100%;
}
.content .push li:hover span b  {
  background-size: 100% 2px, 100% 2px;
  color: #6d7947;
}
.content .push li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4F5151;
  content: "";
  left: -15px;
  transition: .3s ease-in-out;
  top: 10px;
}
.content .push li:after {
  position: absolute;
  border-left: 1px dotted #4F5151;
  width: 1px;
  bottom: 0;
  content: "";
  left: -12px;
  top: 28px;
}
.content .push li:hover:before{
  box-shadow: 0 0 0 10px rgba(0,0,0,0.2)
}
.content .push li:last-child:after {
  content: none;
}
.content .push li:hover {
background-color:  rgba(165, 165 165, 0.8);
}


.rorotab1  {background-color: #6d7947; } 
.rorotab2 {
    background-color: #dac8a2;
    border: 1px solid #6d7947;
    font-family: bebas neue;
    padding: 5px;
    color: #6d7947;
    width: 100px;
    text-align: justify;
    margin-bottom: 5px;
    font-size: 1.4em;
}

.plot-tab [type=radio]:checked ~ label {  background: none; color: #d9c5a0; z-index: 2; }
.plot-tab [type=radio]:checked ~ label ~ .content {  z-index: 1; background: #e9d6b2 url(http://forumfiles.ru/files/0014/4e/8d/41771.jpg);
}

.osw {font-family: oswald; }


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











  /* закладки */
.editBookmark .container {
  margin-top: -5px !important;
  }

#MyBookmarks .container  {
  background: #ddcba5;
  border: 4px solid #6d7947;
  }

#pun-main .editBookmark h1{
  padding: .3em 1em .5em .4em!important;
}

.punbb .main .editBookmark h1 span:first-child {
    position: relative !important;
    left: 100px !important;
    top: 0px !important;
    font-size: 1.5em !important;
}

#MyBookmarks {
  z-index:9999!important;

}
#BookmCntToggle{
  background: url(http://forumfiles.ru/files/0014/4e/8d/61442.png) center center no-repeat !important;
  width: 27px !important; 
  height: 26px !important;
  opacity: 1 !important; 
  cursor: pointer;
  z-index: 3; 
  box-shadow: 0 0 6px rgba(0,0,0,.2);
}
#BookmCntToggle:hover{
  opacity:.78!important;
}
.punbb .main #MyBookmarks h2,.punbb .main #MyBookmarks h1,.editBookmark h1 {
  padding: 15px 8px !important;
  background: #6d7947 !important;
  color: #fff !important;
  margin-bottom: 0 !important;
  border-bottom: none 0 transparent !important;
}
#MyBookmarks h2 span, #MyBookmarks h1 span, .editBookmark h1 span, .punbb .main #MyBookmarks h2 {
  font-size: 1.2em !important;
  font-family: 'bebas neue' !important;
  margin-top: 0;
  height: 20px !important;
  width: 225px !important;

  }

.punbb .main #MyBookmarks h2 span {
  text-align: center;
}

#MyBookmarks h2 strong,#MyBookmarks h1 strong {
  font: normal normal 700 18px/normal Verdana;
  letter-spacing: -1px;
  position: absolute;
  margin: 0 0 0 2px !important;
}
#MyBookmarks li span strong {
  font-size: 14px !important;
}
#MyBookmarks center {
  font-family: Verdana;
  padding-top: 5px !important;
}
#MyBookmarks em a, #MyBookmarks em a:hover {
  color: #fafafa !important;
  opacity: 1.0 !important;
}
li.BookmarkL {
  border-bottom-color: #e0e0e0 !important;
}
@media screen and (max-width:540px){
  #MyBookmarks h2, #MyBookmarks h2>span,#MyBookmarks h1,#MyBookmarks h1 >span{
    font-size: 17px !important;
  }
  #MyBookmarks #bm2 {
    font-size: 12px !important;
    margin-top: 5px !important;
  }
  
  .editBookmark {
    background: #dbc9a3;
    position: absolute;
    z-index: 999999;
    right: -5px;
    top: 30px;
    box-shadow: 0px 2px 0px 2px rgb(109, 121, 71);
    border-radius: 4px;
}
  
  
  /*КОДЫ ВСТАВЛЯТЬ ДО КОДОВ ЗАКЛАДКИ*/