Help With The Table/Entry Box of My LJ, Can't see the text! Options

[CassandraJ]

Here is my LJ:

My LJ

The code I'm using:

CODE

GLOBAL_HEAD<=
<title>Cassandra's Journal</title>
<style type="text/css">
body, td {
font-family: verdana;
font-size: 7pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: bold;
}
a:hover {
text-decoration: line-through;
}
.shadowed {
font-size: 7pt;
background:;
}
.meta {
font-size: 7pt;
}
.index {
font-size: 7pt;
}
.caption, .index {
color:;
}
.caption img{
display: none;
}
.comments {
font-size: 7pt;
}
table {
margin-bottom: -12px;
}
</style>
<style type="text/css">
body, td {
font-family: verdana;
font-size: 7pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: line-through;
}
.shadowed {
font-size: 7pt;
background:;
}
.meta {
font-size: 7pt;
}
.index {
font-size: 7pt;
}
.entrybox .index {
color: #B5B4B4;
}
.caption, .index {
color: #000000;
}
.comments {
font-size: 7pt;
}
</style>




<style type="text/css">
<!--
tr.caption{display:none}
-->
<!--
table {
width: 65%;
margin-left: 0%;
margin-right: 0%;
}  
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
table,tr,td {
padding:0px;
}
p .index {
background: #B5B4B4;
}
p table table td.caption {
background: #B5B4B4;
}
-->
<!--
table {
border: 2px solid black;
}
table table {
border: 0;
}
-->
<!--
body {
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-3dlight-color:#000000;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
}
-->
<!--
body, td, font, div, p {
font-family: verdana;
font-size: 7pt;
line-height: 9px;  
}
-->
<!--
A:link
{text-decoration:none;
color:#B5B4B4;
text-transform:none;
font-weight:bold;}

A:visited
{text-decoration:none;
color:#B5B4B4;
text-transform:none;
font-weight:bold;}

A:active
{text-decoration:none;
color:#B5B4B4;
text-transform:none;
font-weight:bold;}

A:hover
{text-decoration:line-through;
color:#FFFFFF;
text-transform:underline;
font-weight:bold;
cursor:crosshair;
}
-->
<!--
body {
background-color: #FFFFFF !important;
background-image:  url(http://i3.tinypic.com/xqb685.gif
) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
background-position: bottom right !important;
}
-->
</style>
<style type="text/css">




<!--
table {
border: 1px solid #000000;
}

table table {
border: 0;
}
-->

input, textarea, select{
border: 1px solid #000000;
background:#D9D9D9;
font-family: verdana;
font-size: 7pt;
color:#000000;
scrollbar-track-color:: #FFFFFF}

</style>
<=GLOBAL_HEAD

FRIENDS_HEAD<=

<!-- start hide the defaults and make new links visible -->
<style type="text/css">
<!--
table table table table .meta {
visibility: hidden;
}
table table table table table .meta {
visibility: visible;
}
-->
</style>
<!-- end hide the defaults and make new links visible -->

<=FRIENDS_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">CMNT</a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

FRIENDS_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<span id="navigation">
<a href="http://child_of_fury.livejournal.com/profile">USERINFO</a> <a href="http://child_of_fury.livejournal.com/friends">FRIENDS</a> <a href="http://www.livejournal.com/update.bml">UPDATE</a>
</span>
</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</a></b>|</a>

LASTN_HEAD<=

<!-- start hide the defaults and make new links visible -->
<style type="text/css">
<!--
table table table table .meta {
visibility: hidden;
}
table table table table table .meta {
visibility: visible;
}
-->
</style>
<!-- end hide the defaults and make new links visible -->

<=LASTN_HEAD

LASTN_DATE_FORMAT=><span style="font-size: 7pt; color: #000000; font-family: verdana; line-height: 1.0em; letter-spacing: 1px; text-algin: center;">%%monshort%%. %%dth%%, %%yyyy%%</span>

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</a></b>|</a>

LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<span id="navigation">
<a href="http://child_of_fury.livejournal.com/profile">USERINFO</a> <a href="http://child_of_fury.livejournal.com/friends">FRIENDS</a> <a href="http://www.livejournal.com/update.bml">UPDATE</a>
</span>
</td></tr></table></td></tr>
<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">CMNT</a>
</td>
</tr>
<=LASTN_TALK_LINKS

What am I doing wrong, and why is the entry box/table transparent? You can't read anything!

Thanks much. ♥

[CassandraJ]

So...where exactly do I put the color codes in? Like where exactly in the big code? Sorry; I'm clueless when it comes to this stuff.