html, body {
	height: 100%;
}
body, h1, h2, ul, li {
	margin: 0; padding: 0;
	list-style: none;
}
html {
	color: #fff;
	background: #000;
}
.container {
	width: 710px;
	margin: 0 auto;
	position: relative;
}
#aboutMe .container {
	min-height: 529px;
	_height: 529px;
}
h1 {
	margin: 0 0 10px 15px;
	overflow: hidden;
	/* TODO: make this betterer */
	text-indent: -5000px;
	background: url(images/jakearchibald_black.png) no-repeat;
	height: 22px;
	
	/* IE6 and below */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/jakearchibald_black.png', sizingMethod='crop');
}
h2 {
	font: bold 1em arial, sans-serif;
}
h1 img {
	display: block;
}
#aboutContent a:link, #aboutContent a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
#aboutContent a:hover, #aboutContent a:active {
	text-decoration: underline;
}
#aboutContent {
	width: 351px;
	position: absolute;
	bottom: 60px;
	right: 0;
	font: 0.8em normal verdana, sans-serif;
	color: #000;
	z-index: 10;
}
#aboutInner {
	/* damnit, wouldn't need this element if it weren't for IE 6 */
	background: url(images/textbackdrop.png) no-repeat;
	min-height: 177px;
	padding: 15px 15px 0;
	
	/* IE6 and below */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/textbackdrop.png', sizingMethod='crop');
	_height: 177px;
}
#aboutContent p {
	margin: 0 0 1em 0;
	line-height: 1.5;
	
	_position: relative;
}
p.factOffLink {
	text-align: right;
}

#links li {
	display: inline;
}

#links a:link, #links a:visited {
	float: right;
	text-transform: uppercase;
	color: #fff;
	font: normal 0.6em tahoma, sans-serif;
	text-decoration: none;
	padding: 9px 22px;
	
	/* IE6 and below, we're not bothering with icons, too much hassle for the moment */
	_padding-right: 0;
}
#links a:hover, #links a:active {
	text-decoration: underline;
}
#contactLink a {
	background: url(images/linkicons/contactme.png) no-repeat right center;
}
#flickrLink a {
	background: url(images/linkicons/flickr.png) no-repeat right center;
}
#twitterLink a {
	background: url(images/linkicons/twitter.png) no-repeat right center;
}
#silhouette {
	position: absolute;
	bottom: 0;
	z-index: 2;
}
#extras {
	height: 529px;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
}

/* 1 - normal */
	#aboutMe {
		background: #fff782 url(images/me/1normal/bg.png) bottom repeat-x;
	}
	#silhouette {
		position: absolute;
		left: 0;
		bottom: 0;
		background: url(images/me/1normal/me_shadow.png);
		width: 238px;
		height: 513px;
		
		/* IE6 and below */
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/me/1normal/me_shadow.png', sizingMethod='crop');
		_bottom: -1px;
	}
/* end */