Please help me.. i am so confused, The color of the entries in the xanga i Options

[deepinmyheart09]

I have been trying to change the colors of the background of the entry boxes and i don't know how to make the color in the entries box different from the colored background behind it?
style type=text/css>
table.navigation {border: 1px solid #FF1144;}
.mainleft table {background: #FFFFFF; border: 1px solid #FF9966; width: 142px;}
.blogheader {color: #CC6699; background-color: #93211B; font-size: 20pt; font-family: Arial;letter-spacing: 8px; width: 450px; text-align: center; height: 20px;}
.blogbody {border:#ffffff 1px solid #FFFFFF; width: 450px; align: center;}
.blogbody td { width:0px}.blogbody {border: 1px solid #FFFFFF; width: 450px; align: center;}
.blogbody td { width:0px}
</style>
body {background-color: #FFFFFF; font-family: Verdana; font-size: 9pt; text-align: justify; text-decoration: none; margin: 0px}
html, pd, td {background-color: transparent; font-family: Verdana; font-size: 9pt; text-align: justify}
a:link {color:#CC6699; text-decoration: none; cursor: resize}
a:active {color: #CC6699; text-decoration: none; cursor: resize}
a:visited {color: white; text-decoration: none; cursor: resize}
a:hover {color:#FFFFCC; text-decoration: none; font-weight: bold; cursor: resize}
.smalltext {font-size: 8pt; }
LI {font-family: Trebuchet MS; color: pink; font-size: 9pt; text-decoration: none; }
UL {font-family: Trebuchet MS; color: pink; font-size: 9pt; text-decoration: none; }
TD {font-family: Trebuchet MS; color: pink; font-size: 9pt; text-decoration: none; }
TH {font-family: Trebuchet MS; color: pink; font-size: 9pt; text-decoration: none; }
HR {color: #FFFFFFF;}
table.banner { background-color: #CC3366; border: 1px solid #CC3366; background-image: none; }
table.header { width: 850px; background-color: #93211B; border: 2px solid #CC3366; }
table.header TH {font-size: 9pt; text-decoration: none; font-weight: normal; border: white; }
table.header TD {font-size: 9pt; font-color: white; text-decoration: none; border: none; }
table.navigation { width: 850px; border: none; }
table.footer { width: 850px; border: none; }
table.main {width: 850px; border: none; }
table.main TD, table.main TR { border: none; }
table.search { color: white; background-color: pink; border: 1px solid #CC3366; }
table.search TH { color: pink; background-color: white; border: 1px solid #FFFFFF; background-image:none; }
table.search TD, table.search TR { color: black; background-color: red; border: none; background-image: none; }
table.left { border: 1px solid #red; }
table.left TH { color:#CC6999; background-color:#93211B; text-align: left; border: none; background-image: none; }
table.left TD, table.left TR { color:#CC3366; text-align: left; border: none; background-image: none; }
table.right { border: 1px solid #CC3366; }
table.right TH { color: #C52521; background color:#CC6699; text-align: left; border: none; background-image: none; }
table.right TD, table.right TR { color: #C52521; text-align: left; border: none; background-image: none; }
table.announcements { border: 1px solid #FF9966; background-image: none; }
table.announcements TH { border: 1px solid #FF9966; border-bottom: 2px solid #FFFFFFF; background-image: none; }
table.announcements TD, table.announcements TR { border: none; background-image: none; }
.button {font-family: Verdana; border: 1px solid pink; }
.textfield {font-family: Verdana; border: 1px solid pink; }
.pulldown {font-family: Verdana; border: 1px solid pink; }
.blogheader {font-family: verdana; white:pink ; font-size: x-small; text-decoration: none; font-weight: bold; padding-bottom: 4pt; }



/// do i add something in there or argg i have no clue... how to change the background color the entry boxes... help? PLEASE