/*
	Rupf layout
	author:	Simon Rupf <simon@rupf.net>
*/

@font-face {
	font-family:	'Vollkorn';
	font-style:		normal;
	font-weight:	normal;
	src:			url('Vollkorn-Regular.eot');								/* IE9 */
	src:			local('Vollkorn Regular'),
					local('Vollkorn-Regular'),
					url('Vollkorn-Regular.eot?iefix') format('eot'),			/* IE6-IE8 */
					url('Vollkorn-Regular.woff') format('woff'),				/* Modern Browsers */
					url('Vollkorn-Regular.ttf')  format('truetype'),			/* Safari, Android, iOS */
					url('Vollkorn-Regular.svgz#webfont2g3DOIW5') format('svg');	/* Legacy iOS */
}

@font-face {
	font-family:	'Vollkorn';
	font-style:		normal;
	font-weight:	bold;
	src:			url('Vollkorn-Bold.eot');
	src:			local('Vollkorn Bold'),
					local('Vollkorn-Bold'),
					url('Vollkorn-Bold.eot?iefix') format('eot'),
					url('Vollkorn-Bold.woff') format('woff'),
					url('Vollkorn-Bold.ttf')  format('truetype'),
					url('Vollkorn-Bold.svgz#webfontHCKzr7Ct') format('svg');
}

@font-face {
	font-family:	'Vollkorn';
	font-style:		italic;
	font-weight:	normal;
	src:			url('Vollkorn-Italic.eot');
	src:			local('Vollkorn Italic'),
					local('Vollkorn-Italic'),
					url('Vollkorn-Italic.eot?iefix') format('eot'),
					url('Vollkorn-Italic.woff') format('woff'),
					url('Vollkorn-Italic.ttf')  format('truetype'),
					url('Vollkorn-Italic.svgz#webfontdITb0dZI') format('svg');
}
@font-face {
	font-family:	'Vollkorn';
	font-style:		italic;
	font-weight:	bold;
	src:			url('Vollkorn-BoldItalic.eot');
	src:			local('Vollkorn Bold Italic'),
					local('Vollkorn-BoldItalic'),
					url('Vollkorn-BoldItalic.eot?iefix') format('eot'),
					url('Vollkorn-BoldItalic.woff') format('woff'),
					url('Vollkorn-BoldItalic.ttf')  format('truetype'),
					url('Vollkorn-BoldItalic.svgz#webfontXQBReiH8') format('svg');
}

* {
	color:	#006;
	background-color:	transparent;
	font-family:		Vollkorn, Verdana, sans-serif;
	font-size:			1em;
	text-align:			center;
	text-shadow:		1px 1px 0 #fff;
	word-spacing:		0.2em;
}

html, body {
	display:			block;
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	color:				#000;
	background-color:	#dde;
	overflow:			auto;
}

div {
	float:		left;
	width:		50%;
	margin:		0 -1px;
	padding:	0;
}

h1, h2, h3 {
	margin:			0.5em;
	padding:		0;
	font-weight:	bold;
}

h2, h3 {
	padding-top:			0.2em;
	color:					#fff;
	background-color:		#006;
	font-size:				1.5em;
	text-shadow:			-1px -1px 0 #000,
							1px 1px 0 #669;
	-moz-border-radius:		0.5em;
	-webkit-border-radius:	0.5em;
	border-radius:			0.5em;
	-moz-box-shadow:		-1px -1px 0 #fff,
							1px 1px 0 #666;
	-webkit-box-shadow:		-1px -1px 0 #fff,
							1px 1px 0 #666;
	box-shadow:				-1px -1px 0 #fff,
							1px 1px 0 #666;
}

h1 {
	font-size:		2em;
	text-shadow:	-1px -1px 0 #fff,
					1px 1px 1px #666;
}

h2 {
	font-size:	1.3em;
}

h3 {
	font-size:	1em;
}

ul {
	margin:				0.5em;
	padding:			0;
	list-style-type:	none;
}

p {
	margin:		0.5em 1em;
	padding:	0;
	text-align:	justify;
}

a {
	display:				block;
	width:					100%;
	padding-top:			0.2em;
	color:					#006;
	background-color:		transparent;
	line-height:			1.5em;
	text-decoration:		none;
	-moz-border-radius:		0.5em;
	-webkit-border-radius:	0.5em;
	border-radius:			0.5em;
}

a:hover {
	color:	#006;
	background-color:	#eef;
	text-decoration:	none;
	-moz-box-shadow:	-1px -1px 0 #666,
						1px 1px 0 #fff;
	-webkit-box-shadow:	-1px -1px 0 #666,
						1px 1px 0 #fff;
	box-shadow:			-1px -1px 0 #666,
						1px 1px 0 #fff;
}