* { padding: 0;	margin: 0; text-rendering: optimizeLegibility; }

body {
	background: url(/css/pattern.png);
	color : #999;
	font-family: 'SimpleRegular', Monaco,
             "Bitstream Vera Sans Mono",
             "Lucida Console",
             Terminal,
             monospace;
	text-align: center;
}

div.box {
	text-align: left;
	padding: 20px 20px 10px 20px;
	width: 510px;
	margin: 80px auto 20px auto;
	background: #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

h1 {
	color: #000;
	font-weight: normal;
	font-size: 140px;
	line-height: 150px;
	letter-spacing: -5px;
	text-rendering: optimizeLegibility;
}

p {
	line-height:30px;
	font-weight: normal;
	font-size: 18px;
	text-align : left;
	margin-bottom: 1em;
}

a {
	color: #000;
	background: #fe0; 
	text-decoration: underline;
	-webkit-transition: background-color 0.25s;
	-moz-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	padding: 2px;
}

a:hover { background-color: #dc0; color: #000; text-decoration: underline; }

strong { font-weight: normal; color: #000; background: #fe0; padding: 2px;}

.small {
	padding: 0.8em;
	margin: 1.2em 0;
	text-align: left;
	font-family: Monaco,
             "Bitstream Vera Sans Mono",
             "Lucida Console",
             Terminal,
             monospace;
	font-size: 10px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
	
.small a {
	background-color: #fff;
	color: #999;
	padding: 0;
	text-decoration: none;
	-webkit-transition: color 0.25s;
	-moz-transition: color 0.25s;
	-o-transition: color 0.25s;
	-webkit-transition: background-color 0.25s;
	-moz-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
}

.small a:hover { color:#000; background: #fe0; }

.small strong { padding: 0; color: inherit; background: inherit; text-decoration: none;}
