Image/Blog Allignment, ...Probobly Easy... Options

[jadez03]

Ok...i made a skin for my blog, but i can't get the blog box aligned where i need it... >_<

My xanga is here... and here is the code that i have for the skin:

CODE

<!-- begin code provided by createblog.com -->
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='317,5' HREF='www.xanga.com' ALT='..::The Hosts::..'>
<AREA SHAPE='rect' COORDS='407,20,524,49' HREF='http://www.xanga.com/profile.aspx?user=jadez03' ALT='..::Limited Info::..'>
<AREA SHAPE='rect' COORDS='520,6,577,28' HREF='http://www.xanga.com/CLAF' ALT='..::Appearance::..'>
<AREA SHAPE='rect' COORDS='583,21,656,48' HREF='http://www.xanga.com/private/subs.aspx' ALT='..::My Eyes Only::..'>
<AREA SHAPE='rect' COORDS='650,3,789,46' HREF='http://www.xanga.com/private/subscribeTo.aspx?user=jadez03' ALT='..::Watch Me::..'>
<AREA SHAPE='rect' COORDS='317,7,400,33' HREF='http://www.xanga.com' ALT='..::The Hosts::..'>
</MAP>
<IMG SRC='http://img.photobucket.com/albums/v496/jadez03/sephreturn.jpg' border=0 width=800 height=500 USEMAP='#imgmap'>

<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 470px;
height: 305px;
margin-top: 20px;
margin-left: 40px;">
<!-- 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:245px;}
.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: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-shadow-color: #;
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-3dlight-color: #; }


.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal #px Times New Roman;
line-height:12px;
color: #FF0000;
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: #FF0000;
text-decoration: none;}

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

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

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

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

Thanks alot for your help! =D

[shortvi3tlaydee]

this part of your code:

CODE

<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 470px;
height: 305px;
margin-top: 20px;
margin-left: 40px;">
<!-- end code provided by createblog.com -->

you need to play with the numbers to get it in the right place you might need negative numbers tho