I'm STUCK~!! I need Help., pretty please! =( Options

[i_liek_sushi]

Ok, I started to make a myspace. I wanna make it the way I want it to, but I'm f**kin frustrated.

First look at my myspace:

http://www.myspace.com/xwxwx

(ignore the silly pic)

So I got an ass load of CSS codes under the "About Me" section. I wanna make it more clean so I can understand what code changes what. But I like the style of my Content Tables, and as well as the font (how everything is in all caps and centered).

So..

1. What are the codes for that kind of style? I just wanna start over in the About Me section.
2. HOW the HELL do I change the color of the other tables ("::r:e:d::'s Blurbs", "::r:e:d::'s Friend Space", "Comments") and make them grey like the other ones? I know how to change color, but I couldn't find any color codes in the script for those tables.
3. How do I make my page transparent and get rid of that stupid white background?

So yah, 3 questions. If you can help me i'll love you forever!

[i_liek_sushi]

oh wow wow, nice reply!!

For #1... do I need to keep all of this stuff just for the uppercase font and the style? I don't know which unnecessary part to erase because I don't want it to mess up the entire code.

</style>
<style>.r{}</style>

<style type="text/css">
table table table table table {direction:rtl;}
table table table table table td {direction:ltr;}
</style>





<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="YOUR FRIEND ID"><textarea name="f_comments" cols="25" rows="4"></textarea><br> <input type="submit" value="Submit"></form>
<STYLE TYPE="text/css">
TEXTAREA, FONT, P {background-color: transparent; color:000000; font: normal 7px small fonts; overflow: visible; text-transform; uppercase;}</style>

<style>body,table,td,{font:normal 9px small fonts; text-transform: uppercase;}</style>



<STYLE TYPE="text/css">

table.blue_header,
tr.blue_header,
td.blue_header
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}




table.red_header,
tr.red_header,
td.red_header
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}


table.blue_white,
tr.blue_white,
td.blue_white
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}


table.blue_dark_bold,
tr.blue_dark_bold,
td.blue_dark_bold
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}

table.blue_light_bold,
tr.blue_light_bold,
td.blue_light_bold
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}



table.blue_light_nobold,
tr.blue_light_nobold,
td.blue_light_nobold
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}


table.blue_dark_nobold_black,
tr.blue_dark_nobold_black,
td.blue_dark_nobold_black
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}


.admin
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}

li
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}

p
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}


div
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}


textarea
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}


span
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}


.required, .warning
{font-family:small fonts;
font-size:9px;
line-height: inherit;
font-weight:none;
color: 000000;
text-decoration:none;
text-transform:uppercase;}



img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1); border: 1;}

A:link { color: 000000; font:normal 8px small fonts; text-transform: uppercase; font-weight: normal; cursor: help; }

A:visited { color: 000000; font:normal 8px small fonts; text-transform: uppercase; font-weight:; cursor: help; }

A:active { color: 000000; font:normal 8px small fonts; text-transform: uppercase; text-transform: uppercase;text-transform: lowercase; font-weight:; cursor: help; }

A:hover, a.navbar:hover, a.redlink7:hover, a.bluelink:hover {
border:none;
cursor:help;
height:;
font-variant:;
text-transform:uppercase;
color:FDF5E6;
font:normal 8px small fonts; t-transform:uppercase;}

YIKES! sorry for the long post!


Also, I don't want my comment boxes to be orange either. Will the last code you gave me change the color of that as well?

ALSO, I wanna add a background image, so does that background code you gave me need an extra line?

thanks