Hello there,
My intention is to have a logo right across the full header width (1038px). So for I’ve been able to reduce the space above the logo and below, so all looks nicely. However – for some bizarre reason – the logo image shrinks to a smaller width (980px) and get these ugly padding right and left. 
Has anyone an idea how I can remove the right and left padding? http://www.northqueenslandtrawlers.com.au/
The following is the custom CSS I’m using now:
.hgroup-wrap {
    padding-bottom: 0px;
    padding-top: 0px;
}
#site-logo {
    margin-top: 0px;
}