help with blog body Options

[mufcka]

I have my blog positioned where I want it to be but there is a lot of space on the left side that I can't seem to get rid of.

Go here to see what I'm talking about.

This is the code I'm using.

CODE

<style type="text/css">
<!--
a:link {
color: #FBB4C4;
font-family:arial;
font-size:8pt;
text-decoration: none;
cursor: crosshair;
font-weight: normal;
text-transform: none;}
a:visited {
color: #FBB4C4;
font-family:arial;
font-size:8pt;
text-decoration: none;
cursor: crosshair;
font-weight: normal;
text-transform: none;}
a:active{color:FBB4C4;
font-size:8pt;
font-family: arial;
text-decoration:none;
text-transform: none;}
a:hover {
color: FBB4C4;
font-family:arial;
text-decoration: none;
font-size:8pt;
cursor: help;
font-weight: normal;
text-transform: uppercase;}
body {
background:url(http://img.photobucket.com/albums/v603/vibrant_soul/xanga/layout1.gif);
background-repeat: repeat-y;
background-attachment: scroll;
font-family: arial;
cursor:crosshair;
font-size: 8pt;
font-align:justify;
text-transform: none;
scrollbar-face-color: FCD8E0;
scrollbar-shadow-color: FBB4C4;
scrollbar-highlight-color: FBB4C4;
scrollbar-3dlight-color: FBB4C4;
scrollbar-darkshadow-color: FBB4C4;
scrollbar-track-color: FCD8E0;
scrollbar-arrow-color: CB9436;}
body {
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-color: 800080;
font-family: arial;
font-size:8pt;
font-weight:normal;}
table {
font-family: arial;
font-size: 8pt;
color: AA771F;
line-height: 10px;
border-color:DEBE5A}
textarea, input, head {
border: solid;
font-size: 8pt;
border-color:AA771F;
color: AA771F;
font-family: arial;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: transparent;
font-size: 8pt;
text-transform: none;}
body,td,th {
background-color: transparent;
font-family: arial;
font-size: 8pt;
line-height: 10px;
text-align: justify;
text-transform: none;}
DIV.blogheader {
    BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BORDER-LEFT: 1px; COLOR: #FBB4C4; BORDER-BOTTOM: 1px; FONT-FAMILY:arial; text-transform: uppercase; TEXT-ALIGN: center;
}


//-->
</style>

<style type="text/css">
       .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left,
       table.left TH, table.left TD, table.navigation, table.footer, hr, #rblEprops
       {display: none}
</style>

<!-- begin code provided by createblog.com -->
<style type="text/css">
table.blogbody tr td {
/* this edits the left margin of blog */
 width:0px;
 padding-left: 0px;
 }
</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<div style="
overflow: visible;
width: 300px;
height: 200px;
margin-top: 175px;
margin-left: -400px;
background-color: FFFFFF">
<!-- end code provided by createblog.com -->

[MewxIchigo]

maybe change the width of the blog...

[mufcka]

changing the width of the blog just makes the whole thing bigger/smaller but the space is still there.

[shortvi3tlaydee]

well this part of your code:

CODE

<style type="text/css">
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;
}
</style>

located near the bottom of your code you just showed us

change it to something like

CODE

<style type="text/css">
table.blogbody tr td {
/* this edits the left margin of blog */
width:300px;
padding-left: 0px;
}
</style>

because 0 is like really small