/*-------------------------------*/
/*-- ROW 2-1 - TWITTER FEED -----*/
/*-------------------------------*/

div.tweet-row { background: rgba(255, 255, 255, 0.55); margin-bottom: 0; padding: 24px 0 12px; width: 100%; min-height: 220px; }

/* ==========================================
   BASIC LAYOUT
   ========================================== */

div.twitter div.profile-header, 
div.twitter ol.stream-items {
	display: block;
	float: none;
	margin: 0 5px 10px 0;
	padding: 0;
	/* position: relative; */
}

div.twitter div.profile-header 	{ margin-top: 6px; width: 100%; }
div.twitter ol.stream-items	{  }

div.twitter ol, div.twitter ul {
	list-style: none;
}

/* ==========================================
   PROFILE HEADER
   ========================================== */

div.twitter div.profile-header a.profile-link {
	display: block;
	/*height: 40px;*/
	margin: 0;
		color: #b9cd00;
		
}

div.twitter div.profile-header a.profile-link:hover {
		/*background-color: #EAEAEA;*/
		color: #6f7b83;
}

div.twitter div.profile-header a.profile-link img.avatar {
	display: block;
	float: left;
	height: 40px;
	margin-right: 10px;
	width: 40px;
}

div.twitter div.profile-header a.profile-link strong.fullname,
div.twitter div.profile-header a.profile-link span.username {
	display: block;
	padding-top: 0;
		font-size: 1.0rem; /* 14px */
		line-height: 1.5; /* 18px */
}

div.twitter div.profile-header a.profile-link span.username b {
		font-weight: normal;
}

div.twitter div.profile-header a.follow-link {
	display: block;
	height: 40px;
	padding-top: 4px;
	position: absolute;
	right: 12px;
	top: 2px;
	width: 80px;
		/*background-color: #b9cd00;*/
		color: #b9cd00;
		font-weight: bold;
		font-size: 1.0rem; /* 12px */
		line-height: 1.50em; /* 18px */
		text-align: right;
		/*text-transform: uppercase;*/
}

div.twitter div.profile-header a.follow-link:hover {
		color: #6f7b83;		
}

div.twitter div.profile-header a.follow-link span {
	display: block;
	/*margin: 0 5px 0 5px;*/
	font-weight: normal;	

		/*font-size: 0.67em; /* 12px > 8px */
		/*line-height: 1.12em; /* 9px */
}

/* ==========================================
   STREAM ITEMS
   ========================================== */

div.twitter ol.stream-items li.tweet, 
div.twitter ol.stream-items li.retweet {
	border-top: 1px solid #6f7b83;
	clear: both;
	display: block;
	/*height: 72px;*/
	margin-top: 1px;
	position: absolute;
	width: 95%;
	z-index: 10;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

div.twitter ol.stream-items li.retweet {
		background-image: url('../images/tweets/retweet-corner.gif');
		background-position: right top;
		background-repeat: no-repeat;
}

div.twitter ol.stream-items li:hover { z-index: 10; }
div.twitter ol.stream-items li.tweet-1 { opacity: 1; z-index: 20; } 
div.twitter ol.stream-items li.active { z-index: 30 !important; }
div.twitter ol.stream-items li.last-active { z-index: 20 !important; }

/* TIMESTAMP ------- */

div.twitter ol.stream-items li a.tweet-timestamp {
		
}

div.twitter ol.stream-items li a.tweet-timestamp small {
		font-size: 1.00em;
}

/* TWEET TEXT ------- */

div.twitter ol.stream-items li p.tweet-text {
	display: block;
	margin: 5px 0 0 0;
	padding-right: 0;
		font-size: 1.0em; /* 14px */
		line-height: 1.5; /* 18px */
}

div.twitter ol.stream-items li p.tweet-text a.tweet-link, 
div.twitter ol.stream-items li p.tweet-text span.at-reply, 
div.twitter ol.stream-items li p.tweet-text span.hash-tag {
	white-space: nowrap;
}

div.twitter ol.stream-items li p.tweet-text span.at-reply, 
div.twitter ol.stream-items li p.tweet-text span.hash-tag {
		color: #b9cd00;
}

/* TWEET ACTIONS ------- */

div.twitter ol.stream-items li ul.tweet-actions {
	/*bottom: 4px;*/
	/*height: 18px;*/
	margin: 6px 0 0 0;
	opacity: 1;
	/*padding: 0;*/
	/*position: absolute;*/
	/*right: 65px;*/
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
		margin-left: 0;
}

div.twitter ol.stream-items li:hover ul.tweet-actions {
	opacity: 1;
}

div.twitter ol.stream-items li ul.tweet-actions li {
	clear: none;
	float: left;
	height: 18px;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
		font-size: 0.8rem; /* 10px */
		line-height: 1.80; /* 18px */
		text-transform: uppercase;
}

div.twitter ol.stream-items li ul.tweet-actions li a {
	display: block;
	padding-right: 10px;
}

div.twitter ol.stream-items li ul.tweet-actions li a span.ico {
	display: block;
	float: left;
	height: 14px;
	margin: 3px 5px 0 0;
	width: 14px;
		background-color: #b9cd00;
		background-image: url('../images/tweets/tweet-actions.png');
		background-repeat: no-repeat;
}

div.twitter ol.stream-items li ul.tweet-actions li a:hover span.ico		{ background-color: #6f7b83; }
div.twitter ol.stream-items li ul.tweet-actions li.action-reply a span.ico	{ background-position: 0 0; }
div.twitter ol.stream-items li ul.tweet-actions li.action-retweet a span.ico	{ background-position: -14px 0; }
div.twitter ol.stream-items li ul.tweet-actions li.action-fav a span.ico	{ background-position: -28px 0; }



div.twitter ol.stream-items li p.tweet-retweeted {
	bottom: 3px;
	display: none;
	margin: 0;
	opacity: 1;
	position: absolute;
	right: 75px;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
		font-size: 1.00em; /* 10px */
		line-height: 1.80em; /* 18px */
		text-transform: uppercase;
}

div.twitter ol.stream-items li:hover p.tweet-retweeted {
	opacity: 0;
}

div.twitter ol.stream-items li p.tweet-retweeted span.ico {
	display: block;
	float: left;
	height: 12px;
	margin: 1px 5px 0 0;
	width: 16px;
		background-image: url('tweets/img/retweet-icon.gif');
		background-repeat: no-repeat;
}

@media only screen and (min-width: 480px) {
	
	div.tweet-row { min-height: 200px; }
	
}

@media only screen and (min-width: 600px) {
	
	div.tweet-row { min-height: 180px; }
	
}

@media only screen and (min-width: 850px) {
	
	div.tweet-row { min-height: 112px; }
	
	div.twitter div.profile-header, 
	div.twitter ol.stream-items {
		display: block;
		float: left;
		margin: 0 5px 10px 0;
		padding: 0;
		/* position: relative; */
	}

	div.twitter div.profile-header 	{ margin-top: 6px; border-right: 1px solid #6f7b83; width: 25%; }
	div.twitter ol.stream-items	{  }
	
	div.twitter ol.stream-items li.tweet, 
	div.twitter ol.stream-items li.retweet {
		border-top: none;
		width: 62%;
		padding-right: 15px;
	}
	
	div.twitter ol.stream-items li ul.tweet-actions {
		opacity: 0;
	}

	div.twitter ol.stream-items li:hover ul.tweet-actions {
	opacity: 1;
	}
	
	
	
	
}