/* ~~~~~~~~~ layout ~~~~~~~~~~ */

#container {
	width: 840px;
	margin: 20px auto;
	background: #fff;
	padding: 30px;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

/* ~~~~~~~~~ header ~~~~~~~~~~ */

#main-navigation {
	border-bottom: 5px solid #666;
	margin: 20px 0;
}
	#main-navigation ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
		font-size: 1.6em;
	}
		#main-navigation li {
			float: left;
		}
			#main-navigation li a {
				background: #999;
				margin: 0 5px 0 0;
				padding: 5px 30px;
				display: block;
				color: #fff;
				text-decoration: none;
				-moz-border-radius: 7px 7px 0 0;
				-webkit-border-radius: 7px 7px 0 0;
			}
			#main-navigation li.current a {
				background: #666;	
			}
			#main-navigation li a:hover {
				background: #777;	
			}
			
/* ~~~~~~~~~ article ~~~~~~~~~~ */

article {
	width: 100%;
	overflow: hidden;
}

section {
	float: left;
	width: 480px;
	background: #ddd;
	padding: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* ~~~~~~~~~ aside ~~~~~~~~~~ */

aside {
	float: right;
	width: 290px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #999;
	padding: 10px;
}
	aside h2, aside p {
		color: #fff;	
	}
			
/* ~~~~~~~~~ footer ~~~~~~~~~~ */
			
footer {
	width: 840px;
	margin: 20px auto;
	font-size: 1.4em;
	text-align: right;
}