Make link in topbar be bold, when active

Hi!
On my multisite i want to place a topper on our premium blogs. I have the topbar working, as you can see here: http://www.test8.bloggerspoint.dk, but i want the blog that the user is visiting to be <bold> in the topbar, or at least a thicker font weight. So when the user visits Test8, "TEST8" is bold in the topbar, and when the user visits Filip Grobgaard, "FILIP GROBGAARD" is bold in the topbar.
My full top bar code: http://pastebin.com/qk2FM1Js

Font and Javascript import, to get the topbar to work:
<!-- Typgography -->
<link target="_blank" href="http://fonts.googleapis.com/css?family=Lato:300,400,500" rel="stylesheet" type="text/css">

<!-- js -->
<script type="text/javascript" src="http://buzzamedia.com/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://buzzamedia.com/js/buzzabar.js"></script>

The topbar is the same as here: http://emiliblog.dk - so it is possible, i just can't see how..