Inheriting #main-content styling on sidebar a:link

Question

The sidebar keeps "inheriting" #main-content styling on the sidebar links...
What can I do to have different styling for sidebar over 10 or so pages in my site?
Can see site at: artdesignsneed.com/joeldoctor
Sample styling in code for sidebar_right_inner link:
#sidebar_right_inner p a:link {
    color: #1A619A;
    border-bottom: 1px solid #1A619A;
    text-decoration: none;
Thanks ever so much!

Answer 1

CSS Pseudo-classes - Link States
You need to define a full set of link states (link, visted, hover, active) for each ID or class name required.
Let's say you want to have red links in your #header and white links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red}     /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,               /**on mouse over**/
#header a:active,              /**on click**/
#header a:focus                /**on tab key**/
    {text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus 
     {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div  id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb