h1,h2,h3,h4,h5,h6 {font-family:serif}
body {font-family:sans-serif;
margin-bottom:3em;
}
p {line-height:1.5}
img {margin:1px}
blockquote {padding-left:.5em;border-left:solid 2px #000080;}
li {font-family:sans-serif;margin-bottom:.6em}
article {border:solid thin silver;margin:.2em;padding:.2em;border-radius:.5em}
section {border:solid thin silver;
background-color:hsl(129,22%,95%);
margin:.2em;padding:.2em;
border-radius:1em}
time {font-family:monospace;font-size:14px}
cite {color:hsl(0,59%,32%)}
cite:before,cite:after {color:initial}
cite:before {content:"〈"}
cite:after {content:"〉"}
cite.book:before {content:"《"}
cite.book:after {content:"》"}
caption {background-color:hsl(0,0%,88%);border:solid thin black}
footer {background-color:#fff8dc;text-align:center;clear:both}

span.xsignet {font-family:"Times New Roman",serif;font-size:3em;color:red}
span.xsignetxah {font-family:"Times New Roman",serif;font-size:2em;color:red}

footer > div.cpr {font-size:80%}
figure {margin:.2em}
figure * {margin:0}
figure > img {max-width:100%;height:auto;box-shadow:3px 3px 4px 3px silver}
figcaption {margin-left:1em}
figcaption:before {content:"↑ "}
kbd {padding-left:.25em;padding-right:.25em;font-family:sans-serif;border:solid 1px #c2c2c2;border-radius:4px;background-color:#f0f0f0;box-shadow:1px 1px silver}

#t5 {display:inline-block;
line-height:1.4;
margin-bottom:.5em;
}
#t5 ul {
display:inline;
padding:2px;
margin:2px;
border-radius:1em;
border:solid thick #b42222;
}
#t5 li {display:inline;}
#t5 ul li:before {content:"• "}

nav.n1 {
position:fixed;
font-size:1em;
left:190px;
bottom:1px;
z-index:52;
text-align:left;
padding:2px;
background-color:white;
border-radius:0.5em;
border:solid thick #b42222;
}
nav.n1:before {content:"back to ";}

#id1 {
position:absolute;
top:9em;
right:2px;
clear:both;

display:inline-block;

width:301px;
max-width:301px;

margin-left:2px;
margin-right:0;
text-align:right;
}

/* current viewport width is ≤ 999 px */
@media all and (max-width:999px) {
#id1 {display:none;}
#t5 {margin-right:301px;}
#t5 {display:none;}
}

/* current viewport width is ≥ 1000 px */
@media all and (min-width:1000px) {
body {margin-right:304px}
}

div.xgcse {display:inline-block;width:20em;height:2em;padding:0.3em}

nav.page {
display:table;
font-size:1.5em;
word-spacing:.3em;
/* margin:.5em; */
padding:.5em;
background-color:yellow;
border-radius:1em;
border:thin solid #b42222
}
nav.page:before {content:"Goto Page →"}
nav.page a {text-decoration:underline;
padding:.2em;
outline:solid thin gray;
}

#top {display:table;padding:.5ex;margin:.5ex;background-color:#b42222}
#top > p {padding:0;margin:0;color:white}
#blogpanel664 {padding:.2em;margin:.2em;background-color:#faebd7;border:solid thin silver;}

div.date-α {display:table;background-color:silver;border-top:solid thin gray}

div.rltd {
display:table;
margin:.2em;
padding:.2em;
border-radius:.5em;
border:solid thin silver;
}

div.rltd > ul {margin:0}

div.rltd:before {
content:"See also:";
position:relative;
top:-0.2em;
left:0;
}

.sec888 {display:inline-block;border:solid thin hsl(269,39%,85%);}

table.nrm {border-collapse:collapse;margin:.5em;}
table.nrm th, table.nrm td {padding:.25em;border:solid thin #808080}
table.nrm th {background-color:#d7e4f2}

div.tla40959 {display:table;padding:.25em;width:30ex;float:right;clear:right}
div.tla40959:after, div.dftad:after {font-size:smaller;content:" sponsor";color:gray}

div.question-box32371 {
display:block;
border:solid thin gray;
padding:.2em;
margin:.2em;
border-radius:.5em;
}

p.q {
display:inline-block;
margin:.1em;
padding-top:.2em;
padding:.2em;
border-radius:.5em;
box-shadow: 4px 4px 8px 2px gray;
}
p.q:before {content:"? ";font-size:1.5em; font-weight:bold}

b.b1 {font-size:200%;font-weight:normal}
b.b2 {font-size:150%;font-weight:normal}
b.b3 {font-size:110%;font-weight:normal}
b.w {color:#8b0000} /* word. vocabulary */
strong.r {color:red}
mark.b {background-color:hsl(190,60%,78%)}
mark.r {background-color:hsl(0,100%,89%)}
mark.unicode {font-size:2.5em;font-family:serif;
background-color:hsl(274,23%,82%);
}

p.lbk, div.lbk {float:right;width:25%;border:solid thin;margin:.5em;padding:.5em;font-size:110%;background-color:#dcdcdc}

div.blgcmt {font-size:xx-large}
div.blgcmt:before {content:"Comment on Blogger";font-size:medium}

div.pp_xah_js_tutorial {display:inline-block;float:right}

a.big-i {background-color:silver}
a.big-i:before {content:"🔎"}

a:visited,a:link {text-decoration:none}
a:hover {text-decoration:underline;background-color:yellow}
a[href^="http://"] , a[href^="https://"] {box-shadow:0px 1px;}

a[href*="wikipedia.org/"] {color:#005500}

a[href*="maps.google.com/"]:before {content:"🗺";font-size:2em}

a.rssfeed53141 {
padding:5px;
padding-left:2em;
background-image: url(ics/rss_icon.svg);
background-size:contain;
background-origin:border-box;
background-position:0 0;
background-repeat:no-repeat;
}

a[href*="plus.google.com/"] {
padding:5px;
padding-left:2em;
background-image: url(ics/Google_plus_icon_2012.svg);
background-size:contain;
background-origin:border-box;
background-position:0 0;
background-repeat:no-repeat;
}

a[href*="twitter.com/"] {
padding:5px;
padding-left:36px;
background-image: url(ics/Twitter_bird_logo_2012.svg);
background-size:contain;
background-origin:border-box;
background-position:0 0;
background-repeat:no-repeat;
}

a[href*="facebook.com/"]:before {content:"f";
font-family:sans-serif;
font-weight:bold;
color:white;
background-color:#3b5999;
padding-left:.5em;
padding-right:.1em;
margin-right:.2em;
}

a[href^="mailto:"]:before {content:"✉ ";font-size:1.5em;}

a[href$=".mp3"] {border:solid thin silver}
a[href$=".mp3"]:before {content:"🎶 "}
a[href$=".mid"]:before {content:"🎶MIDI";color:#b42222;font-size:1.4em;}

a[href$=".mpg"]:before, a[href$=".mov"]:before {content:"📺 ";font-size:1.4em}

code {
font-size:16px;
white-space:pre-wrap;
color:red;
}

code.path-α {white-space:nowrap;
color:hsl(184,81%,17%);
}
code.path-α:before {content:"〔"}
code.path-α:after {content:"〕"}
code.elisp-ƒ, var.elisp{white-space:nowrap}
code.elisp-ƒ{
color:#b22222;
background-color:transparent;
}
code.elisp-ƒ:before,code.elisp-ƒ:after{content:""}
var.elisp,var.bash {color:green}

var.d {
color:hsl(205,39%,25%);
}

/* var.d:before {content:"‹"} */
/* var.d:after {content:"›"} */

span.ref {background-color:#e8ffff;}
span.ref:before {content:"※ "}

pre {font-size:16px}

pre.ahk,pre.apl,pre.bash,pre.bash-output,pre.bbcode,pre.c,pre.common-lisp,pre.clojure,pre.cmd,pre.code,pre.cpp,pre.css,pre.elisp,pre.emacs-lisp,pre.erlang,pre.golang,pre.haskell,pre.html,pre.html6,pre.java,pre.js,pre.nodejs,pre.lsl,pre.latex,pre.math,pre.mathematica,pre.mysql,pre.ocaml,pre.output,pre.org-mode,pre.perl,pre.php,pre.povray,pre.powershell,pre.python,pre.python3,pre.qi,pre.ruby,pre.scala,pre.scheme,pre.racket,pre.slim,pre.unix-config,pre.vbs,pre.xml,pre.yaml {
min-width:44%;
white-space:pre-wrap;
background-color:#eeeeee;
border:solid thin gray;
padding:.5em;
margin:.5em;
}

pre:before {content:"";
position:relative;
top:-1ex;
right:0;
float:right;
color:gray;
text-shadow: 0.2ex 0.2ex 0.2ex yellow;
}

pre.code {background-color:hsl(0,0%,95%)}
pre.output {background-color:hsl(0,0%,95%)}
pre.math {background-color:#f9f9e9}
pre.org-mode {background-color:hsl(158,27%,75%)}

pre.python {background-color:hsl(159,40%,88%)}
pre.python:before {content:"Python₂"}
pre.python3 {background-color:hsl(154,17%,87%)}
pre.python3:before {content:"Python₃"}
pre.perl {background-color:hsl(200,50%,98%)}
pre.perl:before {content:"Perl"}
pre.ruby {background-color:hsl(90,50%,97%)}
pre.ruby:before {content:"Ruby"}
pre.php {background-color:hsl(240,50%,99%)}
pre.php:before {content:"PHP"}

pre.ahk {background-color:hsl(189,14%,85%)}
pre.ahk:before {content:"AutoHotkey"}
pre.cmd {background-color:hsl(94,20%,80%)}
pre.cmd:before {content:"cmd.exe"}
pre.powershell {background-color:hsl(50,50%,95%)}
pre.powershell:before {content:"PowerShell"}
pre.bash {background-color:hsl(22,24%,85%)}
pre.bash:before {content:"bash"}
pre.bash-output {background-color:hsl(204,81%,95%)}
pre.unix-config {background-color:hsl(46,76%,84%)}
pre.mysql {background-color:hsl(210,50%,95%)}

pre.emacs-lisp {background-color:hsl(120,100%,98%)}
pre.emacs-lisp:before {content:"emacs lisp"}

pre.mathematica {background-color:hsl(103,47%,82%)}
pre.mathematica:before {content:"Wolfram Language"}

pre.ocaml {background-color: hsl(180,50%,97%)}
pre.ocaml:before {content:"OCaml"}

pre.golang {background-color: hsl(258,30%,89%)}
pre.golang:before {content:"golang"}

pre.erlang {background-color:hsl(146,50%,86%)}
pre.erlang:before {content:"Erlang"}

pre.haskell {background-color:hsl(310,20%,98%)}
pre.haskell:before {content:"Haskell"}
pre.common-lisp {background-color:hsl(295,41%,87%)}
pre.common-lisp:before {content:"Common Lisp"}
pre.qi {background-color:hsl(180,100%,96%)}

pre.html {background-color:hsl(244,61%,90%)}
pre.html:before {content:"HTML"}
pre.css {background-color:hsl(160,50%,97%)}
pre.css:before {content:"CSS"}
pre.js {background-color:hsl(70,50%,95%)}
pre.js:before {content:"JavaScript"}
pre.nodejs {background-color: hsl(240,87%,95%)}
pre.nodejs:before {content:"node.js"}

pre.xml {background-color:hsl(230,50%,95%)}
pre.xml:before {content:"XML"}
pre.slim {background-color:hsl(343,12%,86%)}
pre.slim:before {content:"Slim"}
pre.yaml {background-color:hsl(130,16%,77%)}
pre.yaml:before {content:"YAML"}
pre.latex {background-color:hsl(291,19%,70%)}

pre.java {background-color:hsl(280,50%,97%)}
pre.java:before {content:"Java"}
pre.clojure:before {content:"Clojure"}
pre.scala {background-color:hsl(36,39%,95%)}
pre.scala:before {content:"Scala"}

pre.lsl {background-color:hsl(330,50%,97%)}
pre.lsl:before {content:"LSL"}
pre.povray:before {content:"POV-Ray"}

pre span.builtin {color:#7a378b}
pre span.comment-delimiter {color:#b22222}
pre span.comment {color:#b22222}
pre span.constant {color:#008b8b}
pre span.doc {color:#8b2252}
pre span.function-name {color:hsl(240,100%,50%)}
pre span.keyword {color:#a020f0}
pre span.preprocessor {color:hsl(314,19%,30%);background-color:silver}
pre span.string {color:#8b2252}
pre span.type {color:#228b22}
pre span.variable-name {color:hsl(19,56%,40%)}
pre span.warning {color:#ff0000;font-weight:bold}
pre span.bold {font-weight:bold}
pre span.default {}
pre span.underline {text-decoration:underline}

span.css-property {color:#a0522d}
span.css-selector {color:#0000ff}

pre.ahk span.xahk-mode-command-name {color:#0000ff}
pre.elisp span.regexp-grouping-backslash,pre.elisp span.regexp-grouping-construct {font-weight:bold}
pre.ocaml span.tuareg-font-lock-governing {color:#a020f0}
pre.ocaml span.tuareg-font-lock-operator {color:#006b00}
pre.perl span.cperl-array {color:#0000ff;background-color:#eeeed1;font-weight:bold}
pre.perl span.cperl-hash {color:#ff0000;background-color:#eeeed1;font-weight:bold;font-style:italic}
pre.perl span.cperl-nonoverridable {color:#66cd00}
pre.xml span.sgml-namespace {color:#da70d6}

a.jv {background-color:#e6e6fa}

span.jsbtn {padding:.5ex;margin:.5ex;font-size:2ex;background-color:yellow;border:solid thin gray}

div.unicode-search-03997 {display:table;border:solid thick hsl(109,61%,71%);border-radius:9px}

a.amz, a.amzlnk {background:url(http://xahlee.org/ics/amazon.png) no-repeat left center;
background-size:16px 16px;
padding-left:19px;
background-color:#ffc125;
}
a.amz:before {content:"Buy at "}
a.amzlnk:before {content:"Buy "}

a[href$=".m"],a[href$=".m.zip"],a[href$=".nb.zip"],a[href$=".m.gz"],a[href$=".nb.gz"], a[href$=".nb"] {background:url(http://xahlee.info/ics/mma7.png) no-repeat left center;padding-left:32px}

a.ggb {
display:inline-block;
background:url(ics/Geogebra.svg);
padding-left:34px;
min-height:34px;
background-size:34px 34px;
background-repeat:no-repeat;
}

a.buyxahemacs36183 , a.buyxahjs83183 {
font-size:1.5em;
white-space:pre;
}