/*//////////////////////////////
	>>> TweetWall.css
//////////////////////////////*/

/*//////////////////////////////
	>>> INDIVIDUALS
//////////////////////////////*/
:focus {
	outline: 0;
}
q {
	quotes:"" "";
}
#since_id {
	display:none;
}
a {
	color:#ffffff;
}
	a:visited {
		color:#cccccc;
	}
	/* ===== GLOBAL LINK COLOURS ===== */
	a:hover {
		color:#0066cc;
	}
	#ukn-tweetwall-credit a.ukn-stats-link,
	a:hover#ukn-tweetwall-prev,
	a:hover#ukn-tweetwall-next {
		background:#0066cc !important;
	}
	#ukn-tweetwall {
		background-color:black !important;
	}

/*//////////////////////////////
	>>> BRANDED STUFF
//////////////////////////////*/

#ukn-tweetwall-footer a.ukn-sponsor-1 {
	position:absolute;
	top:50%;
	right:20px;
	margin:-15px 0 0 0;
	background:url(branded/footer-sponsor-1.png) no-repeat 0 0;
	width:157px;
	height:40px;
	text-indent:-99999px;
	z-index:999;
}
#ukn-tweetwall.ukn-branded-avatar-bg ul#ukn-tweet-avatars li {
	background:url(branded/avatar-bg-img.png) no-repeat center center;
}
#ukn-branded-takeover {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:#111111 url(branded/takeover.png) no-repeat center center;
}

/*//////////////////////////////
	>>> STRUCTURE
//////////////////////////////*/
* {
	margin:0;
	padding:0;
}
html {
	background:#000000;
	width:100%;
	height:100%;
	overflow-x:hidden;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	background:#000000;
	color:#ffffff;
	height:100%;
}
	/* ===== TWEET WALL BACKGROUND IMAGES ===== */
	ul#ukn-tweet-avatars {
		position:fixed;
		top:0;
		left:0;
		background:#000000 url(images/body-bg.png) repeat;
		width:104%;
		height:100%;
		overflow:hidden;
		list-style:none outside;
		opacity:0.50;
		filter:alpha(opacity=50);
	}
		ul#ukn-tweet-avatars li {
			float:left;
			width:50px;
			height:50px;
		}
			ul#ukn-tweet-avatars li img {
				background:#000000;
				width:48px;
				height:48px;
				padding:1px;
				display:block;
			}
	
	/* ===== TWEET WALL ===== */
	#ukn-tweetwall {
		position:relative;
		height:100%;
		background:url(images/body-bg-fade.png) repeat;
	}
		#ukn-tweetwall ol {
			position:relative;
			height:100%;
			min-width:600px;
			max-width:800px;
			z-index:100;
			list-style:none outside;
		}
			#ukn-tweetwall ol li {
				position:relative;
				clear:both;
				padding:50px 0 50px 0;
				width:100%;
				overflow:hidden;
				background:none !important;
			}
				#ukn-tweetwall ol li .ukn-tweet-meta {
					position:relative;
					float:left;
					clear:both;
					overflow:hidden;
					min-width:200px;
					width:auto !important;
					width:200px;
					background:#000000;
					border-radius:0 60px 60px 0;
					-moz-border-radius:0 60px 60px 0;
					-webkit-border-top-right-radius:60px;
					-webkit-border-bottom-right-radius:60px;
					padding:14px 30px 14px 15px;
					margin:0 0 50px 0;
				}
					#ukn-tweetwall ol li .ukn-tweet-meta a.ukn-tweet-image-wrap {
						float:left;
						margin:0 10px 0 0;
						width:73px;
						height:73px;
						color:#000000;
					}
						#ukn-tweetwall ol li .ukn-tweet-meta a.ukn-tweet-image-wrap img {
							display:block;
							width:73px;
							height:73px;
							border:0;
						}
					#ukn-tweetwall ol li .ukn-tweet-meta span.ukn-blanker {
						position:absolute;
						top:14px;
						left:15px;
						margin:0;
						display:block;
						text-indent:-99999px;
						z-index:102;
						width:73px;
						height:73px;
						background:url(images/_sprite.png) no-repeat 0 -100px;
					}
					#ukn-tweetwall ol li .ukn-tweet-meta a.ukn-tweet-user {
						text-decoration:none;
						position:relative;
						top:5px;
						font-size:30px;
						line-height:40px;
						font-weight:bold;
						color:#ffffff;
					}
					#ukn-tweetwall ol li .ukn-tweet-meta a:hover.ukn-tweet-user {
						text-decoration:underline;
					}
					#ukn-tweetwall ol li .ukn-tweet-meta a.ukn-tweet-time {
						text-decoration:none;
						font-weight:bold;
						color:#999999;
						display:block;
						white-space:nowrap;
					}
				#ukn-tweetwall ol li p {
					clear:both;
					background:#000000;
					border:1px solid #333333;
					border-radius:10px;
					-moz-border-radius:10px;
					-webkit-border-radius:10px;
					padding:25px;
					margin:0 50px 0 50px;
					box-shadow:0 0 75px #000000;
					-moz-box-shadow:0 0 75px #000000;
					-webkit-box-shadow:0 0 75px #000000;
				}
					#ukn-tweetwall ol li p q {
						display:block;
						font-size:30px;
						line-height:40px;
					}
					#ukn-tweetwall ol li p span.ukn-meta-open-quote,
					#ukn-tweetwall ol li p span.ukn-meta-close-quote {
						display:none;
					}
			/* ===== CYCLE ONLY ===== */
			#ukn-tweetwall ol.ukn-cycle {
				max-width:100%;
			}
				#ukn-tweetwall ol.ukn-cycle li p {
					/*padding-left:100px;*/
					min-height:120px;
				}
				#ukn-tweetwall-nav {
					display:none;
				}
				a#ukn-tweetwall-prev,
				a#ukn-tweetwall-next {
					display:none;
					position:relative;
					position:absolute;
					top:260px;
					width:20px;
					height:20px;
					padding:20px 10px;
					z-index:101;
					text-indent:-99999px;
					background:#000000;
					/*border:2px solid #222222;*/
				}
				a#ukn-tweetwall-prev {
					left:0;
					padding-left:0;
					border-right:0;
					border-radius:0 100px 100px 0;
					-moz-border-radius:0 100px 100px 0;
					-webkit-border-top-right-radius:100px;
					-webkit-border-bottom-right-radius:100px;
				}
				a#ukn-tweetwall-next {
					right:0;
					padding-right:0;
					border-left:0;
					border-radius:100px 0 0 100px;
					-moz-border-radius:100px 0 0 100px;
					-webkit-border-top-left-radius:100px;
					-webkit-border-bottom-left-radius:100px;
				}
					a#ukn-tweetwall-prev span,
					a#ukn-tweetwall-next span {
						position:absolute;
						top:20px;
						width:20px;
						height:20px;
						display:block;
						text-indent:-99999px;
						opacity:0.8;
						filter:alpha(opacity=80);
					}
					a#ukn-tweetwall-prev span {
						left:0;
						background:url(images/_sprite.png) no-repeat -200px -20px;
					}
					a#ukn-tweetwall-next span {
						right:0;
						background:url(images/_sprite.png) no-repeat -220px -20px;
					}
						a:hover#ukn-tweetwall-prev,
						a:hover#ukn-tweetwall-next {
							background:#0066cc;
						}
						a:active#ukn-tweetwall-prev {
							margin:0 0 0 -1px;
						}
						a:active#ukn-tweetwall-next {
							margin:0 -1px 0 0;
						}
						a:hover#ukn-tweetwall-prev span {
							background-position:-200px -20px;
						}
						a:hover#ukn-tweetwall-next span {
							background-position:-220px -20px;
						}
						a:active#ukn-tweetwall-prev span,
						a:active#ukn-tweetwall-next span {	
							opacity:1;
							filter:alpha(opacity=100);
						}
				
/*//////////////////////////////
	>>> FOOTER
//////////////////////////////*/
#ukn-tweetwall-footer {
	z-index:101;
	position:fixed;
	bottom:50px;
	left:0;
	width:100%;
	height:79px;
	background:#000000;
	border-top:1px solid #222222;
	box-shadow:0 -5px 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 -5px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 -5px 10px rgba(0,0,0,0.5);
}
	#ukn-tweetwall-footer a.ukn-build-credit {
		position:absolute;
		top:50%;
		left:20px;
		margin:-20px 0 0 0;
		background:url(images/_sprite.png) no-repeat 0 -60px;
		width:320px;
		height:40px;
		text-indent:-99999px;
		z-index:999;
	}
		#ukn-tweetwall-footer a:hover.ukn-build-credit {
		}
#ukn-tweetwall-credit {
	z-index:101;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:29px;
	padding:10px 0 10px 0;
	background:#000000;
	border-top:1px solid #222222;
	line-height:29px;
}
	#ukn-tweetwall-credit p {
		float:left;
		color:#666666;
		padding:0 20px 0 20px;
	}
		#ukn-tweetwall-credit p a {
			color:#999999;
			font-weight:bold;
		}
			#ukn-tweetwall-credit p a:hover {
				color:#cccccc;
				text-decoration:underline;
			}
		#ukn-tweetwall-credit a.ukn-s-linkedin,
		#ukn-tweetwall-credit a.ukn-s-twitter {
			float:right;
			margin:5px 5px 0 -5px;
			width:20px;
			height:20px;
			text-indent:-99999px;
			background-image:url(images/_sprite.png);
		}
			#ukn-tweetwall-credit a.ukn-s-linkedin {
				background-position:-60px 0;
			}
			#ukn-tweetwall-credit a.ukn-s-twitter {
				background-position:-40px 0;
			}
		#ukn-tweetwall-credit a.ukn-stats-link {
			display:none;
			position:relative;
			float:right;
			background:#333333;
			color:#ffffff;
			padding:0 35px 0 10px;
			margin:0 10px 0 0;
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			text-decoration:none;
		}
			#ukn-tweetwall-credit a.ukn-stats-link span {
				position:absolute;
				top:5px;
				right:5px;
				background:url(images/_sprite.png) no-repeat -380px 0;
				width:20px;
				height:20px;
				text-indent:-99999px;
				border-radius:20px;
				-moz-border-radius:20px;
				-webkit-border-radius:20px;
				opacity:0.5;
				filter:alpha(opacity=50);
			}
			#ukn-tweetwall-credit a:hover.ukn-stats-link span {
				opacity:1;
				filter:alpha(opacity=100);
			}

/*//////////////////////////////
	>>> SHOW OPTIONS
//////////////////////////////*/
#ukn-clock {
	position:fixed;
	top:50px;
	right:50px;
	background:#000000;
	color:#cccccc;
	padding:15px;
	font-size:20px;
	font-weight:bold;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	z-index:102;
}
/* ===== TWEET HISTORY ===== */
#ukn-tweet-history {
	position:fixed;
	bottom:128px;
	margin:0 0 0 -2.5%;
	width:105%;
	height:50px;
	display:block;
	z-index:999;
}
/* ===== TWEET GRAPH ===== */
ul#ukn-tweet-graphs {
	position:fixed;
	bottom:158px;
	margin:0;
	width:100%;
	display:block;
	z-index:998;
}
	ul#ukn-tweet-graphs li {
		display:block;
		width:80%;
		clear:both;
		margin:0 0 4px 0;
		height:40px;
	}
	ul#ukn-tweet-graphs li div {
		box-shadow:0 -10px 10px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:0 -10px 10px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow:0 -10px 10px rgba(0, 0, 0, 0.75);
	}
		ul#ukn-tweet-graphs li .ukn-graph-bar {
			float:left;
			display:block;
			background:#333333 url(images/tweet-graph-bar-gradient.png) repeat-y left top;
			height:40px;
			border-radius:0 50px 50px 0;
			-moz-border-radius:0 50px 50px 0;
			-webkit-border-top-right-radius:50px;
			-webkit-border-bottom-right-radius:50px;
		}
			ul#ukn-tweet-graphs li .ukn-graph-bar span {
				font-weight:bold;
				background:#ffffff;
				margin:5px 5px 0 0;
				padding:0 5px 0 5px;
				color:#000000;
				max-width:60px;
				height:30px;
				text-align:center;
				float:right;
				line-height:30px;
				font-size:16px;
				border-radius:20px;
				-moz-border-radius:20px;
				-webkit-border-radius:20px;
			}
		ul#ukn-tweet-graphs li .ukn-graph-query {
			position:absolute;
			right:0;
			background:#333333 url(images/tweet-graph-label-gradient.png) repeat-y right top;
			width:15%;
			height:40px;
			line-height:40px;
			font-size:16px;
			font-weight:bold;
			text-align:right;
			padding:0 10px 0 10px;
			border-radius:50px 0 0 50px;
			-moz-border-radius:50px 0 0 50px;
			-webkit-border-top-left-radius:50px;
			-webkit-border-bottom-left-radius:50px;
		}
		
		ul#ukn-tweet-graphs li.bar-1 div {background-color:#ff3b7c;}
		ul#ukn-tweet-graphs li.bar-2 div {background-color:#3c444f;}
		ul#ukn-tweet-graphs li.bar-3 div {background-color:#c3e348;}
		ul#ukn-tweet-graphs li.bar-4 div {background-color:#2c667f;}
			
		.p1 .ukn-graph-bar {width:1%;}
		.p2 .ukn-graph-bar {width:2%;}
		.p3 .ukn-graph-bar {width:3%;}
		.p4 .ukn-graph-bar {width:4%;}
		.p5 .ukn-graph-bar {width:5%;}
		.p6 .ukn-graph-bar {width:6%;}
		.p7 .ukn-graph-bar {width:7%;}
		.p8 .ukn-graph-bar {width:8%;}
		.p9 .ukn-graph-bar {width:9%;}
		.p10 .ukn-graph-bar {width:10%;}
		.p11 .ukn-graph-bar {width:11%;}
		.p12 .ukn-graph-bar {width:12%;}
		.p13 .ukn-graph-bar {width:13%;}
		.p14 .ukn-graph-bar {width:14%;}
		.p15 .ukn-graph-bar {width:15%;}
		.p16 .ukn-graph-bar {width:16%;}
		.p17 .ukn-graph-bar {width:17%;}
		.p18 .ukn-graph-bar {width:18%;}
		.p19 .ukn-graph-bar {width:19%;}
		.p20 .ukn-graph-bar {width:20%;}
		.p21 .ukn-graph-bar {width:21%;}
		.p22 .ukn-graph-bar {width:22%;}
		.p23 .ukn-graph-bar {width:23%;}
		.p24 .ukn-graph-bar {width:24%;}
		.p25 .ukn-graph-bar {width:25%;}
		.p26 .ukn-graph-bar {width:26%;}
		.p27 .ukn-graph-bar {width:27%;}
		.p28 .ukn-graph-bar {width:28%;}
		.p29 .ukn-graph-bar {width:29%;}
		.p30 .ukn-graph-bar {width:30%;}
		.p31 .ukn-graph-bar {width:31%;}
		.p32 .ukn-graph-bar {width:32%;}
		.p33 .ukn-graph-bar {width:33%;}
		.p34 .ukn-graph-bar {width:34%;}
		.p35 .ukn-graph-bar {width:35%;}
		.p36 .ukn-graph-bar {width:36%;}
		.p37 .ukn-graph-bar {width:37%;}
		.p38 .ukn-graph-bar {width:38%;}
		.p39 .ukn-graph-bar {width:39%;}
		.p40 .ukn-graph-bar {width:40%;}
		.p41 .ukn-graph-bar {width:41%;}
		.p42 .ukn-graph-bar {width:42%;}
		.p43 .ukn-graph-bar {width:43%;}
		.p44 .ukn-graph-bar {width:44%;}
		.p45 .ukn-graph-bar {width:45%;}
		.p46 .ukn-graph-bar {width:46%;}
		.p47 .ukn-graph-bar {width:47%;}
		.p48 .ukn-graph-bar {width:48%;}
		.p49 .ukn-graph-bar {width:49%;}
		.p50 .ukn-graph-bar {width:50%;}
		.p51 .ukn-graph-bar {width:51%;}
		.p52 .ukn-graph-bar {width:52%;}
		.p53 .ukn-graph-bar {width:53%;}
		.p54 .ukn-graph-bar {width:54%;}
		.p55 .ukn-graph-bar {width:55%;}
		.p56 .ukn-graph-bar {width:56%;}
		.p57 .ukn-graph-bar {width:57%;}
		.p58 .ukn-graph-bar {width:58%;}
		.p59 .ukn-graph-bar {width:59%;}
		.p60 .ukn-graph-bar {width:60%;}
		.p61 .ukn-graph-bar {width:61%;}
		.p62 .ukn-graph-bar {width:62%;}
		.p63 .ukn-graph-bar {width:63%;}
		.p64 .ukn-graph-bar {width:64%;}
		.p65 .ukn-graph-bar {width:65%;}
		.p66 .ukn-graph-bar {width:66%;}
		.p67 .ukn-graph-bar {width:67%;}
		.p68 .ukn-graph-bar {width:68%;}
		.p69 .ukn-graph-bar {width:69%;}
		.p70 .ukn-graph-bar {width:70%;}
		.p71 .ukn-graph-bar {width:71%;}
		.p72 .ukn-graph-bar {width:72%;}
		.p73 .ukn-graph-bar {width:73%;}
		.p74 .ukn-graph-bar {width:74%;}
		.p75 .ukn-graph-bar {width:75%;}
		.p76 .ukn-graph-bar {width:76%;}
		.p77 .ukn-graph-bar {width:77%;}
		.p78 .ukn-graph-bar {width:78%;}
		.p79 .ukn-graph-bar {width:79%;}
		.p80 .ukn-graph-bar {width:80%;}
		.p81 .ukn-graph-bar {width:81%;}
		.p82 .ukn-graph-bar {width:82%;}
		.p83 .ukn-graph-bar {width:83%;}
		.p84 .ukn-graph-bar {width:84%;}
		.p85 .ukn-graph-bar {width:85%;}
		.p86 .ukn-graph-bar {width:86%;}
		.p87 .ukn-graph-bar {width:87%;}
		.p88 .ukn-graph-bar {width:88%;}
		.p89 .ukn-graph-bar {width:89%;}
		.p90 .ukn-graph-bar {width:90%;}
		.p91 .ukn-graph-bar {width:91%;}
		.p92 .ukn-graph-bar {width:92%;}
		.p93 .ukn-graph-bar {width:93%;}
		.p94 .ukn-graph-bar {width:94%;}
		.p95 .ukn-graph-bar {width:95%;}
		.p96 .ukn-graph-bar {width:96%;}
		.p97 .ukn-graph-bar {width:97%;}
		.p98 .ukn-graph-bar {width:98%;}
		.p99 .ukn-graph-bar {width:99%;}
		.p100 .ukn-graph-bar {width:100%;}