html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote
{
	margin:0px;padding:0px;
}

html
{
	background: url("../images/background.jpg") #000000 top center no-repeat;
	color: #ffffff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 16px;
}

a:link, a:visited
{
	color: #ffcc00;
	border-bottom: solid 1px transparent;
	text-decoration: none;
}

a:active, a:hover
{
	color: #ffffff;
	border-bottom: solid 1px #ffcc00;
	text-decoration: none;
}

h1
{
	text-indent: -1000em;
}

h2
{
	color: #ffcc00;
	margin-bottom: 0.7em;
	font-size: 1.1em;
}

strong
{
	font-weight: 900;
}

#content .sidebar
{
	float: right;
	width: 350px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
}

#content .sidebar .download-button
{
	display: block;
	width: 282px;
	height: 77px;
	border: none;
	margin-top: 0.25em;
	text-indent: -1000em;
	margin: auto;
}

#content .sidebar #iphone-button
{
	background: url("../images/iphone-download-button.png") top center no-repeat;
}

#content .sidebar #android-button
{
	background: url("../images/android-download-button.png") top center no-repeat;
}

#content .sidebar p, #content .sidebar object, #content .sidebar embed, #content .sidebar iframe
{
	margin: 1em auto 0em auto;
}

#header
{
	width: 850px;
	height: 242px;
	margin: auto;
	text-align: left;
	background: url("../images/chroma-circuit.png") bottom center no-repeat;
}

#footer
{
	clear: both;
	width: 860px;
	margin: auto;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 3em;
}

#content
{
	width: 860px;
	margin: auto;
	padding-top: 3em;
	text-align: left;
}

.author-link a
{
	display: block;
	width: 266px;
	height: 71px;
	text-indent: -1000em;
	background: url("../images/created-by-bowlerhat.png") top left no-repeat;
}

.author-link a:hover, .author-link a:active, .screenshots a:hover, .screenshots a:active
{
	border: none;
}

.screenshots
{
	list-style: none;
	text-align: center;
	background: #000000;
	padding: 16px;
}

.screenshots li
{
	display: inline;
	height: 180px;
	padding: 17px;
}

a img
{
	border: none;
}

.call-to-action
{
	float: left;
	width: 440px;
	font-size: 1.5em;
}

.description
{
	clear: left;
	float: left;
	width: 440px;
	margin-top: 2em;
	padding: 0em 0em 2em 0em;
}

.description p
{
	margin-bottom: 1.8em;
}

#footer .copyright
{
	float: left;
	padding-bottom: 1.5em;
}

#footer .twitter
{
	float: right;
}

#android-instructions
{
	position: fixed;
	display: none;
	width: 425px;
	left: 50%;
	top: 100px;
	margin-left: -280px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #000000 url("../images/android-logo.png") 15px center no-repeat;
	background-color:rgba(0,0,0,0.9);
	padding: 15px 15px 15px 120px;
	color: #ffffff;
	font-size: 1.2em;
	text-align: left;
	z-index: 5000;
}

#android-instructions .system-requirements
{
	font-size: 0.5em;
	margin-top: 0.5em;
}

#android-instructions strong
{
	color: #ffcc00;
}

#android-instructions .qrcode
{
	float: right;
	padding: 0em 0em 1em 1em;
}