@charset "utf-8";

/*
	 50em =>  800px x  600px (15")  4:3
	 64em => 1024px x  768px (17")  4:3
	 80em => 1280px x 1024px (19")  5:4
	105em => 1680px x 1050px (22") 16:10
	120em => 1920px x 1200px (24") 16:10
*/

article, aside, footer, header, nav, section {
	display: block;
}

/* LAYOUT ---------------------------------------------- */

body {
	background: #333 url("images/background.gif");
	color: #888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 64em;
}

nav {
	margin: 0 10em;
}

#left {
	float: left;
	width: 10em;
}

#right {
	float: right;
	text-align: center;
	width: 10em;
}

#content {
	background: #222;
	border: 1px solid #CCC;
	margin: 0 10em;
	padding: 1ex;
}

footer {
	text-align: center;
}

/* NAVIGATION ------------------------------------------ */

nav>ul {
	list-style: none;
	margin: 0 auto;
	padding: 1ex 0;
}

nav>ul>li {
	background: #444;
	border: 1px solid #CCC;
	border-radius: 1ex 1ex 0 0;
	-moz-border-radius: 1ex 1ex 0 0;
	display: inline;
	padding: 1ex 0;
}

nav>ul>li.active {
	background: #222;
	border-bottom-color: #222;
}

nav>ul>li:hover {
	background: #666;
}

nav>ul>li>a {
	font-weight: bold;
	padding: 1ex;
}

/* CONTENT --------------------------------------------- */

a {
	color: #CCC;
	text-decoration: none;
}

img {
	border: none;
}