help on blog body (where the actual words are), i cant get it or get rid of something Options

[stitch132]

im experimenting with making a different style layout than i`m used to. i got the blog body to be the size i want, but i need to fix the actual blog size (where the words are) to match the blog body. and also there is part of a code above my blog and i tried to get rid of it or fix it but i can seem to get it. can someone help me??

here is the code:

<!-- begin code provided by createblog.com -->
<img src="http://www.imagehosting.us/imagehosting/showimg.jpg/?id=92041">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 400px; height: -500px; ***margin-top: -500px; margin-left: 400px;***>[/b]
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: arial;
BORDER: #592301 1px solid;
width:***430px***;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<!-- 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:250px;}
.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">
/* mystical eyes - mysticalxxeyes*/
body
{background-color: #ffffff;

scrollbar-arrow-color: #cfba5d;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #592301;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #cfba5d;
scrollbar-darkshadow-color: #592301;
scrollbar-3dlight-color: #592301;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: arial;
text-transform:none;
font-size:9px;
line-height:2px;
font-weight:normal;
color:#592301;
letter-spacing:2px;
background-color:#ffffff;
text-align:center;
border:1px solid #ffffff;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #592301;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #ffffff;
font:normal 9px arial;
background-color: #ffffff;
font-color:#592301;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #592301;
font: bold 10pt arial;
text-transform: none;
text-align:center;
border: #592301 1px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#ffffff;
BORDER: #592301 1px solid;}

font,td,p,xmp
{color:#COLOR CODE;
font-face: FONT FAMILY;
font-weight:normal;
font-size:9pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: arial;
BORDER: #592301 1px solid;
width:15px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 1pt;
font-family: arial;
font-weight:normal;
color:#cfba5d;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:active
{font-family: arial;
color:#cfba5d;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:visited
{font-family: arial;
color:#cdba5d;
text-transform:none;
text-decoration:strikeout;
font-size:10pt;
cursor: crosshair;}

A:hover {font-family: arial;
color:#cfba5d;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:10pt}</style>
<!-- end code provided by createblog.com -->




and here is the site: here

thank you