body {
	font-family:			Arial, sans-serif;
	background:				url('bg.jpg') #E7E7E7 center repeat-y;
	margin:					0;
	font-size:				10pt;
}

a, a:visited {
	color:					#039;
}
a:hover {
	text-decoration:		none;
}

h1 {
	margin:					0 30px;
	padding:				20px 0 20px;
}
span#loading {
	float:					right;
	padding:				27px 30px 0 0;
}
p {
	margin:					10px 30px;
}

div#page {
	width:					970px;
	margin:					0px auto;
	padding-bottom:			30px;
}

div#tweets_container {
	float:					left;
	width:					445px;
	margin-left:			30px;
}
div#replies_container {
	float:					right;
	margin-right:			30px;
	width:					440px;
}

div.clear {
	height:					0;
	clear:					both;
}

hr {
	border:					1px solid #A2A2A2;
	border-width:			1px 0 0;
	margin:					5px 0;
}

span#my_profile_pic {
	float:					left;
	margin-top:				-7px;
	margin-right:			15px;
	display:				none;
	width:					48px;
	height:					48px;
	background-repeat:		no-repeat;
	background-position:	1px 1px;
	border:					1px solid #CCC;
	padding:				1px;
}

div.tweet {
	margin-bottom:			20px;
}
div.tweet img.profile_pic {
	float:					left;
	border:					1px solid #CCC;
	padding:				1px;
	width:					48px;
	height:					48px;
}
div.tweet span.arrow_left {
	position:				absolute;
	width:					9px;
	height:					17px;
	background:				url('arrow_left.gif') no-repeat;
	margin:					6px 0 0 5px;
}
div.tweet div.reply-to {
	margin-top:				-1px;
}
div.tweet div.text {
	margin-left:			65px;
	border:					1px solid #CCC;
}
div.tweet div.text-no-reply {
	margin-left:			0;
}
div.tweet div.text div.text {
	margin:					0;
	border:					0;
	background:				url('tweet_bg.gif') repeat-x bottom;
	padding:				5px 8px;
}
div.tweet span.from_user {
	display:				block;
	padding-bottom:			3px;
}
div.tweet span.meta {
	float:					right;
}
div.tweet span.from_user,
div.tweet span.from_user a,
div.tweet span.from_user a:visited,
div.tweet span.reply-to,
div.tweet span.reply-to a,
div.tweet span.reply-to a:visited {
	color:					#666;
	text-decoration:		none;
}
div.tweet div.text:hover span.from_user a,
div.tweet div.text:hover span.from_user a:visited,
div.tweet div.text:hover span.reply-to a,
div.tweet div.text:hover span.reply-to a:visited {
	text-decoration:		underline;
}
div#tweets span.reply-to {
	display:				block;
	margin-top:				5px;
	font-size:				8pt;
	text-align:				right;
}
div#replies span.reply-to {
	display:				none;
}

div#problem {
	margin:					20px 24px;
	background:				#FFC;
	border:					1px solid #CC9;
	padding:				5px;
}

div#message {
	position:				fixed;
	top:					0;
	right:					0;
	background:				#C33;
	color:					#FFF;
	font-weight:			bold;
	border:					1px solid #900;
	border-width:			0 0 1px 1px;
	padding:				10px;
	width:					250px;
	cursor:					pointer;
}

p#footer {
	margin-top:				30px;
	font-weight:			bold;
}
