/*
	CSS styles to go along with the statisticalportraits shortcode defined in functions-statistical-portraits.php

	The aim of this is to standardize how Pew Hispanic does their yearly statistical portraits.
*/
.statistical-portrait {
overflow:auto;
height:100%;
}
.statistical-portrait li {
margin:10px 15px;
width:30%;
}
.statistical-portrait .position-1 {
clear:left;
margin-left:0;
}
.statistical-portrait .position-3 {
clear:right;
margin-right:0;
}
body #content .statistical-portrait .meta {
display:block;
font-size:75%;
}
.singular .content p.portrait-top {
color: #777;
font-size:1.1em;
font-family:"franklin-gothic-urw",Verdana,Geneva,sans-serif;
margin-bottom: 200px;
text-align: center;
}

@media (max-width: 46.25em){	/* 740px / 16 */
	.statistical-portrait li {
	width:45%;
	}
	.statistical-portrait .position-1,
	.statistical-portrait .position-2,
	.statistical-portrait .position-3 {
	clear:none;
	margin-right:0;
	margin-left:15px;
	}
	.statistical-portrait .odd {
	clear:left;
	margin-left:0;
	}
}

@media (max-width: 25em){	/* 400px / 16 */
	.statistical-portrait li {
	width:auto;
	float:none;
	}
	.statistical-portrait .position-1,
	.statistical-portrait .position-2,
	.statistical-portrait .position-3,
	.statistical-portrait .odd {
	clear:none;
	margin-left:15px;
	margin-right:15px;
	}
}