/* @override http://iphone.rogame.com/css/main.css */

body {
	margin:0;
	padding: 24px;
	font:75%/1.4 verdana,Helvetica,sans-serif;
	text-align:center;
	background-image: url(../gfx/layout/bg_01.jpg);
	background-repeat: repeat;
	background-position: top center;
}

#topGrad {
	position: absolute;
	left: 0;
	top: 0;
	width: 104%;
	background: url(../gfx/layout/top_grad.png) repeat-x;
	height: 240px;
	z-index: -1;
	margin: 0;
}

html > body #topGrad {
	width: 100%;
}

h1,h2 span {
	display:none;
}

h3 {
	height:39px;
	margin:0;
	padding: 12px 0 0;
	font-variant: normal;
	text-indent: 16px;
}

h4 {
	text-indent: 16px;
}

p {
	margin:64;
	text-align: center;
}

//img#appstore_icon {
//	padding: 16px 24px 16px 16px;
//	margin:64;
//}

img#list_icon {
	padding: 0 8px 2px 0;
}

img#abacrux_preview_sm, img#almond_preview_sm, img#bandmaster_preview_sm, img#chordlab_preview_sm, img#earman_preview_sm, img#mozart_preview_sm, img#scalemaster_preview_sm, img#senet_preview_sm, img#tomatoroll_preview_sm {
	padding: 16px 24px 16px 16px;
}

a:link   { 
	color: maroon; 
	text-decoration: none; 
	border: none 
}
	
a:visited  { 
	color: maroon; 
	text-decoration: none 
}

a:hover  { 
	color: red;
	text-decoration: none;
}

a:active  { 
	color: maroon; 
	text-decoration: none 
}


/* ////////////// layout ///////////////// */
#pageHeader {
	width:772px;
	margin:0 auto;
	height: 120px;
	position:relative;
	background:url(../gfx/layout/pageHeader.png);
}

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	position: relative;
	text-align: center;
	text-indent: inherit;
	display: inline-block;
	text-transform: capitalize;
}

#container {
	width:772px;
	margin:0 auto;
	padding:0 px;
	position:relative;
	background: url(../gfx/layout/container.png) repeat-y scroll right;
	text-align:left;
	bottom: 1px;
}

#footer {
	width:772px;
	height: 32px;
	background:url(../gfx/layout/pageFooter.png);
	text-align: center;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	bottom: 13px;
}

#featured, #abacrux, #almond, #bandmaster, #chordlab, #earman, #eartester, #mozart, #scalemaster, #senet, #tomatoroll {
	width:572px;
	margin:0 0 2px 200px;
	background: url(../gfx/layout/featured.png) repeat scroll right;
	display:block;
	padding:0;
}

#title {
	height: 54px;
	font: bold 2.2em Tahoma, Verdana, Helvetica, Arial;
	text-shadow: 2px 2px 2px #999;
}

#linkList {
	position:absolute;
	top: 0px;
	width: 182px;
	left: 0px;
	height: 494px;
	color: #2f2f2f;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#linkList li {
	list-style:none;
	padding:6px 0 10px 0;
	background:url(line.gif) bottom repeat-x;
}

#linkList li a {
	padding-left:7px;
	background:url(link.gif) left center no-repeat;
	text-decoration:none;
}

#featured .p1 span {
	padding-top:14px;
	font-size: 100%;
}

#featured p span, #abacrux p span, #almond p span, #bandmaster p span, #chordlab p span, #earman p span,#mozart p span, #scalemaster p span, #senet p span, #tomatoroll p span {
	padding: 12px 42px 10px 12px;
	display:block;
}

#spotlight {
	padding: 12px 42px 10px 12px;
	display:block;
}

#feature_text {
	padding: 12px 42px 10px 12px;
	display:block;
}

#lselect li a {
	display:block;
	font-weight:bold;
	background-position:0 0.6em;
}

#linkList ul {
	margin-left: 8px;
	list-style-position: outside;
	margin-top: 5px;
	padding-left: 10px;
}
	
#lselect .c {
	display:inline;
	color:#666666;
	padding:0;
	background:none;
	background-color:#ffffff;
}

#footer a{
	text-decoration:none;
	color:#888888;
	background-color:#dfdfdf;
	border:1px solid #bdbdbd;
	padding:3px 3px;
	height:100%;
}

#footer a:hover{
	background-color:#ebebeb;
	color:#777777;
}

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{
	display:none;
}
#css-rogame-iphone #footer .addthis_button {
	text-align: right;
}
#css-rogame-iphone #footer .addthis_button {
	text-align: center;
}