/*окантовка профиля - картинками*/
.post-author a, .post-author a:hover, .post-author a:focus, .post-author a:active {color: #000 !important;
}
li.pa-avatar {margin-top: 2px !important; z-index: 5;}
.pa-title {
color: #000 !important;
font-family: "Century" !important;
font-size: 10pt !important;
font-variant: small-caps !important;
font-weight: 300 !important;
padding: 0px 0px 5px 5px !important;
text-align: center;
}

.pa-author {
background: url("картинка для верха профиля") 0% 0% no-repeat;
color: #000 !important;
height: 51px;
line-height: 26px !important;
margin-left: -0px !important;
margin-top: -0px !important;
padding: 0px 5px 0px 0px !important;
position: relative;
text-align: center;
width: 199px !important;
}
.pa-author a, .pa-author {
color: #000 !important;
font-family: "Century" !important;
font-size: 10pt !important;
font-variant: small-caps !important;
font-weight: 200 !important;
margin-left: 0px;
text-align: center;
font-style: normal !important;
}

.post-author {
background: url("картинка для середины профиля") repeat-y; weight: 199px;
color: #000 !important;
}
.post-author ul li {
padding: 0px 3px;
text-align: center;
color: #000 !important;
}

.post-author > ul {
    background: url("Картинка для низа профиля") no-repeat scroll center bottom transparent;
margin-left: 0px;
text-align: center;
width: 199px !important;
margin-left: -11px !important;
}

/*окантовка профиля*/
.post-author ul li.pa-posts,
.post-author ul li.pa-respect,
.post-author ul li.pa-title,
.post-author ul li.pa-fld1,
.post-author ul li.pa-online,
.post-author ul li.pa-positive,
.post-author ul li.pa-respect,
.post-author ul li.pa-reg,
.post-author ul li.pa-author,
.post-author ul li.pa-awards,
.post-author ul li.pa-online,
.post-author ul li.pa-ip,
.post-author ul li.pa-time-visit,
.post-author ul li.pa-gifts,
.post-author ul li.pa-invites,
.post-author ul li.pa-avatar,
.post-author ul li.pa-last-visit {
background: #e5e5e5; /* фон*/
text-align: center; /*расположение содержимого*/
border: 1px solid #e2edf1; /*границы */
padding: 2px 2px 2px 2px;
margin-top: 2px;
margin-bottom: 2px;
color: #000; /*цвет текста*/
}

/*окантовка профиля*/
.post-author ul  {
background: #e5e5e5; /* фон*/
text-align: center; /*расположение содержимого*/
border: 1px solid #e2edf1; /*границы */
padding: 2px 2px 2px 2px;
margin-top: 2px;
margin-bottom: 2px;
color: #000; /*цвет текста*/
}

Скрипт замены со сменой картинки по наведению курсора.
В html низ:

Код:

<!-- Свои картинки в панель навигации со сменой картинки по наведению курсора -->
<style type="text/css">
/*1. Настройка общего вида линков */
#pun-navlinks a {
display: inline-block;
height: 65px;
width: 60px;
}
/*2. Настройка изображений */
/*Форум*/#navindex a {background: url(http://s7.uploads.ru/xZ5rG.png) no-repeat top center;}
/*Участники*/#navuserlist a {background: url(http://s6.uploads.ru/vYLCJ.png) no-repeat top center;}
/*Награды*/#navawards a {background: url(http://s6.uploads.ru/br4DW.png) no-repeat top center;}
/*Правила*/#navrules a {background: url(http://s6.uploads.ru/34A8B.png) no-repeat top center;}
/*Баннеры*/#navextra1 a {background: url(http://s6.uploads.ru/MfzC3.png) no-repeat top center;
vertical-align: top;}
/*Поиск*/#navsearch a {background: url(http://s6.uploads.ru/m5qNz.png) no-repeat top center;}
/*Профиль*/#navprofile a {background: url(http://s6.uploads.ru/Y3TXL.png) no-repeat top center;}
/*Сообщения*/#navpm a {background: url(http://s7.uploads.ru/7pqyw.png) no-repeat top center;}
/*Администрирование*/#navadmin a {background: url(http://s6.uploads.ru/TitmW.png) no-repeat top center;}
/*Выход*/#navlogout a {background: url(http://s6.uploads.ru/0jpEH.png) no-repeat top center;}
/*Войти*/#navlogin a {background: url(http://s6.uploads.ru/Gr9HO.png) no-repeat top center;}
/*Регистрация*/#navregister  a {background: url(http://s6.uploads.ru/4N5tP.png) no-repeat top center;}

/*3. Настройка изображений при ховере (наведении) */
/*Форум х*/#navindex a:hover {background: url(http://s7.uploads.ru/g21yv.png) no-repeat top center;}
/*Участники х*/#navuserlist a:hover {background: url(http://s7.uploads.ru/c5juL.png) no-repeat top center;width: 71px;}
/*Награды х*/#navawards a:hover {background: url(http://s7.uploads.ru/5WITy.png) no-repeat top center;}
/*Правила х*/#navrules a:hover {background: url(http://s7.uploads.ru/GEuFR.png) no-repeat top center;}
/*Баннеры х*/#navextra1 a:hover {background: url(http://s6.uploads.ru/01Jbf.png) no-repeat top center;
vertical-align: top;}
/*Поиск х*/#navsearch a:hover {background: url(http://s7.uploads.ru/PAIw3.png) no-repeat top center;}
/*Профиль х*/#navprofile a:hover {background: url(http://s7.uploads.ru/5BVW6.png) no-repeat top center; width: 60px;}
/*Сообщения х*/#navpm a:hover {background: url(http://s6.uploads.ru/dqMhi.png) no-repeat top center; width:77px;}
/*Администрирование х*/#navadmin a:hover {background: url(http://s6.uploads.ru/EkViz.png) no-repeat top center;}
/*Выход х*/#navlogout a:hover {background: url(http://s6.uploads.ru/POybR.png) no-repeat top center;}
/*Войти х*/#navlogin a:hover {background: url(http://s6.uploads.ru/V3xqD.png) no-repeat top center;}
/*Регистрация х*/#navregister a:hover {background: url(http://s6.uploads.ru/JSBwx.png) no-repeat top center; width: 84px;}
/* Скрываем текстовые надписи */
#pun-navlinks a span, #navextra1 span {display: none;}
</style>

Картинки меняем на свои)

Код:

<script type="text/javascript"><!--Своя картинка в каждую категорию-->
$(document).ready(function(){
myarray=new Array(
"Head-Office", "http://s7.uploads.ru/AhBmK.png",
"Золотые Врата в Калифорнию", "http://s7.uploads.ru/dQvc9.png",
"Штрихи к парадному костюму", "http://s6.uploads.ru/U41er.png",
"Эпизоды из жизни: Санта-Барбара отдыхает!", "http://s7.uploads.ru/Qox5f.png",
"Тусовка без галстуков", "http://s6.uploads.ru/zceWo.png",
"Департамент креатива", "http://s6.uploads.ru/tfzGb.png",
"Городские билборды", "http://s7.uploads.ru/TtqJS.png",
"Калифорнийский исторический", "http://s6.uploads.ru/gaF2O.png",
"Статистика форума", "http://s7.uploads.ru/eIQD5.png"
 //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"63px",
  "width":"1010px",
  "margin-left":"-69px",
  "border":"none",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"50% 50%",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

Вместо названий на русском вписываем те названия, что стоят у вас в Администрирование->Категории
Во второй части меняем высоту  "height":"63px" и ширину  "width":"1010px" на свои.
  "margin-left":"-69px" - этим регулируется положение по горизонтали, если становится ровно при "0", то строку можно удалить.

первое окно стиля: ( C2.16 удаляем вообще)

/* C2.15 */
.punbb div.icon {
  float: left; /* расположение */
  display: block;
  width: 70px; /* ширина иконки*/
  height: 70px; /* высота иконки*/
  padding-top: 2px;
  margin-top: 1px;
  background-position: center center;
}

второе окно стиля

/*Старые сообщения*/
Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}

/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}

/*Важные темы*/
TR.isticky Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}

/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}