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

[stitch132]

yes, but how do i get rid of it saying that above my blog? and how can i make the blog bigger so its not likke:

test test
test test
test test

... and so its likke:

test test test test test test test test test test test
test test test test test test test test test test test
test test test test test test test test test test test


see the difference? thats how i want it