html
{
	width: 100%;
}

body
{
	margin: auto;
	width: 464px;

	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;

	-webkit-text-size-adjust: none;
}

h1
{
	font-size: 60px;
	font-weight: bold;
	font-style: italic;
	color: #3671a1;

	text-align: left;

	padding-top: 8px;
	padding-bottom: 16px;
	margin-bottom: 24px;

	border-bottom: 6px dotted #3671a1;
	border-bottom: 16px solid #d6d1ff;
}

h2
{
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	color: #cc3c00;

	padding-top: 16px;
	margin-top: 16px;
	margin-bottom: 16px;

	border-top: 16px solid #d6d1ff;
}

p
{
	padding-bottom: 12px;
}

a
{
	color: #cc3c00;
}

a:hover
{
	text-decoration: none;
}

ul li a.link
{
	display: block;

	padding: 4px 6px 4px 6px;

	color: #ffffff;
	background-color: #3671a1;
	border-bottom: 16px solid #d6d1ff;
	font-weight: bold;
	text-decoration: none;
}

ul li a.link:hover
{
	color: #cc3c00;
	background-color: #ffffff;

	text-decoration: none;
}

ul li
{
	background-color: #f3f3f3;
	margin-bottom: 12px;
	border: 1px solid #3671a1;
	border-bottom: 8px solid #3671a1;
}

ul li p
{
	padding: 6px;
}

div.filesize
{
	font-size: 13px;
	font-style: italic;

	text-align: right;

	padding-right: 6px;
	padding-bottom: 6px;
}