Help with background colour - Date and Time, Curious Options

[Wolfbane66]

Hey buddies - I just started tooling around on my display, and I've run in to a strange hitch.
I can't seem to change the background of the date displayed tab from black in to a lighter shade of grey.

I attempted making it pure white and moving back from there, in accordance with a previous recommendation (altering the colour on the 'Weak accent', 'strong accent', 'stronger accent' tabs). And it didn't work out. I then did the same thing, with no overrides in relation to the date display. Again, nada. Where am I going wrong?

My LJ

My code:

LASTN_HEAD<=
<style type=text/css>

<!--
.headerimg{position:absolute;left:0;top:0;z-index:0;}

body {
background-color:#000000;
}
-->

<!--

/* universal font face */
body, td, font, div, p {
font-family: Trebuchet MS, Helvetica, sans-serif;
}

/* displayed text in journal entries */
table.entrybox td {
font-size:8pt;
color:000000;
margin-top:600px;
}

/* display of date and time */
p .index {
font-size:10pt;
color:1C1C1C;
font-weight:bold;
background:#363636;

}

/* subject of journal entries */
p table table td.caption {
font-size:10pt;
font-weight: bold;
color:1C1C1C;
}

/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {
display: none;
font-size:8pt;
color: black;
}

/* comment links */
.comments {
font-size:9pt;
}

-->
</style>
<=LASTN_HEAD

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: center">
%%readlink%%<a href="%%urlpost%%">eyeball</a> <br><br><br> <img src="http://i37.photobucket.com/albums/e93/Ulflord66/Baecopy-2.jpg">
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=

<title>y e a r . o f . t h e . b a s t a r d<title>
<style type="text/css">
table.entrybox td.index {
font-size: 8pt;
font-face: Tahoma MS;
font-weight: bold;
color: #CC0000;
background: #000000;
}

body {
overflow-x: hidden;
background-color: #363636 !important;

/* top space */
margin-top: 60px;

/* scrollbar */
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#363636;
scrollbar-3dlight-color:#363636;
scrollbar-darkshadow-color:#363636;
scrollbar-shadow-color:#363636;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #363636;
}
.shadowed img{
visibility:hidden;position:absolute;top:0
}
.shadowed {
background: transparent;
}
-->

<!--
table {
width: 545px;
margin-left: 195px;
margin-right: 100%;
border: 0px;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
-->

.shadowed img.x{
z-index: 1!important;
z-index: -10;
}
table, .shadowed div{
z-index: 80;
}
html>body table{
position: relative;
}
.entrybox td{
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}
</style>
<=GLOBAL_HEAD

LASTN_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% tongue%%mc-plural-s%%</A> |

LASTN_DATE_FORMAT<=
<font color="363636">%%mm%%.%%d%%.%%yyyy%%
%%12hh%%:%%min%%%%ampm%%</font>
<=LASTN_DATE_FORMAT

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}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<div id="sidebar">
<span class="entries">
<a href="http://Wolfbane66.livejournal.com"></a>
</span> <span class="info">
<a href="http://Wolfbane66.livejournal.com/info"></a>
</span> <span class="friends">
<a href="http://Wolfbane66.livejournal.com/friends"></a>
</span> <span class="calendar">
<a href="http://Wolfbane66.livejournal.com/calendar"></a>
</span>
</div>

<img class="headerimg" src="http://i37.photobucket.com/albums/e93/Ulflord66/Header5.jpg" style="visibility: visible;">
<=LASTN_WEBSITE