*
	{padding:0;
	margin:0;}

html
	{background:#111112;}

body
	{position:relative;
	width:60%;
	max-width:50em;
	background:#99a;
	background:url("./images/fleuron.png") 50% 10px no-repeat, -moz-radial-gradient(#ccd, #88b);
	background:url("./images/fleuron.png") 50% 10px no-repeat, -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 250, color-stop(0.0, #dde), color-stop(1.0, #99a));
	font:80%/1.3 "century gothic", arial, helvetica, sans-serif;
	color:#333;
	padding:80px 4em 2em;
	border:5px solid #eee;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	outline:2px solid #bbc;
	outline-offset:-1em;
	-moz-outline-radius:1em;
	-webkit-outline-radius:1em;
	outline-radius:1em;
	margin:8em auto 0;
	-moz-box-shadow:inset 3px 3px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 3px 3px 8px rgba(0,0,0,0.2);
	box-shadow:inset 3px 3px 8px rgba(0,0,0,0.2);}

h1
	{font-size:2em;
	font-weight:normal;
	color:#000;
	text-shadow:1px 1px 1px rgba(0,0,0,0.25);
	text-align:center;
	margin:0 0 1em;}

p
	{margin:1em 0;}

ul
	{margin:2em 0 1em 8em;}

li
	{background:url("./images/info_bullet.png") 0 50% no-repeat;
	font-size:0.9em;
	line-height:14px;
	list-style-type:none;
	padding-left:18px;
	margin-top:0.8em;}

ul#info
	{color:#012;
	font-size:0.95em;
	text-align:center;
	padding:1em;
	border-top:1px solid #dde;
	border-left:1px solid #ccd;
	outline-radius:0.5em;
	-moz-outline-radius:0.5em;
	-webkit-outline-radius:0.5em;
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
	box-shadow:1px 1px 1px rgba(0,0,0,0.4);
	margin:3em auto 0;}

ul#info li
	{display:inline;
	background:url("./images/info_bullet.png") 0 50% no-repeat;;
	padding:0 0 0 15px;
	margin:0 0.1em;}

a
	{color:#222;
	text-decoration:none;
	border-bottom:1px solid #999;}

body.error h2
	{position:absolute;
	top:5px;
	right:15px;
	font-size:4em;
	font-weight:normal;
	color:#000;
	text-shadow:2px 2px 3px rgba(0,0,0,0.2);}

body.error p.backlink
	{text-align:right;}