@font-face
	{
	font-family: "trebuchet ms";
	src: local("Trebuchet MS"), url("/fonts/trebuc.ttf");
	}
@font-face
	{
	font-family: "trebuchet ms";
	font-weight: bold;
	src: local("Trebuchet MS Bold"), url("/fonts/trebucbd.ttf");
	}
@font-face
	{
	font-family: "trebuchet ms";
	font-style: italic;
	src: local("Trebuchet MS Italic"), url("/fonts/trebucit.ttf");
	}
@font-face
	{
	font-family: "trebuchet ms";
	font-weight: bold;
	font-style: italic;
	src: local("Trebuchet MS Bold Italic"), url("/fonts/trebucbi.ttf");
	}
@font-face
	{
	font-family: "comic sans ms";
	src: local("Comic Sans MS"), url("/fonts/comic.ttf");
	}
@font-face
	{
	font-family: "comic sans ms";
	font-weight: bold;
	src: local("Comic Sans MS Bold"), url("/fonts/comicbd.ttf");
	}

body
	{
	background: url("Afterlife2_BodyBackground.png");
	overflow-x: hidden;
	}

section#content
	{
	display: block;
	margin: auto;
	margin-top: 240px;
	margin-bottom: 32px;
	width: 640px;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	color: #111;
	border: 4px solid #fff;
	border-radius: 13px;
	padding: 24px;
	background-color: rgba(18,40,40,0.4);
	text-shadow: 0px 0px 7px #000;
	}

section#content a
	{
	color: #ec0;
	}
section#content a:hover
	{
	color: #8cf;
	}
	
section#content header
	{
	display: block;
	text-align: center;
	top: -220px;
	margin: auto;
	margin-bottom: -170px;
	}

section#content header:after
	{
	content: url("Afterlife2_Cloud1.png");
	position: absolute;
	z-index: -1;
	right: -170px;
	}
section#content header:before
	{
	content: url("Afterlife2_Cloud2.png");
	position: absolute;
	z-index: -1;
	left: -240px;
	}
section#content header h1:before
	{
	content: url("Afterlife2_Cloud2.png");
	position: absolute;
	z-index: -1;
	left: -113px;
	top: 444px;
	}

section#content figure.screenshots:after
	{
	content: url("Afterlife2_Cloud1.png");
	position: absolute;
	z-index: -1;
	left: 490px;
	top: 150px;
	}
section#content figure.screenshots:before
	{
	content: url("Afterlife2_Cloud2.png");
	position: absolute;
	z-index: -1;
	left: 200px;
	top: 380px;
	}

section#content header h1
	{
	margin-bottom: 7px;
	}

section#content header nav ul
	{
	font-family: "comic sans ms", sans-serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 4px;
	top: 7px;
	}
section#content header nav ul li
	{
	display: inline;
	list-style-type: none;
	margin-left: 7px;
	margin-right: 7px;
	padding: 4px;
	}
section#content header nav ul a
	{
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	}
section#content header nav ul a.currentpage
	{
	color: #ccc;
	}
section#content header nav ul a:hover
	{
	color: #fff;
	text-shadow: 0px 0px 13px #000;
	}

section#content h2
	{
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	color: #fff;
	margin-bottom: 1em;
	display: none;
	}

section#content p
	{
	margin-bottom: 2em;
	line-height: 2em;
	text-align: justify;
	color: #eee;
	}
section#content aside.flavourtext
	{
	display: block;
	width: 420px;
	font-size: 13px;
	margin-bottom: 40px;
	}
section#content aside.flavourtext p
	{
	font-style: italic;
	color: #000;
	text-shadow: none;
	}
section#content aside.flavourtext:after
	{
	content: url("Afterlife2_Rickard.png");
	position: absolute;
	top: 10px;
	right: -230px;
	}
section#content aside.flavourtext strong
	{
	color: #400;
	}

section#content figure.screenshots
	{
	display: block;
	margin-bottom: 30px;
	margin-top: 20px;
	}
section#content figure.screenshots img
	{
	width: 280px;
	height: 210px;
	border-radius: 7px;
	cursor: zoom-in;
	border: 4px solid #282828;
	border-bottom-color: #666;
	border-left-color: #666;
	}
section#content figure.screenshots img:nth-child(odd)
	{
	margin-right: 24px;
	}
section#content figure.screenshots img:nth-child(even)
	{
	margin-left: 24px;
	}
section#content figure.screenshots img:active
	{
	width: 400px;
	height: 300px;
	margin-bottom: -225px;
	top: -180px;
	z-index: 1;
	cursor: default;
	}
section#content figure.screenshots img:active:nth-child(odd)
	{
	margin-left: -60px;
	margin-right: -36px;
	}
section#content figure.screenshots img:active:nth-child(even)
	{
	margin-left: -36px;
	margin-right: -60px;
	}

section#content a.downloadlink
	{
	display: block;
	font-size: 40px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: bold;
	margin: auto;
	margin-top: 38px;
	margin-bottom: 48px;
	border-bottom: 5px solid #000;
	width: 245px;
	}

section#content dl
	{
	display: block;
	margin: auto;
	padding: 10px;
	width: 480px;
	margin-bottom: 18px;
	margin-top: 18px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.4em;
	background-color: rgba(0,0,0,0.2);
	border-radius: 10px;
	color: #eee;
	}
section#content dl dt
	{
	display: block;
	float: left;
	border-style: none;
	padding: 10px;
	vertical-align: top;
	text-align: justify;
	font-weight: bold;
	width: 7em;
	}
section#content dl dd
	{
	display: block;
	border-style: none;
	padding: 10px;
	text-align: justify;
	vertical-align: top;
	margin-left: 10em;
	}
section#content dl * p
	{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	}
section#content dl ul
	{
	display: block;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}
section#content dl ul li
	{
	margin: 0px;
	padding: 0px;
	list-style-image: url("/Afterlife_Star.png");
	list-style-position: outside;
	margin-bottom: 1em;
	}
section#content dl ul li:last-child
	{
	margin-bottom: 0px;
	}

section#content dl#downloadmenu:after
	{
	content: url("Afterlife2_Raymond.png");
	position: absolute;
	right: -38px;
	bottom: -47px;
	}

section#content h3
	{
	font-size: 18px;
	font-weight: bold;
	}
section#content > h3
	{
	text-align: left;
	margin-left: 70px;
	margin-right: 70px;
	}
section#content h4
	{
	font-size: 15px;
	font-weight: bold;
	}
section#content hgroup
	{
	display: block;
	text-align: left;
	margin-left: 70px;
	margin-right: 70px;
	}
section#content hgroup:first-of-type
	{
	margin-top: 40px;
	}
	
section#content ul.versionhistory
	{
	text-align: justify;
	list-style-position: outside;
	list-style-image: url("Afterlife2_Star.png");
	margin-left: 87px;
	margin-right: 87px;
	margin-bottom: 32px;
	font-size: 13px;
	line-height: 1.8em;
	color: #fff;
	}

section#content ul.versionhistory:last-of-type:after
	{
	content: url("Afterlife2_Cloud1.png");
	position: absolute;
	z-index: -1;
	left: 460px;
	top: -400px;
	}
section#content ul.versionhistory:last-of-type:before
	{
	content: url("Afterlife2_Cloud2.png");
	position: absolute;
	z-index: -1;
	left: 130px;
	top: -130px;
	}

section#content blockquote
	{
	text-align: justify;
	width: 480px;
	background-color: #000;
	padding: 10px;
	padding-top: 30px;
	background-color: rgba(0,0,0,0.4);
	border-radius: 10px;
	margin: auto;
	margin-top: 20px;
	}
section#content blockquote h4
	{
	margin-left: 40px;
	margin-right: 40px;
	}
section#content blockquote, section#content blockquote *
	{
	font-size: 13px;
	}
section#content blockquote p
	{
	margin-left: 40px;
	margin-right: 40px;
	}
section#content blockquote p img, section#content blockquote p object
	{
	display: block;
	margin: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	}
section#content blockquote p object.youtubevideo
	{
	width: 400px;
	height: 240px;
	border-radius: 10px;
	}
section#content blockquote ul
	{
	margin-left: 80px;
	margin-right: 80px;
	margin-bottom: 2em;
	}

section#content blockquote:last-of-type:after
	{
	content: url("Afterlife2_Cloud1.png");
	position: absolute;
	z-index: -1;
	left: 130px;
	bottom: -190px;
	}

span.pressattribution
	{
	display: block;
	text-align: right;
	margin-left: 70px;
	margin-right: 75px;
	margin-bottom: 40px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	}
span.pressattribution:before
	{
	content: "└ ";
	font-weight: bold;
	}

section#content span.pressattribution:last-of-type:after
	{
	content: url("Afterlife2_Cloud2.png");
	position: absolute;
	z-index: -1;
	left: 460px;
	top: -300px;
	}