body {
	background: #DFE8D5 url(../_imgs/blue.jpg) repeat-x;
	color: #333;
	color: rgba(0,0,0,0.6);
	font-family: "lucida grande", verdana, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
}

h1, h2, h3, h4, p, li, code, pre {
	font-weight: normal;
	margin: 10px;
}

h1, h2 {
	font-family: "hoefler text", times, "times new roman", georgia;
}

h2 {
	color: #333;
	font-size: 24px;
	margin-top: 5px;
}

h3 {
	color: #333;
	font-size: 18px;
	margin: 20px 10px;
}

ul {
	margin: 20px 10px 20px 0;
}

canvas {
	background: rgba(255,255,255,0.5);
	border: 1px solid #ccc;
	margin: 20px 0;
}

.divider {
	background: #8FABAE;
	background: rgba(143,171,174,0.25);
	height: 46px;
	margin-top: 20px;
	padding-top: 10px;
	text-indent: 10px;
	width: 100%;
}

p {
	margin: 20px 10px 10px;
}

p a,
li a {
	color: #000;
	text-decoration: underline;
}

strong {
	color: #000;
}

code {
	color: #333;
	margin: 0 0 10px 0;
}

#texture {
	overflow: hidden;
	height: 100%;
	opacity: .8;
	position: absolute;
	position: fixed;
	width: 100%;
	z-index: 0;
}

#texture img {
	min-height: 100%;
	min-width: 100%;
}

#wrapper {
}

#branding {
	height: 330px;
}

#logo {
	color: #fff;
	font-size: 111px;
	margin-bottom: 0;
	margin-top: 30px;
}

#twitter {
	background: #333;
	background: rgba(0,0,0,0.3);
	color: #fff;
	display: block;
	margin-left: 1px;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

#download {
	background: url(../_imgs/download.png) no-repeat;
	color: #fff;
	display: block;
	height: 82px;
	margin: 170px 0 20px 1px;
	text-decoration: none;
	width: 302px;
}

#download_text {
	margin-left: -9999px;
	position: absolute;
	text-indent: -9999px;
}

#version {
	color: rgba(255,255,255,0.8);
	display: block;
	padding-top: 52px;
	width: 100%;
	text-align: center;
}

#github_link {
	color: #fff;
	display: block;
	margin: -10px 0 5px;
	text-align: center;
	width: 302px;
}

#description {
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-size: 24px;
	margin-bottom: 20px;
	margin-top: -20px;
}

#description + p {
	color: #fff;
	color: rgba(255,255,255,0.7);
	margin-top: 10px;
}

.num {
	background: url(../_imgs/number_back.png) no-repeat -10px;
	clear: both;
	color: #fff;
	display: block;
	float: left;
	font-size: 24px;
	height: 50px;
	margin: -5px 20px 10px -10px;
	padding-top: 10px;
	text-align: center;
	width: 50px;
}

.indent {
	margin-left: 60px;
}

.example_site {
	border: 2px solid #8FABAE;
	border: 2px solid rgba(143,171,174,0.25);
	float: left;
	margin: 10px;
}

.example_site a {
	text-decoration: none;
}

.example_site a span{
	background: #333;
	background: rgba(0,0,0,0.6);
	color: #fff;
	display: block;
	margin-top: -24px;
	padding: 3px 0;
	position: absolute;
	text-align: center;
	width: 286px;
	margin-left: -9999px;
	text-indent: -9999px;
}

.example_site a:hover span {
	margin-left: 0;
	text-indent: 0;
}

.example_site a img {
	width: 286px;
}