help me with my layout, im kinda new to this.. Options

[Xx3IL33NxX]

ive tried everything but i guess i NEED a pro's help. in my xangas layout there is like a BIG space in the right but i want the main blog and the custom modules in the middle and i also want the custom module and the main blog close together.
here is my xanga. my xanga
and here is a xanga i would like it to look like the xanga i want it to look like
<BR>
here is my code. please can somebody fix it for me?

<!-- begin code provided by createblog.com --><br /> <!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* made by eileen suh*/<br />body {<br />  background-color: #ffffff;<br />  scrollbar-arrow-color: #ffffff;<br />  scrollbar-track-color: #ffffff;<br />  scrollbar-shadow-color: #33cc00;<br />  scrollbar-face-color: #ffffff;<br />  scrollbar-highlight-color: #33cc00;<br />  scrollbar-darkshadow-color: #33cc00;<br />  scrollbar-3dlight-color: #33cc00;<br />  }<br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url();<br /> background-repeat:no-repeat;<br /> background-position:center;<br />font-family: arial;<br />text-transform:none;<br />font-size:12px;<br />line-height:20px;<br />font-weight:bold;<br />color:#33cc00;<br />letter-spacing:2px;<br />width:350px;<br />background-color:#ffffff;<br />text-align:left;<br />border:1px solid #33ff00;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #33ff00;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 2px solid #ffffff;<br />font:normal 7px arial;<br />background-color: ffffff;<br />font-color:#33ff00;<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: justify;<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: #33cc00;<br />  font: bold 7pt trebuchet ms;<br />  text-transform: none;<br />  text-align:center;<br />border: #33ff00 0px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:170px;<br />color:#33cc00;<br />background-color:ffffff;<br />BORDER: #33ff00 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#33ff00;<br />font-face: arial;<br />font-weight:normal;<br />font-size:7pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:0px; <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: arial;<br />BORDER: #33ff00 1px solid;<br />width:350px;}<br /><br />a:link{line-height: 7pt; font-family: arial;font-weight:normal; color:#339900; text-transform:none;font-size:7pt; cursor:crosshair;}<br />a:active{font-family: arial; color:#339900; text-transform:none;font-size:7pt; cursor:crosshair;}<br />a:visited{font-family: arial; color:#339900; text-transform:none;text-decoration:strikeout;font-size:7pt;cursor: crosshair;}<br />A:hover {font-family:arial;color:#00ff33;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:5pt}</style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />hr {display:none;}<br /></style><br /><!-- end code provided by createblog.com --> <br /><!-- end code provided by createblog.com -->

i would really like some help please.