/* SMBX
 * general.css - General styles
 */

header
{
	margin: auto;
	max-width: 700px;
	width: calc(100% - 40px);
}

h1,
h2,
h3
{
	font-size: 1rem;
	text-align: center;
}

main
{
	margin: auto;
	max-width: 800px;
	width: calc(100% - 40px);
}

p.image
{
	line-height: 0;
}

.archive-body
{
	display: grid;
	grid-gap: 16px 32px;
	grid-template-columns: repeat(2, 1fr);
	margin: auto;
	max-width: 1000px;
	width: calc(100% - 40px);
}

.archive-body .featured-image
{
	float: right;
}

.archive-body .featured-image a
{
	height: 150px;
	width: 200px;
}

.archive-body .featured-image img
{
	width: 100%;
}

.archive-header
{
	padding: 16px;
	text-align: center;
}

.featured-image a
{
	border: solid 2px #000000;
	display: inline-block;
	line-height: 0;
}

.featured-image a:hover
{
	border-color: #F8C810;
}

.single main
{
	max-width: 850px;
}

.single .featured-image
{
	text-align: center;
}