How to change style of Disqus comment count on main page

I have recently installed the Disqus comment plugin on my blog and so far so good.

I’d like to be able to change the style of the comment count on the main page and I’m not having much luck after some searching.

If you visit my blog, http://scotthelme.co.uk, with and without JS enabled you will see what I mean. I would like to change the style for the comment count box so that it matches how it originally was.

Can anyone point me in the right direction on what I need to change?

Thanks.

Update

When JS is disabled my comment count looks like this (correct):

<a href="http://www.scotthelme.co.uk/wifi-insecurity-wpa/#comments" title="Comment on WiFi (in)Security – Even WPA can’t compensate for a weak password">
<span class="dsq-postid" rel="726 http://www.scotthelme.co.uk/?p=726">1</span></a>

When JS is enabled my comment count looks like this:

<a href="http://www.scotthelme.co.uk/wifi-insecurity-wpa/#disqus_thread" title="Comment on WiFi (in)Security – Even WPA can’t compensate for a weak password" data-disqus-identifier="726 http://www.scotthelme.co.uk/?p=726">0 Comments</a>

I’m losing the span that wraps the contents of the anchor tag and need to insert it again.

The comment count in your theme is wrapped in <span class="comments-link">...</span>, so you can set a CSS rule in your CSS file like:

.comments-link {
 //here your rules
}

For future questions, please, note that questions about pure CSS, not specific to WordPress, can be more suitable for other sites, may stackoverflow.