Header image and menu out of line..

The two look virtually identical in Firefox 5.

I just need to make the white space around the header image and menu shrink a bit more. Should I adjust the margins?

I’d also like to center the menu links and make the font bold.

I just can’t seem to figure it out!

Your image has a lot of white space. You can crop your image as it height is up to 88px. For the menu, you can try:

#access a { line-height: 30px; font-weight: bold; }
#main{ padding: 25px 0 0 0; }
#access .menu-header ul, div.menu ul{ margin-left: 30px; }

I eliminated a lot of the white space by editing the header image but I added what you suggested but it didn’t seem to do anything. I’m Stumped.

Ah! I’m unsure of what I’ve done but the whole blog has be shoved the left!

Just copy and paste this code into the end of your style sheet:

#access ul.menu a { line-height: 30px; font-weight: bold; }
#wrapper #main{ padding: 25px 0 0 0; }
#masthead #access .menu-header ul.menu, #masthead div.menu ul{ margin-left: 15px; }

Note: This code should override your existing style.