I'm using the "unstyled" MT style and have altered, somewhat, the colors and layout of my blog. One thing I've been completely unable to do is remove the underlines from my links. It seems that wherever I place

a { text-decoration: none }

it gets superceded by some built-in style sheet. Or something.

Does anyone know how I can change this? Here's the URL for the blog in case you need to take a look:

http://www.thecupboardpamphlet.org/blog/

And here's what I've got in my stylesheet template:

/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt-static/themes-base/blog.css);
@import url(/mt-static/themes/unstyled/screen.css);
/* end StyleCatcher imports */
BODY { font-family: "century", "hoefler text", "garamond", times, serif }
A { color: #990000; text-decoration: none }
/* add custom css here */
#header-name { font-size: 40px; letter-spacing: 4px; text-transform: uppercase }
#header-description { letter-spacing: 2px }
.widget-header { font-size: 15px; margin: 5px 5px 5px 5px; }
.widget-content { font-size: 12px; margin: 5px 5px 15px 5px; }
.entry-title { font-size: 20px }


What do I need to do?

Thanks much for your help:
Dave

I was having the same problem, and seem to have fixed it by making separate entries for each type of link, and then adding "text-decoration:none" to each of the four. So, for example:

a:link { color: #404139; text-decoration:none; }
a:visited { color: #404139; text-decoration:none;}
a:active { color: #404139; text-decoration:none;}
a:hover { color: #404139; text-decoration:none; }

Ideally each of the html tags can be associated with style via CSS for this you will need to know the proper attribute and value so for that tag.

Thanks

This is what I don't understand untill now.
I am newbie in CSS. Maybe if I find problem like this, I can read the topic.
thanks