Actually I think the main cause for the gap is the height you have defined for
<img width="300" height="282" title="
http://scrappinfreestyle.com " alt="http://scrappinfreestyle.com" src="includes/templates/red_passion/images/logo.gif"/>
Other items behind that image have a much smaller height but the size of the image is forcing the taglineWrapper to do wierd things. There's nothing in the taglineWrapper and it is not defined in the css. It is, however inside the logoWrapper and, therefore, affected by the height of the logo.