<style>
a {color: #000; text-decoration: none;}
.source {color: blue;}
.closed .author, .closed .title {display: none;}
.source:after {content: ':';}
.closed li {display: inline;}
.closed .source:after {content: ',';}
</style>

<ul class="clusterList">
	<li class="clusterItem"><a href="" class="clusterLink"><span class="author">Jim Dalrymple / </span><span class="source">Macworld</span> <span class="title">Apple releases Safari 3.1</span></a></li>
	<li class="clusterItem"><a href="" class="clusterLink"><span class="author">Jim Dalrymple / </span><span class="source">Macworld</span> <span class="title">Apple releases Safari 3.1</span></a></li>
</ul>

<ul class="clusterList closed">
	<li class="clusterItem"><a href="" class="clusterLink"><span class="author">Jim Dalrymple / </span><span class="source">Macworld</span> <span class="title">Apple releases Safari 3.1</span></a></li>
	<li class="clusterItem"><a href="" class="clusterLink"><span class="author">Jim Dalrymple / </span><span class="source">Macworld</span> <span class="title">Apple releases Safari 3.1</span></a></li>
</ul>