proohu01

Absolutely perfect! Exactly what I was looking for. Thanks for you input and time.

To summarize…
This is what I had to add to the style.css

#page { background: transparent; }
#main { background: #fff; }
#colophon { background: #eee; }
#access { margin-bottom: 0; }
#branding { border-top: none; } /*remove the grey border at the top*/
#branding img { border-top: 2px solid #bbb; } /*add the grey border to the header image*/
#branding #site-title img { border-top: none; } /*correction to remove the border from the logo image*/

And this is what I had to add to the footer.php
<div style="clear:both;"></div>
Directly before:
</div><!-- #main -->

Thanks! That’s almost perfect.

I tried to fix the last couple of glitches myself by downloading Firefox and Firebug. I can definitely see that this can be a useful tool in the right hands. It took me quit some time to get rid of the blank space between the menu and the main text area. I did that by adding this to the css:

#access {
 margin-bottom: 0;
}

I was unable to find out how to move the small grey line, at the top (above the logo), down a bit. I think it would look best if that grey line was just on top of the random header images.

Could you please help me out with this last bit?
Site..

Thanks for the reply. I’am afraid that my web developer skills are not so great. I was hoping someone could point me in the right direction. Is it something that has to be done in the style.css?

oops,

Site: Here…

I am using a child theme already.
Site:

Anyone? Please?

I added it to my child theme style.css and it works like a charm. Thnx.

Thanks MarvinForte! I was unable to find that post myself.

It works just fine now.