Troubles with making separate colors in headerarea, footerarea

[ping]

I've been trying to get separate colors for text and links in the header and footer areas. I found the suggestion to use footerarea.smalltext for the plain text in the footerarea, which worked a jiffy, but I'd like to change the link fonts and the text in the headerarea that's not in the three little boxes. But I can't seem to make it work. I've tried adding a color: declaration, and nothing changes. Any advice?

Forum is at http://hogsmeade.us/forum
Test login: test, testme

The theme I'm currently working on is PrefectB1, but I'd like it to work in HufflepuffB1, RavenclawB1, and SlytherinB1. (Not so important with HogsmeadeB1 and GryffindorB1.)

[A.M.A]

Either add additional style to the footer/header area like:

Code Select Expand

#footerarea a
{
color: #000000;
text-decoration: none;
}
#footerarea a:hover
{
font-weight: bold;
color: #ffffff;
text-decoration: underline;
}

Or use a new class and set it in the link tag like this:

Code Select Expand

<a class="myclass" href="http://#">my link</a>

[ping]

Aaaah, that explains the problem. I was using the wrong format. Thanks! *toddles off to fiddle*