positioning modules Options

[venti-anemoi]

Hi. Need a little help here. I made a skin...... sort of....... and I've got the blog part down. I'd like to keep the things that normally show up in the left-side modules, but move them to the right side.

Here's what I have so far:

<!-- begin code provided by createblog.com -->
<img src="http://img7.imgspot.com/u/04/294/20/AutumnLight.JPG">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<DIV style="margin-top: -410px; margin-left:
-155px; width: 550px;OVERFLOW: auto; height:375px; BACKGROUND-COLOR: transparent">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:399px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
body {
background-color: #FF9933;
scrollbar-arrow-color: #FF9933;
scrollbar-track-color: #FF9933;
scrollbar-shadow-color: #FF9933;
scrollbar-face-color: #FFCC99;
scrollbar-highlight-color: #FFCC99;
scrollbar-darkshadow-color: #FF9933;
scrollbar-3dlight-color: #FFCC99; }


.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal #11 FONT;
line-height:12px;
color: #CC6600;
letter-spacing:1px;
text-align:justify;}

table.footer TD {
/* this makes the footer at the bottom centered */
text-align: center;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #CC6600;
text-decoration: none;}

a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #CC6600;
text-decoration: line-through;}

a:hover {
/* edits when user mouseovers the links */
color: #CC6600;
cursor: crosshair;
text-decoration: none;}

table.blogbody {
/* this edits the other the place where the blog is */
border: 0px solid COLOR;
background-color: transparent;
width:558px;}

table.search TD, table.announcements TH {
border: 0px solid #FFFFFF;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 167px;
}
hr {
/* horizontal divider */
border: 1px solid #FF9933;
}
</style>
<!-- end code provided by createblog.com -->

So I want to move the left-side modules to that area under "navi." Except I have no clue how to do so.

Help.......?