@import url("reset.css");
@import url("clearfix.css");

body {
	background: #273540;
	color: #d4d1bf;
	font-family: Verdana, Arial, Tahoma, Helvetica, Geneva;
	font-size: 11px;
	line-height: 18px;
}
a, a:link, a:active, a:visited {
	color: #d4d1bf;
	text-decoration: none;
}
a:hover {
	color: #d4d1bf;
	text-decoration: none;
}
.show {
	display: block;
}
.hide {
	display: none;
}

#wrapper {
	position: relative;
	width: 820px;
	margin: 0px auto 0px auto;
	padding: 0px 20px;
}

#left_column {
	float: left;
	padding-top: 0px;
	text-shadow: rgba(0,0,0,0.75) 1px 1px 1px;
}
#about {
	position: absolute;
	width: 300px;
	height: 150px;
	z-index: 99;
	padding: 100px 0px 20px 0px;
	background: #273540;
	border-bottom: 1px solid #bf8c88;
}
#about h1 {
	margin-bottom: 15px;
	color: #bf8c88;
	font-family: Georgia, serif;
	font-size: 27px;
}
#reveal {
	position: fixed;
	width: 300px;
	height: 245px;
	background: url(images/bkgd_reveal.png) no-repeat right bottom;
}
#contact {
	margin-top: 305px;
}

#main_column {
	float: right;
	width: 460px;
	margin: 40px 0px 0px 0px;
	text-shadow: rgba(0,0,0,0.75) 1px 1px 1px;
}
#main_column h2 {
	margin-bottom: 15px;
	color: #b9bfaa;
	font-family: Georgia, serif;
	font-size: 24px;
}
#main_column h2 .dark {
	color: #395155;
}
#main_column p {
	margin-bottom: 20px;
}
#main_photo {
	margin-bottom: 60px;
	background: url(images/bkgd_photo.png) no-repeat 102px 0px;
	text-align: right;
}
.home #main_photo {
	margin-bottom: 60px;
	background: url(images/bkgd_photo-home.png) no-repeat 113px 0px;
	text-align: right;
}

/* portfolio */
.sample {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 60px 0px;
}
.sample .header {
	margin-bottom: 3px;
}
.sample .title {
	float: left;
	font-weight: bold;
}
.sample .year {
	float: right;
	font-size: 10px;
}
.sample .image {
	margin: 0px 0px 10px 0px;
	padding: 1px;
	border: 1px solid #b9c0aa;
}
.sample .description {
	margin: 0px 0px 10px 0px;
}
.sample .meta {
	width: 300px;
	margin: 0px 0px 0px 160px;
	padding-bottom: 3px;
	border-bottom: 1px solid #707b75;
}
.sample .meta .skills {
	float: left;
}
.sample .meta .link {
	float: right;
}