/*
@font-face {
	font-family: "TitilliumMaps";
	src: url(/_style/TitilliumMaps26L004.otf);
}

@font-face {
	font-family: "TitilliumMaps";
	src: url(/_style/TitilliumMaps26L003.otf);
	font-weight: 500;
}
*/

.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; }

body { background-color: #fdfdfd; color: #333; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; padding-top: 12px; }

h1 { color: #000; font-size: 20px; line-height: 18px; text-shadow: #ccc 1px 1px 4px; }
h2 { color: #000; font-size: 18px; line-height: 18px; text-shadow: #ccc 1px 1px 4px; }
h3 { color: #000; font-size: 14px; line-height: 14px; text-shadow: #ccc 1px 1px 4px; }
	h2 a { font-size: 11px; vertical-align: top; }
p { margin-top: 12px; margin-bottom: 12px; }
a { color: #666; }
a:hover { color: #e00; }

.nav { border-top: 1px solid #497979; height: 60px; margin-left: 236px; width: 772px; }
	.nav ul { margin: 0; padding: 0; }
	.nav li { display: inline-block; float: left; height: 60px; list-style: none; margin-right: 12px; width: 100px; }
		.nav li.selected a { color: #e00; }
		.nav li a { border-right: 1px solid #999; color: #000; display: inline-block; font-size: 14px; font-weight: bold; height: 54px; text-decoration: none; width: 99px; text-shadow: #ccc 1px 1px 4px; }
		.nav li a:hover { color: #e00; }


.header { left: 0; top: 12px; position: absolute; margin-left: 12px; width: 212px; }
	.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; }

.wrapper { }

.main { margin-left: 236px; 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; }
	.main h2 { margin-left: 112px; margin-top: 12px; }
	.main p, .main pre, .main ol, .main ul { margin-left: 112px; }

.keywords { font-size: 75%; font-style: italic; list-style: none; padding-left: 0; }
	.keywords li { display: inline; padding-right: 1em; text-transform: lowercase; }

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


.footer { clear: both; margin: 0 0 0 12px; width: 1008px; padding-top: 12px; }
#copyright { border-top: 1px solid #497979; color: #e00; font-size: 11px; font-weight: bold; margin-top: 0; padding: 12px 0 12px 0; }