/*
	Screen styles for the website
	Created by Halftone Media <halftonemedia.ca>
*/

body {
	margin: 0;
	padding: 0;
	
	background: #bfecea url("../../images/bg.jpg") no-repeat top center;
	
	font: normal 100.01%/118.75% "Helvetica Neue",helvetica,arial,segoe,sans-serif;
	text-align: center;
	}
	
h1 {
	margin: 0;
	padding: 55px 0 25px 0;
	
	color: #ff3e6b;
	text-align: center;
	}

p {
	margin: 0 auto;
	overflow: auto;
	padding: 0 0 30px 0;
	width: 600px;

	color: #3f3c3c;
	font-size: 1.125em;
	line-height: 1.3125em;
	}

img {
	border: 0;
	}

a,
a:link,
a:visited {
	color: #064a78;
	}
		
a:focus,
a:hover,
a:active {
	color: #ff3e6b;
	}

a.character,
a.character:link,
a.character:visited {
	display: inline;
	float: left;
	padding: 290px 0 0 0;
	width: 250px;
	
	background: transparent none no-repeat top center;
	
	font-size: 1.125em;
	}
	
	a.liz,
	a.liz:link,
	a.liz:visited {
		background-image: url("../../images/liz.gif");
		}
		
	a.thomas,
	a.thomas:link,
	a.thomas:visited  {
		background-image: url("../../images/thomas.gif");
		}
	
a.character span {
	display: block;
	margin: 0;
	padding: 0 0 100px 0;
	}
	
a.liz:visited span {
	background: transparent url("../../images/check-liz.gif") no-repeat bottom center;
	}
	
a.thomas:visited span {
	background: transparent url("../../images/check-thomas.gif") no-repeat bottom center;
	}

span.ampersand {
	float: left;
	margin: 0;
	padding: 180px 0 0 20px;
	width: 80px;
	
	color: #ff3e6b;
	font: italic normal 3.75em "Palatino Linotype","Palatino LT Std","Palatino","Book Antiqua",georgia, serif;
	text-align: center;
	}