http://gringodog.com/

On the left sidebar, the top widget very close to the next widget - basically, they are touching.

Is there an easy way to add some space in between them? This may not be an Atahualpa issue, and yes, these are both ad generated widgets.

Thanks.

Check out the widget styling options

Sorry, but I'm still having trouble with this. www.GringoDog.com

Here is the code that I've got in the ATO-Style Widgets-Widget Container

#right {
font-family: "comic sans ms"; arial;
font-size: 14px;
margin: 0 0 10px 0;
padding: 10px;
border: solid 2px #ee0000;
/* uncomment next block for round corners */
/*
-moz-border-radius:5px;
-khtml-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
*/
}

#left; {
font-family: arial;
font-size: 14px;
margin: 0 0 10px 0px;
padding: 10px;
border: 0px;
/* uncomment next block for round corners */
/*
-moz-border-radius:5px;
-khtml-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
*/
}

This seems to be working on the right sidebar, but not on the left. Is this maybe because the left sidebar has third party ads?

that should not be in the ATO-Style Widgets-Widget Container
the various options should only contain the CSS Rules (things like 'background: #443355;' not the CSS Selectors like '#right {' This is messing up the css.

Move all your code to the CSS Inserts option and see what happens

I did that - but that didn't fix it. However, then I noticed that I had styled the right sidebar widgets in the proper place and noticed that the code I had (see above) showed #left; {

when it should have showed td#left div.widget