:root
{
	--body-font-size-1: 100%;
	--body-font-size-2: 130%;
	--body-font-size-3: 150%;
	--body-color: #333333;
	--body-anchor-color: ;
	--body-background-color: ;
	--body-border-color: #afafaf;
	--body-background-image: ;
	--body-font-family: Arial, Sans-serif;
	--body-font-size: ;
	--body-font-style: ;
	--body-font-weight: ;
	--body-line-height: 1.3;
	--header-anchor-color: ;
	--header-color: #444444;
	--header-border-bottom-color: ;
	--header-background-color: #ffffff;
	--header-background-image-1: ; 
	--header-background-pos-y-1: top;
	--header-background-pos-x-1: left;
	--header-background-size-1: 10rem;
	--header-background-repeat-1: no-repeat;
	--header-background-image-2: ;
	--header-background-pos-y-2: top;
	--header-background-pos-x-2: right;
	--header-background-size-2: 10rem;
	--header-background-repeat-2: no-repeat;
	--header-font-family: ;
	--header-font-size: ;
	--header-font-style: ;
	--header-font-weight: ;
	--navigation-anchor-color: ;
	--navigation-color: ;
	--navigation-background-color: ;
	--navigation-font-family: ;
	--navigation-font-size: %;
	--navigation-font-style: ;
	--navigation-font-weight: ;
	--switches-color: ;
	--switches-anchor-color: #6BB632;
	--switches-active-color: #6BB632;
	--switches-background-color: #fff;
	--switches-font-family: ;
	--switches-font-size: ;
	--switches-font-style: ;
	--switches-font-weight: ;
	--main-color: ;
	--main-anchor-color: ;
	--main-background-color: #ffffff;
	--main-background-image: ;
	--main-font-family: ;
	--main-font-size: ;
	--main-font-style: ;
	--main-font-weight: ;
	--top-color: ;
	--top-anchor-color: ;
	--top-background-color: #ffffff;
	--top-font-family: ;
	--top-font-size: ;
	--top-font-style: ;
	--top-font-weight: ;
	--bottom-color: ;
	--bottom-anchor-color: ;
	--bottom-background-color: ;
	--bottom-font-family: ;
	--bottom-font-size: ;
	--bottom-font-style: ;
	--bottom-font-weight: ;
	--footer-color: #000;
	--footer-anchor-color: #000;
	--footer-background-color: #6BB632;
	--footer-background-image-1: ;
	--footer-background-pos-y-1: ;
	--footer-background-pos-x-1: ;
	--footer-background-size-1: ;
	--footer-background-repeat-1: ;
	--footer-background-image-2: ;
	--footer-background-pos-y-2: ;
	--footer-background-pos-x-2: ;
	--footer-background-size-2: ;
	--footer-background-repeat-2: ;
	--footer-font-family: ;
	--footer-font-size: ;
	--footer-font-style: ;
	--footer-font-weight: ;
	
	--input-background-color: ;
	--input-color: #333333;
	--input-border-color: #858585;
	--input-font-size: ;
	--input-line-height: 1.3;

	--select-background-color: ;
	--select-color: #333333;
	--select-border-color: #858585;
	--select-font-size: ;
	--select-line-height: 1.3;
	
	--button-background-color: #efefef;
	--button-color: #3f3f3f;
	--button-border-color: #858585;
	--button-font-size: ;
	--button-line-height: 1.3;
	
	--narrow-input-background-color: ;
	--narrow-input-color: #333333;
	--narrow-input-border-color: #858585;
	--narrow-input-font-size: ;
	--narrow-input-line-height: 1.3;

	--narrow-select-background-color: ;
	--narrow-select-color: #333333;
	--narrow-select-border-color: #858585;
	--narrow-select-font-size: ;
	--narrow-select-line-height: 1.3;
	
	--narrow-button-background-color: ;
	--narrow-button-color: #333333;
	--narrow-button-border-color: #858585;
	--narrow-button-font-size: ;
	--narrow-button-line-height: 1.3;

}

body[text_size="1"]
{
	font-size: var(--body-font-size-1);
}

body[text_size="2"]
{
	font-size: var(--body-font-size-2);
}

body[text_size="3"]
{
	font-size: var(--body-font-size-3);
}

body
{
	color: var(--body-color);
	background-color: var(--body-background-color);
	background-image: var(--body-background-image);
	background-attachment: fixed;
	border-color: var(--body-border-color);
	font-family: var(--body-font-family);
	font-size: var(--body-font-size-1);
	font-style: var(--body-font-style);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height);
	
}

body a
{
	color: var(--body-anchor-color);
	text-decoration: none;
}

/*a.markdown
{
	color: inherit;
}

a.markdown:hover
{
	text-decoration: underline;
}*/

input, textarea
{
	color: var(--input-color);
	/*
	background-color: var(--input-background-color);
	border-color: var(--input-border-color);
	line-height: var(--input-line-height);
	*/
	font-family: var(--body-font-family);
	font-style: var(--body-font-style);
	font-size: var(--input-font-size);
	padding:0.2em
}

select
{
	color: var(--select-color);
	/*
	background-color: var(--select-background-color);
	border-color: var(--select-border-color);
	line-height: var(--select-line-height);
	*/
	font-family: var(--body-font-family);
	font-style: var(--body-font-style);
	font-size: var(--select-font-size);
	
}

button, input[type=button], input[type=submit]
{
	color: var(--button-color);
	/*
	background-color: var(--button-background-color);
	border-color: var(--button-border-color);
	line-height: var(--button-line-height);
	*/
	font-family: var(--body-font-family);
	font-style: var(--body-font-style);
	font-size: var(--button-font-size);
	
}

@media (max-width: 45rem)
{

input, textarea
{
	color: var(--narrow-input-color);
	/*
	background-color: var(--narrow-input-background-color);
	border-color: var(--narrow-input-border-color);
	*/
	font-size: var(--narrow-input-font-size);
	line-height: var(--narrow-input-line-height);
	
}

select
{
	color: var(--narrow-select-color);
	/*
	background-color: var(--narrow-select-background-color);
	border-color: var(--narrow-select-border-color);
	*/
	font-size: var(--narrow-select-font-size);
	line-height: var(--narrow-select-line-height);
	
}

button, input[type=button], input[type=submit]
{
	color: var(--narrow-button-color);
	/*
	background-color: var(--narrow-button-background-color);
	border-color: var(--narrow-button-border-color);
	*/
	font-size: var(--narrow-button-font-size);
	line-height: var(--narrow-button-line-height);
	
}

}

header
{
	color: var(--header-color);
	background-color: var(--header-background-color);
	font-family: var(--header-font-family);
	font-size: var(--header-font-size);
	font-style: var(--header-font-style);
	font-weight: var(--header-font-weight);
}

body.wide header
{
	border-bottom-style: solid; border-bottom-width: 1px;
	border-bottom-color: var(--header-border-bottom-color);
}

header a
{
	color: var(--header-anchor-color);
}

header>nav
{
	color: var(--navigation-color);
	background-color: var(--navigation-background-color);
	font-family: var(--navigation-font-family);
	font-size: var(--navigation-font-size);
	font-style: var(--navigation-font-style);
	font-weight: var(--navigation-font-weight);
}

header>nav a
{
	color: var(--navigation-anchor-color);

}

nav.switches
{
	color: var(--switches-color);
	background-color: var(--switches-background-color);
	font-family: var(--switches-font-family);
	font-size: var(--switches-font-size);
	font-style: var(--switches-font-style);
	font-weight: var(--switches-font-weight);
}

nav.switches a
{
	color: var(--switches-anchor-color);

}

nav.switches a.active
{
	color: var(--switches-active-color);
}

main
{
	color: var(--main-color);
	background-color: var(--main-background-color);
	background-image: var(--main-background-image);
	font-family: var(--main-font-family);
	font-size: var(--main-font-size);
	font-style: var(--main-font-style);
	font-weight: var(--main-font-weight);
}

main a
{
	color: var(--main-anchor-color);
}

aside.top
{
	color: var(--top-color);
	background-color: var(--top-background-color);
	font-family: var(--top-font-family);
	font-size: var(--top-font-size);
	font-style: var(--top-font-style);
	font-weight: var(--top-font-weight);
}

aside.top a
{
	color: var(--top-anchor-color);
}

aside.bottom
{
	color: var(--bottom-color);
	background-color: var(--bottom-background-color);
	font-family: var(--bottom-font-family);
	font-size: var(--bottom-font-size);
	font-style: var(--bottom-font-style);
	font-weight: var(--bottom-font-weight);
}

aside.bottom a
{
	color: var(--bottom-anchor-color);

}

footer
{
	color: var(--footer-color);
	background-color: var(--footer-background-color);
	font-family: var(--footer-font-family);
	font-size: var(--footer-font-size);
	font-style: var(--footer-font-style);
	font-weight: var(--footer-font-weight);
}

footer a
{
	color: var(--footer-anchor-color);
}

@media (min-width: 80rem)
{

header
{
	background-image: var(--header-background-image-1), var(--header-background-image-2);
	background-position: var(--header-background-pos-y-1) var(--header-background-pos-x-1), var(--header-background-pos-y-2) var(--header-background-pos-x-2);
	background-size: var(--header-background-size-1), var(--header-background-size-2);
	background-repeat: var(--header-background-repeat-1), var(--header-background-repeat-2);
}

footer
{
	background-image: var(--footer-background-image-1), var(--footer-background-image-2);
	background-position: var(--footer-background-pos-y-1) var(--footer-background-pos-x-1), var(--footer-background-pos-y-2) var(--footer-background-pos-x-2);
	background-size: var(--footer-background-size-1), var(--footer-background-size-2);
	background-repeat: var(--footer-background-repeat-1), var(--footer-background-repeat-2);
}

}