/* CS0 Îôîðìëåíèÿ ìåíþ íàâèãàöèè îñíîâíîãî è âñïîìîãàòåëüíîãî 
--------------------------------------------------------------------------------- */
/* âûðàâíèâàíèå íàâèãàöèè ïî ôîðóìó, ñ çàêðåïëåíèåì íà ìåñòå */
 div#pun-navlinks {
   text-transform: uppercase;
   font-weight: bold;
   font-family: "cuprum";
       font-size: 15px;
       position: absolute;
       margin-left: -15px;
       width: 984px;
       top: 546px;
      }


 div#pun-ulinks {
   text-transform: uppercase;
       position: absolute;
       font-size: 10px;
       margin-left: -18px;
       width: 984px;
       top: 572px;
padding-bottom: -100px;
       }

/* ðàññòîÿíèå ìåæäó ññûëêàìè â ìåíþ íàâèãàöèè */
#ul.navlinks li {
margin-left:-50px !important;
}

/* Öâåò íàâèãàöèè äî íàâåäåíèÿ */
#pun-navlinks a {
  font-weight: bold;
  font-style: normal;
  color: #81a073;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;}

/* Öâåò íàâèãàöèè ïðè íàâåäåíèè */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #f3b92a;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;}


/* ðåïóòàöèÿ è ñîîáùåíèÿ íà îäíîé ñòðî÷êå*/
.pa-posts {
text-align: center; 
display: inline-block;
padding: 4px;
width: 55px;
  border-radius: 8px;
  background-color: #;
  border: 3px double #e3e4e6;
  font-family: "calibri";
  font-size: 10px; !important;
  letter-spacing: 0px;
}

.pa-respect {
text-align: center;
display: inline-block;
padding: 4px;
width: 55px;
  border-radius: 8px;
  background-color: #;
  border: 3px double #e3e4e6;
  font-family: "calibri";
  font-size: 10px; !important;
  letter-spacing: 0px;
}


/* îôîðìëåíèå ìèíè-ïðîôèëÿ */
.punbb .post .post-author {
width:230px; !important;
padding-top: 28px;
padding-bottom: 32px;
margin-top: 0px;
margin-left: 2px;
margin-bottom: 0px;
  text-align: center;
background: url(http://funkyimg.com/i/2ekc3.png) top no-repeat, 
url(http://funkyimg.com/i/2ekcc.png) bottom no-repeat, 
url(http://funkyimg.com/i/2ekck.png) top center; repeat-y;
}

.pa-avatar.item2 img {
max-width: 180px;
margin-bottom: 0px;
border: solid;
border-width: 3px;
border-color: #f6f6f6;
  padding: 0em;
    margin: 0.0em;
    text-align: center;
margin-left: 0px !important;
margin-top: -10px !important;
box-shadow: 0px 0px 0px #d0c7bb;
}

/* íèê */
.pa-author a, .pa-author {text-align: center;
  color: #81a073 !important; 
  font-family: "cuprum";
  border-bottom: 0px none #000;
  text-transform: uppercase;
  font-size: 16px; !important;
  padding-bottom: 10px !important;
  margin-top: -10px !important;
  font-weight: bold;  
  font-style: italic;
text-shadow: 0px 1px 1px #fff, !important;
}

/* CS1 Öâåò òåêñòà, ðàçìåð, øðèôò è ïðî÷åå 
-------------------------------------------------------------------------- */
/* CS1.1 îñíîâíûå ýëåìåíòû òåêñòà, ïîñòû, ïðîôèëü, îíëàéí ëèñò è ò.ä */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend 
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer 
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, 
#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
li#onlinelist, li#onlinelist div {
  background-color: transparent;
  color: #230d0f;
  font-weight: normal;
  font-style: normal;
  }



/* CS1.2 öâåò òåêñòà öèòàòû è êîäîâ */
.punbb .quote-box, .punbb .code-box {
  background-color: #efeff1;
  color: #000000;
  }

/* CS1.3 öâåòà ññûëîê, äî, ïîñëå è âî âðåìÿ êëèêà */
.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: #81a073;text-shadow: 1px 1px 0px #fffdfb;
  text-decoration: none;}


.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 {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #e3bf10; text-shadow: 1px 1px 0px #fffdfb;
  text-decoration: none; }


/* CS2 Öâåòîâàÿ ñõåìà è èçîáðàæåíèÿ ôîðóìà 
-------------------------------------------------------------------------- */
/* CS2.1 Îñíîâíîé ôîí ôîðóìà, ññûëêà èçîáðàæåíèÿ íà êàðòèíêó */
html, body { background: top center repeat-x, center; background-color: #d0dfca; }

/* CS2.2 Öâåò çàäíèêà è ññûëêà íà èçîáðàæåíèå */
#pun {background-color: #dededd; background-image: url(http://funkyimg.com/i/2ejfh.png);}

/* CS2.3 Ïàðàìåòðû è èçîáðàæåíèå øàïêè */
#pun-title table {
background-image : url(http://funkyimg.com/i/2ejfj.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 614px;
width: 1200px;
  margin-left: -119px;}


/* CS2.4 Èçîáðàæåíèå íèçà ôîðóìà */
 #pun-about p.container {
background-image : url(http://funkyimg.com/i/2ejfi.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 206px;
width: 1200px; 
margin-left: -120px;
text-align: center;
border-color: transparent;
margin-bottom: -7px;
font-size:0 !important;
}



 div#html-footer {
        margin: 0px 0px 0px 0px;}
 div#pun-about {
       margin-bottom:-90px;
}
 div#html-footer {
        margin: -70px 0px 0px 0px;}
 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS2.5 Èêîíêè ôîðóìà */
/* ñòàðûå ñîîáùåíèÿ*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: -25px;
margin-right: 25px;
width: 80px;
height: 75px;
background-image : url(http://funkyimg.com/i/2ek8E.png);
background-repeat: no-repeat;}

/* íîâûå ñîîáùåíèÿ */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2ek8D.png);
background-repeat: no-repeat;
width: 80px;
height: 75px;}

/* âàæíûå òåìû*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2ek8U.png);
background-repeat: no-repeat;
width: 80px;
height: 75px;}

/* çàêðûòûå òåìû*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2ek8E.png);
background-repeat: no-repeat;
width: 80px;
height: 75px;}

/* èêîíêà ñòàòèñòèêè */
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2ek9e.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 105px;
padding-top: 20px;}


/* CS2.6 Çàìåíà íàçâàíèé êàòåãîðèé íà èçîáðàæåíèÿ */

/* êàðòèíêà ñòàòèñòèêè ñ íàäïèñüþ "ñòàòèñòèêà" */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 168px;
width: 1020px;
margin-left: -33px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2ejUe.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* ôîðìà îòâåòà "íàçâàíèå" */
#post-form h2 {
background: url() center center no-repeat; 
width: 397px;
height: 12px;
margin-left: 250px;}
#post-form h2 span {
display: none;}


/* CS3 Íàñòðîéêà ïðî÷èõ ýëåìåíòîâ ôîðóìà. Òàêèõ êàê öèòàòû, áëîê êîäà, àäìèíêà, ðåêëàìà è ïðî÷åå
-------------------------------------------------------------------------- */
/* CS3.1 Ñòèëü ôîðìû îòâåòà è áëîêà ââîäà êîäà â àäìèíêå */
.punbb textarea, .punbb select, .punbb input {
background-image: url("");
background-color: #efeff1;
border: double #d4d4d4;
color: #000000}

/* CS3.2 Äâèãàåì ðåêëàìíûé áàííåð */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: -500px; 
top: -192px}

/* CS3.3 Âûðàâíèâàíèå èíôîðìàöèè â ïðîôèëå */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center; line-height: 1.1em;}
#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: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


/* îòêëþ÷åíèå áîðäåðîâ íà ôîðóìå/
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#pun-crumbs2.section .crumbs {display: none; }
#pun-about.section .container .item1 {display: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #transparent;
  color: #transparent;
  text-align: left;
 }
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  color: #000000;
  text-align: center;
  }
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color:transparent;
.punbb th {
  border-color: transparent;
  }
.punbb .quote-box, .punbb .code-box {
  border-color: #050505;
  }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
.punbb .divider {
  border-color: transparent;
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #050505
  }
li.pa-online {
  border-left-color: transparent;
.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* CS4 ïðî÷èå ýëåìåíòû 
--------------------------------------------------------------------------------- */

/* íàâèãàöèÿ öññ */
a.sbla:link, a.sbla:visited { display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 9px; letter-spacing: 1px;border-radius: 10px; background: #4a0207; color: #cabbcd;  padding: 1px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: lowercase; font-family: georgia; font-size: 9px; letter-spacing: 5px; background: #cabbcd; text-decoration: none; color: #4a0207; text-align: center; padding: 1px 2px 2px 20px;border-radius: 10px;}

/* êíîïêà "Îòïðàâèòü" è ïð. */
.button {
  height: auto;
   padding: 5px;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: .2em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}


/* êíîïêà "îòïðàâèòü" è ïð. ïîñëå íàâåäåíèÿ */
.button:hover, .button:active, .button:focus {
   color: #000000 !important;
}

.pa-avatar.item2 img {
max-width: 200px;
margin-bottom:12px;
border-style: solid;
border-width: 4px;
  padding: 0em;
    background: url() repeat scroll 0 0;
border-color: #dbc0de;
border-style: none;
    margin: 0.0em;
    text-align: center;
margin-left: 0px !important;
margin-top: 2px !important;
}


font-family: 'Alegreya Sans SC', sans-serif;
font-family: 'Oranienbaum', serif;
font-family: 'Calligraffitti', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Romanesco', cursive;
font-family: 'Stint Ultra Condensed', cursive;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Over the Rainbow', cursive;
font-family: 'Loved by the King', cursive;
font-family: 'Pathway Gothic One', sans-serif;
font-family: 'Archivo Narrow', sans-serif;
font-family: 'Playball', cursive;
font-family: 'Bangers', cursive;
font-family: 'Sancreek', cursive;

#pun-reputation div, #pun-popup_awards div {background-color: #eeeae5 !important; 
padding: 11px;
padding-top:10px;
border-top: 6px solid #7cb0f2;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 6px solid #7cb0f2;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e5d3c4;
-webkit-box-shadow: inset 0 0 10px 5px #e5d3c4;
box-shadow: inset 0 0 10px 5px #d5d2cd;
color: #2e2d2b}
div#smiles-area.container {background-color: #eeeae5;}


@font-face {font-family: NautilusPompilius; /* èìÿ øðèôòà äëÿ CSS ïðàâèë */
src: local("NautilusPompilius"), /* ïðîâåðÿåì íàëè÷èå øðèôòà â ÎÑ ïîëüçîâàòåëÿ */
url(http://co.forum4.ru/files/0017/6c/6f/19877.otf); /* åñëè øðèôò íå óñòàíîâëåí, òîãäà çàãðóæàåì åãî ïî óêàçàííîìó ïóòè */}
@font-face {font-family: Calibri; /* èìÿ øðèôòà äëÿ CSS ïðàâèë */
src: local("Calibri"), /* ïðîâåðÿåì íàëè÷èå øðèôòà â ÎÑ ïîëüçîâàòåëÿ */
url(http://co.forum4.ru/files/0017/6c/6f/68630.ttf); /* åñëè øðèôò íå óñòàíîâëåí, òîãäà çàãðóæàåì åãî ïî óêàçàííîìó ïóòè */}
@font-face {font-family: DINNext; /* èìÿ øðèôòà äëÿ CSS ïðàâèë */
src: local("DINNext"), /* ïðîâåðÿåì íàëè÷èå øðèôòà â ÎÑ ïîëüçîâàòåëÿ */
url(http://co.forum4.ru/files/0017/6c/6f/27865.otf); /* åñëè øðèôò íå óñòàíîâëåí, òîãäà çàãðóæàåì åãî ïî óêàçàííîìó ïóòè */}

/* ðàìî÷êà ê àâàòàðêå */
li.pa-avatar.item2 img {
    border: 2px solid #ebc236;
    }