Well this is easier than you would think, when you know how (or as in my case lazy, I found one answer here):
NB: You’ll need the Safe css plugin to apply these changes.
Move the primary and secondary widget areas over as follows:
#primary, #secondary {
float: left;
overflow: hidden;
width: 220px;
margin-left: 10px;
}
#secondary {
clear: left;
}
Now attend to the content area:
#container {
float: right;
margin: 0 -250px 0 0;
width: 940px;
}
#content {
overflow:hidden;
}
And that is it!
Should css be made compulsory at school?