Comment color help, cant see txt Options

[xjustsumloserx]

ok something has happened with my code, im not sure what. but now my txt and background color for my comment box on my xanga are both black. Also The submit button is also black so it cannot be seen. can someone please help me with this. here is my code.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br />table.header, table.main, table.footer, table.navigation{<br />/* edit width */<br />width:613;<br />}<br />table.blogbody, div.blogheader, .caption{<br />width:413;<br />}<br />td.maincenter {<br />text-align:center;<br />}<br />body {<br />background-color: #201F27 url(http://img.photobucket.com/albums/v48/xjustsumloserx/firestarter550.jpg);<br />scrollbar-arrow-color: #999999;<br />scrollbar-track-color: #201F27;<br />scrollbar-shadow-color: #FFFFFF;<br />scrollbar-face-color: #FFFFFF;<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFFFF;<br />font-family: arial, verdana;<br />font-size: 11px;<br />}<br />table.navigation, table.footer {<br />display: none;<br />} <br />.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext {<br />/* edits main text */<br />font:normal 11px arial;<br />color: #FFFFFF;<br />text-align:justify;<br />}<br />table.blogbody tr td {<br />/* entry margins */<br />width:0px;<br />}<br />a:link{<br />/* edit the links */<br />color: #CBC5EB;<br />text-decoration: none;<br />font:normal 11px arial;<br />}<br />a:visited{<br />/* edit visited links */<br />color: #CBC5EB;<br />text-decoration: none;<br />font:normal 11px arial;<br />}<br />a:hover {<br />color:#FFFFFF;<br />text-decoration: underline;<br />cursor: default;<br />}<br />table.footer TD {<br />/* edits the footer */<br />text-align: center;<br />}<br />.blogbody td{<br />width: 0px;<br />padding-left: 0px<br />}<br />input, select, textarea, .textfield, .button{<br />/* this edits buttons, drop down menus etc. */<br />border: 1px solid #000000;<br />font:normal 11px arial #FFFFFF;<br />background-color: #FFFFFF;<br />letter-spacing:0px;<br />color:#000000;<br />}<br />button {<br />background-color:transparent;<br />border:0;<br />width:12px;<br />height:12px;<br />}<br />div.blogheader, .caption {<br />/* edit the dates */<br />font-family:arial;<br />text-transform:uppercase;<br />font-size:12px;<br />color:#FFFFFF;<br />background-color: transparent;<br />text-align: left;<br />font-weight:bold;<br />padding-left:4px;<br />padding-bottom:0px;<br />}<br />table.blogbody {<br />/* edits your blog or entry space */<br />border: 0px;<br />background-color:transparent;<br />border-top:1px solid #FFFFFF;<br />}<br />table.left { <br />/* this edits the menu module */<br />width:160;<br />background-color: transparent;<br />border:0px;<br />}<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-color: #FFFFFF;<br />width:160;<br />font: 12px arial;<br />text-transform: uppercase;<br />color: #CBC5EB;<br />border: 0px;<br />text-align: left;<br />font-weight:bold;<br />padding-top:0;<br />padding-bottom:0;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-color: transparent;<br />color: #FFFFFF;<br />border: 0px;<br />width:160;<br />text-align:left;<br />border-top:1px solid #CBC5EB;<br />}<br />hr {<br />color: #CBC5EB;<br />visibility:hidden;<br />}<br />table.search{<br />/* edits search bar */<br />border:#CBC5EB solid 1px;<br />background-color:#14121C;<br />}<br />table.search td{<br />background-color:#14121C;<br />}<br />table.container{<br />width:570;<br />border:1px solid #CBC5EB;<br />background-color:#14121C;<br />}<br />td.banner{<br />text-align:right;<br />}<br />b, strong, {font-weight: bold; color: DBDCD0;}<br /></style><br /><table class="container" align="center" cellspacing="0" cellpadding="0" width="600"><br /><tr><br /> <td class="banner" align="right"><br /><br /><IMG SRC="http://img.photobucket.com/albums/v48/xjustsumloserx/firestarter550.jpg"BORDER=0 ALT="" USEMAP="#moonlitbanner_Map"><br /><MAP NAME="moonlitbanner_Map"><br /><AREA SHAPE="rect" ALT="" COORDS="417,377,498,389" HREF="http://www.xanga.com/private/subs.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="562,375,610,390" HREF="http://www.xanga.com/logout.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="505,377,557,391" HREF="http://www.xanga.com/signin.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="364,376,413,388" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURNAME"><br /><AREA SHAPE="rect" ALT="" COORDS="328,377,360,389" HREF="http://www.xanga.com/CLAF/default.asp"><br /><AREA SHAPE="rect" ALT="" COORDS="274,377,324,389" HREF="http://xanga.com/private/home.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="221,377,270,388" HREF="http://www.xanga.com"><br /></MAP><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

anyone know how i can fix this please? thanks in advance.