html, body {

	background-image:url(../images/wallpaper.png);
	padding:0 0 2em 0;	
}
	
#wrapper {

	width:87.5em;
	margin:0 auto 0 auto;
	box-shadow:3px 3px 8px #666;
	-moz-box-shadow:3px 3px 8px #666;
	-webkit-box-shadow:3px 3px 8px #666;
}

#header {

	background-color:#888;
}

#content {

	clear:both;
	background-color:#EEE;
	border-left:0.1em solid #666;
	border-right:0.1em solid #666;
	
	padding:3em 0;
	position:relative;
}


#footer {

	padding:0.4em 0;
	background-color:#888;
	border-left:0.1em solid #666;
	border-right:0.1em solid #666;
	border-bottom:0.1em solid #666;
}

#footer p {

	color:#222;
	margin:0;
}

#homelink {
	
	padding:40px 0 30px 30px;
	display:block;
	text-decoration:none;
	border-left:0.1em solid #666;
	border-right:0.1em solid #666;
	position:relative;
	height:50px;
}

#homelink img {

	border:0;
	margin:0;
	height:50px;
	width:50px;
}

#homelink  .title {

	color:#EEE;
	font-size:4em;
	font-weight:bold;
	display:block;
	
	position:absolute;
	top:30px;
	left:92px;
}

#homelink  .subtitle {

	font-size:1.4em;
	font-weight:bold;
	color:#222;
	display:block;
	
	position:absolute;
	top:76px;
	left:97px;
}

#menu {
	
	list-style-type:none;
	margin:0;
}

#menu li {
	
	float:left;
	font-size:1em;
	width:12.5em;
	height:7.8em;
	position:relative;
}

#menu li a {
	
	display:block;
	height:100%;
	
	border-right:0.1em solid #999;
	border-bottom:0.1em solid #999;

	text-decoration:none;
	text-align:center;
	vertical-align:bottom;
	line-height:9em;
	font-weight:bold;
	font-size:1.4em;
	
	background-color:#CCC;
	background-repeat:no-repeat;
	background-position:center 0.4em;
}

#menu li a:hover,
#menu li a:focus,
#menu li a:active {
	
	outline:0;
	background-color:#BBB;
}

#menu li a.active {
	
	outline:0;
	background-color:#AAA;
}

#menu li a.download { 	border-left:0.1em solid #666; background-image:url(../images/layout/download.png); }
#menu li a.quickstart { background-image:url(../images/layout/quickstart.png); }
#menu li a.documentation { background-image:url(../images/layout/documentation.png); }
#menu li a.tutorials { background-image:url(../images/layout/tutorials.png); }
#menu li a.apidoc { background-image:url(../images/layout/apidoc.png); }
#menu li a.roadmap { background-image:url(../images/layout/roadmap.png); }
#menu li a.blog { border-color:#666; background-image:url(../images/layout/blog.png); }

#headerbox {
	
}

.associatedFeeds {
	
	position:absolute;
	right:0;
	top:1.4em;
}

.associatedFeeds a {

	display:block;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	background-image:url(../images/feed.png);
	background-repeat:no-repeat;
	padding:0 0 0 35px;
}

.comments {
	
	margin:6em 3em 3em 3em;
}

.comments dl {
	
	margin:0;
}

.comments dt {

	margin-top:2em;
	font-size:1em;
}
	
.comments dt .date {

	display:block;
	font-size:1.1em;
	padding-top:0.2em;
	width:14em;
	text-align:right;
}

.comments dt .author {
	
	display:block;
	font-size:1.4em;
	padding-top:0.1em;
	width:11em;
	text-align:right;
}

.comments dd {

	font-size:1.4em;
	position:relative;
	left:0;
	top:-1.15em;
	margin-left:13em;	
}

.article h1 {

	position:relative;
}

.article h1 .date {
	
	font-size:0.4em;
	position:absolute;
	top:-1.3em;
	left:2.6em;
}

.article .tags {
	
	border-top:1px dotted #646464;
	margin-top:3em;
	padding:0.1em 0;
}

.pagination {

	position:relative;
	margin:2em 0 0 0;
	height:2em;
}

.pagination a {
	
	display:block;
	width:20%;
	position:absolute;
}

.pagination a.olderPosts {
	
	left:0;
}

.pagination a.newerPosts {
	
	right:0;
	text-align:right;
}

#commentFormLink {

	display:block;
	width:10em;
	margin:1em 0 0 0;	
	font-size:1.4em;
}

/* that's because of the generated iframe of recaptcha */
iframe {
	
	display:none;
}

.comments form {
	
	margin:1.5em 0 0 0;
}

.comments form label {
	
	display:block;
	width:11em;
	float:left;
}

.comments form input,
.comments form textarea {

	width:30em;
	float:left;
	margin:0 0 0.3em 0;
}

.comments form textarea {

	height:20em;
}

.comments form input.button {

	margin-left:11em;	
}

.comments form br {
	
	clear:left;
}

.comments .captchaContainer {
	
	font-size:1.4em;
	margin:1em 0 1em 11em;
}

.twocols {

	display:block;
	width:50%;
	float:left;
}

pre {

	margin:2em 4em;
	margin:2em 10em;
	background-color:#DDD;
	padding:0.5em;
	border:1px dotted #BBB;
}