body {
	margin: 2em 0 1em 0; /* top right bottom left */
	background: #222222;
	font-size: 90%;
	font-family: Georgia, "Trebuchet MS", helvetica, sans-serif;
}

div {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a {
	text-decoration: none;
	outline: none;
}

img {
	border: none;
}

hr {
	clear: both;
	width: 100%;
	visibility: hidden;
}

div#container {
	margin: 0 auto;
	width: 750px;
}

div#bordered {
	border: 2px solid gray;
	width: 100%;
	background-color: white;
}

/*
	HEADER
*/
div#header {
	height: 120px;
}

div#header > #home {
	float: left;
	width: 181px;
	margin: 5px 0 0 5px;
}

div#header > #home > a {
	display: block;
}

div#header > #info {
	float: right;
	width: 550px;
}

/*
	MENU
*/
div#menu {
	width: 100%;
	background-color: gray;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}

div#menu > ul {
	margin: 0;
	padding: .5em 0 .5em 0;
}

div#menu > ul > li {
	list-style: none;

	display: inline;
	padding: .5em 0 .5em 0;
}

div#menu > ul > li > a {
	width: 100%;
	padding: .5em 1em .5em 1em;
	color: white;
}

div#menu > ul > li > a:hover {
	background-color: #666666;
}


/*
	MAIN CONTENT
*/
div#content {
	margin: 1em;
	background: white url("images/background.jpg") no-repeat right bottom;
}

div#content > div#screenshots {
	margin: 0 auto;
	overflow: auto;
	width: 600px;
}

div#content > div#screenshots > a {
	display: block;
	float: left;
}

div#content img.centered {
	display: block;
	margin: 0 auto;
}

div#content img.righted {
	float: right;
}

div#content img.lefted {
	float: left;
}

div#content > h1 {
	font-size: 1.2em;
	padding-top: 1.3em;
}

div#content > h2 {
	font-size: 1.1em;
}

div#content > p.centered {
	text-align: center;
}

div#content > p.rss {
	float: right;
	padding-left: 1em;
	font-weight: bold;
	font-size: .8em;
}

div#content > p.rss > a {
	color: #CC6633;
}

div#content > p.rss img {
	padding-left: .8em;
}

div#content > div.license {
	width: 50%;
	margin: 0 auto;
	border: 1px solid #990000;
	padding: .8em;
	overflow: auto;
	color: #990000;
	text-align: center;
}

div#content > div.license img {
	float: left;
	padding-right: .5em;
}


/*
	FOOTER
*/
div#footer {
	width: 100%;
	margin-top: .5em;
	text-align: center;
	font-size: .75em;
}

div#footer > span.sep {
	color: white;
	padding-right: 1em;
}

div#footer a {
	color: white;
}
