/*************************************************************

ÎÑÍÎÂÍÎÅ

**************************************************************/
/* A5.1 ÒÅËÎ
-------------------------------------------------------------*/
#pun {
    position: relative;
    width: 940px;
    margin: 250px auto 10px auto;
    background-color: #D8CFC8;
    background-position: center;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: -20px;
    outline: 10px solid #F9F3E735;
}

/* A5.2 ÊÎÍÒÅÍÒ ÒÅËÀ
-------------------------------------------------------------*/
.punbb {
    height: auto;
    margin-left: 50px;
    margin-right: 50px; 
    width: 900px; 
  }


/*************************************************************

ÃËÀÂÍÀß ÑÒÐÀÍÈÖÀ

**************************************************************/

/* ÎÑÍÎÂÍÎÉ ÔÎÍ
-------------------------------------------------------------*/
body {
    background-attachment: fixed;
    background-color: #373330; 
    background-image: url(http://images.vfl.ru/ii/1613401773/ca6ececf/33345230.png);
    background-position: top center; 
    background-repeat: no-repeat;
}

/* ØÀÏÊÀ
-------------------------------------------------------------*/
#pun-title table {
    width: 990px;
    height: 100px;
    background-color: #393534!important;
    margin: -50px 0px 0px -50px; 
 padding-top: 66px; 
padding-bottom: 10px;
 background: url(http://images.vfl.ru/ii/1613029475/701287cf/33291991.png) repeat fixed top center;
}

#cloud {
  position: absolute;
  left: -470px;
  top: -250px;
  z-index: 0;
}

.hat1block, .hat2block, .hat3block, .hat4block {
	display: inline-block;
        position: absolute;
        top: -30px;
        z-index: 2;
}

.hat1block {
	width: 32%;
        left: 10px;
}

.hat2block {
	width: 24%;
        left: 34.9%;      
}

.hat3block {
	width: 12%;
        left: 60.8%;
}

.hat4block {
	width: 32%;
        right: 10px;
}

#bostonActive {
  position: absolute;
  left: 0px;
  top: 30px;
}

#bostonActive p {
  position: absolute;
  left: 0px;
  top: -22px;
  z-index: -1;
}

#bostonPosts {
  position: absolute;
  left: 0px;
  top: 100px;
}

#bostonPosts p {
  position: absolute;
  left: -1px;
  top: -22px;
  z-index: -1;
}

#wantedName {
  transform: rotate(-90deg);
  position: absolute;
  left: -78px;
  top: 82px;
  z-index: -1;
}

#wanted1, #wanted2 {
  position: absolute;
  left: -18px;
}

#wanted1 {
  top: 18px;
}

#wanted2 {
  top: 86px;
}

#bostonInfo, #bostonNews {
        font-family: font-family: 'Cormorant Garamond', serif;
        font-size: 11px;
}

#bostonRole {
    position: absolute; 
    left: 10px;
    top: 0px;
   font-family: 'Cormorant Garamond', serif;
        font-size: 16px;
}

#bostonInfo {
	text-align: justify;
	border: 1px solid #F3F3F380;
	background-color: #F3F3F370;
	overflow: auto;
        height: 80px;
    padding: 10px;
    position: absolute;
    top: 25px;
   font-family: 'Montserrat', sans-serif;
}

#boston1bottom {
	text-align: center;
    position: absolute;
    top: 135px;
    left: 190px;
}

#bostonNews {
	margin-top: 10px;
	text-align: justify;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #F3F3F380;
	background-color: #F3F3F370;
	overflow: auto;
        height: 120px;
   font-family: 'Montserrat', sans-serif;
}

#bostonNews b {
  font-weight: 700;
}

#bostonNews a {
  font-weight: 600;
}

.hatFaces p, #wantedName {
   font-family: 'Montserrat', sans-serif;
   font-size: 23px;
   color: #6F6F6F;
   opacity: .4;
   font-weight: bold;
}

.hatFaces img {
	margin-right: 8px; 
        max-width: 45px;
        max-height: 45px;
}

.hat3block img {
   max-width: 60px;
   max-height: 60px;
}

.hatFaces img, .hat3block img {
  filter: grayscale(.6);
}

.hatFaces img:hover, .hat3block img:hover {
  filter: grayscale(.1);
}

#bostonAms {
   font-family: 'Cormorant Garamond', serif;
   font-size: 12px;
   text-transform: uppercase;    
    font-weight: bold;
  margin-left: 20px;
}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/

.banners {
    margin: 0px auto 0px auto !important;
    width: 940px;
background: url(http://images.vfl.ru/ii/1613401773/ca6ececf/33345230.png) no-repeat fixed top center;
    padding: 0px !important;
    border: 1px solid #E1DAD490!important;
    box-shadow: inset 2px 2px 10px #E1DAD470, inset -2px -2px 10px #E1DAD470;
}

/* ÊÍÎÏÊÈ - ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ - Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 130px;
    margin-left: -20px!important;
    width: 990px;
    margin-left: 0px;
    position: absolute;
    padding-bottom: 13px;
    font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    color: #F9F3E7 !important;
    text-align: center;
}

#pun-about a {
    color: #F9F3E7 !important;
    text-decoration: none;
}

#pun-about a:hover {
    color: #C59B60 !important}

/*************************************************************

ÊÀÒÅÃÎÐÈÈ È ÑÒÀÒÈÑÒÈÊÀ

**************************************************************/

/* ÑÒÀÒÈÑÒÈÊÀ
-------------------------------------------------------------*/
#pun-stats.section h2 {
 background: url(http://images.vfl.ru/ii/1613401773/ca6ececf/33345230.png) no-repeat fixed top center;
    width: 960px;
    height: 20px;
    display: inherit; 
    border: none !important;
    margin-left: -60px !important;
    margin-bottom: 20px !important;
    padding-bottom: 17px;
color: #F9F3E7;
    font-family: 'Cormorant Garamond', serif!important;
font-size: 13px;
font-weight: bold;
letter-spacing: .8px;
text-transform: uppercase;
}

/* ÊÀÒÅÃÎÐÈÈ
-------------------------------------------------------------*/
#pun-category1 h2, #pun-category2 h2, #pun-category3 h2, #pun-category4 h2, #pun-category5 h2, #pun-category6 h2, #pun-category7 h2, #pun-category8 h2 {
    width: 950px;
    height: 130px; 
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    display: inherit;
    margin-top: -30px;
    margin-left: -50px;
    margin-bottom: -30px !important;
    border: none !important;
color: #393534;
    font-family: 'Cormorant Garamond', serif!important;
font-size: 17px;
line-height: 100px;
font-weight: bold;
text-transform: uppercase;
}

#pun-category1 h2 {
background: url(http://images.vfl.ru/ii/1613031893/758c643a/33292681.png) no-repeat center 24.5%;
background-size: 100%;
}

#pun-category3 h2, #pun-category5 h2, #pun-category7 h2, #pun-category9 h2 {        
background: url(http://images.vfl.ru/ii/1613031893/758c643a/33292681.png) no-repeat center 23%;
background-size: 100%;
}

#pun-category2 h2, #pun-category4 h2, #pun-category6 h2, #pun-category8 h2, #pun-category10 h2 {        
background: url(http://images.vfl.ru/ii/1613032441/b37f05f3/33292776.png) no-repeat center 23%;
background-size: 100%;
}


/*************************************************************

ÏÐÎÔÈËÜ

**************************************************************/

/* ÐÀÌÊÀ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author {
    width: 212px;
    margin-left: -20px!important; 
    padding-bottom: 5px!important;
    background: linear-gradient(to bottom, #EBD9B5, #E1D09E, #B9BFC9, #B9BFC900);
}

/* ÂÍÓÒÐÅÍÍÅ ÏÐÎÑÒÐÀÍÑÒÂÎ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author ul {
    margin: 0px;
    width: 190px;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author {
    text-transform: uppercase;
    color: #393534 !important;
    font-family: 'Cormorant Garamond', serif!important;
    font-weight: 800;
    font-size: 14px;
    height: auto;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    border: 2px solid #F9F3E7;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ ÑÑÛËÊÀ
-------------------------------------------------------------*/
.pa-author a {
    font-weight: 300 !important;
    color: #393534 !important;
      font-weight: bold;
}
/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover {
     color: #39353490 !important;
}

/* ÑÒÀÒÓÑ ËÈ×ÍÎÅ ÇÂÀÍÈÅ
-------------------------------------------------------------*/
.pa-title {
    font-size: 10px!important;
    padding: 4px 14px 4px 14px!important;
    text-align: center;
    color: #393534;
    height: auto;
    margin-top: -5px !important;
    margin-bottom: -22px !important;
   font-family: 'Montserrat', sans-serif;
}

/* ÀÂÀÒÀÐ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-avatar {
    margin-top: 22px !important;
    margin-bottom: 0px !important;
    margin-left: -1px !important;
    text-align: center;
}

/* ÇÀÄÀÅÌ ÒÅÍÜ È ÐÀÌÊÓ ÀÂÀÒÀÐÓ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

/* ÏÎËß ÏÐÎÔÈËß
-------------------------------------------------------------*/
.pa-fld3 {
    width: 212px;
    margin-left: 4px !important;
    margin-top: -2px !important;
}

.pa-fld3 a {
}

#profilenav h2 {
    text-align: left !important;
}

/* ËÇ
-------------------------------------------------------------*/

.profileInfo {
  margin-bottom: 15px !important;
  margin-top: 0px !important;
}

.profileName {
  width: 196px;
  margin-left: -12px !important;
  color: #393534;
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px;
  font-family: 'Cormorant Garamond', serif!important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.profileName a {
   color: #000 !important;
   font-weight: 700;
}

.profileName a:hover {
   color: #00000090 !important;
}

.profileSocial {
  padding-bottom: 10px;
  margin-bottom: 0px !important;
  margin-top: -5px !important;
}

.profileSocial a {
  font-family: 'Montserrat', sans-serif;
  color: #393534;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
}

.profileLZ {
  width: 188px;
  margin-left: -11px !important;
  background: #5F85A000;
  color: #393534 !important;
  padding: 10px 10px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0px !important;
  border: 2px solid #F9F3E7;
}

.profileLZ a {
  color: #393534 !important;
  font-weight: 600;
}

.profileLZ a:hover {
  color: #00000090 !important;
}

.profileMoney {
  text-align: center;
  width: 188px;
  color: #000;
  font-family: 'Cormorant Garamond', serif!important;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px !important;
  margin-top: -10px !important;
 
}

/* ÏÎÑÒÛ, ÐÅÏÓÒÀÖÈß
-------------------------------------------------------------*/
.pa-posts, .pa-respect {
    padding: 0px 4px 2px 4px !important;
    width: 180px;
    text-transform: lowercase;
    color: #393534 !important;
    font-size: 9px;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}
/* .pa-posts .fld-name:after {content: <br />;} */

 .pa-posts span, .pa-respect span {
    display: inline-block;
}

/* ÐÅÏÓÒÀÖÈß - ÑÑÛËÊÀ
-------------------------------------------------------------*/
 .pa-respect a {   
 color: #393534 !important;
  font-size: 9px;}

/* ÑÄÂÈÃ ÊÎË-ÂÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.pa-posts {margin-left: 0px!important}

/* ÎÒÎÁÐÀÆÅÍÈÅ ÏÐÎÔÈËß ÏÐÈ ÎÒÂÅÒÈÒÜ
-------------------------------------------------------------*/
#pun-post .pa-author {
    width: 216px !important;
    padding: 0;
    margin-top: 12px;
    text-align: center;
    margin-left: 12px;
}

/* ÑÑÛËÊÈ ÏÐÎÔÈËÜ, ËÑ, EMAIL ÏÎÄ ÏÐÎÔÈËÅÌ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
Âîçìîæíî, ïðèäåòñÿ äâèãàòü ñ ïîìîùüþ ïîñëåäíåãî ïàðàìåòðà*/

.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    background: transparent;
    text-align: center;
    margin-left: -19em !important;
    font-family: 'Montserrat' !important;
}

/* ÂÐÅÌß È ÍÎÌÅÐ ÏÎÑÒÀ
-------------------------------------------------------------*/
.post h3 {
    height: 20px;
    margin: 25px 0px 25px -50px !important;
    border: none;
    text-transform: lowercase;
    font-family: 'Montserrat' !important;
    color: #393534;
    padding-left: 32px;
}

/* ÍÎÌÅÐ ÏÎÑÒÀ (ÌÎÆÍÎ ÏÎÄÂÈÍÓÒÜ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 704px;
    position: absolute;
    width: 200px;
    text-align: right!important;
}


/* ÈÊÎÍÊÀ ÑÒÐÀÍÛ ÍÅ ÎÒÎÁÐÀÆÀÅÒÑß
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}


/* ÀÉÏÈ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    color: #2C4156 !important;
    width: 190px;
    font-size: 7px;
}

/* ÎÍËÀÉÍ - ÀÊÒÈÂÅÍ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-online {
    height: 20px;
    margin-top: 5px !important;
    display: block;
    margin-bottom: 10px!important;
    text-transform: lowercase;
    font-size: 12pt;
    color: #5F85A0;
    font-family: 'Cormorant Garamond', serif!important;
}
/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ
-------------------------------------------------------------*/
li#navawards, .lastedit {
    display: none !important;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÄÀÐÊÈ
-------------------------------------------------------------*/
.pa-gifts {
    display: none;
}


/*************************************************************

ÖÂÅÒ ÒÅÊÑÒÀ È ÊÎÍÒÅÍÒ ÏÎÑÒÀ

**************************************************************/

/* ÖÂÅÒ ÒÅÊÑÒÀ ÁÎËÜØÈÍÑÒÂÀ ÝËÅÌÅÍÒÎÂ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.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, #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 {
    border-color: transparent;
    color: #000;
}

/* ÖÂÅÒ ÒÅÊÑÒÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.punbb .post-box {
    color: #000;
}

/* ÖÂÅÒ ÄÅÆÓÐÍÎÃÎ ÒÅÊÑÒÀ (òåìó ïðîñìàòðèâàþò, ñòðàíèöû è ò.ä.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
      color: #393534;}

/* ÊÎÍÒÅÍÒ ÏÎÑÒÀ (ÐÅÄÊÎ ÏÐÈÕÎÄÈÒÑß ÒÐÎÃÀÒÜ)
-------------------------------------------------------------*/
.post-content {margin: -5px 0px 0px 0px !important;}


/*************************************************************

ÖÂÅÒ ÑÑÛËÎÊ

**************************************************************/

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.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 {
    border: none;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    box-shadow: none;
    color: #393534; 
}

.post-box a {
        border: none;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    box-shadow: none;
    color: #6e7a89!important;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.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, .post-box a:hover {
    border: none !important;
    text-decoration: none;
    border: none !important;
    color: #C59B60!important;
}



/*************************************************************

ÏÎÄÔÎÐÓÌ

**************************************************************/

/* ÏÎÄÔÎÐÓÌ
-------------------------------------------------------------*/
#pun-index .tclcon {
    width: 380px;
    font-size: 12px;
    min-height: 106px;
    margin-left: 0px;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ÏÎÄÔÎÐÓÌ - ÍÀÇÂÀÍÈÅ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-family: 'Cormorant Garamond', serif!important;
    font-size: 17px;
    color: #393534;
    font-weight: 400!important;
    text-transform: uppercase;
    text-align: left;
    margin-left: 9px;
    font-weight: 800;
}

/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a {
    text-align: left;
    text-transform: lowercase;
    line-height: 18px;
font-family: 'Montserrat' !important;
    color: #393534!important;
}

#pun-index .tclcon a:hover {
color: #C59B60 !important;}

ul.forum_links a:hover {
  color: #C59B60 !important;
}

/* ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Â ÏÎÄÔÎÐÓÌÀÕ
-------------------------------------------------------------*/
.podfor_link {text-align: justify;     font-family: 'Montserrat' !important;}
.podfor_link a {color: #393534 !important;     font-family: 'Montserrat' !important;}
.podfor_link a:hover {color: #C59B60 !important; }

.tcr a {color: #000 !important;     font-family: 'Montserrat'; !important;}
.tcr a:hover  {color: #C59B60 !important;}


/* ÑÑÛËÊÀ ÍÀ ÏÎÑËÅÄÍÞÞ ÀÊÒÈÂÍÓÞ ÒÅÌÓ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index .tcr a {
    font-size: 12px;
    font-family: 'Montserrat'; !important;
    font-weight: 600;
}

/* ÊÎËÈ×ÅÑÒÂÎ ÌÅÑÒÀ, ÊÎÒÎÐÎÅ ÇÀÍÈÌÀÅÒ ÏÎÑËÅÄÍßß ÀÊÒÈÂÍÀß ÒÅÌÀ ÍÀ ÃËÀÂÍÎÉ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 30%!important;
    text-align: right;
}


/* ÊÎËÈ×ÅÑÒÂÎ ÒÅÌ È ÑÎÎÁÙÅÍÈÉ Â ÏÎÄÔÎÐÓÌÅ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 10%;
    font-family: 'Montserrat'; !important;
    font-weight: 400;
    font-size: 14px;
}

/*** ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÅ ÑÑÛËÊÈ ***/

/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-ulinks .container {
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Montserrat', sans-serif;
    text-transform: lowercase;
    width: 940px !important;
    text-align: center !important;
    font-style: normal;
    top: 109px;
    font-size: 11px;
    height: 12px !important;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÌÎÈ ÇÀÃÐÓÇÊÈ Â ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÊÀÕ
-------------------------------------------------------------*/
#pun-ulinks .item5 {
    display: none;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 11px !important;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    padding: 0 7px 0px 7px !important;
    color: #000!important;
}
/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
#pun-ulinks a:hover {color: #F9F3E7!important;}


/*************************************************************

ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ

**************************************************************/

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ È ÑÍÈÇÓ ÂÍÅØÍÈÉ ÂÈÄ
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    font-size: 11pt;
    text-align: left;
    font-family: 'Cormorant Garamond', serif!important;
    width: 950px;
    font-weight: 400;
    margin-bottom: -10px;
    margin-left: -35px;
}

/* ÑÑÛËÊÈ Â ÂÀØÅÌ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÈ ÍÀ ÔÎÐÓÌÅ - ÄÅËÀÅÌ ÆÈÐÍÛÌÈ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 {font-weight: bold;}

#pun-main h1 {
  margin-bottom: 10px;
  text-align: center;
   font-family: 'Cormorant Garamond', serif!important;
    font-size: 13pt;
   color: #393534;
}



/*************************************************************

ÏÎËß ÂÂÎÄÀ, ÖÈÒÀÒÛ-ÊÎÄÛ, ÂÑÏËÛÂÀÞÙÈÅ ÎÊÍÀ 

**************************************************************/

/* ÑÒÐÀÍÈÖÀ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
-------------------------------------------------------------*/
#pun-redirect{
  padding: 14px;
  margin-top: -90px!important;
  margin-left: 185px!important; 
}

/* ÂÍÅØÍÈÉ ÂÈÄ ÎÊÍÀ ÑÒÐÀÍÈÖÛ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
Çà÷àñòóþ, ñòðàíèöà ïåðåàäðåñàöèè íå òðåáóåò ñåðüåçíûõ èçìåíåíèé. 
 áîëüøèíñòâå ñëó÷àåâ äîñòàòî÷íî èçìåíèòü öâåòà è çàêðóãëåíèå êðàåâ (ò.å. 5 ïîñëåäíèõ ïîçèöèé)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{
    width: 500px;
    height: 52px;
    margin: 10% auto;
    text-align: center;
    left:0;
    right:0;
    top:0;
    bottom:0;
    padding: 40px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #c8d4dc;
    color: #2C4156;
    border: 3px solid #2C4156;
    border-radius: 5px;
}

/* ÍÀÑÒÐÎÉÊÈ ÏÎËß ÂÂÎÄÀ
-------------------------------------------------------------*/
.punbb textarea {
    background-clip: padding-box;
    padding: 7px !important;
    width: 97% !important;
    color: #393534;
    background-color: #E1DAD4;
    border: 2px solid #bdb0ab; 
    box-shadow: 4px 4px 5px #F9F3E7, -4px -4px 5px #F9F3E7, 4px -4px 5px #F9F3E7, -4px 4px 5px #F9F3E7;
    margin-top: 7px !important;
}

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.punbb select, input {
    padding: 2px !important;
    background-color: #F9F3E7;
    color: #393534;
    border: 1px solid #E1DAD4;
}

/* ÑÄÂÈÃÀÅÌ ÖÈÒÀÒÓ, ÊÎÄ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {
  margin: 5px auto 15px auto;
}

/* ÂÍÅØÍÈÉ ÂÈÄ ÖÈÒÀÒÛ, ÊÎÄÀ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    background-clip: padding-box;
    position: relative;
    padding: 7px 10px 7px 10px !important;
    background-color: #C5CBD5;
    outline: 2px solid #F9F3E7;
    border: 3px solid #E1DAD4; 
    width: 90%;
    margin-left: 15px; 
}

/* B1.9 ËÅÃÅÍÄÀ ÖÈÒÀÒÛ, ÊÎÄÀ
Îòâå÷àåò çà íàñòðîéêè òîãî ñàìîãî "Ìàøà íàïèñàë(-à), âûäåëèòü êîä è òä.
Ðàáîòàåì òîëüêî ñ 4 ïîñëåäíèìè ïàðàìåòðàìè 
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 7px;
    margin: 0;
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    text-transform: math-auto;
    font-family: 'Cormorant Garamond', serif!important;
    font-weight: 500;
    color: #393534;
}

/* ÊÎÄ (ÑÊÎÏÈÐÎÂÀÒÜ ÊÎÄ)
-------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre {
font-size: 12px;}


/* ÐÅÉÒÈÍà ÏÎÑÒÀ  ÒÎÏÈÊÅ (ÊÎÃÄÀ ÏÈØÅØÜ ÊÎÌÌÅÍÒ Ê ÏËÞÑÓ - ×ÒÎÁÛ ÔÎÍ ÁÛË ÍÅ ÏÐÎÇÐÀ×ÍÛÉ)
-------------------------------------------------------------*/
.post_reputation {
    padding: 15px;   background: #C4C4C488;}


/* Â ÔÎÐÌÅ ÎÒÂÅÒÀ ÂÛÏÀÄÀÞÙÈÅ ÎÊÍÀ ØÐÈÔÒÎÂ, ÐÀÇÌÅÐÀ ÒÅÊÑÒÀ È ÒÄ
-------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 15px 10px 10px 10px !important;
    background-color: #F9F3E7f0;
    border: 1px solid #C59B6050;
}

/* ÇÀÄÀÅÌ ØÈÐÈÍÓ È ÂÛÑÎÒÓ ÔÎÐÌÅ ÎÒÂÅÒÀ, À ÒÀÊÆÅ ÑÎÇÄÀÅÌ ÄËß ÍÅÅ ÏÐÎÊÐÓÒÊÓ
×ÒÎÁÛ ÎÍÀ ÍÅ ÐÀÑÒßÃÈÂÀËÀÑÜ ÍÀ ÏÎËÎÂÈÍÓ ÝÊÐÀÍÀ
-------------------------------------------------------------*/
#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


/*************************************************************

ÈÊÎÍÊÈ ÑÒÀÐÛÕ ÍÎÂÛÕ

**************************************************************/

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index table Div.icon {
    background: url(http://images.vfl.ru/ii/1613032965/d3c478b3/33292936.png) no-repeat center center;
    background-size: contain;
    border-style: none;
    font-weight: 10px;
    display: block;
    height: 20px;
    margin-left: -40px;
    position: absolute;
    width: 20px;
    z-index: 1;
}

/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background: url(http://images.vfl.ru/ii/1613032965/757a86fb/33292935.png) no-repeat center center;
    background-size: contain;
    opacity: 1;
}

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -2px 10px 5px 0px; 
    background: url(http://images.vfl.ru/ii/1613032965/d3c478b3/33292936.png) no-repeat center center;
    background-size: contain;
    height: 20px;
    width: 20px;
}

/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -2px 10px 5px 0px; 
    background: url(http://images.vfl.ru/ii/1613032965/757a86fb/33292935.png) no-repeat center center;
    background-size: contain;
    height: 20px;
    width: 20px;
}

/* ÈÊÎÍÊÀ ÂÀÆÍÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -2px 10px 5px 0px; 
    background: #a5badf;
    border: 2px solid #F9F3E7;
    background-size: contain;
    height: 17px;
    width: 17px;
}

/* ÈÊÎÍÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -2px 10px 5px 0px; 
    background: url(http://images.vfl.ru/ii/1613119934/ad702fd5/33304296.png) no-repeat center center;
    background-size: contain;
    height: 20px;
    width: 20px;
}
/*************************************************************

ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ, ÏÎÑÌÎÒÐÅÒÜ, ÑÎÕÐÀÍÈÒÜ È ÒÄ

**************************************************************/

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 14px!important;
    background-color: #F9F3E7 !important;
    color: #393534 !important;
    border: 1px solid #393534 !important;
    text-transform: lowercase;
    font-family: 'Cormorant Garamond', serif!important;
    padding: 5px 7px !important;
    cursor: pointer!important;
}

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background-color: #393534 !important;
    color: #F9F3E7 !important;
    border: 1px solid #F9F3E7 !important;
    cursor: pointer!important;
  }


/*************************************************************

ÏÐÎÊÐÓÒÊÀ, ÂÛÄÅËÅÍÈÅ, ÂÂÅÐÕ-ÂÍÈÇ, ÁÅÃÓÍÎÊ ÓÂÅËÈ×ÅÍÈß ÒÅÊÑÒÀ 

**************************************************************/


/* ÂÍÅØÍÈÉ ÂÈÄ ÂÛÄÅËÅÍÍÎÃÎ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::selection {
        background-color: #C5CBD5;
        color: #F9F3E7;
}

/* ÏÐÎÊÐÓÒÊÀ ØÈÐÈÍÀ
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;}

/* ÄÂÈÆÓÙÀßÑß ×ÀÑÒÜ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
    background-color: #E1DAD4;
}
/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
background-color: #F9F3E7;
}

/* ×ÒÎÁÛ ÍÅ ÎÒÎÁÐÀÆÀËÀÑÜ ÏÐÎÊÐÓÒÊÀ ÔÎÐÓÌÀ ÏÎ ÃÎÐÈÇÎÍÒÀËÈ
-------------------------------------------------------------*/
body {overflow-x: hidden}


/*************************************************************

ÒÎÏÈÊÈ È ÂÑßÊÎÅ ÌÅËÊÎÅ Â ØÀÏÊÅ

**************************************************************/

/* ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ
-------------------------------------------------------------*/
#html-header forumname {
    position: absolute;
    margin: 104px 75px !important;
    margin-left: 10px;
    text-align: justify;
    font-family: 'Cormorant Garamond', serif!important;
    width: 100%;
    height: 57px;
    padding-right: 5px;
    color: #393534;
    font-size: 54px;
    text-transform: math-auto;
    line-height: 57px;
}

/* ÑÑÛËÊÈ
-------------------------------------------------------------*/
/* #html-header headlink1 a {
    position: absolute;
    font-size: 14px;
    color: #d0cec9;
    margin-top: 203px;
    margin-left: -26px;
    font-family: 'Cormorant Garamond', serif!important;
    font-weight: 200;
    text-transform: lowercase;
    width: 140px;
    padding: 1px 18px 1px 10px;
    text-align: center;
}

#html-header headlink1 a:hover {  
    color: #131815!important;
    background-color: #d85c16;
}

#html-header headlink2 a {
    position: absolute;
    font-size: 14px;
    color: #1C577D;
    margin-top: 225px;
    margin-left: 146px;
    font-family: 'Cormorant Garamond', serif!important;
    font-weight: 200;
    text-transform: lowercase;
    width: 140px;
    background-color: #5F85A0;
    padding: 1px 18px 1px 10px;
    text-align: center;
}

 #html-header headlink2 a:hover {  
    color: #d0cec9!important;
    background-color: #1c1e1b;
} 

#html-header headlink3 a {
    position: absolute;
    font-size: 14px;
    color: #d0cec9;
    margin-top: 203px;
    margin-left: 750px;
   font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    text-transform: lowercase;
    width: 140px;
    background-color: #1c1e1b;
    padding: 1px 18px 1px 10px;
    text-align: center;
}

#html-header headlink3 a:hover {  
    color: #131815!important;
    background-color: #d85c16;
}

#html-header headlink4 a {
    position: absolute;
    font-size: 14px;
    color: #131815;
    margin-top: 225px;
    margin-left: 576px;
   font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    text-transform: lowercase;
    width: 140px;
    background-color: #d85c16;
    padding: 1px 18px 1px 10px;
    text-align: center;
}

#html-header headlink4 a:hover {  
    color: #d0cec9!important;
    background-color: #1c1e1b;
}*/

/* ÈÍÔÎ Î ÐÎËÅÂÎÉ
-------------------------------------------------------------*/

#html-header inforol {
    position: absolute;
    font-size: 8px;
    color: #d0cec9;
    margin-top: 162px;
    margin-left: 362px;
    font-family: 'Montserrat';
    font-weight: 200;
    text-transform: lowercase;
    width: 172px;
    line-height: 2;
    background-color: #1c1e1b9c;
    padding: 1px 3px 1px 3px;
    text-align: center;
}

#html-header inforol:hover {  
    color: #131815!important;
    background-color: #d85c16;
}

/* ÏËÀÕÈ Â ÎÁÚßÂËÅÍÈÈ
-------------------------------------------------------------*/
.pnews {
    background: #1f4347;
    width: 150px !important;
    display: inline-block;
    font-family: bitter;
    margin: 0 2px !important;
    color: #f1f1f1 !important;
    font-size: 12px;
    transition-duration: 2s;
    padding: 3px 5px 3px 5px;
    text-align: center;
}


.pnews a, .vnews a {
    color: #e6e6e4 !important;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Bitter';
    text-transform: uppercase;
    line-height: 19px;
}


.vnews {
    background: #31251f;
    width: 150px !important;
    display: inline-block;
    font-family: bitter;
    margin: 0 2px !important;
    color: #f1f1f1 !important;
    font-size: 12px;
    transition-duration: 2s;
    padding: 3px 5px 3px 5px;
    text-align: center;
}


/*************************************************************

ÁÀÍÍÅÐÛ

**************************************************************/
.banners {
    position: absolute;
    width: 988px;
    height: 74px;
    background-color: #E1DAD4a3;
    margin: 17px -51px !important;
    overflow: auto;
    padding-right: 5px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align-last: center;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}
.banners img {opacity: 0.3; filter: grayscale(0.5);}
.banners img:hover {opacity: 1; filter: grayscale(0);}

.character {
    margin: 1px 7px 6px 7px !important;
    background-color: #131815a3;
    border-style: solid;
    border-width: 1px;
    border-color: #E1DAD4;
}
.character a {
    margin: 3px 0px 3px 0px !important;
    color: #d0cec9 !important;
    font-family: 'Yeseva One';
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-transform: none;
    border-color: #d8611e !important;
}
.about {
    margin: -2px 10px 3px 6px !important;
    width: 172px !important;
    background-color: #131815a3;
    border: #d85c16 !important;
    border-style: solid !important;
    border-width: 1px !important;
    text-align: justify !important;
    padding: 3px 3px 4px 3px !important;
    font-size: 10px;
    font-family: 'Montserrat';
    color: #d0cec9;
}
.about a {
        /* margin: 3px 0px 5px 24px !important; */
        /* font-family: 'Bitter'; */
        /* font-weight: 700; */
        /* font-size: 12px; */
}
.link2 {
    color: #bababa !important;
    font-size: 8px;
    margin-left: -28px !important;
    padding-left: 27px;
    text-align: justify;
    width: 400px;
}
.link2 a {
    color: #171b1a !important;
    font-size: 9px;
    padding-left: 2px;
    text-align: justify;
    font-family: 'Montserrat' !important;
    width: 393px;
}



/************************************************
ÎÏÈÑÀÍÈÅ ÏÎÄÔÎÐÓÌÎÂ È ÑÑÛËÊÈ
************************************************/

.forum_description {
  margin: 0px !important;
  padding: 5px;
  text-align: justify;
  color: #000;
  font-family: 'Montserrat' !important;
  font-size: 11px;
}

.forum_description p {
   margin-left: 5px;
}

#pun .forum_links li {
  display: inline-block;
  height: 16px;
  font-family: 'Montserrat' !important;
  font-size: 12px;
  font-style: normal;
  letter-spacing: 1px;
  padding:  3px 0px 3px 4px;
}

#pun .forum_links li:last-of-type {
   border: none;
}

#pun .forum_links {
    width: 100%;
    text-align: center;
    color: #000;
    background-color: #E1DAD4;
    margin: 5px;
}

#pun .forum_links a {color: #000!important;}
#pun .forum_links a:hover {color: #C59B60!important;}

#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
  font-family: 'Montserrat' !important;
  font-size: 11px;
    font-weight: 300;
    width: 6%;
}

/*** ÁËÎÊ ÑÌÀÉËÎÂ ***/

#smilies-block {
  background: #F9F3E7!important;
  padding: 10px;
}

#spoiler-area {
  background: #F9F3E7!important;
  padding: 10px;
}

/*** ÃÎÑÒÅÂÀß ***/

#guestbook_wrapper {
  margin: 0px auto;
  width: 620px;
}

#guestbook_title {
  background: url(http://images.vfl.ru/ii/1614262980/eaaff715/33466580.png);
  border: 2px solid #F9F3E7;
  height: 198px;
  margin-bottom: 15px;
}

#guestbook_main {
  border: 2px solid #F9F3E7;
  height: auto;
  background: linear-gradient(to bottom, #EBD9B5, #E1D09E, #B9BFC9);
  padding: 15px;
  overflow: auto;
}

#guestbook_admins {
 margin-bottom: 20px!important;
}

#guestbook_admins span {
     float: left;
    width: 50%;
}

#guestbook_admins p {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.book_name {
    font-family: 'Cormorant Garamond', serif!important;
    font-size: 13pt;
}

.book_description {
   font-family: 'Montserrat', sans-serif!important;
   font-size: 9px;
   padding: 0px 30px !important;
}

#guestbook_rights {
 padding: 0px 10px!important;
 margin: 120px 20px 5px 20px!important;
   font-family: 'Montserrat', sans-serif!important;
   font-size: 10px;

}

#guestbook_faceslist, #guestbook_buylist {
  width: 48%;
  float: left;
   font-family: 'Montserrat', sans-serif!important;
   font-size: 11px;
   text-align: center;
  color: #393534;
}

/*** ÏËÀØÊÀ ***/

.plashka {
  width: 180px;
  height: 36px;
  background: linear-gradient(#E1DAD4 50%, #6E7A88 50%);
  position: relative;
  margin-top: 2px!important;
  margin-left: 5px!important;
  padding: 2px 0px 0px 0px!important;
  box-sizing: border-box;
}

.plashka_pic {
  position: absolute;
  bottom: .2px;
  left: 1px;
}

.plashka_pic img {
  max-width: 55px;
  max-height: 55px;
}

.p1 {
 text-align: right;
 font-family: 'Montserrat', sans-serif!important;
 color: #393534;
 font-size: 10px;
 text-transform: lowercase;
 margin-bottom: -6px!important;
}

.p2 {
 text-align: right;
 font-family: 'Montserrat', sans-serif!important;
 color: #F9F3E7;
 font-size: 9.6px;
 text-transform: lowercase;
}