@charset "utf-8";
/* CSS Document */
body {
	background:#000 url(../images/ar-stars-bg.png);
	background-position:center top;
	color:#ddd;
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height:1.125em;
	margin:0;
	padding:0;
}
img {
	border:0;
}
h1 {
	color:#ccfd64;
	font-size:2.25em;
	font-weight:normal;
	line-height:1.333em;
	margin:0 0 0.5em 0;
	text-shadow:#4eb900 0 0 4px, #4eb900 0 0 4px;
}
h2 {
	color:#ddccf3;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.125em;
	margin:0 0 0.5em 0;
	text-shadow:#7c5ca4 0 0 4px, #7c5ca4 0 0 4px;
}
h3 {
	color:#facd74;
	font-size:1.125em;
	font-weight:normal;
	line-height:1.333em;
	margin:0.5em 0 0.75em 0;
	text-shadow:#d55413 0 0 4px, #d55413 0 0 4px;
}
h3#h-gun {
	color:#d6fa89;
	text-shadow:#4eb900 0 0 4px, #4eb900 0 0 4px;
}
h3#h-bomb {
	color:#ffc13c;
	text-shadow:#d55413 0 0 4px, #d55413 0 0 4px;
}
h3#h-time {
	color:#95f1ff;
	text-shadow:#028be5 0 0 4px, #028be5 0 0 4px;
}
p {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1em 0;
}
a {
	color:#3eebff;
	text-decoration:none;
	text-shadow:#00a2eb 0 0 4px;
}
a:hover {
	text-decoration:underline;	
}
.left {
	float:left;	
}
.right {
	float:right;	
}
.clear {
	clear:both;
}
#background {
	background:url(../images/ar-content-bg-stars.png) repeat-y;
	background-position:center top;
}
#wrapper {
	background:url(../images/ar-header-bg-stars.jpg) no-repeat;
	background-position:center top;
	overflow:hidden;
}
.container {
	margin:0 auto -150px auto;
	position:relative;
	width:960px;
}
#ship {
	margin-left:6698px;
	position:absolute;
	top:143px;
}
#header {
	height:288px;
	text-align:center;
}
#header img {
	margin:72px 0 0 0;
}
#sidebar {
	float:right;
	margin:10px;
	width:300px;
}
#sidebar p {
	font-size:0.75em;
	padding:0 10px;
}
#sidebar ul {
	font-size:0.75em;
	list-style:none;
	margin:0 10px 1.5em 10px;
	padding:0;
}
#sidebar h3 {
	margin-left:10px;
	margin-right:10px;
}
#sidebar li {
	background:url(../images/bullet-asteroid.png) no-repeat;
	background-position:0 0.1em;
	line-height:1.5em;
	margin:0 0 1em 0;
	padding:0 0 0 30px;
}
#download1,
#download-lite {
	margin:0 0 0.75em 0;
	position:relative;
	z-index:10;
}
#download-hidden {
	display:none;	
}
#download1 a {
	background:url(../images/ar-download1-sprite.png) no-repeat;
	display:block;
	height:109px;
	text-indent:-9999px;
	width:299px;
}
#download1 a:hover {
	background:url(../images/ar-download1-sprite.png) 0 -109px no-repeat;
}
#download-lite a {
	background:url(../images/ar-download-lite-sprite.png) no-repeat;
	display:block;
	height:109px;
	text-indent:-9999px;
	width:299px;
}
#download-lite a:hover {
	background:url(../images/ar-download-lite-sprite.png) 0 -109px no-repeat;
}
#download2 {
	clear:both;
	margin:0 0 1em 0;
}
a.button {
	border:1px solid #3eebff;
	background:url(../images/btn-bg-01.png);
	color:#fff;
	padding:6px 20px;
	text-align:center;
	text-shadow:#00a2eb 0 0 4px, #00a2eb 0 0 4px;
	
	-moz-box-shadow: #00a2eb 0 0 4px;
	-webkit-box-shadow: #00a2eb 0 0 4px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
a.button.large {
	display:block;
	font-size:1.125em;
	padding:18px 0;
	width:100%;
	
	-moz-box-shadow: #00a2eb 0 0 6px;
	-webkit-box-shadow: #00a2eb 0 0 6px;	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
a.button:hover {
	background:url(../images/btn-bg-02.png);
	text-decoration:none;	
}
#content {
	float:left;
	padding:1.5em 0 1.5em 30px;
	width:590px;
}
#footer {
	background:url(../images/ar-footer-bg-stars.jpg) no-repeat;
	background-position:center top;
	height:340px;
}
#footer-content {
	margin:0 auto;
	padding:160px 0 0 0;
	width:960px;
}
#footer ul {
	margin:0 30px;
	padding:0;
}
#footer li {
	background:none;
	display:block;
	float:left;
	font-size:0.75em;
	margin:0 30px 0 0;
	padding:0;
}
#score-table {
	background:url(../images/score-table-bg.png) no-repeat;
	background-position:center top;
	padding:10px;
	height:290px;
}
#score-table table {
	border:none;
	width:260px;
	margin:0 10px;
}
#score-table th {
	color:#facd74;
	font-size:0.75em;
	line-height:2em;
	padding:0 5px 12px 5px;
	text-shadow:#d55413 0 0 4px, #d55413 0 0 4px;
}
#score-table td {
	color:#baa4d5;
	font-size:0.75em;
	padding:3px 5px;
}
#score-table .rank {
	width:1em;
}
#score-table .rank,
#score-table .score {
	text-align:right;
}
#score-table .top {
	color:#fff;
	font-weight:bold;
	
	text-shadow:#7c5ca4 0 0 4px, #7c5ca4 0 0 4px;
}
#score-table .player {
	text-align:left;
}

.rule {
	background:url(../images/content-div.png) no-repeat;
	background-position:center top;
	clear:both;
	height:2.25em;
}
.left.thumb {
	margin:0 20px 0 -5px;	
}
.right.thumb {
	margin:0 -5px 0 20px;	
}
.weapon-block {
	float:left;
	width:490px;
}
.weapon-block h3 {
	margin:0 0 0.5em 0;	
}
.weapon-block p {
	font-size:0.875em;
}
#twitter-feed ul {
	margin:1.5em 0 0 0;
}
#twitter-feed li {
	background:#141414;
	border:1px solid #141414;
	margin:0 10px 1em 10px;
	padding:0.5em 10px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.twitter-time {
	display:block;
	text-align:right;
	font-size:0.86em;
}
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#screenshots {
	background:url(../images/iphone-slide-base.png) no-repeat;
	height:239px;
	margin:2.75em auto;
	position:relative;
	width:441px;
	text-align:center;
}
#glare {
	background:url(../images/iphone-slide-glare.png) no-repeat;
	height:105px;
	left:203px;
	position:absolute;
	top:19px;
	width:166px;
	z-index:5;
}
#slideshow {
	position:absolute;
	top:19px;
	left:72px;
	width:297px;
	height:198px;
	overflow:hidden;
}

#slideshow ul {
	margin:0;
	padding:0;
	list-style-type: none;
	height:1%; /* IE fix */
}

#slideshow ul:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	overflow:hidden;
}

#slideshow .slides ul {
	/* total width of all slides -
	960px multiplied by 3 in this case */
	width:891px;
}

#slideshow .slides li {
	width:297px;
	float:left;
}

#prev-button {
	height:198px;
	left:72px;
	position:absolute;
	top:19px;
	width:60px;
	z-index:10;
}
#next-button {
	height:198px;
	left:309px;
	position:absolute;
	top:19px;
	width:60px;
	z-index:10;
}
#prev-button a,
#next-button a {
	display:block;
	height:198px;
	text-indent:-9999px;
}
#next-button a {
	background:url(../images/iphone-next-sprite.png) no-repeat;	
}
#next-button a:hover {
	background:url(../images/iphone-next-sprite.png) 0 -198px no-repeat;
}

#prev-button a {
	background:url(../images/iphone-prev-sprite.png) no-repeat;	
}
#prev-button a:hover {
	background:url(../images/iphone-prev-sprite.png) 0 -198px no-repeat;
}