I've got my custom design almost 100% finished.... except I can't get the content to center inside the background like it's supposed to be. The width is correct (900px), but it's still aligned right. How do you make the content (content wrapper) align center? Here's the CSS where I think it would go (as the whole CSS file is huge):

#column-content {
    width: 100%;
    float: right;
    margin: 0 0 .6em -12.2em;
    padding: 0;
}
#content {
    margin: 2.8em 0 0 12.2em;
    padding: 0 1em 1.5em 1em;
    background: white;
    color: black;
    border: 1px solid #aaa;
    border-right: none;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
}
#column-one {
    padding-top: 160px;
}
/* the left column width is specified in class .portlet */

/* Font size:
** We take advantage of keyword scaling- browsers won't go below 9px
** More at http://www.w3.org/2003/07/30-font-size
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
*/

body {
    font: x-small sans-serif;
    background-image: url(bggg.gif);
    background-repeat: repeat-y;
    background-position: center;
    color: black;
    margin: 0;
    padding: 0;
}

This might be classed as cheating, but put text-align: center.

Already tried that. The text aligns center, but everything else is still aligned right.

Nevermind, I just changed the background to match it. Though, it'd still be nice to fix it like I wanted it. http://www.wikischool.be/

in the body select of your CSS ( body {} ) put text-align: center and margin-top: 0em; margin: auto; This way, it will keep the distance from the left and right the same - essentially making it centered. However, all of the other selectors need to be changed to text-align: left or justified, where needed.