html
{

}

body
{
    position: absolute;

    width: 100%;

	margin: 0px;
	padding: 0px;
	padding-bottom: 100px;

	background-color: var(--body-background);

	font-family: Arial;
}

header
{
	position: relative;

	width: 100%;
	height: 85px;

	margin: 0px;
	padding: 0px;

	background-color: var(--header-background);
}

menu
{
	position: absolute;
	left: 0px;
	bottom: 0px;

	width: 100%;
	height: 50px;

	margin: 0px;
	padding: 0px;

	background-color: var(--menu-background);
}

.menuOption,
.date
{
	position: relative;
	display: block;
	float: left;

	height: inherit;

	margin: 0px;
	padding: 0px;
	padding-right: 7px;
	padding-left: 7px;

	font-size: 45px;
	text-decoration: none;
	color: var(--menu-color);
	font-weight: bold;

	cursor: pointer;
}

.menuOption.right
{
	float: right;
}

.menuOption:hover
{
	background-color: var(--menu-option-hover);
}

.menuOption.select
{
	background-color: var(--menu-option-select);
}

#linkTargetIndicator.select
{
	background-color: var(--menu-option-new-tab-select);
}

.date
{
	float: right;

	margin-top: 2px;

	font-size: 29px;
	color: #ffffff;
}

main
{
	position: relative;

	width: 100%;

	margin: auto;
	margin-top: 10px;

	padding: 0px;
	padding-top: 15px;
	padding-bottom: 30px;

	text-align: center;

	background-color: var(--main-background);
}

.sizer
{
	width: 100%;
	max-width: var(--content-max-width);
	min-width: var(--content-min-width);
	height: inherit;

	margin: auto;
	padding: 0px;
}