[JuggoPop]

If you want to change the grey box at the top to another color to use as your bg of the header change this:

/* Blog Header
----------------------------------------------- */
@media all {
  #header {
    background:#456 url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;
    margin:0 0 0;
    padding:8px 0 0;
    color:#fff;
    }
  #header div {
    background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;
    padding:0 15px 8px;
    }
  }
@media handheld {
  #header {
    background:#456;
    }

You need to change the hex value and if you want to keep the corners rounded you will need to edit the two corners_cap images and then change the ref url.

I used this type of layout once and just got rid of the bg color and the rounded images, but I replaced the whole header with one image... which I don't think you want to do.

You will also need to edit this area:

<!-- Blog Header -->

<div id="header"><div>

  <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
	<$BlogTitle$>
	<ItemPage></a></ItemPage>
  </h1>
  <p id="description"><$BlogDescription$></p>

</div></div>

If I remember correctly you can just place your logo and banner codes between the DIV tags. Be sure to link your logo the same way they linked the title in the above code. (replacing <$BlogTitle$> with the image but keeping the <ItemPage> tags and the href that they used.

That should do it. Hope that helps.