/** CSS Source **/
div.flickrimg { width: 196px; padding: 5px 5px; }

div.flickrimg a {
	float: left;
	padding: 0 0 5px 0;
	margin: 0 5px 0 0;
	border: none;
	opacity: 0.55;
}

div.flickrimg a:hover 	{ border: none; opacity: 1; }

div.flickrimg a img {
	border: 2px solid #000;
	height: 40px;
	width: 40px;
}
div.flickrimg a:hover img { border: 2px solid #3F5E74; }

#flickrmeta a       { padding: 0; margin: 0; float: none; font-size: 8pt; opacity: 1; display: inline; }
#flickrmeta a:hover { float: none; }

.flick 	{ color: #3993ff; }
.r 	{ color: #ff1c92;}

/** HTML Source **/
<h3><span class="flick">Flick</span><span class="r">r</span> Photostream</h3>
<div class="flickrimg">
	<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&display=random&size=s&layout=x&source=user&user=77036182%40N00"></script>
	<span id="flickrmeta"><a href="http://www.flickr.com/services/feeds/photos_public.gne?id=77036182@N00&format=rss_200" title="My Flickr RSS Feed">RSS</a> | <a href="http://www.flickr.com/photos/rprins/" title="My Flickr Photostream">More »</a></span>
</div>