/*

Tutoralzine Demo 
Original tutorial: Making Our Own Twitter Timeline
Tutorial URL: http://tutorialzine.com/2009/09/making-our-own-twitter-timeline/

You are free to use the following demo code for any purpose you see fit.

*/


/* Page styles */

/* Form & timeline styles */

#twitter-container{
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius:5px;
	
	border:1px solid #f5f5f5;
	
	padding:1px;
	width:380px;
	
	font-size:11px;
	font-family:'Lucida Grande',sans-serif;
	color:#333333;
}
#twitter-containerprofile{
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	
	border:1px solid #f5f5f5;
	
	padding:1px;
	width:520px;
	
	font-size:11px;
	font-family:'Lucida Grande',sans-serif;
	color:#333333;
}

label{
	font-size:20px;
	display:block;
	float:left;
}

.counter{
   /* visibility:hidden;*/
	color:#CCCCCC;
	float:right;
	font-family:Georgia,serif;
	font-size:32px;
	font-weight:bold;
	/*height:40px;*/
	overflow:hidden;
}

#twitter-containerprofile textarea{
	width:500px;
	height:38px;
	margin:0px 0 10px 0;
	
	border:1px solid #AAAAAA;
	/*padding: 4px 2px;*/
		
	font-family:'Lucida Grande',sans-serif;
	overflow:hidden;
	font-size:14px;
}
#twitter-container textarea{
	width:372px;
	height:38px;
	margin:0px 0 10px 0;
	
	border:1px solid #AAAAAA;
	padding: 4px 2px;
		
	font-family:'Lucida Grande',sans-serif;
	overflow:hidden;
	font-size:14px;
}

.clear{
	clear:both;
}

.submitButton{
	color:#666666;
	font-size:14px;
	height:32px;
	width:115px;
	
	-moz-border-radius:6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	
	border:1px solid #cccccc;
	background:url(img/button_bg.gif) repeat-x #f5f5f5;
	
	cursor:pointer;
	float:right;
}

.submitButton:hover{
	background-position:bottom;
	border-color:#dddddd;
	color:#333333;
}

.inact,.inact:hover{
	background:#f5f5f5;
	border:1px solid #eeeeee;
	color:#aaaaaa;
	cursor:auto;
}

.latest{
float:left;
color: #666666;
}

ul.statuses{
	margin:10px 0;
}

ul.statuses li {
	position:relative;
	border-bottom:1px dashed #D2DADA;
	padding:15px 15px 15px 10px;
	list-style:none;
	font-size:14px;
}

ul.statuses li:first-child{
	border-top:1px dashed #D2DADA;
}

ul.statuses li:hover {
	background-color:#F7F7F7;
}
.forstatus{
overflow:hidden;
width:50px;

}

h3.timeline{
	margin-top:0px;
	color:#999999;
	font-size:20px;
	font-weight:normal;
}

div.tweetTxt{
	float:left;
	width:400px;
	overflow:hidden;
}

ul.statuses a img.avatar{
	float:left;
	margin-right:10px;
	border:1px solid #446600;
	margin-top:0px;
}
div.date{
	line-height:18px;
	font-size:12px;
	color:#999999;
}

li a, li a:visited {
	color:#007bc4;
	text-decoration:none;
	outline:none;
}

li a:hover{
	text-decoration:underline;
}