Can't Change Width... Options

[hyperchick]

Hello. I made a new layout for New Year's. (Click) I've got just about everything down but I can't change the width of the blog and it's getting me frustrated. Can someone please help?

This is what I have in my custom header:

CODE

<!-- begin code provided by createblog.com -->
<div align="left">
<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">

<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style></div>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">


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

I've been trying to change the width here but it doesn't do anything at all...

CODE

<!-- begin code provided by createblog.com -->
<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">
<!-- end code provided by createblog.com -->

Thanks to anyone that helps.

[baller30]

you know you don't have to put the style sheet in a div
maybe if you move the style sheet above the content that may fix it
ooo....
don't close your blog div
try that and reply