@charset "utf-8";
/* CSS Document */

#lifestream
{
	overflow: hidden;
	clear: both;
	margin: 0 0 0 30px;
	padding: 0;
	list-style-type: none;
	width: 860px;
}
#lifestream .hideme
{
	display: none;
}
#lifestream li
{
	float: left;
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 1px solid #333;
	position: relative;
}
#lifestream a
{
	display: block;
	overflow: hidden;
	width: 200px;
	height: 200px;
	background: transparent none 50% 50% no-repeat;
	color: #000;
	font-size: 16px;
	font-style: normal;
}
#lifestream a strong
{
	font-weight: normal;
}
#lifestream a span.date
{
	position: absolute;
	bottom: 0; right: 0;
	font-size: 11px;
	color: #000;
	text-shadow: #fff 0 0 6px;
	font-style: italic;
	padding: 1px 6px;
}
#lifestream a:hover span.date
{
	background: transparent url(/white.png);
}

#lifestream a span.favicon
{
	position: absolute;
	bottom: 2px; left: 2px;
	height:16px;
	width:16px;
	display:block;
	opacity:0.5;
}
#lifestream a:hover span.favicon
{
	opacity:1;
}
#lifestream a span.favicon span{
	display:none;
}


#lifestream a span.text
{
	display:block;
	padding:10px;
	text-shadow: #fff 0 0 6px;
}
#lifestream a:hover span.text
{
	background:transparent url(/white.png);
}

#lifestream a span.title
{
	display:block;
	padding:10px;
	font-size:30px;
	line-height:32px;
	font-style:italic;
	text-shadow: #fff 0 0 6px;
}
#lifestream a:hover span.title
{
	background:transparent url(/white.png);
}
#lifestream a span.title_lastfm
{
	display:block;
	padding:10px;
	font-size:20px;
	line-height:24px;
	font-style:italic;
	text-shadow: #fff 0 0 6px;
}
#lifestream a:hover span.title_lastfm
{
	background:transparent url(/white.png);
}

#lifestream a.lastfm span.favicon
{
	background-image:url(http://www.last.fm/favicon.ico) 
}

#lifestream a.flickr
{
	background-color: #fff;
}
#lifestream a.flickr strong
{
	position: absolute;
	top: 0; left: 0;
	background: transparent url(/black.png);
	color: #fff;
	padding: 1px 7px 2px 8px;
}
#lifestream a.flickr:hover
{
	border-color: #000;
}
#lifestream a.flickr:hover strong
{
	background-color: #000;
}

#lifestream .vimeo_box
{
	border-bottom:1px solid #000;
}

#lifestream a span.title_vimeo
{
	display:block;
	padding:3px;
	font-size:18px;
	line-height:20px;
	font-style:italic;
	text-shadow: #fff 0 0 6px;
}
#lifestream a:hover span.title_vimeo
{
	background:transparent url(/white.png);
}
#lifestream a.vimeo span.favicon
{
	background-image:url(http://vimeo.com/favicon.ico) 
}
#lifestream a.flickr span.favicon
{
	background-image:url(http://www.flickr.com/favicon.ico) 
}
#lifestream a.tumblr span.favicon
{
	background-image:url(http://www.tumblr.com/favicon.ico) 
}
#lifestream a.polyvore span.favicon
{
	background-image:url(http://www.polyvore.com/favicon.ico) 
}
#lifestream a.blog span.favicon
{
	background-image:url(http://www.wordpress.com/favicon.ico) 
}
#lifestream a.tweet span.favicon
{
	background-image:url(http://twitter-badges.s3.amazonaws.com/t_mini-b.png) 
}
#lifestream a.googlereader span.favicon
{
	background-image:url(http://www.google.com/favicon.ico) 
}

#lifestream .back-1 {background-image:url(/images/back1.jpg)}
#lifestream .back-2 {background-image:url(/images/back2.jpg)}
#lifestream .back-3 {background-image:url(/images/back3.jpg)}
#lifestream .back-4 {background-image:url(/images/back4.jpg)}
#lifestream .back-5 {background-image:url(/images/back5.jpg)}
#lifestream .back-6 {background-image:url(/images/back6.jpg)}
#lifestream .back-7 {background-image:url(/images/back7.jpg)}
#lifestream .back-8 {background-image:url(/images/back8.jpg)}
#lifestream .back-9 {background-image:url(/images/back9.jpg)}

#pagination
{
	font-size: 20px;
	line-height: 22px;
	color: #000;
	text-decoration:none;
	margin: 30px;
}
#pagination a,#pagination a:visited
{
	color: #FB00B6;
	padding: 0 3px;
}
#pagination a:active
{
color: #000;
}
#pagination a:hover
{
	color: #fff;
	background-color: #444;
}