/* article list elements */
.background{
	color: #FBFBFB;
	font-family: serif;
	font-size: 2em;
	left: 0;
	padding: 0em 2em;
	position: absolute;
	text-align: justify;
	z-index: -1;
}
.articlelist{
	border: 1px solid #FFF;
	float: left;
	width: 24em;
}
.article {
	padding-bottom: 0.5em;
}
.article .text .title {
	color: #55B3E9;
	font-size: 1.1em;
	padding: none;
}
.article .text .summary {
	font-size: 0.9em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.article .text .meta {
	color: #B7B7B7;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0em;
	padding: 0em;
	padding-top: 0.4em;
	padding-right: 0.7em;
}
.article .text .read {
	color: #1C3A86;
	font-size: 1em;
	font-weight: bold;
	white-space: nowrap;
	margin: 0em;
	padding: 0em;
}
.headliner .text .meta, .headliner .text .read{
	display: inline;
}
.article .text .footer {
	clear: both;
	float: none;
	margin: 0em;
}
.leader .picture {
	float: right;
	margin: 0.2em 0em 0.5em 0.5em;
	max-height: 8em;
	overflow: hidden;
	width: 190px;
}
.leader .picture img {
	height: auto;
	width: 190px;
}
.headliner .picture {
	float: right;
	margin: 0.2em 0em 0.7em 0.7em;
	max-height: 8em;
	overflow: hidden;
	width: 120px;
}
.headliner .picture img {
	height: auto;
	width: 120px;
}
/* in Pictures elements*/
.inpictures {
	border: 1px solid #FFF;
	/* border-radius: 4px; */
	float: left;
	margin-left: 1.1em;
	padding: 0em 0.4em;
	width: 11em;
}
.inpictures .pictureitem {
	border: none;
	color: #55B3E9;
	padding-bottom: 0.5em;
}

.inpictures .pictureitem img {
	width: 11em;
	height: auto;
}
/* the others elements */
.theothers	{
	background: #FAFAFA;
	border: 1px solid #EEE;
	border-radius: 4px;
	float: left;
	margin-left: 1.1em;
	padding: 0em 0.4em;
	width: 20em;
}

.theothers .smalllist ul {
	font-size: 0.9em;
	list-style-position: outside;
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}
.theothers .smalllist ul li {
	padding-top: 0.3em;
}
/* spotlight image cropping */
.theothers .spotlight a {
	color: #55B3E9;
}
.theothers .spotlight div.picture {
	border-top: solid 1px #EEE;
	border-bottom: solid 1px #EEE;
	max-height: 10em;
	overflow: hidden;
	width: 20em;
}
.theothers .spotlight div.picture img {
	height: auto;
	width: 20em;
}
/* standard formatting */
.pagebox{
	padding-bottom: 0.5em;
}
.pagebox .title{
	color: #ADADAD;
	font-size: 1.2em;
	padding-bottom: 0.15em;
}
.pagebox .item .title{
	color: #55B3E9;
	font-size: 1em;
	font-weight: bold;
}
/* formatting for wide browser */
.wide .articlelist {
	width: 33.9em;
}
.wide .theothers {
	width: 23em;
}
.wide .theothers .spotlight div.picture {
	max-height: 12em;
	overflow: hidden;
	width: 23em;
}
.wide .theothers .spotlight div.picture img {
	height: auto;
	width: 23em;
}