a few bugs and questions regarding menu and header as image

Hey guys, great work and thank you very much for sharing it. I am trying to customize it a bit, however and I’m running into problems.

Firstly, you already know that latin-ext typesets won’t load properly. This sucks, and I can’t wait for you to fix this.

Secondly, I’ve encuntered a situation where widgets deactivate themselves after I set them up, save them and then edit them. They show up as inactive in the dashboard. This is unfortunate, but not a deal breaker. Also, how can I remove the main menu? What’s the point of clogging up the display with two identical menues on the presentation page (top and main)?

Now, lastly, I’ve just encountered another weird situation: I had removed the site title and placed it in a header image (google fonts not rendering properly and all). I made the image the right size, uploaded, tweaked the CSS a bit and it worked lovely at desktop resolution. Then I noticed that the main menu has a ‘margin-top: 10px‘ for some reason. Removed that through custom CSS and all seemed ok… but not for long. Reducing the screen size, I realize I must set the header to auto scale, so I do that – but now the <id=”header-container”> has a 5px larger height than its supposed to have! How and why? I’ve doublechecked the settings, everything seems in order at first glance. Removing my custom CSS edits only makes it worse, since it brings back the top-menu margin that I don’t need into play. I need to brute-force the #branding to be 120px in height, which I don’t think is the best way to go about it, don’t you think?

Here’s the custom CSS I added:
#access {
margin-top: 0px;
border-top: 1px solid;
box-shadow: 1px 0px 0px #4F703D;
border-color: #193A07;
}

I’d appreciate any input. the site is located at http://capoeira-milosa.rhcloud.com/