body {
	font-family: 'VeraMono';
	margin: 0;
	color: rgb(0,0,128);
	background-color: #EEE;
}
@media print {
	body {
		background-color: white;
	}
	#nav {
		display: none;
	}
}

a {
/* 
	text-decoration: none;
*/
	color:inherit;
}
a img {
	border:none;
}
#screen {
	position: absolute;
}
.ie8 #clock {
	visibility: none;
}
#iphone.commented {
	position: relative; 
	top: -284px; 
	left: -40px;
}
#iphone{
	position: relative; 
	top: 50px; 
	left: 28px;
}

#clock {
	font-family: Helvetica;
/* 
	font-size: 14px;
	font-size: 12px;
 */
	font-size: 11px;
/* 
	font-weight: bold;
	text-shadow: 1px 1px 1px white;
 */
	color: #555;
	position: relative;
/* 
	top: 56px;
 */
	top: 161px;
/* 
	left: 116px;
 */
	left: 146px;
/* 
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
 */
	text-align: center;
	width: 100px;
}
.header {
	font-size: 200%;

	background-image: url(../img/stripWeb.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
.summary {
	color: gray;

	background-image: url(../img/stripWeb.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
.wrapper {
	min-width: 480px;
	max-width: 800px;
	margin: auto;
}
.dimmed {
	color: #CCC;
}
.name {
	color: #EA8909;
}
.small {
	font-size: 75%;
	padding-top: 6px;
}
.sample {
	color: rgb(0,0,128);
	background-color: white;
}
.query {
	font-weight: bold;
}
table {
	width: 100%;
	padding: 20px;
	padding-top: 0px;
	border-spacing: 20px;
}
th {
	font-size: 200%;
	color: rgb(0,0,128);
	font-weight: normal;
	text-align: left;
}
#nav {
	text-align: center;
	padding-top: 8px;
	padding-right: 30px;
}
.nav {
	font-size: 11px;
	cursor: pointer;

	border-radius: 3px;
	display: inline-block;
	background-color: #DDD;
	padding: 2px 4px;
	text-decoration: none;
	color: white;
	width: 32px;
}