body {
	font: normal 62.5% Georgia, Times, serif;
	background: white;
	margin: 0;
	padding: 50px;
	text-align: right;
	color: white; }
body * { margin: 0; padding: 0; list-style: none; }

.line {	background: #111; float: right; clear: both; }
	.space { margin-top: 50px; display: inline; }
body h1, body h2, body h3 { padding: 10px 15px; display: block; font-weight: lighter; }

a, a:visited, a:link { color: white; text-decoration: none; }
a:hover { border-bottom: 1px dotted white; }

h1 { font-size: 4.5em; font-style: italic; text-transform: capitalize; letter-spacing: -0.05em; }
h2, h3 { font-size: 1.4em; font-style: italic; text-transform: uppercase; letter-spacing: 0.1em; }
body h3 { font-size: 1.2em; }

.projects { float: right; clear: both; margin-top: 50px; }
	.projects li { float: left; }
	.projects li a { background: white; margin: 0 0 1px 20px; display: block; width: 150px; height: 150px; text-align: left; padding: 25px; }
		.projects li a:hover { border: none; }
			a#tmb:hover { background: magenta; }
				a#tmb:hover p { color: magenta; display: none; }
			a#magma:hover { background: cyan; }
				a#magma:hover p { color: cyan; display: none; }
			a#photonews:hover { background: cyan; }
				a#photonews:hover p { color: cyan; display: none; }
	.projects h4 { font-size: 1.4em; font-style: italic; background: #111; padding: 10px 15px; float: left; top: -32px; left: -32px; position: relative; }
	.projects p { font-size: 1.2em; color: #777; clear: both; }
	.projects a span { font-size: 3em; font-style: italic; text-align: center; display: block; padding-top: 40px; }
	.projects a:hover span { font-size: 7em; }
.peeps { font-size: 0.9em; font-style: normal; text-transform: uppercase; letter-spacing: 0.2em; font-family: Monaco, monospace;
	 position: absolute; bottom: 50px; right: 50px; line-height: 1.6em; float: right; }
	 .peeps li { float: right; padding-left: 40px; }