ok - i think i've got it.
you need to change a few things.
****back up your current template before making any changes, just in case it goes wrong. i learnt this the hard way once, and had to totally rebuild my template
first: on the header-wrapper, main-wrapper and footer sections:
change the margin attribute to margin-left: XXpx; (XX = number of pixels you want the left margin to be.)
next, in the sidebar-wrapper section:
change float to left, and add a left margin of 5px.
float: left;
margin-left: 5px;
that should push it all to the left hand side of the page.
the sidebar + post section won't align completely with the footer on my screen (the footer is a bit wider), but if i try and add more margin it goes all out of whack. if it really bothers you then you can adjust the size of the footer to make it smaller and so align with the rest.
quick note - the background image gets cut off on my lil 12" laptop screen. i can't see all of your URL or the barbie logo
