/* Original header from Nicolas Gallagher
	RIVERS OF NEWS
	nicolasgallagher.com/rivers/
	
	DEFAULT.CSS
	
	Description:    River of News interface
	Author:         Nicolas Gallagher (http://nicolasgallagher.com)
	Updated:        9 February 2011
	Version:        0.2.2
	 */
/* Small Picture header
	We brought this CSS file into the outline edited structure of Fargo.
	The version this was created from: http://static.smallpicture.com/css/beautifulRiver.css
	Subsequent revisions by Kyle Shank and Dave Winer.
	6/24/13 by DW
	 */

@media all {
	.divRiverContainer {
		font-family: Arial, sans-serif; 
		font-size: 16px;
		color:#333; 
		background:#fff;
		padding: 15px;
		border: 1px solid #ddd;
		}
	
	.divRiverContainer h1,
	.divRiverContainer h2,
	.divRiverContainer h3 {
		line-height:1.1em; 
		color:#222;
		}
	
	.divRiverContainer p {
		margin:0 0 1.4em; 
		font-size:0.875em; 
		line-height:1.4em;
		}
	
	.divRiverContainer header, 
	.divRiverContainer hgroup, 
	.divRiverContainer footer, 
	.divRiverContainer section,
	.divRiverContainer aside, 
	.divRiverContainer article {
		display:block;
		}
	
	.divRiverContainer #header {
		padding:10px 5px;
		margin:0 0 20px;
		background:#1E68A6;
		}
	.divRiverContainer #header hgroup {
		max-width:500px;
		overflow:hidden;
		margin:0 auto;
		}
	.divRiverContainer #header h1 {
		float:left;
		margin:0;
		font-size:1em;
		color:#fff;
		}
	.divRiverContainer #header h2 {
		float:right;
		margin:0.25em 0 0;
		font-size:0.75em;
		font-weight:normal;
		color:#eee;
		}
	.divRiverContainer #stream {
		min-height:100px;
		padding:0 5px;
		margin-left: 25px;
		margin-right: 5px;
		}
	.divRiverContainer .notice { /* loading and errors messages */
		text-align:center; 
		font-size:14px;
		}
	.divRiverContainer .loader { /* loading graphic */
		width:32px; 
		height:32px; 
		margin:20px auto; 
		background:url(http://static.newsriver.org/beautiful/loader.gif) no-repeat 0 0;
		}
	.divRiverContainer .info {
		margin:0 0 30px;
		}
	.divRiverContainer .info:after {
		content:".";
		display:block;
		visibility:hidden;
		font-size:0;
		clear:both;
		line-height:0;
		}
	.divRiverContainer .updated {
		float:right; 
		margin:0;
		font-size:12px;
		}
	.divRiverContainer #display {
		float:left; 
		display:block;
		font-size:12px; 
		line-height:17px; 
		font-weight:bold;
		}
	.divRiverContainer #display:before {
		content:""; 
		float:left; 
		width:16px; 
		height:16px; 
		margin:0 6px 0 -22px; 
		background:url(http://static.newsriver.org/beautiful/sprite.png) no-repeat -16px 0;
		}
	.divRiverContainer .compact #display:before {
		background-position:0 0;
		}
	.divRiverContainer .section {
		clear:both;
		}
	.divRiverContainer .section {
		padding:0.5em 0 0; 
		border-top:1px solid #bbb; 
		margin:1.5em 0 0;
		}
	
	.divRiverContainer .section h2,
	.divRiverContainer .section .header .time {
		float:left; 
		padding:0 8px 0 0;
		margin:-17px 0 0 0; 
		font-size:12px; 
		font-weight:normal; 
		line-height:1.2em; 
		background:#fff;
		}
	
	.divRiverContainer .section .header .time {
		float:right;
		padding:0 0 0 8px;
		color:#777;
		}
	.divRiverContainer .section h2 .icon {
		position:relative;
		top:-1px;
		float:left;
		margin:0 6px 0 -22px;
		border:0;
		vertical-align:middle;
		}
	.divRiverContainer .section .header + .article {
		border-top:0;
		}
	.divRiverContainer .article {
		clear:both;
		position:relative; 
		padding:10px 0; 
		border-top:1px solid #eee;
		margin:0;
		}
	.divRiverContainer .article .header {
		margin:0 0 3px;
		}
	.divRiverContainer .article h3 {
		margin:0; 
		font-size:1.1em;
		line-height: 120%;
		margin-bottom: 5px;
		}
	.divRiverContainer .article h3 a:visited {
		color:#1E68A6;
		}
	.divRiverContainer .article h3 a:link {
		color:#1E68A6;
		}
	.divRiverContainer .article .description {
		margin:0 0 5px;
		font-size:0.875em;
		line-height:1.3em;
		color:#333;
		}
	.divRiverContainer .article .thumbnail {
		float:left; 
		/*border:1px solid #999;*/ 
		margin:2px 8px 2px 0;
		}
	.divRiverContainer .article .footer {
		clear:both;
		margin:0 20px 0 0;
		font-size:0.6875em; 
		color:#666;
		}
	.divRiverContainer .actions {
		display:inline;
		list-style:none; 
		padding:0; 
		margin:0; 
		}
	.divRiverContainer .actions li {
		display:inline; 
		margin:0 0 0 4px;
		}
	.divRiverContainer .actions li:before {
		content:"\00b7"; 
		font-weight:bold; 
		margin:0 4px 0 -2px;
		}
	
	.divRiverContainer #stream.compact .description,
	.divRiverContainer #stream.compact .enclosure,
	.divRiverContainer #stream.compact .article .footer {
		display:none;
		}
	
	.divRiverContainer #stream.compact .article .header {
		margin:0;
		}
	.divRiverContainer #footer {
		max-width:500px;
		padding:10px 5px;
		border-top:1px solid #ccc;
		margin:3em auto 0;
		}
	.divRiverContainer #footer p {
		margin:0 0 0.5em;
		font-size:0.6875em;
		color:#666;
		}
	
	* html .divRiverContainer #header {
		height:0;
		}
	
	* html .divRiverContainer .info {
		width:100%;
		}
	
	* html .divRiverContainer #header hgroup,
	* html .divRiverContainer #stream,
	* html .divRiverContainer #footer {
		width:500px;
		}
	}