White Space Above/Below Header Image

Sorry I really have tried to read and follow every post about removing or reducing white space around the header. To that end I have the following as my custom CSS: #hgroup-wrap { padding: 0; } #site-logo { padding: 0; } .site { margin-top: 0; } but I still have big white spaces above and below my header image. What am I missing. The website is: http://youdeservetobehappy.com/ -- ironic given that I'm tearing my hair out over the white space