/* general stuff */
* { /* simple (but slow) reset. to be replaced when I am less lazy. */
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
}
.null {
	display: none;
}
@font-face {
	/* Available under the open font license
	 * from www.theleagueofmoveabletype.com/ */
	font-family: ChunkFive;
	src: url('res/Chunkfive.otf')
}
body {
	background: white;
	color: black;
}
	.pagewidth {
		width: 640px;
		margin: 0 auto;
		padding-top: 30px;
	}
	#header {
		font-family: ChunkFive,Impact,Haettenschweiler,‘Arial Narrow Bold’,sans-serif;
		width: 320px;
		float: left;
		height: 240px;
	}
		#name {
			font-size: 24px;
			color: #aaa;
			padding-bottom: 20px;
		}
		#links {
			color: #aaa;
			list-style-type: none;
			font-size: 24px;
		}
			#links li {
			}
				#links a {
					text-decoration: none;
					color: #aaa;
				}
					#links a:hover {
						color: #3280C5;
					}
				#links a.current {
					color: #555;
				}
	#container {
		font: 14px Arial,Helvetica,'Helvetica Neue',sans-serif;
		width: 320px;
		float: left;
	}
		h1 {	
			font-family: ChunkFive,Impact,Haettenschweiler,‘Arial Narrow Bold’,sans-serif;
			font-size: 24px;
			font-weight: normal;
			width: 320px;
			margin-bottom: 10px;
		}
		#container div {
			width: 300px;
			padding: 0 20px 30px 0;
		}
			#container p {
				line-height: 20px;
				margin: 5px 0;
			}
				#container p a {
					display: inline;
				}
			#container img {
				border: 1px solid #aaa;
				display: block;
				margin: 10px 0;
			}
			h2 {	
				font-family: ChunkFive,Impact,Haettenschweiler,‘Arial Narrow Bold’,sans-serif;
				font-weight: normal;
				font-size: 36px;
				margin-bottom: -5px;
				color: #3280C5;
			}
			#container a {
				color: #666;
				display: block;
			}
				#container a:hover {
					color: black;
				}