/* FEED SPECIFIC BITS */
ul#feed
{
	list-style-type: none;
	width: 616px;
}

	ul#feed li
	{
		clear: both;
		padding: 0 0 10px 0;
		margin-bottom: 10px;
		border-bottom: 2px solid #e0e0e0;
		display: block;
		*display: inline-block;
	}

	ul#feed li:after
	{
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

/* GLOBAL FEED BITS */
ul#feed li .action
{
	border-bottom: 1px solid #e0e0e0;
	color: #a6a6a6;
	padding-bottom: 9px;
	vertical-align: top;
	padding-left: 8px;
}

	ul#feed li.follow .action
	{
		border-bottom: 0;
		padding-bottom: 0;
	}

	ul#feed .action p
	{
		height: 16px;
	}

	ul#feed .action p.left
	{
		float: left;
		vertical-align: top;
		padding-top: 3px;
		padding-bottom: 1px;
		height: 18px;
	}

	ul#feed .action p.right
	{
		float: right;
		vertical-align: top;
		font-size: 0.7em;
		text-transform: uppercase;
		padding: 5px 20px 0 0;
	}
	
		ul#feed .action p.right a.loading
		{
			display: inline-block;
			height: 16px;
			width: 16px;
			background-position: top right;
		}
	
		ul#feed .action a
		{
			display: inline-block;
			height: 16px;
			color: #1A9ACB;
			font-weight: bold;
			text-decoration: none;
		}
		
			ul#feed .action a:hover
			{
				text-decoration: underline;
			}
			
	ul#feed .action a.avatar  
	{
		position: relative;
		float: left;
		height: 16px;
		width: 16px;
		padding: 3px;
		margin: 0 5px 0 5px;
	}
	
		ul#feed .action a.avatar span
		{
			position: absolute;
			height: 22px;
			width: 22px;
			top: 0;
			left: 0;
			background-image: url(../images/avatar-overlay.png);
		}
	
		ul#feed .action a.avatar img
		{
			height: 16px;
			width: 16px;
			border: 1px solid #EEE;
			vertical-align: middle;
			display: block;
		}
	
	ul#feed .action:after
	{
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

ul#feed .details { float: right; }

	ul#feed .details .description
	{
		padding: 10px 20px 10px 40px;
		color: #373737;
		overflow: hidden;
	}

ul#feed .picture
{
	float: left;
	position: relative;
}

	ul#feed .picture img
	{
		display: block;
		border: 1px solid #EEE;
	}

/* We're not using tags this way, inline instead.
ul#feed li .details .description .tags
{
	padding: 10px 0 0;
}

	ul#feed li .details .description .tags p
	{
		background: #f2f9fc;
		padding: 5px 10px;
		font-size: 0.8em;
		width: auto;
		display: inline;
	}
	
		ul#feed li .details .description .tags p a
		{
			color: #2e62a4;
			text-decoration: none;
		}
		
		ul#feed li .details .description .tags p a:hover
		{
			text-decoration: underline;
		}
*/

/* GLOBAL PICTURE & PICTURE COMMENT FEED BITS */
ul#feed li.feed_picture
{}

	ul#feed li.feed_picture_comment .details .action p.right,
	ul#feed li.picture_comment .details .action p.right
	{
		padding-right: 10px;
	}

		ul#feed li.feed_picture_comment .details .action p.right a,
		ul#feed li.picture_comment .details .action p.right a
		{
			padding-left: 20px;
			color: #a6a6a6;
			text-decoration: none;
		}
	
	ul#feed li.feed_picture .picture,
	ul#feed li.feed_picture_comment .picture
	{
		width: 266px;
	}
	
	ul#feed li.feed_picture .details,
	ul#feed li.feed_picture_comment .details
	{
		width: 350px;
	}
	
	ul#feed li.feed_picture .details .description,
	ul#feed li.feed_picture_comment .details .description
	{
		width: 350px;
	}
	
		/* MAYBE LATER?
		ul#feed li.feed_picture .description .blurb,
		ul#feed li.feed_picture_comment .description .blurb
		{
			min-height: 90px;
		}*/
	
	ul#feed li.feed_picture .description .comments,
	ul#feed li.feed_picture_comment .description .comments
	{
		padding: 25px 0 0;
	}
	
		ul#feed li.feed_picture .details .description .comments a,
		ul#feed li.feed_picture_comment .details .description .comments a
		{ 
			color: #1A9ACB;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 0.8em;
		}
		
		a.highlight
		{
			background: #19539c;
			color: #ffffff;
			padding: 3px;
		}
		
		ul#feed li.feed_picture .details .description .comments span,
		ul#feed li.feed_picture_comment .details .description .comments span
		{
			color: #b2b2b2;
			text-transform: uppercase;
			font-size: 0.8em;
		}

/* PICTURE COMMENT FEED BITS */
ul#feed li.feed_picture_comment .picture .picture_comment 
{
	background: url(../images/bg-picture-comment.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
	width: 62px;
	height: 48px;
}
	ul#feed li.feed_picture_comment .picture .picture_comment .rc-tl
	{
		top: 5px;
		left: 5px;
	}
	ul#feed li.feed_picture_comment .picture .picture_comment .rc-bl
	{
		left: 5px;
	}
	ul#feed li.feed_picture_comment .picture .picture_comment .rc-tr
	{
		top: 5px;
	}
					
/* COMMENT FEED BITS */
ul#feed li.feed_comment {}
	ul#feed li.feed_comment .picture
	{
		width: 117px;
	}
		ul#feed li.feed_comment .details
		{
			width: 542px;
		}
	
		ul#feed li.feed_comment .details .description
		{
			width: 432px;
		}

		ul#feed li.feed_comment .details .description input
		{
			width: 432px;
		}
		
/* COMMENT BITS ON PICTURES */
ul#feed li.picture_comment {}
	ul#feed li.picture_comment .picture
	{
		width: 67px;
	}
		ul#feed li.picture_comment .details
		{
			width: 592px;
		}
	
		ul#feed li.picture_comment .details .description
		{
			width: 482px;
		}
		
/* USER LISTING BITS */
ul#feed li.user_info
{}
	ul#feed li.user_info .avatar
	{
		width: 67px;
	}
		ul#feed li.user_info .details
		{
			padding-left: 10px;
			width: 582px;
		}
		
			ul#feed li.user_info .details div.description
			{
				padding: 0;
				width: 440px;
				float: left;
			}
				ul#feed li.user_info .details div.description p a
				{
					text-decoration: none;
					font-size: 1.5em;
					padding: 5px 0;
					display: inline-block;
				}
				
				ul#feed li.user_info .details div.description p.message a
				{
					font-size: 1em;
				}
			
			ul#feed li.user_info .details div.follow
			{
				padding-top: 14px;
				text-align: right;
				float: right;
				width: 140px;
			}
			
				ul#feed li.user_info .details div.follow .button, ul#feed li.user_info .details div.actions .button 
				{
					height: 28px;
					display: inline-block;
					float: right;
				}
					ul#feed li.user_info .details div.actions .button
					{
						font-size: .6em;
						margin-left: 10px;
					}
					
					ul#feed li.user_info .details div.actions .loading
					{
						float: right;
						width: 16px; height: 16px;
						margin: 6px 0 0 10px;
					}
					
				ul#feed li.user_info .details div.follow .loading
				{
					float: right;
					width: 16px; height: 16px;
					margin: 6px 10px 0 0;
				}
					ul#feed li.user_info .details div.follow span.loading span
					{
				 		display: none; width: 16px; height: 16px; text-indent: -10000px;
					}


/* PAGE NAVIGATION */	
#pagination
{
	clear: both;
	width: 639px;
	padding: 0px 10px;
}

	#pagination:after
	{
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	#pagination a
	{
		color: #000;
		text-decoration: none; 
		font-weight: bold;
	}
	
	#pagination a:hover
	{
		text-decoration: underline;
	}

	#pagination p
	{
		background: #d8f7e1;
		font-size: .9em;
	}
		#pagination p a
		{
			border: 1px solid #b8f0c9;
			display: block;
			padding: 7px 10px;
		}