#articles .head {
	display: block; position: relative;
	padding: 0 0 10px;
	border-bottom: 2px solid #686e91;
}
#articles .head h1 {
	margin: 0;
}
#articles .head .range {
	display: block; position: absolute;
	right: 0; bottom: 10px;
	font-size: 0.9em; color: #555;
}

#articles a {
	text-decoration: none;
}
#articles .list li {
	display: block; position: relative;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}
#articles .list li:first-child {
}
#articles .list li .date {
	display: block; position: absolute;
	width: 10em;
	color: #333; text-align: right;
}
#articles .list li .title {
	display: block; position: relative;
	margin: 0 0 0 11em;
}
#articles .list li .subtitle {
	display: block; position: relative;
	margin: 0.2em 0 0 0;
	color: #333;
}

article {
}
article h1 {
	margin: 0;
}
article h2 {
	margin: 0.2em 0 0 0;
}
article ul {
	list-style: square;
	margin: 0; padding: 0 0 0 2em;
}
article ul li {
	margin: 0.5em 0 0 0; padding: 0;
}
article ol {
	list-style-type: decimal;
	margin: 0; padding: 0 0 0 2em;
}
article ol li {
	margin: 0.5em 0 0 0; padding: 0;
}
article .details {
	display: block;
	margin: 0.5em 0 0 0;
	font-size: 0.9em; color: #555;
}
article .details time {
	display: inline;
}
article .content {
	display: block; position: relative;
	margin: 1em 0 0 0;
}
article .share {
	display: block; position: relative;
	margin: 2em 0 0 0; padding: 1em 0 0 0;
	border-top: 1px solid #bbb;
}
article .share .source {
	display: block; float: left;
	min-width: 90px;
}
article .about {
	display: block; position: relative;
	margin: 1em 0 0 0; padding: 10px;
	background: #eee; border: 1px solid #ccc;
}
article .about .contact {
	display: block;
}
article .about .contact .label {
	display: inline;
}
article .about .contact address {
	display: inline;
	margin: 0 0 0 1em;
	font-style: normal;
}
article .about .footer {
	display: block;
	margin: 1em 0 0 0; padding: 1em 0 0 0;
	border-top: 1px solid #ccc;
}

/*
article .captioned {
	display: block; position: relative;
	margin: 1em 0; padding: 1em;
	border: 1px solid #ddd;
}
article .captioned.right {
	float: right;
	width: 50%; margin: 0 0 0.5em 2em;
}
article .caption {
	margin-top: 0.5em;
	font-size: 0.9em; font-style: italic;
}
article .captioned img {
	width: 100%; height: auto;
}
*/

/*
article .about .contact {
	display: block; float: left;
	width: 280px;
}
article .about .contact .label {
	display: block;
	margin: 0 0 0.5em 0;
}
article .about .contact address {
	display: block;
	padding: 0 0 0 0.5em;
	font-style: normal;
}
article .about .ans {
	display: block; float: right;
	width: 440px;
}
*/