body {
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 900px;
	height: 639px;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -470px;
}

#top {
	width: 900px;
	height: 40px;
	background: #ffffff url('../images/top.jpg') no-repeat;
}

#picture {
	width: 495px;
	height: 306px;
}

#blog {
	width: 257px;
	height: 402px;
	position: absolute;
	left: 495px;
	top: 40px;
	background: #ffffff url('../images/blog-bg.jpg') no-repeat;
	padding: 84px 12px 0 74px;
	font: 20px "Bradley Hand ITC";
	font-weight: 100;
	line-height: 23px;
}

#name-top {
	width: 62px;
	height: 306px;
	position: absolute;
	left: 838px;
	top: 40px;
	background: #ffffff url('../images/name-top.jpg') no-repeat;
}

#pen {
	width: 100px;
	height: 186px;
	background: #ffffff url('../images/pen.jpg') no-repeat;
}

#cv {
	width: 203px;
	height: 186px;
	position: absolute;
	left: 100px;
	top: 346px;
}

#about-skillset {
	width: 192px;
	height: 186px;
	position: absolute;
	left: 303px;
	top: 346px;
	background: #ffffff url('../images/about-skillset.jpg') no-repeat;
}

#blog-bottom {
	width: 343px;
	height: 90px;
	position: absolute;
	left: 495px;
	top: 442px;
	background: #ffffff url('../images/blog-bottom.jpg') no-repeat;
}

#name-middle {
	width: 62px;
	height: 186px;
	position: absolute;
	left: 838px;
	top: 346px;
	background: #ffffff url('../images/name-middle.jpg') no-repeat;
}

#bottom {
	width: 900px;
	height: 107px;
}