Uh.... can't read my profile info..., And I can't fix it, either! Options

[SavvyScallywag]

I just copied a new layout from a layout site (here... direct link to the code here). For some reason, when I put the code on my site, I can't read any of my profile information, except something that is a link I've visited (like my metro). The text is there, but it's white, and the background for the module is transparent... so... it's a whole lot of white. I have no experience with making layouts and limited experience with html, so if someone could give me a simple fix for this (like changing the font to another color, probably blue), I'd really appreciate it! :)

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />body {<br /> background-color: white;<br /> background-image: url( <br />http://img293.imageshack.us/img293/1874/myspoonistoobig4na.jpg<br />  );<br /> background-repeat: no-repeat; <br /> background-attachment: fixed; <br /> background-position: bottom left;<br /> scrollbar-arrow-color:black;<br /> scrollbar-track-color: white;<br /> scrollbar-shadow-color: black;<br /> scrollbar-face-color: white;<br /> scrollbar-highlight-color: black;<br /> scrollbar-darkshadow-color: black;<br /> scrollbar-3dlight-color: black; <br /> }<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br /> font:normal 10px terminal;<br /> line-height:10px;<br /> color: black;<br /> letter-spacing:0px;<br /> text-align:left;<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 /> }<br />.blogbody b, .standard b, p b, strong {<br />/* this edits bolded text in your entry */<br />font-weight: bold;<br />color: yellow;<br />}<br />.blogbody u, .standard u,  {<br />/* edits underlined text in your entry */<br /> border-bottom: 1px solid yellow;<br /> color: gray;<br /> text-decoration:none;<br />}<br />.blogbody i, .standard i, em {<br />/* edits italic text in your entry */<br /> text-decoration:italic;<br /> color: red;<br /> font-weight: italic;<br /> text-decoration:none;<br />}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: terminal;<br />text-transform: none;<br />font-size:10px;<br />font-weight: normal;<br />line-height: 10px;<br />color: black;<br />letter-spacing: 6px;<br />background-color:white;<br />text-align: center;<br />border:1px solid lack;<br />border-bottom:none;<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br /> color:black;<br /> font:normal 10px terminal;<br /> line-height:10px;<br /> text-decoration: none;<br /> }<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br /> color:gray; <br /> font:normal 10px terminal;<br /> line-height:10px;<br /> text-decoration: none;<br /> }<br />a:hover {<br /><br />/* edits when user mouseovers the links */<br /> color:yellow;<br />letter-spacing: 0px;<br /> font: 10px terminal;<br /> line-height:10px;<br /> border:1px solid black;<br /> background color:white;<br /> }<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br /> border: 1px solid black;<br /> font:normal 10px terminal;<br /> font color:white;<br /> line-height:10px;<br /> background-color:white;<br /> letter-spacing:0px;<br /> }<br />table.left { <br /><br />/* this edits the menu module */<br /> border: 1px solid black;<br /> font-weight: normal;<br /> width:200px;<br /> background-color: transparent;<br /> }<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br /> background-color: white;<br /> border:1px solid black;<br /> border-top: 1px solid black;<br /> width:350px;<br /> }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />font-family:normal 10px terminal;<br />text-transform: none;<br />line-height: 10px;<br />color: black;<br />letter-spacing: 2px;<br />background-color: transparent;<br />text-align: center;<br />border: none;<br />border-bottom: 1px solid black;<br /> }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br /> background-color: transparent;<br /> border:none;<br /> border-top:none;<br /> }<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br /> background-color: white; <br /> border: 1px solid black;<br /> }<br />table.search TD, table.announcements TH {<br /><br />/* this should be left alone */<br />/* unless you know what to do */<br /> border: 1px solid black;<br /> }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br /> width: 350px;<br /> }<br />hr {<br />/* horizontal divider */<br /> border: 1px solid black;<br /> }<br />table.navigation, table.footer {display: all;}</style><DIV style="border:none; background-color:white; width:300px"><font style="font-family:times;font-size:30px;font-weight:normal;letter-spacing:-1px; line-height:30px;color:black;">my spoon is too big?<br /></div><br><br /><br /><a href=" <br />http://www.xanga.com/layoutsthatownyourmom <br />"> <font face=terminal size=1>mom owning devices</a><br /><br /><!-- end code provided by createblog.com -->

And a link to my xanga, so you can see it in action... *rolls eyes*

[talcumpowder]

The parts similar to the following tell you what edits what.

/* edits the dates */

So it's not too much trouble to edit it. You can just put in the word "white" and it will understand what you're trying to say.