font color off, ?? Options

[miix-tape]

i just made a new layout. luckly everything worked this time, except for the font color. i changed it to what i want. but it stays black or something.
this is what it looks like. if you highlight the blog area, you can see that the text is there, but doesn't show up
here's my code

<!-- begin code provided by createblog.com --><br /><A href="http://www.xanga.com/basement_show_layouts" target="_new">basement show. mmk</A><br><br><br /><font style=" font-size: 42px; TEXT-TRANSFORM: none; COLOR: #00ccff; LINE-HEIGHT: 18px; FONT-FAMILY: times new roman; LETTER-SPACING: -5px">oh, what i'd do</FONT><br><br /><font style=" font-size: 52px; TEXT-TRANSFORM: none; COLOR: #66ffff; LINE-HEIGHT: 18px; FONT-FAMILY: times new roman; LETTER-SPACING: -4px">for a taste of your love</FONT><br><br /><a href="http://www.xanga.com/" target="_new">001.</a> - <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAMEHERE" target="_new">002.</a> - <a href="http://www.xanga.com/claf" target="_new">003.</a> - <a href="http://www.xanga.com/private" target="_new">004.</a> - <a href="http://www.xanga.com/private/subs.aspx" target="_new">005.</a> - <a href="http://www.xanga.com/logout.aspx" target="_new">006.</a><br /><style type="text/css"> <br />table.navigation, table.left, table.search, #SearchBar1_pnlYouAreHere,    {display: none;}<br />body { <br />   <br />  scrollbar-arrow-color: #008158; <br />  scrollbar-track-color: #008158; <br />  scrollbar-shadow-color: #000000; <br />  scrollbar-face-color: #008158; <br />  scrollbar-highlight-color: #008158; <br />  scrollbar-darkshadow-color: #008158; <br />  scrollbar-3dlight-color: #000000;  <br />  background-color:#000000;<br />  background-image: url(http://img131.echo.cx/img131/4412/kissinghearts2kh.jpg);<br />  background-attachment: fixed;<br />  background-position: bottom left;<br />  background-repeat: no-repeat;} <br /> <br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { <br />/* edits main text */ <br />  font:normal 11px terminal; <br />  line-height:11px; <br />  color:oofff; <br />  letter-spacing:0px; <br />  text-align:left; <br />  } <br />b, strong{<br />color: #E57625;<br />letter-spacing: -1px;<br />font: bold 11px arial;<br />text-transform: uppercase;}<br /> <br />table.left i, .blogbody i, .standard i, a:link i, a:visited i, .footernav.link i, a.footernav:link i, a.footernav:active i, p i, em {<br />/* edits italic text in your entry */<br />font-weight: italic;<br />color:#0066ff;<br />line-height: 12px;}<br />.blogbody u, p u, u {<br />/* edits underlined text in your entry */<br />font-weight: underlined;<br />border-bottom:solid 2px #C73D3B; <br />color:#0066ff;<br />font-family: terminal;<br />font-size:11px;<br />text-transform: none;<br />line-height: 12px;<br />letter-spacing: -1px;<br />}<br />table.footer TD { <br />/* this makes the footer at the bottom centered */ <br />/* leave it alone unless you know what to do*/ <br />  text-align: center; <br />  display:none;} <br /> <br />div.blogheader, .caption { <br />/* edits the dates */ <br />  width: 180px;<br />font:normal 11px terminal; <br />  text-transform:uppercase; <br />   border:1px solid #000000;<br />  line-height:12px; <br />  font-weight:none; <br />  color:#ff33ff; <br />  letter-spacing:1px; <br />  background-color: transparent; <br />  text-align: center; <br />  width:200px;<br />     } <br /> <br />a:link, .footernav.link, a.footernav:link, a.footernav:active { <br />/* edits all links */ <br />color:#00ff33; <br />  font:normal 6px terminal;<br />  line-height:12px; <br />   text-transform: uppercase;<br />  text-decoration: none; <br />  letter-spacing: 1px;<br />    background-color:transparent}  <br /> <br />a:visited, a.footernav:visited,  { <br />/* edits the links that the user has visited */ <br />  color:#ff33ff; <br />  font:normal 6px terminal;<br />  line-height:12px; <br />   text-transform: uppercase;<br />  text-decoration: none; <br />  letter-spacing: 1px;<br />    background-color:transperent<br />}  <br />a:hover { <br />/* edits when user mouseovers the links */ <br />  color:ff99ff; <br />  font:normal 6px terminal;<br />  line-height:12px; <br />   text-transform: uppercase;<br />  text-decoration: none; <br />  letter-spacing: 0px;<br />   background-color:#transparent;<br />   border-bottom: 1px solid #000000; }   <br />input, select, textarea, .textfield, .button { <br />/* this edits the buttons, dropdowns, etc. */ <br />  border: 1px solid #ff33ff; <br />  color:0066ff; <br />  font:normal 6px terminal;<br />  line-height:11px; <br />   text-transform: uppercase;<br />  text-decoration: none; <br />  letter-spacing: 1px;<br />    background-color:#transparent;<br />  } <br /> <br />table.left {  <br />/* this edits the menu module */ <br />  border: none;  <br />  width:150px; <br />   background-color: transparent; <br />   background-image: url(); } <br /> <br />table.blogbody { <br />/* this edits the other the place where the  blog is */ <br />  border-top: none; <br />   background-color: transparent; <br />  width:250px; <br />  border-left:1px solid #000000;<br />  border-right:1px solid #000000;<br />  border-bottom: 1px solid #000000;<br /> } <br /> <br />table.left th { <br />/* on your menu module, this edits the title part of it */ <br />/* like BLOGRINGS, POSTING CALENDAR, etc */ <br />    display:none; } <br />table.left TD { <br />/* on your menu module, this edits the body part of it */ <br />  background-color: transparent; <br />  border: NONE; <br />  text-align: center; <br />  background-image: url(); } <br /> <br />table.search TD, table.search, table.announcements { <br />/* border of search bar (if you have it) */ <br />  background-color: ##008158;  <br />  border: 1px solid #000000;  <br />  } <br />table.search TD, table.announcements TH { <br />/* this should be left alone */ <br />/* unless you know what to do */ <br />  border: none; <br />  } <br />table.navigation, table.main, table.footer { <br />/* the width of your blog with modules */ <br />  width: 180px; <br />  } <br />hr { <br />/* horizontal divider */ <br />  border: 1px solid #008158; <br />  } <br /></style><br /><!-- end code provided by createblog.com -->

what'd i miss?

[crashingg]

  color:oofff;

a color code is 6 letters/numbers you only have 5!

you can find that under the part where it says

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {