/*******************************************************************************
~
~	Copyright (c) 2024 skipper
~	http://www.heroesden.link
~
*******************************************************************************/


/*

	Tips:

	1)	IE8 don't understand 'ch' size unit. Use only 'em' units.
		height: 1 row ~ 1.3em
		width: 1 char ~ 9px

*/


body
{
	font-family: sans-serif;
	font-size: 11pt;
	margin: 0;
	padding: 0;
}
a
{
	color: #a11313;
	text-decoration: none;
}
a:hover
{
	color: #ff3333;
	text-decoration: underline;
}
img
{
	/* Add background to an images while they loading. */
	background-color: #eeeeee;
}
p
{
	margin: 0;
}
div.main_block
{
	margin: 0 auto;
	max-width: 640px;
	padding: 10px 15px 15px;
}


/************************************************************* "Go back" link */


div.main_block > div.go_back
{
	padding: 0 3px 10px;
}
div.main_block > div.go_back > a:hover
{
	text-decoration: none;
}


/********************************************************************* Header */


div.main_block > div.header
{
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 1px 0;
	font-weight: bold;
	padding: 15px 3px;
	text-align: center;
}


/***************************************************************** Index page */


div.main_block > div.index
{
	font-size: 12pt;
}
div.main_block > div.index > h1
{
	font-size: 125%;
	margin-top: 15px;
}
div.main_block > div.index > ul
{
	margin: 25px 0;
}
div.main_block > div.index > ul > li + li
{
	margin-top: 5px;
}


/****************************************************** Static page's content */


div.main_block > div.content
{
	padding: 15px 3px 30px;
}
div.main_block > div.content > h1
{
	font-size: 100%;
	margin: 0;
}
div.main_block > div.content > p
{
	margin-top: 1em;
	text-align: justify;
}
div.main_block > div.content > h2
{
	font-size: 100%;
	margin: 1em 0 0;
}
div.main_block > div.content > ul
{
	margin: 1em 0 0;
}
div.main_block > div.content > ul > li + li
{
	margin-top: 10px;
}


/************************************************************* License's text */


div.main_block > div.content > div.license
{
	background-color: #eeeeee;
	border: 1px #dddddd solid;
	border-radius: 6px;
	font-family: monospace;
	margin-top: 1em;
	padding: 15px;
}
div.main_block > div.content > div.license > p + p
{
	margin-top: 1em;
}
div.main_block > div.content > div.license > h3
{
	font-size: 100%;
	margin: 1em 0 0;
	text-align: center;
}
div.main_block > div.content > div.license ul
{
	list-style-type: disc;
	margin: 1em 0 0;
}
div.main_block > div.content > div.license ol
{
	list-style-type: none;
	margin: 1em 0 0;
}
div.main_block > div.content > div.license ol > li
{
	position: relative;
}
div.main_block > div.content > div.license ol > li ~ li
{
	margin-top: 1em;
}
div.main_block > div.content > div.license > ol
{
	padding-left: 25px;
}
div.main_block > div.content > div.license > ol > li > span:first-child
{
	left: -25px;
	position: absolute;
}
div.main_block > div.content > div.license > ol > ol
{
	padding-left: 50px;
}
div.main_block > div.content > div.license > ol > ol > li > span:first-child
{
	left: -50px;
	position: absolute;
}


/************************************************************ Screenshot list */


div.main_block > div.content > div.screenshots
{
	color: #333333;
	font-size: 0.90em;
	font-style: italic;
	margin-top: 1em;
}
div.main_block > div.content > div.screenshots > div.item
{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-radius: 6px;
	float: left;
	margin: 5px;
	padding: 5px;
	width: 180px;
}
div.main_block > div.content > div.screenshots > div.item:hover
{
	background-color: #dddddd;
}
div.main_block > div.content > div.screenshots > div.item img
{
	margin: 0;
	padding: 0;
}


/********************************************************************* Footer */


div.main_block > div.footer
{
	border-top: #aaaaaa solid 1px;
	padding: 15px 3px 0;
}
div.main_block > div.footer > p ~ p
{
	margin-top: 1em;
}
div.main_block > div.footer > p > span.email
{
	font-style: italic;
}