.grid { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-left: 12px; }
	.grid-col { background-color: #ffcccc; float: left; width: 100px; height: 100%; margin-right: 12px; opacity: 0.3; }

@font-face{font-family:'WhiteboardRegular';src:url('house-webfont.eot');src:local('☺'),url('house-webfont.woff') format('woff'),url('house-webfont.ttf') format('truetype'),url('house-webfont.svg#webfontkaPhwzaZ') format('svg');font-weight:normal;font-style:normal;}

body { background-color: #fdfdfd; color: #333; font-family: Georgia,Cambria,"Times New Roman",Times,serif; font-size: 16px; margin: 0; padding: 0; padding-top: 12px; }

h1, h2, h3, .project-date { font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif; }
.project-date { font-family: WhiteboardRegular; }

h1 { font-size: 28px; line-height: 18px; }
h2 { font-size: 20px; line-height: 18px; }
h3 { font-size: 14px; line-height: 14px; }
	h2 a { font-size: 11px; vertical-align: top; }
p { margin-top: 12px; margin-bottom: 12px; }
a { color: #666; }
a:hover { color: #e00; }
img { border: 0; }
th, td { padding-right: 2em; text-align: left; }


.nav { height: 61px; left: 50%; margin-left: -509px; position: absolute; width: 548px; }
	.nav h1 { border-top: 1px solid #497979; margin-top: 0; padding-top: 30px; padding-bottom: 12px; }
	.nav-lang { float: right; margin: 4px; }

.header { background-color: #d3cfcd; background-image: -webkit-gradient(
	    linear,
	    left top,
	    right top,
	    color-stop(0, rgb(255,255,255)),
	    color-stop(0.01, rgb(211,207,205)),
	    color-stop(0.99, rgb(211,207,205)),
	    color-stop(1, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
	    left center,
	    rgb(255,255,255) 0%,
	    rgb(211,207,205) 1%,
	    rgb(211,207,205) 99%,
	    rgb(255,255,255) 100%
	);
  left: 50%; top: 0; padding: 12px 12px 96px 12px; position: absolute; margin-left: 49px; width: 212px; border-bottom-right-radius: 20px 10px; }
	.header h1 { border-top: 1px solid #497979; border-bottom: 1px solid #497979; margin-top: 0; padding-top: 30px; padding-bottom: 12px; }
	.header h2 { font-size: 18px; }
	.header ul { margin: 0; padding: 0; }
		.header li, .header p { color: #9b968c; list-style: none; }
		
.portrait { height: 261px; width: 192px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

.wrapper { }

.main { left: 50%; margin-left: -509px; position: absolute; top: 73px; width: 548px; }
	.project { border-top: 1px solid #497979; margin-bottom: 36px; }
	.project-date { color: #e00; font-size: 11px; margin-top: 16px; position: absolute; text-align: right; text-transform: uppercase; width: 100px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }
	.main h2 { margin-left: 112px; margin-top: 12px; }
	.main p, .main pre, .main ol, .main ul { margin-left: 112px; }
	.main.article p, .main.article pre, .main.article ol, .main.article ul, .main.article h2 { margin-left: 0; }

.main.article { border-top: 1px solid #497979; padding-top: 2.1em; min-height: 400px; }

.keywords { font-size: 75%; font-style: italic; min-height: 1em; padding-left: 0; }
	.keywords li { float: left; margin-left: 1em; padding-left: 0.2em; padding-right: 1em; text-transform: lowercase; }
	.keywords li:first-child { list-style: none; margin-left: 0; padding-left: 0; }

.sidebar { left: 50%; position: absolute; margin-left: 297px; top: 73px; width: 212px; }
	.sidebar .section { border-top: 1px solid #497979; margin-bottom: 36px; }
	.sidebar h2 { margin-top: 12px; }


.footer { bottom: 0; left: 50%; margin: 0 0 0 297px; padding-top: 12px; position: absolute; text-align: right; }
#copyright { color: #e00; font-size: 11px; font-weight: bold; margin-top: 0; padding: 12px 0 12px 0; }

.code { font-size: 15px; }
.s-keyword { color: #00f; }
.s-object { color: #2b91af; }
.s-comment { color: #0f0; }