/* Floating classes */

.floatLeft{
	float:left;
	margin-left:0;
	}
	
.floatRight{
	float:right;
	margin-right:0;
	}
	
	



/* General article styles */

.figArticle{
	width:100%;
	height:auto;
	margin: 50px auto;
	margin-top: 10px;
	padding:100px;
	background-color:#f2f2f2;
	border-left: medium solid #edf2f6;
	border-right: medium solid #edf2f6;
	font-family:'Trebuchet MS', sans-serif;
	font-size:1.0em;
	text-align:justify;
	line-height:140%;
	}
	

/* Figure & figcaption styles */
	
.storyFigs{
	width:500px;
	height:auto;
	margin-top:0;
	border: thick solid #e8edf4;
	}
	
.storyFigs img{
	width:100%;
	height:auto;
	}
	
.storyFigs figcaption{
	padding:3px;
	background: #f6fa9c;
	text-align:left;
	}
	
	
/* Optional auto numbering */

.figArticle {
    counter-reset: figures;
}
 
.storyFigs figcaption {
    counter-increment: figures;
}
 
.storyFigs figcaption:before {
    content: 'Fig. ' counter(figures) ': ';
}