Space between Categories box and logo wrapper

[Crooked_Halo]

How do I get rid of the space, or atleast minimise the space between the Categories box and logo wrapper? I would ideally like to get it inline with the Home bar. I am not the best at explaining myself, so here is a pic. I am a noob in regards to css..

[fairestcape]

Find in your stylesheet.css

.leftBoxContainer, .rightBoxContainer {
    margin: 0em;
    border: 1px solid #9a9a9a;
    border-bottom: 4px solid #F500B8;
    margin-top: 1.5em;
    } 

...and do this to it:-

.leftBoxContainer, .rightBoxContainer {
    margin: 0em;
    border: 1px solid #9a9a9a;
    border-bottom: 4px solid #F500B8;
    /*margin-top: 1.5em;*/
    } 

[Crooked_Halo]

Thanks, but it is not quite right. Now I have no gaps inbetween the other sideboxes.

[fairestcape]

OK... try this

EXISTING:-

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 4px solid #F500B8;
margin-top: 1.5em;
}

CHANGE TO

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 4px solid #F500B8;
margin-bottom: 1.5em;
}

[Crooked_Halo]

That did the job! Thank you so very much fairestcape.

Where can I learn about using css better? Do you know of any books etc?

[fairestcape]

W3Schools is a good place to start.

Google for CSS Tutorials, then select the link for W3Schools.