Cannot Fit Header Image

This is my blog – http://www.precisionstriking.ca
I am using the Sight theme.

I cannot seem to get my header image to fit all the way to the top, there is a small bit of white space. Ideally, I would like to fit the image across the entire header but I’m not sure if that’s possible.

It cannot just be the size of the image as I have created a larger image and it either gets pushed lower below the menu or is made to fit the space. What can I do to remove all barriers in the header and fill the space with my image. If that is not an option then it would like to know how to change the header background colour to match my page background.

Here is the code in the style css for the header

/*** Header ***/

‘.header {height: 158px; overflow: hidden;}

.logo {width: 798px; height: 158px; padding: 12px 0 12px 0px; overflow: hidden; float: left;}
.logo img {max-height: 158px; max-width: 975px;}

.site-description {width: 290px; height: 111px; padding: 35px 30px 0; float: left; overflow: hidden;}
.site-description .textwidget {font-size: 11px; color: #656363; line-height: 1.3;}

.menu {width: 100px; padding-right: 30px; float: right;}
.menu ul {margin-top: 35px;}
.menu li {font-size: 11px; text-transform: uppercase; margin: 6px 0;}
.menu a {color: #000; text-decoration: none;}
.menu a:hover {text-decoration: underline;}

.search {width: 145px; margin-top: 28px; float: right;}
.search fieldset {width: 145px; height: 31px; background: #dadada;}
.search input {width: 105px; border: none; background: none; padding: 8px; color: #fff; font: 11px Georgia, Geneva, “Times New Roman”, times; text-transform: uppercase; vertical-align: middle;}
.search button {width: 16px; height: 16px; background: url(“images/search.png”) 50% 50% no-repeat; cursor: pointer; border: none; vertical-align: middle;}’

Thanks
Jason