White Space in the Header

I am having trouble reducing the white space in the header.  My logo is 300px by 100px and the header is still quite large.  I added the custom css tags bellow but it didn't seem to work.   hgroup.with-logo { padding-top: 0; } hgroup.with-logo { padding-bottom: 0; } #header-right #s:focus { width: 100px; width: 10rem; }