/* CSS Document */  
 
img { border:none; }  
#loading-container { padding:0px 0px 0px 0px; text-align:center; }  
#twitter-feed { width:100%; margin:auto; font-family: Arial, Helvetica, sans-serif; margin-top:0px; padding:0px; /*border-radius:12px; background-color:#FFF; color:#333;*/ min-height:55px; overflow:auto; 
/*------ TWEAK THE BELOW IF YOU WANT TWEETS TO FADE DOWN --- */ 
/*height:90px; overflow:hidden;*/ } 

#twitter-feed h1 { color:#5F5F5F; margin:0px; padding:9px 0px 9px 0px; font-size:18px; font-weight:lighter; }  
#twitter-header { background-color:#FFF; position:relative; z-index:2; /*border-bottom:1px dotted #CCC;*/ }  
.twitter-article, #loading-container { width:92%; float:left; /*padding:8px 0px 0px 0px; position:relative;*/ }  
.twitter-pic { position:absolute; }  
.twitter-pic img { float:left; border-radius:7px; border:none; } 

/* -------- TEXT STYLING ------*/ 
.twitter-text { width:100%; float:left; font-size:12px; padding-left:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }  
.twitter-text p { margin:0px; line-height:14px; }  
.twitter-text a, h1 a { color: #00acee; text-decoration: none; } 
.twitter-text a:hover, h1 a:hover { text-decoration: underline; color: #00acee; } 
#bodycontainer .tweet-time { font-size:12px; color:#878787; float:right; } 
#bodycontainer .tweet-time a, #bodycontainer .tweet-time a:hover { color:#6c6c6c; text-decoration: none; }  
.tweetprofilelink a { color:#444; } 
.tweetprofilelink a:hover { color:#444; } 

/* -------- FEED ACTIONS ------*/  
#twitter-actions { width:75px; float:right; margin-right:5px; margin-top:3px; display:none; } 
.intent { width:25px; height:16px; float:left; } 
.intent a{ width:25px; height:16px; display:block; background-image:url('../images/tweet-actions.png'); 
float:left; }  
.intent a:hover{ background-position:-25px 0px; } #intent-retweet a{ background-position:0px -17px; }  
#intent-retweet a:hover{ background-position:-25px -17px; } #intent-fave a{ background-position:0px -36px; }  
#intent-fave a:hover{ background-position:-25px -36px; }  

/* -------- RETWEET INDICATOR ------*/  
#retweet-indicator { width:14px; height:10px; background-image:url('../images/tweet-actions.png'); 
background-position:-5px -54px; margin-top:3px; float:left;padding-right:3px; } 
.backlink { font-size:11px; text-align:center; } 
.backlink a { color:#aaa; }

/*****************************************************/
/****************Styles for SMARTPHONE****************/
/*****************************************************/
@media only screen and (max-width : 800px) {

#twitter-feed{
	min-height:68px;
}
.twitter-text {
	padding-left:4px;
}
}
@media only screen and (max-width : 600px) {

#twitter-feed{
	min-height:70px;
}
.twitter-text {
	padding-left:4px;
}
}

@media only screen and (max-width : 480px) {

#twitter-feed{
	min-height:82px;
}
.twitter-text {
	padding-left:4px;
}
}

@media only screen and (max-width : 320px) {

#twitter-feed{
	min-height:104px;
}
.twitter-text {
	padding-left:4px;
}