Okay, I've managed to get my three column layout (a not-too-complicated one, I think):

www.autodogmatic.com

However, I can't seem to reduce the space between the main/middle column and the right column. Here is the code for both:

wrapper:

div#wrapper {
	background: #fff ;
	width: 800px;
	margin: 0 auto;
	padding: 0 4px 0 4px;
}

Main:

.bPosts {
	float: left;
	width: 470px;
        text-align: justify;
	overflow: hidden;
	background: #fff;
}
.bPost, .bPostpublished
{
	clear: both;
	margin: 4px;
	padding: 0px 0px 0px 4px;
	border-bottom: 1px solid #ddd;
	/* border: 1px solid #000; */
}

right sidebar:

.bSideBar {
        font-size: 90%;
        margin: 3px 6px 0px 0px
	width: 189px;	
	float: right;
	overflow: hidden;
	background: #ffffff;
        margin-bottom: 6px solid #fff;  
}
.bSideItem {
        border-top: 4px solid #cae1ff;
        display: block;
        padding: 0 5px 5px 5px;
        background: #eeeeee;
	margin: 1ex;

Maybe I can't see the forest for the trees. I also was using this to help:

http://www.w3.org/TR/REC-CSS2/box.html

Thanks-

Neal