.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
 background: #eedbc0;
 color: #02092e;
 padding: 15px 15px;
 bottom: 15px;
 right: 15px;
background-color: #c0a875; 
background-image: url("http://co.forum4.ru/files/0017/c0/ba/29194.png");
color: #202113;
width: 70px;
border: 1px dotted #41312c;
border-radius: 0px; /* Уголки */
box-shadow: 0 0 0 1px #41312c, 0 -11px 0 -8px #41312c, 11px 0 0 -8px #41312c, 0 11px 0 -8px #41312c, -11px 0 0 -8px #41312c; /* òåíè êàê ðàìêà íàðóæí */
padding: 2px; /* Ïîëÿ âîêðóã òåêñòà */
}


.tooltip:hover em i {
 position: absolute;
 bottom: -15px;
 right: -5px;
 border-top: 1px solid #000;
 border-left: 1px solid transparent;
 display: block;
}


/* автор кодов - say.my.name // с 2014-го. Огромная просьба не копировать и за свои не выдавать!*/

body {
background:  #806f62 url("http://co.forum4.ru/files/0017/c0/ba/63426.png") repeat;
}

/* fon center */
#pun { background-image : url("http://co.forum4.ru/files/0017/c0/ba/16688.png");
background-color : #806f62;
background-position : left;
background-repeat: repeat-y;
width: 900px !important;
}

/* shapka */
#pun-title TABLE {
background: url("http://co.forum4.ru/files/0017/c0/ba/29623.png") transparent no-repeat center top;
margin-top: -1px;
margin-left: -40px;
width: 900px !important;
height: 300px !important;
}

#pun-about {
text-align: center;
 background-image: url("http://co.forum4.ru/files/0017/c0/ba/72830.png");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center; 
 font-size:10px !important;
 width: 900px; 
height: 100px;
margin-left: -39px;
margin-bottom:-17px;
}

#pun-adnav .isactive ul.adsubnav a {
  color: #000 !important;
  }

#pun-title td.title-logo-tdl {
    border: none;
    width: 100%;
    color: transparent;
}

#pun-redirect h1 {
display: none;
} 


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

/* 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 {
  background-color: transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #000000;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #transparent;
  color: #333;
  }

/* CS1.5 - замечания и приписки форума */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #transparent;
  color: #000000
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #333
  }

/* CS1.7 - оформление цитаты */
.punbb .quote-box, .punbb .code-box {
background-color: #c0a875; 
background-image: url("http://co.forum4.ru/files/0017/c0/ba/29194.png");
color: #202113;
border: 1px dotted #41312c;
border-radius: 0px; /* Уголки */
box-shadow: 0 0 0 1px #41312c, 0 -11px 0 -8px #41312c, 11px 0 0 -8px #41312c, 0 11px 0 -8px #41312c, -11px 0 0 -8px #41312c; /* òåíè êàê ðàìêà íàðóæí */
padding: 2px; /* Ïîëÿ âîêðóã òåêñòà */
}

/* CS1.8 */
#pun-navlinks .container {
  background-color: #0F5995;
  color: #f1f1f1;
  }

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


/* оформление формы ответа */
.punbb textarea, .punbb select, .punbb input {
background-color: #c0a875; 
background-image: url("http://co.forum4.ru/files/0017/c0/ba/29194.png");
color: #202113;

border: 1px dotted #41312c;
border-radius: 0px; /* Уголки */
box-shadow: 0 0 0 1px #41312c, 0 -11px 0 -8px #41312c, 11px 0 0 -8px #41312c, 0 11px 0 -8px #41312c, -11px 0 0 -8px #41312c; /* òåíè êàê ðàìêà íàðóæí */
padding: 2px; /* Ïîëÿ âîêðóã òåêñòà */
}

/* CS2 Border colours
-------------------------------------------------------------*/
/* автор кодов - say.my.name // с 2014-го. Огромная просьба не копировать и за свои не выдавать!*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.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;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent
  }

#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 {
  border-color: transparent
  }

.punbb .divider {
  border-color: transparent
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #231e1e;
  }


/* Öâåò íàâèãàöèè äî íàâåäåíèÿ âåðõíÿÿ */
#pun-navlinks a {
    font-family: bebas neue;
    font-size: 24px!important;
    color: #41312c!important;
    text-shadow: #c6966b 2px 1px 5px;
    text-transform: uppercase;
    font-weight: bold;
background-color: #; 
padding: 1px 4px 0px 4px!important;
border-radius: 1px;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.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 {
  color: #2c1a18;
  text-decoration: none;
  font-weight: bold;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #41312c;
  text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
text-shadow: 1px 1px 1px black;
  }

/* CS3.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: #41312c;
  text-decoration: none;
  font-weight: bold;
text-shadow: 1px 1px 1px black;
  }

/* CS3.3 */
#pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #2c1a18;
  font-weight: bold;
  text-decoration: none;
  background: transparent;
font-family: 'bebas neue', sans-serif;
  }

#pun-ulinks a, #pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #2c1a18;
  text-decoration: none;
font-family: 'bebas neue', sans-serif;
  font-weight: bold;
  }

.post h3 span a:link, .post h3 span a:visited {
        font-weight: normal;
        font-size: 0.9em;
        text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
}

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

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

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

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



.inner, #font-area, #size-area, #video-area, #color-area, #smilies-area, #image-area, #addition-area, #table-area {background: #d6c9be; border: solid 1px #41262c;}

#pun-main .post-author ul {text-align: center;}


a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 
background-color: #747274;
color: #41282e;
text-transform: uppercase; 
text-align: center;
display:block;
width:200px;
border-bottom: 2px solid  #747274;
letter-spacing: 2px;
font-family: arial;
font-size: 10px;
}
a.menu:hover {
background-color:#666666;
color:  #FFFFFF ;
border-bottom :2px solid  #ffffff;}


/*Цвета текста и ссылок минипрофиля в топике*/
.punbb .post-author li{
  color:#735821;
}
.punbb .post-author li a{
  color:#680894;
}
.punbb .post-author li a:hover{
  color:#e9a401;
}

#pun-stats h2, .punbb .main h2 {font-size: 0em; color: #430c0c;  font-family: "Arial";  font-style: italic;  font-weight: bolder; text-align: center; }
#pun th {font-size: 0em; text-align: center;}

#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 40px;
width: 900px;
margin-left: -25px;
background-color: transparent;
background-image: url(".");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

   p.albar {
color: #edc56d;
    line-height: 1.5;
   }
   P {
    line-height: 0.9em;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;}
::-webkit-scrollbar-track {
    background: #c6966b !important;}
::-webkit-scrollbar-thumb {
    background: #41312c !important;}
::-webkit-scrollbar-thumb:active {
background: #41312c;}

a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;

background: #8b8173;
width: 100px;
border-top: 3px solid #3e6337;
font-family: verdana;
font-size: 10px;
text-decoration: none;
font-style: italic;
color: #000000;
border-bottom: 3px solid grey;
display:block;
text-align:center;
}
a.menu:hover {
background: #;
border-top: 100px solid #;
border-bottom: 3px solid #684038; }

.storyb {  font-size: 16px;
font-family: 'Great Vibes', arial;  margin-bottom: -10px!important;
 }
.storyp {  font-size: 12px!important;    
font-family: 'cuprum', arial; margin-bottom: -10px!important;  
 }

.story2 {  font-size: 12px!important;   text-shadow: 1px 1px #c1d1da;    
font-family: 'cuprum', arial; padding: 3px;  font-weight: bold;
background: #969285;  color: #2f435d;  border-radius: 5px;   }


/* ðåïóòàöèÿ*/
.pa-fld2, .pa-respect, .pa-posts, .pa-awards  { 
display: inline-block;
margin-top: 0px!important;
margin-left: -15px!important;
margin-bottom: 10px!important;
text-align: center; font-size: 8px; font-family: 'cuprum', arial; text-transform: uppercase;
padding: 3px 5px !important;
}
.fld2 { 
display: inline-block;
width: 20px;
margin-left: 0px!important;
text-align: center!important;
}
.pa-respect { 
display: inline-block;
width: 25px;
margin-left: 23px!important;
text-align: center!important;
}
.pa-posts { 
display: inline-block;
width: 25px;
margin-left: -9px!important;
text-align: center!important;
}
.pa-awards {display: inline-block;width: 15px;margin-left: 18px!important;}

.ls {text-transform: none; background-color: #b6a09b; border: 3px double #897365; width: 180px; height: 100%; margin-left: 2px!important;}

.ls2 {text-transform: none; background-color: #937f7b; border: 3px #897365; width: 180px; height: 100%; margin-left: 2px!important;}