/**
 * Twitterstorm app
 */
 
html, body
{
	background-color:#fff;
	color:#222;
	font-family:Verdana, Arial, sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
}

a img
{
	border:none;
}

/* ----- Layout -------------------- */
#page
{
	background-color:#008fd5;
	margin:auto;
	position:relative;
	width:960px; /*bit wider than main website, but divisible by 48*/
	/*min-height:600px;*/
}

/* ----- Navigation -------------------- */
#navigation
{
	text-align:center;
	font-size:12px;
	border-bottom:1px solid #bfe3f4;
}

	#navigation ul
	{
		margin:5px 0;
		padding:0;
		list-style:none;
	}

		#navigation ul li
		{
			margin:0 15px 0 0;
			padding:0 15px 0 0;
			display:inline;
			border-right:1px solid #ffffff;
		}

		#navigation ul li.last
		{
			border-right:none;
		}

			#navigation ul li a
			{
				text-decoration:none;
			}

			#navigation ul li a:link,
			#navigation ul li a:visited
			{
				color:#fff;
			}

			#navigation ul li a:hover,
			#navigation ul li a:active,
			#navigation ul li a:focus
			{
				color:#222;
			}

/* ----- Overlay -------------------- */
#overlay
{
	/*font-size:0.8em;*/
	font-size:12px;
	position:absolute;
	left:480px;/*528px*//*438px*/
	width:480px;/*432px*//*:522px*/
	height:576px; /* 11 rows */
	z-index:100;
	/*background-image:url(../img/backgrounds/overlay-90.png);
	background-image:url(../img/backgrounds/overlay-85.png);*/
	background-image:url(/img/overlay-80.png);
}

	#content
	{
		padding:37px 40px 0 50px;
	}

		#content p
		{
			line-height:17px;
			margin-bottom:17px;
		}

		#hello-you
		{
			display:block;
			margin-bottom:18px;
		}

		#intro-image
		{
			display:block;
			margin-bottom:18px;
		}
		
		#content .date
		{
			text-transform:uppercase;
			font-size:12px;
			font-weight:bold;
			margin-bottom:6px;
			padding-bottom:0;
		}

		#welcome-image
		{
			display:block;
			margin-bottom:19px;
		}
		
	#content a
	{
		font-weight:bold;
		/*text-decoration:none;*/
	}

	#content a:link,
	#content a:visited
	{
		color:#009ddc;
	}

	#content a:hover,
	#content a:active,
	#content a:focus
	{
		color:#222;
	}

		#join
		{
			width:226px;
			height:26px;
			position:relative;
			overflow:hidden;
			margin-top:28px;
			margin-bottom:3px !important;
			padding-bottom:0 !important;
		}

			#join a
			{
				display:block;
				text-decoration:none;
				line-height:1000em;
			}

				#join a span
				{
					display:block;
					text-decoration:none;
					position:absolute;
					width:226px;
					height:26px;
					background-image:url(../img/text/join.png);
				}

				#join a:hover span
				{
					background-position:0 -26px;
				}

		#logo
		{
			float:right;
		}

			#logo img
			{
				display:block;
				width:120px;
			}
			
		#calltoaction
		{
			font-size:14px;
		}

/* ----- Tweets -------------------- */
#tweets
{
	width:960px;
	height:576px; /* 11 rows */
	overflow:hidden;
}

	.tweet
	{
	}
		
		#twitterstorm-tweets a img
		{
			border:none;
			opacity:0.9;
			z-index:1;
		}
		#twitterstorm-tweets a img:hover
		{
			border:none;
			opacity:1.0;
			box-shadow:			0 0 15px #fff;
			-o-box-shadow:		0 0 15px #fff;
			-moz-box-shadow:	0 0 15px #fff;
			-webkit-box-shadow:	0 0 15px #fff;
			position:relative;
			z-index:2;
		}

/* ----- Debug -------------------- */
#debug,
#max-message-id,
#action,
#displaying-tweets,
#loading-tweets
{
	clear:both;
	font-family:Consolas;
	font-size:0.8em;
	display:none;
}