Решил пошаманить со стилем форума, но никак не могу избавиться от голубой полосочки внизу. Не понимаю что за неё отвечает.

.maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 5px;
border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-bottom: 8px;
-webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2);
border: 1px solid #00cccc;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}


.maintitle a { color: #fff; }


.collapsed .maintitle {
opacity: 0.2;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.collapsed .maintitle:hover { opacity: 0.4; }


.maintitle .toggle { 
visibility: hidden;
background: url({style_images_url}/cat_minimize.png) no-repeat;
text-indent: -3000em;
width: 27px; height: 23px;
                margin-top: -2px;
display: block;
outline: 0;
}
.maintitle:hover .toggle { visibility: visible; }


.collapsed .toggle {
background-image: url({style_images_url}/cat_maximize.png);} 

.maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 5px;
border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-bottom: 8px;
-webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2);
border: 1px solid #00cccc;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

заменить на:

.maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 5px;
border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-bottom: 8px;
-webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 5px;
border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-bottom: 8px;
-webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2);
border: 1px solid #00cccc;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

заменить на:

.maintitle {background: #00cccc url({style_images_url}/maintitle.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 5px;
border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-bottom: 8px;
-webkit-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 #00a693 inset, 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 #00cccc inset, 0 1px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

Благодарю, полоска почти не видна. Получилось лучше чем ожидал.