fancy CSS

a.liveblog{
  font-size:12px;
	color:#FFFFFF;
	background-color: #e8e8e8;    
  box-shadow: 1px 1px 5px #888888;
	-webkit-transition: all 0.3s ease-in; 
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in; 
    -o-transition: all 0.3s ease-in; 
    text-decoration:none;
}

a.liveblog:hover{
	-webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #FFFFFF;
    -webkit-fill-color: #FFFFFF;
    text-shadow: 1px 0px 20px red;
    -webkit-transition: width 0.3s; 
    transition: width 0.3s;
    -moz-transition: width 0.3s; 
    -o-transition: width 0.3s; 
}

Text Expander Live Blogging Snippet

<p><a name="%1H:%M"></a><a href="#%1H:%M" class="liveblog">%1H:%M</a> - %|</p>