body {
	font-family: "Gill Sans", Calibri, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12pt;
	background: #000;
	color: #ccc;
}
p { margin: 0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-size: 1em; font-weight: normal; color: #fff; }
h1, h2 { font-family: "Century Gothic", "URW Gothic", "Gill Sans", Calbri, Helvetica, Tahoma, Arial, sans-serif; }
	h1 { margin-top: 1.5em; text-align: center; font-size: 3em; }
	h2 { margin: 1em 0; font-size: 2em; }
	h3 { margin-bottom: 0.5em; font-size: 1.2em; }
ol, ul { margin: 0; padding: 0; }
	li { margin: 0 0 0 1em; padding: 0; }
a { text-decoration: none; color: #ccf; }
	a:hover { color: #eee; }

h1 .first { color: #5c3; }
h1 .second { color: #a94; }

.content { width: 600px; margin: 0 auto; }
	.content .section-body { margin-left: 40px; }

#projects { position: relative; padding-bottom: 2em; border-bottom: 1px solid #fff; }
	#projects ul { position: relative; min-height: 150px; list-style: none; }
		#projects ul li { margin: 0; padding: 1em 0 0 1em; }
			#projects ul li .details {
				display: none;
				position: absolute;
				top: 0;
				right: 0;
				width: 260px;
				min-height: 110px;
				padding: 20px;
				background:
				#eee;
				color:
				#333;
			    border: 0px hidden #000;
				-moz-border-radius: 20px;
				-ms-border-radius: 20px;
				-o-border-radius: 20px;
				-webkit-border-radius: 20px;
			}
			#projects ul li .details h1, #projects ul li .details h2, #projects ul li .details h3 { color: #000; }
			#projects ul li .details a { color: #44c; }
				#projects ul li .details a:hover { color: #666; }
			#projects ul li.current .details { display: block; }

#about { float: left; width: 300px; }
#contact { margin-left: 300px; }
	#about dt, #contact dt { float: left; padding-right: 1em; }
		#about dt:after, #contact dt:after { content: ": "; }
	#about dd, #contact dd { margin: 0 0 1em; font-style: italic; }