* { padding: 0; margin: 0; }

body{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#wrapper { 
	width: 424px;
	margin:-150px 0 0 -212px;
	top:50%;
	left:50%;
	position:absolute;
}
#wrapper.mobile {
	width:240px;
	margin-left:-120px;
}
	#leftcolumn {
		background:#FFFFFF url('../images/logo_ericius.gif') no-repeat center center;
		color:#333;
		margin: 10px;
		padding: 0px;
		width: 174px;
		min-height:210px;
		height:auto;
		float: left;
		display: inline;
	}
	#rightcolumn {
		float: left;
		color: #333;
		margin: 10px;
		padding:10px 0;
		width: 200px;
		height:auto;
		min-height:200px;
		display: inline;
		position: relative;
	}
	.mobile #rightcolumn {
		float:none;
		margin:10px auto 20px auto;
	}
#upper, #footer {
	clear: both;
	text-align:center;
}
	#footer p {
		background-color:inherit;
		color:#999;
		margin:0 auto;
		padding:5px 20px 0 20px;
		font-size:11px;
		cursor:default;
		border-top:1px solid #DDDDDD;
		display:inline;
	}
			#footer p a {
				text-decoration:none;
				background-color:inherit;
				color:#999;
				outline:0;
			}
			#footer p a:hover {
				background-color:inherit;
				color:#444;
			}


#leftcolumn h1#ericius { display:none; }
h1 {
	background-color:inherit;
	color:#00A4E1;
	font-weight:bold;
	font-size:18px;
	margin:0;
	padding:5px 20px 0 20px;
	cursor:default;
	text-align:center;
}

	#rightcolumn ul {
		list-style-type:none;
	}

	#rightcolumn ul li{
		margin:5px 0;
	}
	
			#rightcolumn ul li a {
				padding:2px 0 2px 27px;
				text-decoration:none;
				letter-spacing:5px;
				font-weight:bold;
				display:block;
				-moz-border-radius:7px;
				-webkit-border-radius: 7px;
				outline:0;
			}
			#rightcolumn ul li a:hover {
				background-color:#DFF7FF;
				color:inherit;
			}
				#rightcolumn ul li a sup {
					letter-spacing:0;
					text-transform:lowercase;
					font-size:10px;
					font-weight:normal;
					margin-left:3px;
				}
			
			a#s_ziki { background:#FFFFFF url('../images/ziki.gif') no-repeat 5px 5px; color:#555; }
			a#s_famfamfam { background:#FFFFFF url('../images/famfamfam.gif') no-repeat 5px 5px; color:#555; }
			a#s_soon { background:#FFFFFF url('../images/clock.gif') no-repeat 5px 5px; color:#999; cursor:default; }
				#rightcolumn ul li a#s_soon:hover { background:#FFFFFF url('../images/clock.gif') no-repeat 5px center; color:#999; }

#app-image {
	float:left;
	width:128px;
	height:128px;
	margin:5px 5px 10px 0;
}
#app-desc {
	float:left;
	width:260px;
	margin:10px 0 0 0;
	color:#555;
}
	#app-desc h2 {
		margin:0 0 3px 0;
		padding:0 0 3px 0;
		font-size:90%;
		font-weight:bold;
		color:#00A3E0;
		border-bottom:2px solid #00A3E0;
	}
		#app-desc h2 span {
			float:right;
			font-size:85%;
			font-weight:normal;
		}
	#app-desc p {
		font-size:85%;
	}
		#app-desc p a {
			color:#555;
			text-decoration:none;
			font-weight:bold;
		}
		#app-desc p a:hover {
			text-decoration:underline;
		}

#app-badge {
	clear:both;
	display:block;
	margin:auto;
	width:215px;
}