/* yes. this CSS stealed from "list apart" site */
* { margin: 0; padding: 0; }
body { background: #1E1E1E; color: #FFF; font: normal 100% Helvetica, Arial, sans-serif; }
a { color: #8FDFFD; }
a:hover { color: #36C; text-decoration: none; }
p { margin-bottom: 1em; }
/* Type */
h1 {
	font-size: 3em;			/* 48px / 16px = 3em */
	line-height: 1.14583;	/* 55px / 48px = 1.14583 */
	margin: 0 0 1.07em;
	text-transform: uppercase;
}
.entry .info, .entry .m {
	font-size: 0.6875em;	/* 11px / 16px = 0.6875em */
	font-weight: bold;
	line-height: 1.45455;	/* 16px / 11px = 1.45455 */
}
.entry h2 {
	font-size: 1.5em;			/* 24px / 16px = 1.5em */
	margin-bottom: 0.66667em;	/* 16px / 24px = 0.66667em */
}
.entry .info { letter-spacing: 0.08em; text-transform: uppercase; }
.entry .main { font: normal 1em/1.375 Georgia, Times, serif;	/* 22px / 16px = 1.375 */ }
.entry .main p { text-indent: 1.5em;	/* 24px / 16px = 1.5em */ }
.entry .main p:first-child { text-indent: 0; }
.entry .m { margin-top: 0.5em; opacity: 0.7; }
/*
	Layout
*/
#multipassport { margin: 40px auto; padding: 0 1em; max-width: 61.75em;		/* 988px / 16px = 61.75em */ }
h1 { margin-left: 14.575%;	/* 144px / 988px = 0.14575 */ width: 70.85%;			/* 700px / 988px = 0.7085 */ }
.entry { float: left; width: 100%; }
.entry h2 { float: right; width: 85.425%;		/* 844px / 988px = 0.85425 */ }
.entry .info { float: left; margin-top: 0.72727em;	/* 8px / 11px = 0.72727em */ width: 12.551%;		/* 124px / 988px = .12551 */ }
.entry .content { float: right; width: 85.425%;		/* 844px / 988px = 0.85425 */ }
.entry .main { float: left; width: 82.938%;	/* 700px / 844px = 0.82938 */ }
.entry .m { float: right; width: 14.692%;	/* 124px / 844px = 0.14692 */ }
.footer { margin-top: 3em; clear: both; float: right; background-color: #313130; font: normal normal 0.8em Arial; color: #808080; width: 85.425%; }
.footer p { padding: 2em 4em }
a img { border: none; }
.m .aka { font-family: Verdana, Arial, Helvetica, Sans; }
.social { list-style: none; margin-top: 1em;}
.social li { padding: 0.1em 0;}
.social li img { padding-right: 0.3em;}
.social a { color: #808080; text-decoration: none; }
.social a:hover { color: silver; }
.archive_links { margin-left: 1em; list-style: square }

.cmts_text blockquote { border-left: 3px dotted #808080; margin: 0pt; padding-left: 0.5em; color: #808080; }
.cmts_text blockquote blockquote { border-left: 3px dotted #505050; color: #505050; }

.level0 { padding-left: 0em !important; }
.level1 { padding-left: 1.5em !important; }
.level2 { padding-left: 3em !important; }
.level3 { padding-left: 4.5em !important;}
.level4 { padding-left: 6em !important; }
.level5 { padding-left: 7.5em !important;}
.level6 { padding-left: 9em !important; }


textarea.cmts_text {
	width: 100%;
	height: 100px;
}
#auth_type, #openid_list {
	border: 2px solid #CECECE;
	border-top: 2px solid #DFDFDF;
	background-color: #FFFFEE;
	color: #808080;
	font-size: 0.8em;
	font-family: Arial;
	width: 200px;
	padding: 0 0.5em 0 0.3em;
	display: inline-block;
	cursor: pointer;
}
#auth_type {
	overflow: hidden;
}

#openid_prov_help, #openid_prov_title, #floatleft {
	clear:left;
	float:left;
	width:40%;
	text-align:right;
	padding: 0 1em;
}

#auth_type {
	background-image:url(/i/arch_opened.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
}

#openid_list {
	position: absolute;
	z-index: 500;
	border: 2px solid #CECECE;
	border-top: none;
}

#openid_list img, #auth_type img  {
	margin: 0 0.3em 0 0;
	padding: 0;
	border: 0;
}

#openid_list div {
	border-bottom: 1px solid #EEEEEE;
	padding: 0.1em 0.5em 0.1em 0.3em;
}

#openid_list div:hover {
	background-color: navy;
	color: white;
}