@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans'), local('OpenSans'),
		url('/scripts/font/Open Sans.woff2') format('woff2'),
		url('/scripts/font/Open Sans.woff') format('woff');
	font-display: swap;
}

body	{ font-family: Open Sans, Helvetica, Arial, sans-serif; color: #333; background-color: #e4e4e4; }
main	{ margin: 0 auto; margin-top: 30px; margin-bottom: 30px; padding: 20px; width: 1000px; background-color: #fff; border-radius: 8px; border: 1px solid #ccc; }
#logo	{ margin-left: -14px }
a	{ color: #06c; text-decoration: none; }
a:hover	{ text-decoration: underline; }
ul li	{ color: #999; }

/* Searchpage */
input, select, textarea		{ border: 1px solid #ccc; border-radius: 3px; margin: 3px 0; padding: 5px; background: #fff; color: #000; }
#pagesearch		{ display: inline-block; width: 100%; max-width: 600px; }
#pagesearch #qfield	{
	width: 80%; height: 25px; margin: 0; padding: 8px;
	background: #fff; color: #666; font-size: 1.4em; text-indent: 3px;
	border-width: 1px 0 1px 1px; border-radius: 3px 0 0 3px; outline: none;
}

#pagesearch_submit	{
	float: right; margin: 0; height: 31px; position: absolute; background: #fff;
	border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc; border-radius: 0 3px 3px 0;
}

/*--------------------------------
 	Responsive
-------------------------------*/
@media all and (max-width: 1000px) {
	body	{ margin: 0; padding: 0; }
	main	{ width: auto; margin: 0; padding: 6px; border: none; border-radius: 0; }
}