html {
	background: #1e1e1e;
}
body {
/*  background: transparent url("http://macromates.com/images/site/bg_body") repeat-y 50% 0px;*/
/* font: 0.72em/170% "Lucida Grande", Verdana, Helvetica, sans-serif;*/
	font: 12px "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(../images/mocra-keynote-bg.jpg);
}
a[href] {
	color: #525151;
}

#wrapper { /* IE workaround */
	margin: 0 auto;
	padding: 0;
	width: 550px;
}
html>body #wrapper {
	margin: 0 auto;
	padding: 0;
	width: auto;
	max-width: 550px;
}

#logo {
  padding-top: 10px;
  text-align: center;
}
#header {
	position: relative;
}
#header h1 {
	position: absolute;
	left: 60px;
	top: 40px;
	height: 50px;
	cursor: pointer;
	color: white;
}

#navigation {
	background: #232323;
	border-bottom: 1px solid #171717;
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	display: inline;
	margin: 0;
	padding: 0 0 0 25px;
	text-shadow: 0px 2px 4px #000;
}
#navigation li a {
	color: #5b5b5b;
	text-decoration: none;
}

#intro		#navi_intro			a,
#blog			#navi_blog			a,
#toc			#navi_manual		a,
#chapter		#navi_manual		a,
#wiki			#navi_wiki			a,
#community	#navi_community	a,
#contact		#navi_contact		a,
#navigation li a:hover {
	color: #fff;
}

#page_body {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#content { /* IE workaround */
	margin: 0;
	padding: 25px;
	width: 100%;
	height: 584px; /* (64+2*20+2)*6 - 2 - 2*25 */
	background: #D6C086;
}
html>body #content {
	margin: 0;
	padding: 25px;
	width: auto;
	height: auto;
	min-height: 584px; /* (64+2*20+2)*6 - 2 - 2*25 */
	background: #D6C086;
}
#content :first-child {
	margin-top: 0px;
}
#content :first-child + h1 {
	margin-top: 0px;
}

#footer {
	position: relative;
	margin: 0;
	padding: 0.75em 25px 0.75em 25px;
	min-height: 1em;
	clear: both;
	color: #b5b5b5;
	background: #2E2E2E;
}
#footer * {
	margin: 0;
	padding: 0;
}
#footer a {
	color: #b5b5b5;
	text-decoration: none;
}
#footer a:hover {
	color: #2E2E2E;
	background: #b5b5b5;
	text-decoration: none;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}