I'm just starting to set up a new site with Serenity, which I've been wanting to use for some time.

Question #1: The client has a graphic logo that has a height of 178 ox. When I put the logo in the container the top edge butts against the top of the window. I would like a little space above the logo container, as in the demo. I installed the demo and have looked all through it to try to figure this out but I can't find any answers so I'm thinking the problem is the height of the logo image.

I tried lowering the header using this:
#header {
padding-to: 40px;
}
It did drop the logo but made the menu bar wider from top to bottom so no good.

Question #2: The logo is not much wider than it is high so I removed the extra white space on the sides using Custom CSS:
.logo {
padding: 0;
}
That created more space on the left of the container. Any way to make the left edge of the container move closer to the left edge of the page?

Or am I asking too much with this logo?

Thank you once again for all your help.

MJ