Где в стилях найти коды изменения цветов этих блоков? 

В ipb_styles.css 

Чтоб бистрей искать нажми Ctrl+F
1) Категории:
Найти:

.maintitle

Ваш когд:

.maintitle {
    background: #2c5687 url(http://ваш форум/public/style_images/master/maintitle.png) repeat-x top;
    color: #fff;
    padding: 10px 10px 11px;
    font-size: 16px;
    font-weight: 300;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: inset 0px 1px 0 #528cbc;
    -moz-box-shadow: inset 0px 1px 0 #528cbc;
    box-shadow: inset 0px 1px 0 #528cbc;
    border-width: 1px 1px 0 1px;
    border-color: #316897;
    border-style: solid;
}

За категории цвета отвечаети коды:

-webkit-box-shadow: inset 0px 1px 0 свой цвет изменить
-moz-box-shadow: inset 0px 1px 0 свой цвет изменить
box-shadow: inset 0px 1px 0 свой цвет изменить
border-color: свой цвет
А здесь тоже:
background: свой цвет вы может картинку удалить и здесь пример вот так:
background: #F4F4F4;

2) Блоки боковые
тоже найти в ipb_styles.css названые:
 

.ipsSideBlock h3

Ваш весь:

.ipsSideBlock h3 {
    font: normal 14px helvetica, arial, sans-serif;
    color: #204066;
    padding: 5px 10px;
    background: #DBE2EC;
    margin: -10px -10px 10px;
}

Код за цвета какие отвечают:
Ета код отвечат за названые блока цвет:

color: #204066;

А ета код отвечат за блок цвет:

background: #DBE2EC;

Думаю ясно росписал.

Слушайте, как можно уменьшить толщину этой линии? Весь код перерыл, не могу найти =(

 

Извините, внесу поправку. Не толщину уменьшить, а ширину.

В ipb_styles,css найти:

#primary_nav {
    background: #204066;
    font-size: 13px;
    padding: 4px 0 0 0;
}

Отвечает код:

font-size: 13px;

 

6 часов назад, Back сказал:

В ipb_styles,css найти:

#primary_nav {
    background: #204066;
    font-size: 13px;
    padding: 4px 0 0 0;
}

Отвечает код:

font-size: 13px;

 

Извините, внесу поправку. Не толщину уменьшить, а ширину.