/*
-----------------------------------------------
$Id stream.css 1224609200, 2008-10-21 19:10:21 msslovi0 $
stream.slovig.de
Stylesheet:	stram.css
Author:		Matt Slovig
Version:	21 October 2008
Revision:	21 October 2008
Colors:
----------------------------------------------- */

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../i/bg/wrap.png) fixed repeat-y right top;
}

/* -----------------------------------*/
/* --------->>> CLEARFIX <<<----------*/
/* -----------------------------------*/

.c, .clearBoth {
	clear: both;
	padding-top: 5px;
}

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf {display: inline-table;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */

/* End Clearfix */

/* -----------------------------------*/
/* ----------->>> LINKS <<<-----------*/
/* -----------------------------------*/

a {
	color: #CF0000;
}

	a:active {
		position: relative;
		top: 1px;
	}

/* -----------------------------------*/
/* --------->>> STRUCTURE <<<---------*/
/* -----------------------------------*/

/* ---------->>> WRAPPER <<<----------*/
#wrap {
	float: left;
	width: 100%;
}
/* ---------->>> STATUS <<<----------*/
#status {
	height: 1.5em;
	font-size: 90%;
	padding-left: 1em;
	color: #636363;
	line-height: 1.5em;
	background: #252525;
	border-bottom: 1px solid #333;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

	#status a {
		color: #636363;
		text-decoration: none;
	}
/* ----------->>> MAIN <<<-----------*/
h1 {
	position: fixed;
	z-index: 150;
	top: 1.3em;
	right: 8em;
	height: 6em;
	font-size: 100%;
	width: 15em;
	border-top: 1px solid #252525;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding-left: 1em;
	background: #252525 url(../i/msslovi0.png) no-repeat center right;
}

	h1 a {
		font-size: 200%;
		line-height: 3em;
		color: #FFF;
		text-decoration: none;
		text-shadow: #c0c0c0 1px 1px -5px;
	}
#main {
	min-width: 678px;
	max-width: 60%;
	margin-left: 1em;
	margin-top: 2.5em;
	float: left;
	width: calc(100% - 475px);
	padding-bottom: 134px;
}
#activity_list {
	float: left;
}
#pagination {
	clear: both;
	list-style: none;
}

	#pagination li {
		display: block;
		width: 2.5em;
		height: 2.5em;
		float: left;
		text-align: center;
		line-height: 2.5em;
		border: 1px solid #CF0000;
		background: #CF0000;
		color: #FFF;
		font-weight: bold;
		margin-right: .5em;
	}

	#pagination a {
		display: block;
		background: #FFF;
		font-weight: normal;
		text-decoration: none;
	}
	
		#pagination a:hover {
			font-weight: bold;
			background: #F30;
			color: #FEFEFE;
		}
		#pagination a:active {
			position: relative;
			top: 0px;
			background: #CF0000;
			color: #FFF;
		}

/* --------->>> SINGLE <<<-----------*/
#single {
	width: 100%;
	margin-left: 10em;
}

	#single h2 {
		font-size: 300%;
	}
	
	#single .date {
		color: #999;
	}
	
	#single #original_permalink {
		margin: 2em 0;
	}

/* --------->>> SIDEBAR <<<----------*/
#sidebar {
	width: 475px;
	max-width: 475px;
	min-width: 475px;
	float: right;
	position: fixed;
	right: 0;
	top: 2.5em;
	margin-right: -3em;
}

	#sidebar h3 {
		color: #D7D7D7;
		font-size: 1em;
		text-transform: lowercase;
		padding: 1em 0;
		clear: both;
	}
	
		#sidebar h3:before {
			content: "_";
		}

	#sidebar ul {
		list-style: none;
	}
	
		#sidebar ul li {}
		
			#sidebar ul li a {
				text-transform: uppercase;
				color: #FCCC69;
				font-size: 200%;
				font-weight: bold;
				text-decoration: none;
				position: relative;
				display: block;
				width: 8em;
				font-family: Calibri, Arial, Helvetica, sans-serif;
			}
			#sidebar .subscribers {
				color: #FFF;
			}
			#sidebar ul li a:hover {
				color: #FFF;
			}
			#sidebar ul li a:hover:after {
				content: "←";
				position: absolute;
				right: 0;
			}
			#sidebar ul li.current a:after {
				font-family: "Lucida Grande", Calibri, Arial, Helvetica, sans-serif;
				content: "";
				position: absolute;
				right: 0;
			}
/* ---------->>> FOOTER <<<----------*/
#footer {
	clear: both;
	position: fixed;
	bottom: 0;
	height: 134px;
	background: url(../i/bg/bottom-fade.png) top right no-repeat;
	width: 100%;
}

/* -----------------------------------*/
/* ----------->>> ITEMS <<<-----------*/
/* -----------------------------------*/

ul#activity_list li.item {
	width: 21.1em;
	min-width: 211px;
	margin: 0 15px 15px 0;
	float: left;
	overflow: hidden;
}

	ul#activity_list li.item div.item_inner {
		border: 1px solid #CCC;
		height: 25em;
		min-height: 250px;
		overflow: hidden;
		position: relative;
	}

	ul#activity_list li.item p.date {
		font-size: 9px;
		color: #999;
	}

	ul#activity_list li.item .site_info {
		background: white 3px center no-repeat;
		font-size: 10px;
		padding: 3px 3px 3px 22px;
	}

		ul#activity_list li.item .site_info a {
			color: #999;
			text-decoration: none;
		}

	ul#activity_list li.item .activity_image_text {
		position: absolute;
		top: 0;
		padding: 3px 5px;
		background: black;
		opacity: .8;
		filter: alpha(opacity=80);
		-moz-opacity: .8;
		font-size: 10px;
	}

		ul#activity_list li.item .activity_image_text span {
			color: #999;
		}
		ul#activity_list li.item .activity_image_text a {
			font-weight: bold;
		    text-decoration: none;
			line-height: 1.5em;
		}
		ul#activity_list li.item .activity_image_text a:hover {
			text-decoration: underline;
		}
		div.inner_container {
			padding: 8px 10px;
		}
		p.blog_title, p.blog_cite {
			margin: 15px 0 20px 0;
		}
		a.activity_image {
			display: block;
			height: 250px;
		}

/* --------->>> PERDOMAIN <<<---------*/

/* ---------->>> LAST.FM <<<----------*/

ul#activity_list li.item.last_fm .site_info {
	background-image: url(../i/domain/last.fm/favicon.png);
}
ul#activity_list li.item.last_fm div.item_inner {
	background: url(../i/domain/last.fm/back.png);
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}
	ul#activity_list li.item.last_fm.image div.item_inner {
		background: none;
	}

p.last_fm_title {
	font-size: 175%;
	text-shadow: #c0c0c0 3px 3px 5px;
	text-align: center;
	margin-top: 20px;
	padding: .5em 0;
}
	.image p.last_fm_title {
		background: url(../i/bg/transparent.50.png);
	}
p.last_fm_title strong {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
div.last_fm_image {
	width: 100%;
	height: 100%;
	float: left;
}

/* -------->>> TWITTER.COM <<<--------*/

ul#activity_list li.item.twitter_com .site_info {
	background-image: url(../i/domain/twitter.com/favicon.png);
}
ul#activity_list li.item.twitter_com div.item_inner {
	background: url(../i/domain/twitter.com/back.jpg);
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}
p.twitter_user {
	margin: 0 0 0 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background: transparent url(../i/domain/twitter.com/tail.gif) 6em 0px no-repeat;
}
p.twitter_user img {
	display: block;
	width: 5em;
}
p.twitter_tweet {
	background: white;
	padding: 8px 10px;
	overflow: hidden;
	background: white url(../i/domain/twitter.com/dither.gif) bottom left repeat-x;
	border: 1px solid #DDD;
	border-style: solid none none none;
	margin: 10px 10px 0 10px;
}

/* -------->>> FLICKR.COM <<<---------*/

ul#activity_list li.item.flickr_com .site_info {
	background-image: url(../i/domain/flickr.com/favicon.png);
}
li.item.flickr_com p.site_info {
}

/* --------->>> VIMEO.COM <<<---------*/
li.item.vimeo_com div.item_inner {
	background: #80ceff url(../i/domain/vimeo.com/back.jpg) bottom center no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}
li.item.vimeo_com div.item_inner object {
	border: 1px solid white;
	border-style: none none solid none;
}
p.vimeo_title a {
	border: 1px solid #a7dafa;
	border-style: none none solid none;
}

p.vimeo_title a:hover {
	border: 1px solid white;
	border-style: none none solid none;
}

/* ------->>> MISTER-WONG.DE <<<------*/

ul#activity_list li.item.mister-wong_de .site_info {
	background-image: url(../i/domain/mister-wong.de/favicon.png);
}
ul#activity_list li.item.mister-wong_de div.item_inner {
	background: #900 url(../i/domain/mister-wong.de/back.png) right top no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}
p.mister-wong_de_title {
	text-shadow: #000 3px 3px 5px;
	color: #FFF;
	width: 140px;
	margin: 15px;
}

/* -------->>> BLOGPOTATO.DE <<<------*/
ul#activity_list li.item.blogpotato_de .site_info {
	background-image: url(../i/domain/blogpotato.de/favicon.png);
}
ul#activity_list li.item.blogpotato_de div.item_inner {
	background: #E44000 url(../i/domain/blogpotato.de/back.png) center bottom no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}
ul#activity_list li.item.blogpotato_de .blog_title {
	text-align: center;
}
	ul#activity_list li.item.blogpotato_de .blog_title a {
		color: #FFF;
		font-size: 150%;
		text-shadow: #300 3px 3px 5px;
	}

/* ----->>> BLOG.FRÆNKISCH.DE <<<-----*/
ul#activity_list li.item.blog_xn--frnkisch-k0a_de .site_info {
	background-image: url(../i/domain/blog.xn--frnkisch-k0a.de/favicon.png);
}
ul#activity_list li.item.blog_xn--frnkisch-k0a_de div.item_inner {
	background: #FFF url(../i/domain/blog.xn--frnkisch-k0a.de/back.png) center top no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}
ul#activity_list li.item.blog_xn--frnkisch-k0a_de .blog_title {
	text-align: center;
}
	ul#activity_list li.item.blog_xn--frnkisch-k0a_de .blog_title a {
		color: #FFF;
		font-weight: bold;
		font-size: 150%;
		text-shadow: #000 3px 3px 5px;
	}

/* ---->>> NOTASEO.DE <<<----*/
ul#activity_list li.item.notaseo_de .site_info {
	background-image: url(../i/domain/notaseo.de/favicon.png);
}
ul#activity_list li.item.notaseo_de div.item_inner {
	background: #5E7735 url(../i/domain/notaseo.de/back.jpg) left top no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}
ul#activity_list li.item.notaseo_de .blog_title {
	text-align: center;
	padding-top: 50px;
}
	ul#activity_list li.item.notaseo_de .blog_title a {
		color: #FFF;
		font-size: 150%;
		text-shadow: #000 3px 3px 5px;
	}
/* ---->>> MISTER-BASEBALL.COM <<<----*/
ul#activity_list li.item.mister-baseball_com .site_info {
	background-image: url(../i/domain/mister-baseball.com/favicon.png);
}
ul#activity_list li.item.mister-baseball_com div.item_inner {
	background: #060 url(../i/domain/mister-baseball.com/back.jpg) left top no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}
ul#activity_list li.item.mister-baseball_com .blog_title {
	text-align: center;
}
	ul#activity_list li.item.mister-baseball_com .blog_title a {
		color: #FFF;
		font-size: 150%;
		text-shadow: #000 3px 3px 5px;
	}

/* ---->>> IPHONE.IUSETHIS.COM <<<----*/
ul#activity_list li.item.iphone_iusethis_com .site_info {
	background-image: url(../i/domain/iusethis.com/favicon.png);
}
ul#activity_list li.item.iphone_iusethis_com div.item_inner {
	background: #FF6003 url(../i/domain/iusethis.com/back.gif) left top no-repeat;
}
ul#activity_list li.item.iphone_iusethis_com .blog_title {
	text-align: center;
}
	ul#activity_list li.item.iphone_iusethis_com .blog_title a {
		color: #FFF;
		font-size: 150%;
		text-shadow: #000 3px 3px 5px;
		position: absolute;
		display: block;
		width: 100%;
		left: 0;
		height: 30px;
		top: 40px;
	}

	ul#activity_list li.item.iphone_iusethis_com .blog_title span {
		position: absolute;
		top: 100px;
		width: 100%;
		left: 0;
		text-align: center;
	}

/* ---->>> MAINZ-ATHLETICS.DE <<<-----*/
ul#activity_list li.item.mainz-athletics_de .site_info {
	background-image: url(../i/domain/mainz-athletics.de/favicon.png);
}
ul#activity_list li.item.mainz-athletics_de div.item_inner {
	background: #1B4420 url(../i/domain/mainz-athletics.de/back.jpg) left top no-repeat;
}
ul#activity_list li.item.mainz-athletics_de .blog_title {
	text-align: center;
	margin-top: 80px;
}
	ul#activity_list li.item.mainz-athletics_de .blog_title a {
		color: #FFF;
		font-size: 150%;
		text-shadow: #000 3px 3px 5px;
	}


/* --------->>> DIGG.COM <<<----------*/
ul#activity_list li.item.digg_com div.item_inner {
	background: #1b5790 url(../i/domain/digg.com/back.gif) bottom right no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}

li.item.digg_com div.item_inner a {
	border: 1px solid #7698b7;
	border-style: none none dotted none;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/* -------->>> YOUTUBE.COM <<<--------*/
ul#activity_list li.item.youtube_com div.item_inner {
	background: #FE3333 url(../i/domain/youtube.com/back.gif) bottom left repeat-x;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
	background-size: 100%;
}

ul#activity_list li.item.youtube_com div.item_inner object {
	border: 1px solid white;
	border-style: none none solid none;
	margin-bottom: 7px;
}
ul#activity_list li.item.youtube_com div.item_inner p {
	padding: 0 10px;
}
ul#activity_list li.item.youtube_com div.item_inner a {
	border: 1px solid #f07777;
	border-style: none none solid none;
}
ul#activity_list li.item.youtube_com div.item_inner a:hover {
	border: 1px solid white;
	border-style: none none solid none;
}

/* -----------------------------------*/
/* ---------->>> WEATHER <<<----------*/
/* -----------------------------------*/

#weather {
	color: #FFF;
	font-weight: bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	padding-left: 20em;
	height: 140px;
	padding-top: 30px;
}
	#weather .deg {
		font-size: 300%;
	}
	#weather .town {
		font-size: 120%;
	}

/* ----------->>> ICONS <<<-----------*/

	#weather.cloudy {
		background: url(../i/weather/big/clouds.png) top left no-repeat;
	}
	#weather.mostly_cloudy {
		background: url(../i/weather/big/cloudy%20day.png) top left no-repeat;
	}
	#weather.sunny {
		background: url(../i/weather/big/sunny.png) top left no-repeat;
	}
	#weather.mostly_sunny {
		background: url(../i/weather/big/mostly%20clear.png) top left no-repeat;
	}
	#weather.chance_of_rain {
		background: url(../i/weather/big/showers%20day.png) top left no-repeat;
	}
	#weather.thunderstorm {
		background: url(../i/weather/big/thunders.png) top left no-repeat;
	}
	#weather.chance_of_tstorm {
		background: url(../i/weather/big/thunders%20day.png) top left no-repeat;
	}
	#weather.rain {
		background: url(../i/weather/big/rain.png) top left no-repeat;
	}
	#weather.snow {
		background: url(../i/weather/big/snowing.png) top left no-repeat;
	}
	#weather.icy {
		background: url(../i/weather/big/ice%20freeze.png) top left no-repeat;
	}
	#weather.haze {
		background: url(../i/weather/big/haze%20day.png) top left no-repeat;
	}
	#weather.fog, #weather.mist {
		background: url(../i/weather/big/mist.png) top left no-repeat;
	}
	#weather.flurries {
		background: url(../i/weather/big/snow.png) top left no-repeat;
	}
	#weather.sunny_rain {
		background: url(../i/weather/big/rain%20day.png) top left no-repeat;
	}

	#weather.sunny.night {
		background: url(../i/weather/big/clear.png) top left no-repeat;
	}
	#weather.mostly_cloudy.night {
		background: url(../i/weather/big/cloudy%20night.png) top left no-repeat;
	}
	#weather.chance_of_rain.night {
		background: url(../i/weather/big/showers%20night.png) top left no-repeat;
	}
	#weather.chance_of_tstorm.night {
		background: url(../i/weather/big/thunders%20night.png) top left no-repeat;
	}
	#weather.haze.night {
		background: url(../i/weather/big/haze%20night.png) top left no-repeat;
	}
	#weather.sunny_rain.night {
		background: url(../i/weather/big/rain%20night.png) top left no-repeat;
	}

/* -----------------------------------*/
/* ---------->>> FORECAST <<<---------*/
/* -----------------------------------*/

#forecast {
	padding-top: 1em;
}

	#forecast li {
		color: #FFF;
		font-weight: bold;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		width: 20%;
		float: left;
		text-align: center;
		margin: 0 .5em;
		height: 6em;
	}
	
	#forecast li .day {
		font-size: 120%;
	}
	
	#forecast li .temps {
		width: 50%;
		margin: 3.5em auto 0 auto;
	}
	
	#forecast li .high {
		float: left;
		text-align: right;
		color: #F69;
	}
	#forecast li .low {
		float: right;
		text-align: left;
		color: #69F;
	}
	
/* ----------->>> ICONS <<<-----------*/

	#forecast li.sunny {
		background: url(../i/weather/small/Sun.png) center no-repeat;
	}
	#forecast li.mostly_sunny {
		background: url(../i/weather/small/Sun%20Few%20Clouds.png) center no-repeat;
	}
	#forecast li.chance_of_rain {
		background: url(../i/weather/small/Showers.png) center no-repeat;
	}
	#forecast li.thunderstorm {
		background: url(../i/weather/small/Thunderstorms.png) center no-repeat;
	}
	#forecast li.chance_of_tstorm {
		background: url(../i/weather/small/Sunny%20Thunderstorms.png) center no-repeat;
	}
	#forecast li.rain {
		background: url(../i/weather/small/Rain.png) center no-repeat;
	}
	#forecast li.snow {
		background: url(../i/weather/small/Snow.png) center no-repeat;
	}
	#forecast li.icy {
		background: url(../i/weather/small/Ice.png) center no-repeat;
	}
	#forecast li.haze {
		background: url(../i/weather/small/Haze.png) center no-repeat;
	}
	#forecast li.fog {
		background: url(../i/weather/small/Fog.png) center no-repeat;
	}
	#forecast li.flurries {
		background: url(../i/weather/small/Flurries.png) center no-repeat;
	}
	#forecast li.sunny_rain {
		background: url(../i/weather/small/Sun%20And%20Rain.png) center no-repeat;
	}
	#forecast li.cloudy {
		background: url(../i/weather/small/Sun%20And%20Clouds.png) center no-repeat;
	}
	#forecast li.mostly_cloudy {
		background: url(../i/weather/small/Clouds.png) center no-repeat;
	}

/* -----------------------------------*/
/* ---------->>> LOCATION <<<---------*/
/* -----------------------------------*/

#location {
	color: #FFF;
}

	#location a {
		color: #FFF;
	}

	#location p {
		margin-top: .5em;
	}
#googleMap {
	width: 41.5em;
	height: 13em;
	position: fixed;
	bottom: 0;
}

/* -----------------------------------*/
/* ----------->>> SEARCH <<<----------*/
/* -----------------------------------*/
#search {
	width: 41.5em;
}
#search input {
	width: 100%;
	display: block;
	margin: .25em;
	height: 1.5em;
	font-family: Consolas, Courier, monospace;
	font-size: 200%;
	line-height: 1.5em;
	background: transparent;
	border: 1px solid #FFF;
	color: #FFF;
}
#search input[type='submit'] {
	display: none;
}

#flag {
	position: absolute;
	right: 2em;
	top: 2em;
	height: 100%;
	background: url(../i/pole.head.png) no-repeat;
	padding-top: 13px;
}
h2 {
	background: url(../i/pole.mast.png) repeat-y;
	width: 11em;
	height: 100%;
}

	h2 img {
		padding-left: 21px;
	}

#msslovi0 a {
	text-transform: lowercase !important;
}	
#ie6 {
/*	display: none;*/
}