misaligned, HELP PLEASE Options

[short_Stuff516]

ok i got my blog in the right place and everything but the only problem is the actual writing is too far over. i have tried everything to fix it. please look at my xanga and see if you can figure out what i should do! my xanga is here

also-here is my coding....is there anything in there that can fix the problem mentioned above and also get rid of the horizontal scroll?

<!-- begin code provided by createblog.com -->
<img src="http://www.geocities.com/rsaimee17/wallpaper38.gif">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<DIV style="margin-top: -509px; margin-left:
24px; width: 365px;OVERFLOW: auto; height:474px; BACKGROUND-COLOR: none; 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:325px;}
.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">
/*never grow up*/
/*by aimee*/
body {
background-color: none; transparent;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #cc9999;
scrollbar-highlight-color: #ffccff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #999999;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ccffff;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:325px;
font-family: century gothic;
font-weight: none;
font-size: 8pt;
color: #999999;
text-align: left;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 215px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 215px;
padding: 3px;
font-family: century gothic;
font-size: 8pt;
text-align: left;
color: #ffccff;
background-color: none; transparent;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: century gothic; color: #cc9999; font-size: 8pt; }
A:link, A:visited, A:active
{color:#cc9999; text-decoration:none; font-size:7pt;}
a:hover
{text-decoration: linethrough; color:#ccffff; font-size: 7pt; );}
hr {
/* horizontal divider */
border: 2px dashed #ffccff;
}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: century gothic;
font-size: 8pt;
color: #999999;
font-weight: bold;
text-transform: lowercaps;
</style>
<!-- end code provided by createblog.com -->

please....please....PLEASE help!