Whitesapce between logo and sideboxes

Which element of the stylesheet do I need to edit to reduce the amount of whitespace between the bottom of my logo and the top of the sideboxes. I've tried editing the stylesheet without luck (site is https://www.ww1records.co.uk).

Thanks

in the stylesheet make sure your logowrapper matches the height of your logo graphic I used;
#logo,{
float: left;
margin-left: 0px;
padding: 0px;
height: 59px;
width: 235px;
}
#logoWrapper {
background-color: transparent;
height:59px;
margin: 0px;
padding: 0px;
left: 0;
}
also;
#headerWrapper {
background-image: url(../images/header_bg.jpg);
background-repeat: no-repeat;
margin: 0px;
}

Hi

Thanks for your reply.

I have tried your suggestion but the whitespace is still showing.

Your currently have "Category Tabs" enabled... That's why you are seeing your categories (A - Z) across the top.

That is a DIV in its own right, and stretches across the page under the header.

You can DISABLE that via admin>>>configuration>>>layout settings... Categories-Tabs Menu ON/OFF (near the bottom)

... set this to off.

This will push the side columns up a bit.

Come back here if the space reduction is not enough...

If you want to KEEP your Category Tabs at the top... try adding this to the bottom of stylesheet.css

#editablesidebox, #blanksidebox {
 margin-top: -25px;
 }

This is based on the fact that the sideboxes at the TOP of each of these columns will remain in this sort order (aways at the top).

If you put other sideboxes at the top, and then have these underneath, you will have new problems!

The -25px (negative 25 pixels) forces the boxes into the previous div's space... you can adjust this value as needed.

Ive tried the last option andit works great , thanks.