modifying category header

Hallo!

I'm trying to adjust the category header on my website, so the category name stands in a big large text, and under it to the right there will be the statics of the forum like: number of topics and posts and who posted last.

A quick illustration:



But i can't really get it to work:

Index_box

Code:

   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <div id="catheader">
                                  {catrow.tablehead.L_FORUM}</div>
                          </li>
                          <li id="state">
                            <dl class="icon">
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
                          </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

CSS

Code:


/* CAT HEADER */

#catheader h2 {
    color: #fff;
    font-family: abel;
    text-align: center;
    font-size: 50px;
    text-shadow: 2px 2px 3px #000;
    text-transform: uppercase;
    background-color: #2e8b57;
    border-radius: 0 2px 0 2px;
}
#state .icon .topics .posts .lastpost {
    float:right; 
    background-color: #2e8b57;
}


Please don't forget we need your forum link if you are asking for codes to do with your appearance problems. That is rule one in the rules below.

Oh yea sorry: www.vielamort.net