How to get Three columns:

So I got a few comments on my blog about how I made it into three columns so I decided to post where I got the directions!!! :-) Just go to this website and follow the easy step directions!

Now just a little FYI, I changed my sizes from what they posted. Here are the changes:

#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid #cc0000;
}

then scroll down a little:

#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Arial, sans-serif;
}

#main-wrapper {
width: 450px;
margin-left: 25px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#newsidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

then the footer I also changed:

#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}


Any questions feel free to email me or just leave a comment on
here and I'll get back to you!!!! :-)