Dan on "Space between widgets in sidebar"

I have 3 widgets in the sidebar on my webpage http://www.heron3050.com/Blog/

I can control each of the widgets by the code in my custom CSS

#secondary .widget1 {
background-color: red;
Padding : 15px;
margin-left: -15px;
width: 113%;
}

Now I want to have space between each of the widgets (i.e between Red & Blue and Blue& Green and be able to control the background color and size of the space.

How is that done ?

The same way you've added margin-left, you can also do margin-bottom: 20px;.

Or you can combine the properties into one line: margin: 0 0 20px -15px;