* { background-color: transparent; border: none; color: inherit; font: inherit; margin: 0; outline: none !important; padding: 0; /*text-align: inherit; */text-decoration: none; text-indent: 0 }
a img { border: .0625em solid; padding: .4375em }
abbr, acronym { font-variant: small-caps; letter-spacing: .1em }
address, cite, dfn, em, h3, h6, i, var { font-style: italic }
address, legend { text-align: right }
b, h1, h4, strong { font-weight: bold }
big, small, sub, sup { line-height: normal } /* Size don't matter */
big { font-size: 1.125em }
blockquote, dd, li, optgroup option { margin: 0 0 0 2em }
body { background: #fcfcfc; border: .0625em solid #999; margin: 1.4375em; max-width: 100%; min-width: 16em; padding: 1.5em 2em; width: 32em }
code, pre, samp { font-family: monospace }
button, input, select, textarea { border: .0625em solid }
col.numeral { text-align: right }
del { text-decoration: line-through }
del, ins { color: #999 }
fieldset { border: .0625em solid #ccc; display: inline-block; margin: .75em; padding: .6875em }
fieldset:last-of-type { margin-bottom: .75em }
h1, h2, h3, h4, h5, h6 { clear: left; font-family: sans-serif; text-indent: -.1em }
h1 { font-size: 2em; letter-spacing: -.0625em; line-height: .75; margin: 1.5em 0; text-align: center }
h2 { font-size: 1.5em; letter-spacing: -.03125em; line-height: 1; margin: 1em 0 }
h3 { font-size: 1.25em; letter-spacing: -.015625em; line-height: 1.2; margin: 1.2em 0 1.2em 0 }
h4 { font-size: 1em; margin: 1.5em 0 0 0 }
h5 { font-size: .875em; letter-spacing: .015625em; line-height: 1.7 }
h6 { font-size: .75em; letter-spacing: .03125em; line-height: 2 }
hr { clear: both }
html { background: #ccc url('http://acjs.net/patterns/behangetje_.gif') repeat fixed; color: #333; font: normal medium/1.5 serif; margin: 0; overflow: auto; overflow-y: scroll; padding: 1.5em 8.5em 1.5em 1.5em }
input[type="checkbox"], input[type="radio"] { height: 1em; width: 1em }
ins { text-decoration: underline }
legend { color: #999; font-size: .875em; height: 0em; line-height: 0 }
li { display: list-item; list-style: inherit }
ol { list-style: decimal outside }
ol > li > ol { list-style-type: lower-alpha }
ol > li > ol > li > ol { list-style-type: lower-roman }
ol > li > ol > li > ol > li > ol { list-style-type: lower-greek }
optgroup { background: #fff }
optgroup::before { color: #999; content: attr(label) }
option { background: #fff; color: #333 }
p + p { text-indent: 2em }
pre { overflow: auto; white-space: pre }
small, sub, sup { font-size: .875em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-collapse: collapse; display: table; font-size: .875em; line-height: 1.7; width: 100% }
tbody { background: transparent url('input.gif') repeat-x; display: table-row-group }
td, th { display: table-cell; padding: 0 .25em; vertical-align: top }
textarea { min-width: 15.875em; width: 31.875em }
th { white-space: pre-wrap }
thead { background: #ccc; border-width: 0 .25em; display: table-header-group }
thead th { background: #333; color: #ccc }
thead th :link { color: #ccf }
thead th :visited { color: #99c }
thead th :link:hover, thead th :visited:hover { color: #fff }
tr { display: table-row }
ul { list-style: square outside }

[dir="ltr"] { direction: ltr; text-align: left }
[dir="rtl"] { direction: rtl; text-align: right }

:disabled { color: #999 }
:link { color: #339 }
:link::after { color: #999; font-style: normal; font-weight: normal; font-variant: small-caps }
/* <http://www.iana.org/assignments/uri-schemes.html> */
:link[href^="ftp://"][href*="."]::after { content: '\a0[ftp]' }
:link[href^="mailto:"][href*="@"][href*="."]::after { content: '\a0\2709' }
:link[href^="tel:"]::after { content: '\a0\2706' }
/* <http://www.w3.org/TR/REC-html40/types.html> */
:link[rel~="Next"]::after { content: '\a0\2192' }
:link[rel~="Prev"]::after, :link[rel~="Previous"]::after { content: '\a0\2190' }
:link[rel~="Up"]::after { content: '\a0\2191' }
/* XFN <http://gmpg.org/xfn/11> */
:link[rel~="crush"]::after { content: '\a0\2661' }
:link[rel~="date"]::after { content: '\a0\2665' }
:link[rel~="sweetheart"]::after { content: '\a0\2764' }
/* <http://microformats.org/wiki/rel-nofollow> */
:link[rel~="no-follow"]::after { content: '\a0\2621' }
/* <http://microformats.org/wiki/rel-home> */
:link[rel~="Home"]::after { content: '\a0\2302' }
/* Vote Links <http://microformats.org/wiki/vote-links> */
:link[rev~="vote-abstain"]::after { content: '\a0\2610' }
:link[rev~="vote-against"]::after { content: '\a0\2612' }
:link[rev~="vote-for"]::after { content: '\a0\2611' }
/* <http://www.iana.org/assignments/media-types/> */
:link[type="application/pdf"]::after { content: '\a0[pdf]' }
:link[type="application/rdf+xml"]::after { content: '\a0[rdf]' }
:link[type="application/smil+xml"]::after { content: '\a0[smil]' }
:link[type="application/xhtml+xml"]::after { content: '\a0[xhtml]' }
:link[type="application/xml"]::after { content: '\a0[xml]' }
:link[type="application/zip"]::after { content: '\a0[zip]' }
:link[type="image/gif"]::after { content: '\a0[gif]' }
:link[type="image/jpeg"]::after { content: '\a0[jpeg]' }
:link[type="image/png"]::after { content: '\a0[png]' }
:link[type="image/tiff"]::after { content: '\a0[tiff]' }
:link[type="text/css"]::after { content: '\a0[css]' }
:link[type="text/csv"]::after { content: '\a0[csv]' }
:link[type="text/html"]::after { content: '\a0[html]' }
:link[type="text/rtf"]::after { content: '\a0[rtf]' }
:link[type="text/sgml"]::after { content: '\a0[sgml]' }
/* */
:link[href^="http://"][href*="wikipedia.org"]::after { color: #000; content: '\a0W'; font-family: 'Garamond', 'Lucida Bright', Georgia, 'Times New Roman', serif }
:link:hover, :visited:hover { color: #33c }
:link:active, :visited:active { color: #33f }
:target { background: #ffc }
:visited { color: #336 }

:link img, :visited img { border-color: #ccc #999 #666 #999 }
:link:hover img, :visited:hover img { margin: -.125em 0 .125em 0 }

/* <http://microformats.org/wiki/buttons> */
.badge { border: .0625em solid }
/* hReview <http://microformats.org/wiki/hreview> */
.rating { color: goldenrod }
.rating .value { color: gold; text-shadow: 0 1px goldenrod }
/* xFolk <http://microformats.org/wiki/xfolk> */
.meta { font-size: .5em; line-height: 2/*; opacity: .75*/ }
.meta dd, .meta dt { display: inline }
.meta dd { margin: 0 }
.meta dt { clear: left }
/* Gravatar <http://www.gravatar.com/> */
.gravatar { height: 80px; width: 80px }

body.weblog .meta { float: right; line-height: 3; margin: -6em 0 0 1em; width: 7em }
body.weblog .meta .date { display: block; height: 9em; border: .125em solid #ccc; margin: -.125em; text-align: center }
body.weblog .meta .date .b { display: block }
body.weblog .meta .date .d { display: block; font-size: 4em; font-weight: bold; letter-spacing: -.0625em; line-height: .75 }
body.weblog .meta .date .y { display: block; font-size: 2em; font-weight: bold; line-height: 1.5 }

.balloon { border: .0625em solid }
.thought { border-style: dashed }
.whisper { border-style: dotted }

.hearts, .diamonds, .red { color: #f00 }
.black, .clubs, .spades { color: #000 }

.display { margin: 1.5em 0; text-align: center; text-indent: 0 }
.display dd, .figure dd, .following dd, .leading dd, .left dd, .right dd { font-size: .875em; line-height: 1.7; margin: 0; padding: 0; text-indent: 0 }
.figure + .figure, .following, .right { float: right; margin: 0 0 0 1em  }
.figure, .figure + .figure + .figure, .leading, .left { float: left; margin: 0 1em 0 0 }
ol.gallery, ul.gallery { list-style: none; margin: .75em -.75em; padding: 0 }
ol.gallery li, ul.gallery li { float: left; list-style: none; margin: .375em; padding: 0 }
.gallery .display { margin: 0; padding: 0 }

.overstated { font-size: 3em; line-height: 1 }

table.periodic { font-size: .5em; line-height: 3em }

button, [type="button"], [type="reset"], [type="submit"] { background: #eee; border-color: #ccc #999 #666 #999; height: 1.375em }
button:active, [type="button"]:active, [type="reset"]:active, [type="submit"]:active { border-color: #666 #999 #ccc #999; margin: .0625em 0 -.0625em 0 }

input[type="checkbox"], input[type="radio"] { border: none }
input[type="password"], input[type="text"], input:not([type]), select, textarea { background: transparent url('input.gif') repeat-x; border-color: #666 #999 #ccc #999 }

input[type="password"]:focus, input[type="text"]:focus, input:not([type]):focus, select:focus, textarea:focus { background: #fff; border-color: #669 #99c #ccf #99c }

tbody tr:nth-of-child(even) { background-color: #eee }




button, input, textare { padding: 0 .125em }



* { -outline: 1px solid cyan } /* Debug */
-body { opacity: .9 }
-html { background: #ccc url('lines.gif') repeat } /* Lay out */

/* Type faces */
button, caption, h1, h2, h3, h4, h5, h6, input, legend, select, table, textarea, .meta { font-family: 'Lucida Sans', sans-serif }
code, pre, samp { font-family: 'Lucida Console', 'Lucida Typewriter', 'Monaco', monospace }
html { font-family: 'Lucida Bright', Georgia, 'Times New Roman', serif }
.blackletter { font-family: 'Lucida Blackletter', 'Lucida Bright', Georgia, 'Times New Roman', serif }
.calligraphy { font-family: 'Lucida Calligraphy', 'Lucida Bright', Georgia, 'Times New Roman', serif }
.handwritten { font-family: 'Lucida Handwriting', 'Lucida Bright', Georgia, 'Times New Roman', serif }