Seemingly equivalent links are showing up in different colors!

I have a CSS problem, I'm sure it's a pretty obvious solution.

Notice how on this page the links are blue?
http://www.clicksharpmarketing.com/beta/Superfans/history.html

And on this one, they're orange...and rather illegible?
http://www.clicksharpmarketing.com/beta/Superfans/blog.html
http://www.clicksharpmarketing.com/beta/Superfans/site_map.html

What am I not seeing here?!?!?

Thanks for your help
PB

 

This is responsible for your problem. In your CSS, find this:

li a, #sidebar a {
    color: orange;
    text-decoration: none;
    border-bottom: 1 px solid orange;
}

Code (markup):

Change the color, or remove li a, since the text, including the link is surrounded by a "li" tag, meaning the code above will be applied.

 

Thanks very much. If you have a web site, I'll happily provide an inbound link as a thank you.

Out of curiosity -- what is the difference between <li> and <li a>?

 

li is the list element. The a stands for "anchor" an is a clickie-link of some kind.

So in the css, you can have code for just stuff sitting in a list, and something else for links/clickies sitting in a list.

 

LI actually stands for List Item. It's easier to remember tags and the differences among them if you know what they stand for