Theme: Mantle CSS Help

Concerning my Recent Posts widget: Titles of recent posts are not acting as expected when the mouse is hovering over them. I only have one post so far, but when I hover over it, I want it to be a hue of blue but instead it turns blue for a second, and then seems to be overrided by the gray color. My custom CSS is working fine under the “Archives” widget… not sure why Recent Posts widget is not acting the same.

My site is here.

And the custom CSS I am trying to use (which works for my other widgets) is this:

.sidebar .widget a {
color: #cccccc;
}

.sidebar .widget a:hover {
color: #2EABFF;
}

Any ideas?
Thanks!