* { 
	margin:0;
	padding:0;
	}

body {
	font-family:helvetica,arial,sans-serif;
	font-size:1.2em;
	padding:20px;
	}

a {
	text-decoration:none; 
	color:#c00;
	}

a:hover {
	background:#c00;
	color:#fff;
	}

h1, h2, h3, h4 { 
	text-transform:uppercase;
	}

h1 {
	font-size:3.5em;
	line-height:0.9em;
	font-weight:bold;
	}

h2 {
	font-size:2.3em;
	font-weight:normal;
	line-height:0.9em;
	color:#444;
	}

h3 {
	font-size:1.2em;
	line-height:1.1em;
	color:#900;
	}

h4 {
	color:#000;
	font-size:1.0em;
	line-height:1.1em;
	font-weight:bold;
	}

.details-wrapper {
	display:none;
	overflow:auto;
	width:690px;
	}

.details-content {
	background:#fff;
	font-size:0.7em;
	padding:5px 0 15px 10px;
	color:#333;
	}

.screenshot {
	border:1px solid #333;
	float:left;
	margin:0 10px 0 0;
	}

.red { color:#900; }
.grey { color:#999; }
.star { color:#d00; }
.footer { color:#000; }
.contact { padding-top:25px; }

.chris { color:#999; }
.chris:hover { background:#999; color:#fff; }