The CSS code has failed me. Options

[novemberwind]

For some strange reason, even though I'm sure my code is correct, the different colors for the bold and italic words won't follow through, the date and blog titles aren't according to the code, and all my entries are smaller than they are supposed to me.

Here's the code:

CODE

<script type="text/javascript">document.title = "love me yesterday;;novemberwind."</script>

<style type="text/css">
table.navigation, table.footer { display:none; }

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:600px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation,

table.footer, .search, .searchbarborder
{display: none;}
</style>


<style type="text/css">
/* love me yesterday */
/* Featuring the cover of Margaret by SakuraMerryMen */
/* put up on Marsh 31, 2008 */
/* novemberwind aka Alexandra */
body
{cursor: default;
background-image: url();
background-repeat: repeat-x;
background-position: top left;
background-color: #D3B96E;

table.blogbody {
width:550px;
font-family: Arial;
font-weight: none;
font-size: 8pt;
color: #633816;
text-align: justify;
padding: 0px;
margin-top: 2px;

div.blogheader, .caption {
font-family:times;
text-transform:lowercase;
font-size:19px;
line-height:5px;
font-weight:bold;
color:#9C8C31;
letter-spacing:2px;
background-color: #FFFFFF;
text-align: left;
}

h4
{background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
font: italic 12pt arial;
text-transform: lowercase;
line-height: 5px;
color: #9C8C31;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 7px;
padding-bottom: 9px;
border: none;}

.blogbody b, .standard b, p b, strong {
color: 9C8C31;
}

div.blog {
width:550px;
margin-left:25px;
margin-top:0px;
background-color:transparent;

i, em
{font-weight: italic;
color: #9C8C31;}

u
{text-decoration: none;
color: #9C8C31;
border-bottom: 1px solid #9C8C31;}

hr
{color: #9C8C31;}

select, iframe.htmleditor, .button
{border: 1px solid #9C8C31;
font: normal 8pt arial;
background-color: #FFFFFF;
font-color: #633816;}

textarea, .textfiled, input
{background-color: #FFFFFF;
font: normal 7pt tahoma;
color: #633816;
line-height: 9pt;
border: 1px solid #9C8C31;}

.navheader
{background-image: url();
background-repeat: no-repeat;
background-position: bottom center;
font: bold 14pt tahoma;
text-transform: uppercase;
line-height: 14px;
color: #633816;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 6px;
padding-bottom: 10px;
border: none;}

.section
{font: normal 8pt arial;
color: #633816;
line-height: 12pt;
text-align: right;
background-color: none;
border: none;}

font,td,p,xmp
{color: #633816;
font-family: arial;
font-weight: normal;
font-size: 8pt;
text-align: justify;
line-height: 12pt;}

table.blogbody tr td
{width: 0px;
padding-left: 0px;}

table.blogbody
{font: normal 8pt verdana;
color: #633816;
line-height: 12pt;
text-align: justify;
background-color: none;
border: none;
width: 700px;}

a:link
{font: normal 8pt arial;
color: #9C8C31;
line-height: 12pt;
text-transform: bold;
text-decoration: none;
cursor: default;}

a:active
{font: normal 8pt verdana;
color: #9C8C31;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:visited
{font: normal 8pt verdana;
color: #9C8C31;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:hover
{font: normal 8pt verdana;
color: #9C8C31;
line-height: 12pt;
text-transform: bold;
text-decoration: none;
cursor: default;}
</style>


<table width="650" height="100%" cellpadding="0" cellspacing="0" border="0" align="center"

style="background: url(http://img172.imageshack.us/img172/8400/lovemeyesterdaybackgroutw3.jpg)

repeat-y center; border: 0px solid #FFFFFF;">

<tr><td width="650" height="656">
<img src="http://img245.imageshack.us/img245/900/lovemeyesterdaydc2.jpg">
</td></tr>

<tr><td width="650"><center>
<table width="600" height="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td width="575"><div align="left"><img

src="http://img151.imageshack.us/img151/5273/su14bn1.png" hspace="3" vspace="3" align="left"><a

href="http://www.xanga.com/">home</a>.<a href="http://www.xanga.com/signin.asp">enter</a>.<a

href="http://www.xanga.com/private/home.aspx">yours</a>.<a

href="http://www.xanga.com/CLAF">edit</a>.<a

href="http://www.xanga.com/private/SubscribeTo.aspx?user=novemberwind">watch</a>.<a

href="http://www.xanga.com/logout.asp">leave</a><br>
The girl known as <b>novemberwind</b> online and <b>Alexandra</b> offlin - celebrates another

revolution around the sun every <b>November 13th</b>, has been writing entries since <b>9.8.2003</b>,

and drinks too much milk. She's ready to leave <b>Lowell</b> for <b>BU</b>, but it's still under heavy

debate. When she's not listening to too much <b>Ellegarden</b>, <b>Base Ball Bear</b>, <b>Asian Kung-

Fu Generation</b>, <b>ART-SCHOOL</b>, <b>Straightener</b>, or any other of her favorite artists, she

dwindles away time on AIM on the username <b>novewind</b>. The picture is the album cover of

"Margaret" by SakuraMerryMen; the title is from the tip of the tongue. There's nothing worse that a person

with too much time on their hands, too much work to do, and a serious lack of motivation.</div>
</td></tr></table></center>
</td></tr>
<tr><td>
<div class="blogbody" style="width: 550px; margin-left: -175px; margin-top: 0px;">

Notice anything strange? I modified it based off my old layout code:

CODE

<script type="text/javascript">document.title = "Spring Wind;;"</script>

<style type="text/css">
table.navigation, table.footer { display:none; }

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:500px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder
{display: none;}
</style>


<style type="text/css">
/* Dakishimetai */
/* I want to embrace you */
/* Inspired by the song by Base Ball Bear */
/* features Orihime from Bleach */
/* 2005 Bleach Calendar Scan! */
/* novemberwind aka Alexandra */
body
{cursor: default;
background-image: url();
background-repeat: repeat-x;
background-position: top left;
background-color: #C3D3D3;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #C3D3D3;
scrollbar-face-color: #C3D3D3;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #B9CA8A;
scrollbar-3dlight-color: #FFFFFF;}

div.blogheader, .caption
{background-image: url();
background-repeat: no-repeat;
background-position: bottom center;
font: italic 12pt tahoma;
text-transform: lowercase;
line-height: 30px;
color: #B9CA8A;
letter-spacing: 2px;
background-color: none;
text-align: center;
border: none;}

h4
{background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
font: bold 14pt tahoma;
text-transform: uppercase;
line-height: 15px;
color: #B9CA8A;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 7px;
padding-bottom: 9px;
border: none;}

b, strong
{font-weight: bold;
color: #B9CA8A;}

i, em
{font-weight: italic;
color: #B9CA8A;}

u
{text-decoration: none;
color: #B9CA8A;
border-bottom: 1px solid #B1608E;}

hr
{color: #B9CA8A;}

select, iframe.htmleditor, .button
{border: 1px solid #954D7C;
font: normal 8pt verdana;
background-color: #F7E7EB;
font-color: #DC96BE;}

textarea, .textfiled, input
{background-color: #FFFFFF;
font: normal 7pt tahoma;
color: #648888;
line-height: 9pt;
border: 1px solid #954D7C;}

.navheader
{background-image: url();
background-repeat: no-repeat;
background-position: bottom center;
font: bold 14pt tahoma;
text-transform: uppercase;
line-height: 14px;
color: #648888;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 6px;
padding-bottom: 10px;
border: none;}

.section
{font: normal 8pt verdana;
color: #648888;
line-height: 12pt;
text-align: right;
background-color: none;
border: none;}

font,td,p,xmp
{color: #648888;
font-family: verdana;
font-weight: normal;
font-size: 8pt;
text-align: justify;
line-height: 12pt;}

table.blogbody tr td
{width: 0px;
padding-left: 0px;}

table.blogbody
{font: normal 8pt verdana;
color: #DC96BE;
line-height: 12pt;
text-align: justify;
background-color: none;
border: none;
width: 700px;}

a:link
{font: normal 8pt verdana;
color: #B9CA8A;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:active
{font: normal 8pt verdana;
color: #B9CA8A;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:visited
{font: normal 8pt verdana;
color: #D6E0BB;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:hover
{font: normal 8pt verdana;
color: #D6E0BB;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}
</style>


<table width="800" height="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="background: url(http://img263.imageshack.us/img263/9416/backgrounddakishimetaivg7.jpg) repeat-y center; border: 0px solid #FFFFFF;">
<tr><td width="800" height="379">
<img name="Dakishimetai" src="http://img261.imageshack.us/img261/7661/dakishimetaira5.jpg" width="800" height="379" border="0" id="Dakishimetai" usemap="#m_Dakishimetai" alt="" /><map name="m_Dakishimetai" id="m_Dakishimetai">
<area shape="rect" coords="653,330,719,354" href="http://www.xanga.com/logout.asp" title="And you leave me all alone. *emo*" alt="And you leave me all alone. *emo*" />
<area shape="rect" coords="553,331,619,355" href="http://www.xanga.com/guestbook.asp?user=novemberwind" title="Does anyone use the guestbook anyway?" alt="Does anyone use the guestbook anyway?" />
<area shape="rect" coords="446,332,512,356" href="http://www.xanga.com/private/SubscribeTo.aspx?user=novemberwind" title="Add me because you love me." alt="Add me because you love me." />
<area shape="rect" coords="352,331,418,355" href="http://www.xanga.com/CLAF/default.asp" title="Edit your layout." alt="Edit your layout." />
<area shape="rect" coords="259,332,325,356" href="http://www.xanga.com/private/home.aspx" title="Your own stuff." alt="Your own stuff." />
<area shape="rect" coords="162,331,228,355" href="http://www.xanga.com/signin.asp" title="Sign in, duh." alt="Sign in, duh." />
<area shape="rect" coords="65,331,131,355" href="www.xanga.com" title="Go back. Go waaaay back." alt="Go back. Go waaaay back." />
</map></td></tr>

<tr><td width="800">
<table width="700" height="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td width="700"><img src="http://img409.imageshack.us/img409/4323/vanillabitchom9.jpg" hspace="3" vspace="3" align="left"> Called <b>Alexandra</b>, but goes by novemberwind online. Born on <b>November 13</b>,
and the end of my days at <b>Lowell</b> draws near. I haven't had a change in layouts since my birthday in 2005. Forever obsessed with <b>Ellegarden</b>, <b>Base Ball Bear</b>, AKFG, Straightener, and other random Japanese bands.
I've been using Xanga since <b>September 8, 2003</b>; yes, and I will use it until I die. Talk to me on AIM at <b>novewind</b>. This layout was made on April 12, 2007 in the span of an hour and a half. No brushes were used (honestly!)
because I am a proud <b>Fireworks MX</b> user. I think this is the second layout where I used Orihime from Bleach. I like her because ditzy, and (oh my!) she admits that she's weak (after 113 episodes; I've yet to resume reading the
manga, but oh well). I always work the hardest on Orihime layouts.</td></tr></table>
</td></tr>
<tr><td>
<div class="blogbody" style="width: 750px; margin-left: -50px; margin-top: 0px;">

And that one worked just fine.

What's wrong? Did I modify it too much?