Ayuda con CSS en joomla!

[davicho2000]

hola que tal, miren tengo un a web con joomla y edite los CSS, pero los links normales de cualquier cosa se ponen del color defaul que es el azul

y tambien morado cuando son vistos, lo trate de cambiar pero no pude.
este es el CSS

Código:

/**
* AkoDarkGem - A Mambo 4.5.1 template
* @version 2.0
* @package AkoDarkGem
* @copyright (C) 2004 by Arthur Konze - All rights reserved!
* @license  Copyrighted Commercial Software
*/

/* ###################### OVERALL SETTINGS ###################### */
BODY {
  background-color : #000000;
  color            : #CCCCCC;
  	font-family: tahoma;

}

td, tr, p, div {
	font-family: tahoma;
  font-size        : 10px;
  color            : #ccc;
}

h4 { color: #FF9900; font-family: tahoma; font-size: 16px; font-weight: bold; }
h5 { color: #FF9900; font-family: tahoma; font-size: 14px; font-weight: bold; }
h6 { color: #FF9900; font-family: tahoma; font-size: 12px; font-weight: bold; }

li {
  list-style       : inside url(../images/arrow.png) 3px;
  list-style-image : url(../images/arrow.png);
}

hr {
  color            : #444444;
  height           : 1px;
  width            : 100%;
}

.pathwaytext {
  color            : #808080;
}

/* ######################## BUTTON BAR ######################## ok */
ul#mainlevel-nav {
  padding-left     : 0;
  margin-left      : 0;
  color            : White;
  float            : left;
  width            : 100%;
  font-family: tahoma;
}

ul#mainlevel-nav li {
  display          : inline;
}

ul#mainlevel-nav li a {
  padding          : 0.2em 1em;
  color            : #fff;
  text-decoration  : none;
  float            : left;
  background       : url(../images/menu_bar_div.gif) no-repeat right;
}

ul#mainlevel-nav li a:hover {
  text-decoration  : none;
  color            : #ffffff};
}
/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 10px
  font-family: tahoma;
  color            : #999999;
  font-weight      : bold;
  text-decoration  : none;
}

a:hover {
  color            : #FFFFFF;
  text-decoration  : none;
}

a.mainlevel:link, a.mainlevel:visited {
  color            : #999999;
  font-weight      : normal;
}

a.mainlevel:hover {
  color            : #CCCCCC;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  color            : #CCCCCC;
  font-weight      : bold;
}

a.category:hover {
  color            : #CCCCCC;
}

/* ###################### MODULE SETTINGS ###################### */
table.moduletable {
  width            : 100%;
  margin-bottom    : 5px;
  border-bottom    : 1px solid #000;
}

table.moduletable th {
  font-family: tahoma;
  color            : #333cc;
  text-align       : left
  letter-spacing   : 1px;
}

table.moduletable td {
  padding          : 2px 2px 5px 2px;
}


/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family: tahoma;
  color            : #515A6D;
  background-color : #e4e4e4;
  border           : 1px solid #000000;
}

.inputbox {
  font-family: tahoma;
  color            : #000000;
  background-color : #e4e4e4;
  border           : 1px solid #000000;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  border           : #CCCCCC;
}

.contentpaneopen {
  border           : #CCCCCC;
}

.contentheading, .componentheading {
	font-family: tahoma;
  font-variant     : small-caps;
  color            : #0066cc;
  text-align       : left
  width            : 100%;
  height           : 30px;
  border-bottom    : 1px solid #000000;
}

.contentdescription {
  font-family: tahoma;
  font-size        : 11px;
  color            : #CCCCCC;
  text-align       : left;
}

.category {
  color            : #c0c0c0;
  font-family: tahoma;
  font-size        : 11px;
  font-weight      : bold;
  text-decoration  : none;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
  background-color : #475063;
}

.sectiontableentry2 {
  background-color : #363D4C;
}

.sectiontableheader {
  background-color : #000000;
  background       : url(../images/top_bar_back.gif);
  height           : 20;
  color            : #FFFFFF;
  font-weight      : bold;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family: tahoma;
  color            : #71809D;
  text-decoration  : none;
}

.smalldark {
  font-family: tahoma;
  color            : #6F9949;
}

.createdate {
  font-family: tahoma;
  font-size        : 9px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : normal;
}

/* ######################### VOTING SETTINGS ######################### */
.content_rating {
  font-family: tahoma;
  font-weight      : normal;
  color            : #339900;
  font-size        : 9px;
}

.content_vote {
  background       : #2E3440;
  font-family: tahoma;
  font-weight      : normal;
  color            : #CC9999;
  font-size        : 9px;
}

.content_vote.button {
  font-family: tahoma;
  font-style       : normal;
  width            : 60px;
  font-weight      : bold;
  font-size        : 10px;
  color            : #333333;
  background       : #EEEEEE;
  border           : 1px solid #c0c0c0;
}

saludos!!

[bhagat]

Fíjate en esta parte del código, y cambia el atributo color: aqui el color que deseas





/* ###################### LINKS ###################### */
a:link, a:visited {
font-size : 10px
font-family: tahoma;
color : #999999; << Por ejemplo aquí
font-weight : bold;
text-decoration : none;
}

a:hover {
color : #FFFFFF;<< Por ejemplo aquí
text-decoration : none;
}

a.mainlevel:link, a.mainlevel:visited {
color : #999999;<< Por ejemplo aquí
font-weight : normal;
}

a.mainlevel:hover {
color : #CCCCCC;<< Por ejemplo aquí
text-decoration : underline;
}

a.category:link, a.category:visited {
color : #CCCCCC;<< Por ejemplo aquí
font-weight : bold;
}

a.category:hover {
color : #CCCCCC;<< Por ejemplo aquí
}


En estos atributos defines el color segun sea LINK normal, cuando pasas el mouse y cuando lo has visitado