Reduce spacing between items in category

Hello,
I am not a programmer, so I won't be offended if you explain things to me as if I were a child. I can program basic HTML and understand how to get to my CSS page. For the most part other people have set up the site for me.

This is the specific page I have an issue with:
http://extensive-enterprises.net/index.php?main_page=index&cPath=1_3_52

Here is an example of what I am trying to accomplish:
If you look at "Adventure into Fear (1972-75)" and "Adventure on the Plan (1975-76)" there is a pretty significant gap between the items. I would like to reduce the amount of gap (padding?) between my items so the 3rd item in the row doesn't get pushed down into another row.

When I change the column width I can get the 3rd item back on the row but it makes the "Categories" get a little wonky. I want to keep the "Categories" when opened to stay on one line per category. Ultimately I would like to see 4 items per row instead of 2 or 3.

If someone could give me code and tell me where to put it that would be above and beyond awesome.

Thank you for your time!
Nick

You can change the column width to 25% and get three rows nicely.

I'm not certain what you mean "it makes the "Categories" get a little wonky"... Can you make the change and show us?

By wonky I mean it moves the 3rd item in the row to a new row by itself. Like it is right now.

Where do I change the column width, is it in the CSS? If so what should I look for specifically. OR is it in the admin?

I found this and attempted to do this but it did not work:

http://www.zen-cart.com/showthread.php?209789-Sub-Category-Layout-misbehavin

Since you are aiming to have 4 images displayed in grid, reduce the .categoryListBoxContents width accordingly.

Remember to account for your .leftBoxContainer width. You could try 22% perhaps...

Yes, change this in css.

Hope that helps,