@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Arimo:400,400italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:400&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Anonymous+Pro);
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans&subset=latin,latin-ext);
@font-face {
	font-family: 'LucidaSansUnicode';
	src: url('/fonts/LucidaSansUnicode/lucida-sans-unicode.eot');
	src: url('/fonts/LucidaSansUnicode/lucida-sans-unicode.eot?#iefix') format('embedded-opentype'),
	url('/fonts/LucidaSansUnicode/lucida-sans-unicode.woff') format('woff'),
	url('/fonts/LucidaSansUnicode/lucida-sans-unicode.ttf') format('truetype'),
	url('/fonts/LucidaSansUnicode/lucida-sans-unicode.svg#LucidaSansUnicode') format('svg');
}

div.tty {display: none }

@media tty {
	div.tty { display: show }
}


body {
	margin-left: 1em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 4em;
	max-width: 35em;
	font-family: "Source Sans Pro", "Lato", "Arimo", sans-serif;
	background-color: #fff;
	text-align: left;
	color: #222;
	line-height: 1.5em;
	counter-reset: display;
}

h1,h2,h3,h4,h5,h6,dt { 
	font-family: "Source Sans Pro", "Lato", "Droid Sans", "Economica", sans-serif;
	font-weight: bold;
	line-height: 1em;
	color: #014225;
	letter-spacing:.07em; }

h2 { border-top: 1px dotted #014225;
padding-top: .5em;}

blockquote {
	background-color: #eee;
	border-radius: .7em;
	margin-left: 0em;
	padding-left: .5em;
	margin-right: 0em;
}

div.base {  position:fixed; left:.3em; bottom:.5em; width: auto; height:auto; font-size:250%; font-family:"Droid Sans", "Economica", sans-serif; ""font-weight:boldface; color:#228800; }
div.base a:link { color:#228800; border:0; } div.base a:after { content:"" }
div.base a:visited { color:#228800; border:0; }
div.links { 
	position:fixed;
	left:1em;
	top:1em;
	width: auto;
	height: auto;
	font-size: 90%;
	/*            font-family: sans-serif;*/
	text-align: right;
	/*            border: 2px solid #336600;
	/*            border: 1px solid #A00;*/
	padding: .7em;
	margin: 0;
}
/*div.links { 
float:right;
width: auto;
height: auto;
font-size: 90%;
font-family: sans-serif;
position:fixed;
top: 1em;
right: 3%;
text-align: right;
padding: 4px;
margin: 0;
}*/

/* a:link {color:#888888; text-decoration:none;/\*border:1px dotted #aaaaaa*\/} */
/* a:visited {color:#666666;text-decoration:none;border:1px dotted #cccccc} */
/* a:hover {text-decoration:underline;} */
/* a:active {background:#336600;color:#DDFFCC;text-decoration:none;} */
/*a:after { content:"⌘"; font-size:50%; position:relative; top:-7px; }*/

/* https://stackoverflow.com/questions/20915850/pure-css-implementation-of-wired-coms-hyperlink-style */
a:link {
	text-decoration: none;
	color: #000;
	box-shadow: inset 0 -4px 0 #c0e6f7;
}
a:hover { background:#c0e6f7; }
a:visited { color:#000; }

address { font-style: normal;
	font-family: "Droid Sans Mono", monospace;
	font-size: 60%;
	margin-top: 6em;
	padding-right: 1em;
	border-top: 1px dotted #c0c0c0;
	/*          background-color: #d0d0d0;*/
	color: #c0c0c0;
	text-align: right;
	clear: both;
}

.t {
	color: #426598;
	/*	font-family: sans-serif;*/
	font-variant: small-caps;
	text-decoration: none;
}

p.box {
	background-color: #efe;
	border: 1px dashed #6487dc;
	padding: 5px;
	font-size: 90%;
	font-family: "Economica", monospace;
} 

dt {
	/*     font-family: sans-serif;
	font-weight: bold;*/
padding: 2px;
/*color: #336600;*/
     }

     dt a {
	     /*       font-family: sans-serif;
	     font-size: 80%;*/
/*color: #336600;*/
/*       font-weight: bold;*/
}

dd { margin-right: 2em; } /* wtf */

hr {
	border: none;
	height: 1px;
	border-top: 1px solid #336600;
}

li { text-align: left; }
ul li { text-align: left; }

li.sublink
{
	list-style: none;
	margin: 0;
	padding-left: 2em;
	font-size: 80%;
}

a.sublink
{
	display: block;
	padding: 0.5em 0.5em 0.5em 1.5em;
	background: #426598;
	text-decoration: none;
	color: #fff;
}

a.sublink:hover
{
	border-right-color: #6476a9;
	border-left-color: #6476a9;
	color: #FFF;
	background: #6487ba;
}

span.date { 
	font-family: "Economica", sans-serif;
	color: #336600;
}

ip { font-family: "LucidaSansUnicode", "Source Sans Pro", sans-serif; font-weight: bold; color:#0070A0; font-variant: normal; font-size: 100% /*color:#285599;*/ }
ls, span.ls { text-transform: lowercase; font-family: sans-serif; font-variant: small-caps; }
sc { text-transform: lowercase; font-size: 1.1em; font-family: sans-serif; font-variant: small-caps; }
tt { border:1px solid #9999aa; padding: .1em; border-radius: .2em; background-color: #eeeecc; font-family: "Source Sans Pro", "Inconsolata", "Anonymous Pro", monospace; font-size:100%}
tt a:after { content:"" }
tt a:hover { text-decoration: none }
tt a { text-decoration: none }
span.tt { border:1px solid #9999aa; padding: .1em; border-radius: .2em; background-color: #eeeecc; font-family: "Inconsolata", "Droid Sans Mono", monospace; font-size:90%}
hl { color: #CC0000; font-weight: bold; }
span.hl { color: #CC0000; font-weight: bold; }

sup, sub { vertical-align: 0;
	position: relative;
font-size:75%;}
sup { bottom: 1ex; }
sub { top: 0.8ex; }

note, span.note { 
	overflow:auto;
	line-height:1.2em;
	font-size: 80%;
	margin: .2em; padding: .3em;
	background-color: #eee;
	border-radius: .7em;
	clear:right;
	float:right;
	margin-right: -1em;
	width: 50%;
}
label { 
	overflow:visible;
	text-align: center;
	line-height:1.2em;
	font-size: 95%;
	padding: .1em .4em;
	color: #336600;
	background-color: #ddffdd;
	border: 1px solid #336600;
	border-radius: .7em;
	float:left;
	margin-left: -1em;
	margin-right: .5em;
	width: auto;
}

/*table { padding:.1em; }*/
td,th { padding: 0em .5em 0em; }
td { border:1px solid black; text-align: center; background-color: #eeeeee; }
th { border:0px solid #666666; font-variant: small-caps; font-weight: normal; font-family: "Droid Sans"; background-color: #dddddd; }
td.yes { background-color: #ccffcc }
td.no { background-color: #ffcccc }
td.S { background-color: #ffffcc }
td.A { background-color: #ccffff }
td.B { background-color: #ffccff }
td.C { background-color: #aaffaa }
td.D { background-color: #ccccff }

.left { text-align: left }
table.left td.c { text-align: center }

table.simple td { border:0; background-color: transparent; }

uu { background-color: yellow; }

del { text-decoration: line-through red 3px; }

div.disp { 
	line-height: 1.2em;
	background-color:#f0f0f0;
	padding:.2em;
	width: 30em;
	height:auto;
	padding-left:.5em;
	margin-top:.3em;
	margin-bottom:.3em;
}

div.disp:before { counter-increment: display;
	float:left;
	vertical-align:top;
	width:9em;
	text-align:right;
	margin-left:-10em;
	padding-right:.3em;
	font-size:140%;
	font-weight:bold;
	/*         font-family: 'Linux Biolinum', "Lucida Sans Unicode", "Lucida Grande", "DejaVu Sans", Verdana, Geneva, sans-serif;*/
	font-family: "Merriweather Sans", sans-serif;
	color:#888;
	content: "("counter(display)")";
}	      

picr { float:right; width:50%; padding:0.5em; margin-right:-1em }
picl { float:left; width:50%; padding:0.5em }
r { font-weight: bold; color: red }

ind:before { content: "Ⓝ" /*"◥"*/; color: #272; vertical-align: super; font-size: 80%; font-weight: bold }