seperating blog from module?, trying to keep module in default spot Options

[xc_rocker]

Here's my problem. I am trying to put the blogspace/entries on top of the paper and leave the module in it's default spot on the left. I've looked through stuff on div layers, aligning stuff but can't seem to find an answer. Here's my code (it's a little messy, this is my first skin and I've been putting the code together as a find stuff out). Thanks.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div style="overflow: auto;<br />width: 400px;<br />height: 600px;<br />margin-top: -50px;<br />margin-left: 400px;<br />align=left;<br />class=blogspace;"><br /><style type="text/css"><br />/*TAPED NOTE*/<br />/*ANDY*/<br />body {<br />background-image:url(http://img.photobucket.com/albums/v317/worldtravller/Stuff/xangaskin.jpg);<br />background-color: #ffffff;<br />background-attachment: fixed;<br />background-repeat: no-repeat;<br />background-position: center center;<br />scrollbar-face-color: #FFFFFF;<br />scrollbar-shadow-color: #000000;<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-3dlight-color: #F0F0F0;<br />scrollbar-darkshadow-color: #999494;<br />scrollbar-track-color: #FFFFFF;<br />scrollbar-arrow-color: #000000;<br />}<br />/* edits the date */<br />div.blogheader, .caption {<br />font-family: georgia;<br />text-transform:none;<br />font-size:18px;<br />line-height:25px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:center;<br />border:1px solid #000000;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #000000;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ffffff;<br />font:normal 12px trebuchet ms;<br />background-color: ffffff;<br />font-color:#BD6A72;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: center;<br />  }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url();<br />  background-color:none;<br />  color: #000000;<br />  font: bold 10pt trebuchet ms;<br />  text-transform: none;<br />  text-align:center;<br />border: #000000 1px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:ffffff;<br />BORDER: #000000 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#000000;<br />font-face: trebuchet ms;<br />font-weight:normal;<br />font-size:9pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:400px; <br />  padding-left: 0px;<br />  } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: trebuchet ms;<br />BORDER: #000000 1px solid;<br />width:400px;}<br /><br />P, B, I, TD, TH <br />{font-family: times; color: #0000FF; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#FF0000F; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#COLOR; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: times;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><script language="JavaScript"><br />document.title = "A note taped to the wall..."</script><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[talcumpowder]

.... Sorry. On my comp I can't see the times. They're all really, really screwy.... So there's no point in me looking at them.