@charset 'UTF-8';
html,body {min-width:600px;text-rendering:optimizeLegibility}

/* google cache garbage */
body > table[border], meta + table, body >table[border] + hr {display:none !important;}

a {-webkit-transition: background-color 0.3s ease-out; 
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
}

/*#footer:after
{vertical-align:top;text-align:right;float:right;line-height:0;position:absolute;top:-10px;left:50%;content:url(/beta.png);}
*/
body.full-width {max-width:150em !important; border:0 !important}
body {max-width:75em; }
#content > .full-width {margin-left:-20px; margin-right:-20px;}

hr {height:0; border:0; border-top: 1px solid #ddd; border-bottom: 1px solid #f9f9f9;}

blockquote {font-weight:bold; border-left: 2px solid red; margin-left:9px;padding-left:9px;}
pre {font-size:inherit;border-left: 2px solid #f80;
margin-left:9px; margin-right:10px;
	white-space:-moz-pre-wrap;white-space:pre-wrap; overflow:auto;}

code {color:#422;font-weight:bold; font-size:101%;
font-family: consolas, monospace, sans-serif
}

pre>code {
font-weight:normal; float:left; background:#f6f4ee; padding: 5px 15px 5px 9px;
	}
h1>code, a>code {color:inherit;}

a img {border:0;}
hr {clear:both;}
html {background:#777;font:0.9em/1.4 "Trebuchet MS";min-width:60%;}
body {background:#eee;padding:0;margin:0 auto;position:relative;}

h2:target:before,h3:target:before,h4:target:before,h5:target:before {content: "\2794  "; text-shadow: 0 0 4px black; text-shadow: 0 0 4px black, 0 0 5px black;font-weight:normal; color:white; margin-left:-1.3em}

h1,h2,h3,h4,h5,h6 {font-family:"Trebuchet MS"; margin:20px 0 15px}
form {margin:0;}


#header {
	height:140px;
	background:#ccc;position:relative;
	border-left:200px solid #bbb;
	padding-bottom:40px;
}
#header h1 > * {text-shadow:inherit;}
#header .skiplink a {left:-200px;}
#header h1, #content h1 {text-shadow: 0 0 4px #666, -2px -1px 1px #bbb; line-height:0.7;}
#header h1  {
	font-size:60px; padding:0.2em 0 0 20px; margin:0;
	position:absolute;
	bottom:0;left:0px;right:0;

	max-height:130px;

	color:inherit; text-decoration:none;
}
#header h1 {position:absolute;left:-200px;right:0;bottom:0;margin:0;padding-left:220px;border-bottom:40px solid black;	}
#content h1 {border-bottom:5px solid black; font-size:3em; margin: 1em -20px 0.5em; padding: 0 20px;}

h2 {font-size:2em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em; display:run-in;}
h5:after {content:" ";}


q {quotes: '\201E' '\201D' '\00AB' '\00BB';}

h1 abbr {border:0;}

#content > *:first-child, #content > .aside:first-child + *, #content > .figure:first-child + *, #content > .aside:first-child + .figure + *, #content > #toc:first-child + * {margin-top:0 !important;}
#content {border-left:200px solid #ddd;padding:55px 20px 20px 20px;min-height:22em}
#content p {text-align:justify;}

.skiplink {margin:0;padding:0;}
.skiplink a {font-size:20px;height:40px;line-height:40px;margin:0;background:#fff;position:absolute;top:100px;left:0;width:200px;text-align:center;z-index:-1}
.skiplink a:active, .skiplink a:hover, .skiplink a:focus {color:red;z-index:2}

#menu .skiplink {top:auto;bottom:0;left:auto;right:0}

#menu img {cursor:pointer;position:absolute;left:10px;bottom:4px;
-webkit-transition: clip 0.1s ease-in-out, bottom 0.1s ease-in-out; 
-moz-transition: clip 0.1s ease-in-out, bottom 0.1s ease-in-out; 
-o-transition: clip 0.1s ease-in-out, bottom 0.1s ease-in-out; 
transition: clip 0.1s ease-in-out, bottom 0.1s ease-in-out; 
clip:rect(0,176px,55px,0); max-width:45%}
#menu a:hover img, #menu a:focus img {clip:rect(0,176px,131px,0);bottom:80px;}

#menu a[href="/"]:after {content:"";cursor:pointer;position:absolute;left:200px;right:0;bottom:40px;height:180px}

#menu {position:absolute;top:180px;left:0;background:white;height:40px; min-width:32em; width:100%; margin:0;padding:0; list-style:none;line-height:40px; height:40px; font-size:20px;white-space:nowrap}
#menu li {display:inline;}
#menu a {float:left;margin:0;padding:0 10px;}
#menu li:first-child a {color:black;background:#eee;width:180px;text-align:right;}
#menu li a:hover {background:black;color:white;cursor:pointer}
#menu li a:focus {text-decoration:underline}
#menu a:before {content:"\2022\2022  ";}
#menu li:first-child a:before {content:"\2022\2022\2022  ";}
#menu li + li + li a:before {content:"\2022  ";}
#menu a {color:black;background:#fff; text-decoration:none;}
#content .aside {overflow:auto;color:black;background:#ddd;font-size:0.85em;float:left;margin:0 0 10px -220px;display:block;width:170px;text-align:right !important;padding:0 10px 0 20px; clear:left;}
#content .aside p {text-align:right;margin-top:0 !important}
#content blockquote.aside {border:0;}

#toc {background:#eee; float:right;font-size:0.85em;line-height:1;margin: 15px 0 12px 15px; width:180px;}
#toc p {display:none;}
#toc > ol > li:first-child > a {display:none;}
#toc > ol > li > a {font-weight:bold;}
#toc ol {list-style:none;}
#toc ol, #toc li {padding:0;margin:0;}

#toc a {text-indent:-10px;display:block;text-decoration:none;padding:1px 5px 2px 25px;border-left:1px solid #ccc;}
#toc ol ol ol a {padding-left:40px;}
#toc a:hover, #toc a:focus {background:black;color:white;border-left:1px solid black}

#toc a:hover:before, #toc a:focus:before {content:"\2193";}

h2[id]:hover:after, h2[id]:focus:after,
h3[id]:hover:after, h3[id]:focus:after,
h4[id]:hover:after, h4[id]:focus:after
{
	content: " #" attr(id);
	font-size:0.8em;color:#ccc;font-weight:normal;
}
h2[id]:hover:after, h2[id]:focus:after {font-size:0.6em;}


.figure {float:right; clear:right;padding:9px; border-right:0; margin:15px 0px 10px 10px; font-size:0.85em; line-height:1.1;text-align:center !important;
	overflow:hidden; min-width:187px;}

/*  max-width:100%} f**up in Gecko and Safari<3*/

.figure img {display:block;margin:0 auto 5px; padding-bottom:5px; border-bottom:1px solid
#ccc;}

/* max-width:100%} f**up in Gecko */

#footer {min-height:80px;background:#444;color:white;clear:both;padding:20px 10px 20px 220px;border-top:40px solid black;position:relative;}
#footer a {color:#ccc;}
#footer a:visited {color:white;}
#footer a:focus, #footer a:hover {color:#ccf;}

#footer label {padding-top:2px;float:left; width:170px; margin-left:-180px; clear:left; text-align:right}
#footer .note {color:#aaa; font-weight:normal}
@media tv,projection {
	body {font-size:110%;}
}


#search {max-width:25%;min-width:7em;overflow:hidden;white-space:nowrap;position:absolute;top:180px;right:10px;height:30px;padding:5px 0;line-height:30px;vertical-align:middle}
#search input {font-size: 0.8em;vertical-align:middle;}

@media screen and (min-width:1281px)
{
body {border:solid #6d6d6d;border-width:0 3px;}
	#content {min-height:35em;}
}
@media screen and (max-width:1281px)
{
	body {min-width:240px;max-width:1280px;border:0}
	#content {min-height:30em;}
}
@media screen and (max-width:641px)
{
	h1,#header h1 {font-size:2em;line-height:1;}
	#header h1 {left:-120px; padding-left:130px;}
	h2 {font-size:1.8em;}
	#menu img {width:100px;left:10px; bottom:61px;}
	#content {border-left-width:120px; padding-left: 10px; padding-right:10px; min-width:0; min-height:10em;}

	#content .aside {text-align:left !important;margin: 1em 0 1em -120px; float:none !important; clear:none !important; overflow:visible;  min-width:15em; width:auto; padding: 5px}
	#content .aside p {text-align:left !important;}
	#menu {font-size:16px}
	#menu li:first-child a {width:100px;}
	#header {border-left-width:120px;}
	#footer {padding-left:10px;}
	#content p {text-align:left;}
	.figure {min-width:50px}
	img {max-width:100%;}

	#search {position:static; max-width:100%;text-align:right;height:auto;}
}
@media screen and (max-width:320px)
{
	#menu a[href="/"]:after {content:normal}
	#toc {width:auto; float:none}
	h1, #header h1 {font-size:1.6em;}
	#header h1 {left:-90px;padding-left:95px;}
	h2 {font-size:1.4em;}
	h3 {font-size:1.2em;}
	#content {border-left:0; padding-right:5px; min-height:5em}
	#content .aside {margin-left:-10px;margin-right:-5px;}
	#menu {font-size:1em;min-width:0}
	#menu li:first-child a {width:auto; background:white;}
	#menu li:first-child a:hover {width:auto; background:black;color:white}
	#menu li a:before {content:normal !important;}
	#menu img {width:50px;bottom:80px}
	#header {border-left-width: 90px;}
}

textarea {max-width:100%}


table#acid2 {
	margin-left: -136px; margin-right: -20px;
}


a ins {border-bottom:1px solid;}

/* iPhone's nice, but Apple's iPhone-specific hacks are retarded :( */
@media only screen and (max-device-width: 480px)
{
body { font-size: 150% !important;}
}

#footer #adnonsense.left {position:absolute;top:0;left:10px;width:180px;min-height:120px;height:100%;max-height:180px;overflow:hidden;}
#footer #adnonsense {position:absolute;top:50%;margin-top:-45px;right:15px;width:200px;height:90px;overflow:hidden;}