If anyone else experiencing issues when moving the sidebar to the left (like the example above, where the sidebar moves below all content) here is a fix:
Look for this code in style.css:
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
#content {
margin: 0 280px 0 20px;
}
#primary,
#secondary {
float: right;
overflow: hidden;
width: 220px;
}
and replace it with the following:
#container {
float:right;
margin-right:-260px;
width: 100%;
}
#content {
margin: 0 280px 0 20px;
}
#primary, #secondary {
float:left;
clear:left;
margin-left: 10px;
}
What causes the sidebar to fix itself and align left instead of below all content is leaving this line as a container style:
width: 100%;
Hope that helps.