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

/* @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#list_icon {
	padding: 0 8px 2px 0;
}

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;
	font-weight: bold;
}


/* ////////////// layout ///////////////// */

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

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

#container {
	width:772px;
	height: 400px;
	margin:0 auto;
	position:relative;
	background: url(../gfx/layout/containerWhite.png) repeat-y scroll right;
	bottom: 1px;
	top: -320px;
}

#iPhone {
	width:384px;
	height: 320px;
	position:relative;
	background:url(../gfx/iPhone-w-TomatoRoll.png);
	font: bold 1.2em Tahoma, Verdana, Helvetica, Arial;
}

#iPad {
	width:384px;
	height: 320px;
	position:relative;
	background:url(../gfx/iPad-w-Mozart.png);
	font: bold 1.2em Tahoma, Verdana, Helvetica, Arial;
}

#news {
	margin-left: 40px;	
	margin-top: 320px;	
	
	width:680px;
	height: 80px;
	position:bottom;
	font: bold 1.0em Tahoma, Verdana, Helvetica, Arial;
}


#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: 1px;
	top: -320px;
}


#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;
}

#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: 16px 24px 16px 16px;
	padding-top:140px;
	font-size: 100%;
}

#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;
}