body
{
	font-size: 14px;
	line-height: 1.357;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

hr
{
	border: 0;
	height: 2px;
	margin-left: auto;
	width: 50%;
}

.hint
{
	color: #000000;
	background-color: #000000;
}

.hint.show
{
	background-color: transparent;
	/* Color of shown hint varies enough (light/dark background makes for dark/light text) that it seems better not to have a default */
}

.leftlist
{
	margin: auto;
	text-align: left;
}

.leftlist { display: inline-block; }
.leftlist td { padding: 0px; }

table.screenshots
{
	margin-left: auto;
	margin-right: auto;
}

.youtwit
{
	margin-left: auto;
	margin-right: auto;
}

.series div
{
	display: inline-block;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
}

div#main
{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px 32px;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
}

p
{
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.357em;
	margin-bottom: 1.357em;
}
p:first-of-type { margin-top: 0; }
p:last-of-type { margin-bottom: 0; }

details { margin: auto; }
summary { margin: auto;  }

@media (max-width: 800px)
{
	div#main
	{
		width: 100% !important;
		padding: 16px 16px !important;
	}
	img { width: 100% !important; }
	.youtwit { width: 100% !important; }
	table { table-layout: fixed }
	td { word-wrap: break-word; }
}