How to move Sidebar in Chaoticsoul

[gmccanna]

I love the Chaoticsoul theme, but I need to move the sidebar from the right side of the page to the left side. I looked through the style, template, and theme files, but the sidebar reference in the style.css file (starting at line 81) is the only palce where it seemed like I could accomplish my task:

Code Select Expand

#content, #sidebar {
border-left: 1px solid #363430;
border-right: 1px solid #363430;
padding: 0 10px;
}

#content { float: left; font-size: 1.1em; width: 617px; }
#content h2 { margin: 0 0 10px; }
#content p { line-height: 1.5em; }

#sidebar { border-left: 0; float: right; width: 200px; }
#sidebar h3 { color: #bd934f; margin: 15px 0 5px; font-variant: small-caps; font-size: 1.1em; }
#sidebar ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; }
#sidebar li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
#sidebar li:hover { background: #363430; }


I thought it would be as easy as changing the "float: right" to "float: left", but no luck. I searched around this forum and even checked other templates to get ideas to solve this, but I can't seem to find a solution. Any suggestions would be appreciated.

[Nibbler]

You need to set the sidebar to float left and the content to float right. You'll also need to flip the background image.

[gmccanna]

Perfect.  Thank you very much!