a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color: #c3d2e3;
color: #dcd3dc; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #c3d2e3;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #467ac5; 
background-color:#c3d2e3;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #467ac5;
border-left-width: 5px;
width:200px;
}


#pun-navlinks a span {font-size: 15px; color: #68400C; text-transform: lowercase; 
} 





/* 001 ФОН И ЦВЕТ ТЕКСТА
-------------------------------------------------------------*/

/* CS1.1 Цвет текста на форуме */

/* настройка строки над формой ответа: напишите ваше сообщение и нажмите отправить */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
{
color: #736357;
}

/* форма быстрого и расширенного ответа */
.punbb textarea, .punbb select, .punbb input
{
background-color: #d9ceb1;
background-image: url(адрес фона); /* адрес картинки при желании */
color: #161003;
}

/* о2. фоны форума внешний и pun */
body {background-color: #000000; /* цвет фона если картинки отключены */
background-image: url(http://i84.fastpic.ru/big/2016/1119/43/9e5f5e65e901b3309c3b0454b9552e43.jpg); /* адрес картинки внешнего фона */
background-repeat: repeat; /* фон размножаться не будет */
}

#pun {background-color: #8c6b59; /* цвет pun фона если картинки отключены*/
background-image: url(http://i84.fastpic.ru/big/2016/1119/ef/fce8e0cc5ecb1384d13425031eb083ef.jpg); /* адрес картинки pun фона */
}



/* 002 ГРАНИЦЫ
-------------------------------------------------------------*/

/* о1. скрыть все границы на форуме. */
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-style:none !important;
  }

/* 003 ССЫЛКИ
-------------------------------------------------------------*/

/* о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: #4e361e;
text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{
color: #4e361e; /* лучше задавать близким или одинаковым с цветом текста на форуме */
}

/* о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: #4e361e;
  }

/* о3. цвет ссылок меню в спокойном состоянии: форум, участники и т.д. */
#pun-navlinks a {
color: #afbcf0;
text-decoration: none;
  }

/* о4. цвет ссылок меню при наведении: форум, участники и т.д. */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #afbcf0;
text-decoration: none;
  }

/* о5. цвет ссылок при наведении, как и в пункте о2 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: background-color: transpanent; 
color: #1e3259;
  }

/* CS4 ГРАФИЧЕСКОЕ НАПОЛНЕНИЕ
-------------------------------------------------------------*/


/* логотип */
#pun-title table {background-color: transparent;
background-image : url(http://i84.fastpic.ru/big/2016/1119/14/620c429d6e4474e2110f2b3875950714.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 435px;
width: 1100px !important; 
margin-left: -115px;
}

/* футер */
#pun-about p.container {
font-size: 0px !important;
background-image: url(http://i76.fastpic.ru/big/2015/1124/7d/f1d22aeb4753d03e5567c1135c76017d.png);
background-position: top center;
background-repeat: no-repeat;
height: 220px; 
width: 1100px !important;
margin-left: -118px;
}

div#html-footer {margin: -50px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: -5px;} /* чем больше значение, тем выше низ */

#pun-about p.container a {
display: hidden;
}

/* настройки цитаты и кодов в сообщении*/
.punbb .quote-box, .punbb .code-box {
 background-color: #a9946c;
border:4px double #543b21;
line-height:11px;
  }

.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
 background: url(http://funkyimg.com/i/R66Y.png);
 color: #c3b295;
 padding: 5px 5px;
 bottom: 5px;
 right: 5px;
 box-shadow: 1px 0px 0px #9c857b;
 border-radius: 0px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-box-shadow: 1px 0 0px #9c857b;
 -moz-box-shadow: 1px 0 0px #9c857b;
}
.tooltip:hover em i {
 position: absolute;
 bottom: -7px;
 right: 5px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;
}
.small {
    width: 350px;
    height: 100%;
    letter-spacing: 2px;
    color: #2B1D15;
    font-family: "georgia";
    font-size: 10px;
    text-shadow: 1px 1px #D2C6C0;
    text-align: center;
}
.links {
    background: none repeat scroll 0% 0% #ccbe96;
    width: 400px;
    height: 100%;
    letter-spacing: 2px;
    color: #383429;
    font-family: "georgia";
    font-size: 10px;
  font-style: italic
    text-shadow: 1px 1px #D2C6C0;
    text-align: center;
}

#pun-reputation div {
background-color: #f7e5e1;
}
.pa-respect { 
  display: inline-block; margin-left: -10px;
    text-align: center; 
padding:10px 5px;
    width: 75px;
padding-bottom:5px!important;
text-transform: lowercase;
 background-color: #d9ceb1;
border:1px double #543b21;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
}
.pa-posts { margin-left: 20px;
  display: inline-block; margin-left: -10px;
    text-align: center; 
padding:10px 5px;
    width: 75px;
padding-bottom:5px!important;
text-transform: lowercase;
 background-color:  #d9ceb1;
border: 1px double #543b21;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
}
#post fieldset legend span {
display:none;

}



# pun-title . padding-center: 45px; title-logo span {display: none;}
#pun-category1.category h2 {
background: url(http://savepic.su/6611826.png)  no-repeat top center;
height: 90px;

}
#pun-category2.category h2 {
background: url(http://i74.fastpic.ru/big/2015/1126/49/729c224e83dd7b27ec825f4561045749.png) no-repeat top center;
height: 92px;
font-size:0 !important;
}
#pun-category3.category h2 {
background: url(http://i74.fastpic.ru/big/2015/1126/b8/24b37594e8a45916a2df353b0a8c03b8.png) no-repeat top center;
height: 92px;
font-size:0 !important;
}
#pun-category4.category h2 {
background: url(http://i74.fastpic.ru/big/2015/1126/66/8804de7939dfc2aaba4de32681b8fb66.png) no-repeat top center;
height: 92px;
font-size:0 !important;
}

#pun-category5.category h2 {
background: url(http://i74.fastpic.ru/big/2015/1126/53/3d7b2eb9a441e70ed747aa90e12ed953.png) no-repeat top center;
height: 92px;
font-size:0 !important;
}

#pun-category6.category h2 {
background: url(http://i74.fastpic.ru/big/2015/1126/08/336ee7b5352d721792ba891ba5a4de08.png) no-repeat top center;
height: 92px;
font-size:0 !important;
}

#pun-category7.category h2 {
background: url(http://i74.fastpic.ru/big/2015/1126/23/754ff7a90239723dd5572b2cb37f6423.png) no-repeat top center;
height: 92px;
font-size:0 !important;
}