won't change.... Options

[ebonylaurels]

I wanted to change the color of all the normal(none bold, italic, ect.) text to grey and the text in the side modules won't change. Also, I wanted to make all the link visted and not lower case and grey instead of uppercase and black and the visted ones are still uppercase and black. I can't figure out why. Could you please help me. I'm sure it's something very simple I'm just over looking or not doing.

link:My Xanga

Custom header:

CODE

<div align=right>
<a href="http://www.xanga.com" target="_new">xnga</a> <a href=http://www.xanga.com/private target="_new">prvt</a> <a href=http://www.xanga.com/chic_decay target="_new">chicdecay</a>
<style type="text/css">
/*© chic_decay*/
body {
scrollbar-arrow-color:#F8F8FF;
scrollbar-track-color:#F8F8FF;
scrollbar-shadow-color:#F8F8FF;
scrollbar-face-color:#F8F8FF;
scrollbar-highlight-color:#F8F8FF;
scrollbar-darkshadow-color:#F8F8FF;
scrollbar-3dlight-color:#F8F8FF;
background-color:#F8F8FF;
background-image:  url(http://i7.tinypic.com/21l3nts.png);
background-repeat:no-repeat;
background-position:bottom left;
background-attachment:fixed;}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/*TEXT*/
color: #696969;
font:normal 7px small fonts;
text-transform: uppercase;
line-height:7px;
text-align:center;}

.blogbody b, .standard b, p b, strong {
/*BOLD*/
color:#FFB6C1;
font-weight:bold;
letter-spacing:0px;
line-height:7px;}

.blogbody u, .standard u,  {
/*UNDERLINE*/  
color:#FFB6C1;
text-decoration:underline;
border-bottom:2px solid #696969;
line-height:7px;}

.blogbody i, .standard i, em {
/*ITALIC*/
text-decoration:normal;
color:#FFB6C1;
background: #F8F8FF;
border-top: solid 0px #696969;
border-bottom:solid 0px #696969;
border-left: solid 0px #696969;
border-right: solid 0px #696969;
font:normal 7px small fonts;
letter-spacing:0px;
text-transform:uppercase;
text-decoration: none;
line-height: 7px;}
div.blogheader, .caption {
/*DATE*/
color:#F8F8FF;
font:normal 14pt times new roman;
text-align:right;
text-transform:lowercase;
letter-spacing:-2px;
line-height:11px;
padding-top:3px;
background-color:transparent;
border:0px solid #F8F8FF;
border-bottom:none;
width:200px;
display: none;}
  
table.blogbody {
/*BLOGBODY*/
background-color:#F8F8FF;
border:0px solid #F8F8FF;
border-top: 0x solid #F8F8FF;
width:150px;}

table.left {
/*LEFT MODULE*/
border:0px solid #F8F8FF;
background-color:#F8F8FF;
width:110px;}
table.left td {
/*BOTTOM LEFT MODULE*/
color:#000000;
text-align:left;
border:none;
background-color:#F8F8FF;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/*LINKS*/
color:#696969;
font:normal 7px small fonts;
text-transform: lowercase;
text-decoration:none;
letter-spacing:0px;
line-height:7px;
background-color:#;}

a:visited, a.footernav:visited, {
/*VISITED*/
color:#696969;
font:normal 7px small fonts;
text-transform: lowercase;
text-decoration:none;
letter-spacing:0px;
line-height:7px;
background-color:#;}

a:hover {
/*HOVER*/
color:#FFB6C1;
background: #F8F8FF;
border-top: solid 0px #696969;
border-bottom:solid 0px #696969;
border-left: solid 0px #696969;
border-right: solid 0px #696969;
cursor: default;
font:normal 7px small fonts;
letter-spacing:0px;
text-transform:lowercase;
text-decoration: none;
line-height: 7px;}

input, select, textarea, .textfield, .button {
/*DROPDOWN*/
color:#696969;
font:normal 7px small fonts;
text-transform:uppercase;
text-decoration:none;
letter-spacing:0px;
border:0px solid #666666;
background-color:#F8F8FF;}

table.search TD, table.search, table.announcements, {
/*BORDER*/
border:0px solid #333333;
background-color:#ffffff;}

table.navigation, table.main, table.footer {
/*WIDTH*/
width:100px;}
table.left th, table.navigation, table.footer, .search, .searchbarborder, table.footer, .footer, hr, banner, hr, #rblEprops {display: none;}
</style>
<STYLE>
table.main,{
background-color:#F8F8FF;
background-image: none(url);
background-repeat:repeat;
background-position:top right;
width: 150px;
border: 0px solid #F8F8FF;
text-align: center;}
</style>

webstats:

CODE

<td id="customRight" style="display:none" vAlign="right" width="200">
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="left">
</th></tr>
<tr><td class="left" vAlign="top">
<br>
<b>&hearts;to do&hearts;</b>
<br><br>
<FONT style="FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #696969; FONT-FAMILY: Symbol; LETTER-SPACING: -2pt"></FONT><br><br>
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 130px; HEIGHT: 80">
<FONT style="FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #696969; FONT-FAMILY: Symbol; LETTER-SPACING: -2pt"></FONT><BR>

</div> <br>
</td></tr>
</table>
<br/>
<!-- module:end -->
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="left">
</th></tr>
<tr><td class="left" vAlign="top">
<b>&hearts;qoutes&hearts</b>
<br><br>


</td></tr>
</table>
<br/>
<!-- module:end -->

</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds[i].width=="200"){
index++;
if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>