* {
	margin: 0;
	padding: 0;
}

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

body {
	margin: 0 auto;
	width: 940px;
	font: 13px/22px Helvetica, Arial, sans-serif;
	background: #f0f0f0;
}

h1 {
    font-size: 40px;
	font-weight: bold;
    line-height: 84px;
    padding: 30px 0;
}

h2 {
	padding-top: 10px;
    font-size: 28px;
    line-height: 44px;
}

h3 {
    font-size: 18px;
    line-height: 22px;
    padding: 11px 0;
}

h4 {
    font-size: 14px;
}

a {
	color: #09f;
}

#header {
	height: 150px;
}

nav {
	position: relative;
	width: 100%;
	height: 44px;
	left: 0;
	width: 100%;
	background: url("../images/nav_bg.png");
}

	nav ul {
		margin: 0 auto;
		width: 940px;
		list-style: none;
	}
	
		nav ul li {
			float: left;
		}
		
			nav ul li a {
				display: block;
				margin-right: 20px;
				width: 150px;
				font-size: 14px;
				line-height: 44px;
				text-align: center;
				text-decoration: none;
				color: #777;
			}
			
			nav ul li a:hover {
				color: #fff;
			}
			
			nav ul li.selected a {
				color: #fff;
			}

#intro {
	position: relative;
	padding: 44px;
	background: #0090fe url("../images/intro_bg.png") repeat-x;
	
	/* Background-size not implemented yet */  
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;
}

	#intro h2, #intro p {
		position: relative;
		z-index: 9999;
		width: 400px;
	}
	
	#intro h2 {
		padding: 0 0 22px 0;
		font-weight: normal;
		color: #fff;
	}
	
	#intro p {
		padding: 0;
		width: 500px;
		color: #FFF;
	}

#container {
	position: relative;
	display: table;
	padding: 20px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}

	#content {
		display: table-cell;
		width: 680px;
		padding-right: 22px;
	}
	
		#content img {
			padding: 10px;
		}
	
	aside {
		display: table-cell;
		padding: 10px;
		width: 200px;
		border-left: dashed 1px #999;
		border-top: dashed 1px #999;
	}
	
		aside ul {
			list-style: square inside;
			font-weight: bold;
			font-size: 14px;
			line-height: 30px;
		}

.blogPost {
	margin-bottom: 30px;
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	
}

	.blogPost header {
		padding: 10px;
		background-color: #ddd;
	}
	
	.blogPost p {
		padding: 10px;
	}
	
	.blogPost .pdate {
		padding: 0px;
		font-size: 10px;
	}

#comments {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #d7d7d7;
}

	#comments article {
		padding: 20px;
	}
	
	#comments article header {
		font-weight: bold;
	}

	#comments article:nth-child(odd) {
		padding: 20px;
		background: #e3e3e3;
		border: 1px solid #d7d7d7;
		
		/* Border-radius not implemented yet */
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
	}

form {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #d7d7d7;
}

	form p {
		display: table;
		margin-bottom: 22px;
		padding: 0 22px;
	}

		form label {
			display: table-cell;
			width: 140px;
			padding-right: 20px;
			text-align: right;
			font-weight: bold;
			vertical-align: top;
		}
	
		form input[type="text"], form input[type="email"], form input[type="url"] {
			display: table-cell;
			width: 300px;
			height: 20px;
			border: 1px solid #d7d7d7;
		}
		
		form textarea {
			width: 300px;
			height: 100px;
			border: 1px solid #d7d7d7;
		}
		
		form input[type="submit"] {
			margin-left: 162px;
		}

footer {
	position: absolute;
	float: none;
	width: 100%;
	left: 0;
	background: #222;
}

	footer div {
		display: table;
		margin: 0 auto;
		padding: 44px 0;
		width: 940px;
		color: #777;
	}