/* 
* Example style!
* You can do whatever the hell you want on your site :-)
*/

.twittercontainer h2 {
  clear:both;
}

.twittercontainer p, .twittercontainer a {
  font-size: 0.9em;
  line-height: 1.1em;
}

.twittercontainer a, .twittercontainer a:visited {
  /*color:#123970;*/
  color: #00acdd;
}

.twittercontainer a:hover {
  /*color:#123970;*/
  color: #00acdd;
}

#content .twittercontainer ul {
	padding: 0;
	margin: 0;
}
#content .twittercontainer ul li {
	margin-left: 0;
	padding-left: 0;
	list-style:none;
}

.twittercontainer ul li {
  list-style:none;
  overflow:hidden;
  margin: 0.5em 0;
}

.twittercontainer .user, .twittercontainer .timePosted {
	float: left;
	margin-left: 5px;
}

.twittercontainer .tweet {
	display: block;
	clear: both;
	margin-left: 5px;
}

.twittercontainer .user img {
	max-width: 32px;
	max-height: 32px;
}

.twittercontainer .timePosted {
	margin: 0;
	margin-left: 5px;
	font-size: 0.8em;
}

.twittercontainer .user {
}

.twittercontainer .user a {
}

.twittercontainer .user span span {
  display:block;
  line-height: 48px;
}

.twittercontainer .user span + span {
	display: none;
}

.twittercontainer .user img, .twittercontainer .user a > span {
  float:left;
}

.twittercontainer .interact {
  float:right;
  margin: 0;
}

.twittercontainer .interact a {
  margin-left:5px;
  float:left;
}

.twittercontainer .user a > span {
  margin-left:10px;
}

.twitter_reply_icon, .twitter_retweet_icon, .twitter_fav_icon {
	margin-top: -8px;
	text-indent: -9001px;
	text-decoration: none;
	height: 30px;
	width: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 2px;
	opacity: 0.8;
}

.twitter_reply_icon {
	background-image: url(img/ico_reply.png);
}

.twitter_retweet_icon {
	background-image: url(img/ico_retweet.png);
}

.twitter_fav_icon {
	background-image: url(img/ico_favorite.png);
}

.twitter_reply_icon:hover, .twitter_retweet_icon:hover, .twitter_fav_icon:hover {
	text-decoration: none;
	opacity: 1;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);		/* Safari/Chrome, other WebKit */
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);	/* Firefox, other Gecko */
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);			/* Default */
}