Jamie: Yes, that is true. It reads from left to right, so you want your main content on the left.
In your code find this section:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 98% Georgia, Serif;
}
#main-wrapper {
width: 420px;
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: 205px;
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 */
}
#left-sidebar-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 */
}
Try replacing that with this, and see how it works:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background: url("") repeat;
border-left:1px dotted 0;
border-right:1px dotted 0;
width:1005px;
margin:0px auto;
padding:0px;
text-align:center;
font: normal normal 110% Trebuchet MS, Arial, sans-serif;
}
#main-wrapper {
width: 500px;
float: left;
text-align: center;
margin-top: 0px;
margin-right: 30px;
margin-bottom: 0px;
margin-left: 13px;
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;
text-align: center;
margin-top: 0px;
margin-right: 35px;
margin-bottom: 0px;
margin-left: 0px;
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 */
}
#left-sidebar-wrapper {
width: 200px;
float: right;
text-align: center;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 5px;
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 */
}