Ajudinha no css

Qual é minha questão:
Pessoal me dá uma ajudinha nessa classe que criei:

Código:

.topo {
font-weight: bold;
font-color: #000;
text-decoration: none;
display: inline;
padding:  2px 15px;
width: 145px;
height: 25px;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}

a.topo {
background: #666
url(http://i81.servimg.com/u/f81/18/18/31/47/overla10.png) repeat-x 0 -40px;
color: #444; border-top:
solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

Eu criei pra usar assim:

Código:

<a class="topo"...

Mas a cor do texto do link não tah ficando preta. O que tah errado?

Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2

Olá!

Troque o código de CSS por este:

Código:

.topo {
font-weight: bold;
color: black;
text-decoration: none;
display: inline;
padding:  2px 15px;
width: 145px;
height: 25px;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}

a.topo {
background: #666
url(http://i81.servimg.com/u/f81/18/18/31/47/overla10.png) repeat-x 0 -40px;
color: #444; border-top:
solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

Graciosamente,
Breve Nikee.

Valeu, funcionou.