[Plugin: Sharebar] Help With CSS for ShareBar

Hi, I am pretty new to CSS but am learning. I’m trying to install a plugin called ShareBar, that adds social links to the left side of blog posts. My theme uses an image for bulleted lists, and since ShareBar is set up as a list, it’s not displaying properly. You can see an example of that here. My sharebar is displaying with bullets, and using the Inspector in Chrome, I’ve isolated the problem to the following CSS:

#content #colLeft ul li, #content #colLeft ol li {
padding:5px 0 5px 15px;
background:url(images/bullet_list.png) 0 9px no-repeat;
}

Rather than deleting it (which would mess up the formatting of my bulleted lists), I’d like to add some CSS for Sharebar. I tried adding:

#content #colLeft #sharebar ul li, #content #colLeft #sharebar ol li {
margin: 5px; padding: 0;
}

I added this after the CSS shown above in styles.css. Unfortunately, this had no effect on the sharebar. I know I’m probably doing something small wrong here, can anyone help me correct the code?

Thanks,
Ethan