I noticed that it doesn't look like the individual sidebar links have a class set to them, so what I did is style the a, li, a:hover, and li:hover in the #menu id.
Go to templates > main > media > style-city.css (or whatever template css you're using) and add this under the section called /* Let's fix up your menu links */
Under it use this:
Code:
#menu ul a {
color: #fff;
}
#menu ul a:hover {
color: #000;
}
#menu li {
margin-top: 5px;
}
Just mess around with the code and add/change what you need to fit it to your needs. This is what worked for me and got my links all pretty. (: There's probably an easier way but this is what I figured out. :P
Also if you want those bullets next to each link gone use this:
Code:
#menu ul {
list-style: none;
}
If you need help customizing it more just let me know and I can help you. You can click the button in my link to see how I got mine to look so it shouldn't be hard for me to help you customize yours for your site if you need it. (: