/*
  CSS 
  W3C Mobile Web: Best Practices
  Author: Miguel A. Rodriguez-Garcia
*/

/* GENERAL STYLES */
html, body{
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	padding-bottom: 20px;
}

a{
	padding: 5px;
	background: #CCCCCC;
}



	/* MAIN CONTAINER */
	div#main-container{
		margin: 0 auto;
		width: 80%;
	}
	
	a.switch-link{
		position: absolute;
		top: 0px;
		right: 0px;
		opacity: 0.8;
		font-size: 10px;
		background-color: orange;
		color: #FFFFFF;
		padding: 5px;
		text_decoration: none;
	}
	
	aside{
		
	}
	
	aside p{
		background-color: #EFEFEF;
		min-height: 30px;
	}
	
	aside p a{
		padding: 0px;
	}
	
	/* FLAT SPRITE */
	.flag{
		float: left;
		width: 50px;
		height: 30px;
		margin-right: 15px;
		background: transparent url(../images/flags_sprite.png) no-repeat top left;
	}
	
		.flag-uk{ background-position: 0px 0px; }
		.flag-ger{ background-position: 0px -40px; }
		.flag-usa{ background-position: 0px -80px; }
		.flag-au{ background-position: 0px -120px; }