How to reduce the empty space between

Hello,

The speces you mention are margins and padding that can be removed with css. As this modification is a substantial one and specific for every case, we cannot do it for you as you have tyo decide what goes where so I will show you hw to do it with an example and then you can apply the method for all the other blocks.
Important note: the vertical spacing cannot be removed. That is the theme width. Our theme was created using a fixed with and if this is altered, the elements will not position propoerly anymore.
All the horizontal ones can be remove though.
You will have to know a bit of css for this. You can use the browser inspector to see the margins and padding:
http://screencast.com/t/oJWhHavwl9R
Then you can create your css code to overwrite the one form the theme.
This code will remove the topo margin and bottom padding for all blocks:
.block-title{
margin-bottom:5px!important;
}
.td_block_wrap{
padding-bottom: 5px!important;
}

But the space between block posts are added on every specific module so you need to inspect them with the browser inspector and remove them for every module type.
The same goes for the header. Different header styles have different margins and padding..

I hope this helps.
Thank you!