Please help, space on the left of blog. Options

[reanim8ed]

This has been bugging me for a couple of days now. I can't seem to figure it out. It'll be greatly appreciated if anyone can get rid of the space on the left of my blog.

Here's a preview of what I mean. ( you have to see it. )

http://xanga.com/reanim8ed_test

Here's the code.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:350px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, hr <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* inspiration - © reanim8ed */<br />body <br />{background-color: #E3DDBD;<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #FFFFFF;<br />scrollbar-shadow-color: #FFFFFF;<br />scrollbar-face-color: #FFFFFF;<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFFFF;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-color: F2EBAF;<br />font: 8pt arial;<br />text-transform: uppercase;<br />color: #000000;<br />border-top: 3px solid #FFFFFF;<br />border-left: 3px solid #FFFFFF;<br />border-right: 3px solid #FFFFFF;<br />text-align: left;<br />font-weight:bold;<br />padding-left:5;<br />padding-top:5;<br />padding-bottom:0;<br />width:350px;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #928623;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 3px solid #928623;<br />font:normal 7pt arial;<br />background-color: #transparent;<br />font-color:#928623;}<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: #928623;<br />font: bold 7pt arial;<br />text-transform: none;<br />text-align:center;<br />border: #FFFFFF 3px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width: 0px;<br />color:000000;<br />background-color:#transparent;<br />BORDER: #FFFFFF 3px solid;}<br /><br />font,td,p,xmp<br />{color:#928623;<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:F2EBAF;<br />family-font: 7pt arial;<br />border-left: #FFFFFF 3px solid;<br />border-right: #FFFFFF 3px solid;<br />border-bottom: #FFFFFF 3px solid;<br />width:350px;<br />align:center;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{font-family: arial;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />text-decoration:none;<br />font-size:7pt; <br />cursor:help;}<br /><br />a:active<br />{font-family: arial; <br />color:#000000; <br />text-transform:none;<br />text-decoration:none;<br />font-size:7pt; <br />cursor:help;}<br /><br />a:visited<br />{font-family: arial; <br />color:#000000; <br />text-transform:none;<br />text-decoration:none;<br />font-size:7pt;<br />cursor: help;}<br /><br />A:hover {font-family:arial;<br />color:#FFFFFF;<br />text-transform: none; <br />cursor: help; <br />font-weight:normal;<br />font-size:7pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><br /><div style="width: 400px; border: solid 13px #FFFFFF; background: #DDCA2C; overflow: auto"><br /><!-- end code provided by createblog.com -->

Please help.

[Pulchritude]

try this

CODE

<div style="overflow: auto; width: 400px; height: ##px; margin-top: ##px; margin-left: -10px; align=left; class=blogspace;">

adjust the margin left and right etc.