* { background: transparent; color: inherit; font: inherit; margin: 0/*; max-width: 100%*/; padding: 0; text-decoration: inherit }

a { border-bottom: .1em solid }
a img { border: .1em solid }
address, blockquote, body, dd, div, form, h1, h2, h3, h4, h5, h6, hr, ol, pre, ul { display: block }
address, cite, dfn, em, i, var { font-style: italic }
address { text-align: right }
b, optgroup, strong, th { font-weight: bolder }
big { font-size: larger }
blockquote { margin: 0; padding: 0 4em; position: relative }
blockquote::after { content: close-quote; display: block; font-size: xx-large; margin: -1em -1em 0 0; text-align: right }
blockquote::before { content: open-quote; display: block; font-size: xx-large; margin: 0 0 -1em -1em; text-align: left }
blockquote address { text-align: right }
blockquote address::before { content: '\2015' }
body, ol, p, pre, ul { text-align: left }
body { background: #fafafa; border: .1em solid #000; color: #333; margin: 0 auto; max-width: 90%; min-height: 40em; padding: 2em; width: 40em }
/*body::after { background: transparent url(body-after.png) no-repeat center; content: '1'; display: block; height: 1em; margin-bottom: -3em; position: absolute; }*/
button, caption, center, th { text-align: center }
button, input, textarea { border: 3px double }
button, input[type='button'] { background: #fff url('button.gif') repeat-x top; border-color: #ccc #999 #666 #999 }
code, kbd, samp, tt { font-family: 'Lucida Console', Courier, monospace, sans-serif }
dl, fieldset, ol, p, ul { margin: 1em 0 }
fieldset { border: 1px solid #ccc; padding: 1em }
form { text-align: right }
h, h1, h2, h3, h4, h5, h6 { /*border-bottom: .1em solid #ccc; */clear: left; font-family: Georgia, 'Times New Roman', serif; font-variant: small-caps; letter-spacing: .1em; line-height: 1em }
h { font-size: xx-large }
h * h { font-size: smaller }
h1 { font-size: xx-large; font-variant: small-caps; letter-spacing: .1em; text-align: center }
h2 { font-size: x-large }
h3 { font-size: large }
h4 { font-size: small }
h5 { font-size: x-small }
h6, legend { font-size: xx-small }
head, link, meta, script, style { display: none }
html { background: #333 url('html.gif') repeat; color: #fff; font: normal small/*/1.4*/ Verdana, sans-serif; min-height: 100% !important }
html::after, html::before { display: block; height: 64px; padding: 0 1em; position: static }
html::after { background: transparent url('html-after.png') repeat-x top; content: '\2403'; bottom: 0px; right: 0px }
html::before { background: transparent url('html-before.png') repeat-x top; content: '\2402' }
input, textarea { background: transparent url('img-after.png') repeat-x; border-color: #666 #999 #ccc #999 }
/*kbd::before { content: '\20e3' } (Combine enclosing keycap... nice idea, but not supported... at all) */
kbd { background: #ccc; border: 1px solid #999; padding: .1em }
legend { border: 1px solid #ccc; color: #999; padding: 0 .2em; text-align: right }
li { display: list-item; margin-left: 3em }
pre { white-space: pre }
small, sub, sup { font-size: smaller }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 1px; caption-side: top; display: table; empty-cells: show; table-layout: fixed }
tbody th { text-align: right }
tbody td { vertical-align: top }
thead { background: #eee; vertical-align: bottom }
thead th { text-align: left }

::after { text-align: right }
::after, ::before { /*color: #ccc*/ }

:link { border-color: #339 }
:link:hover { border-color: #393 }
:visited { border-color: #939 }
:visited:hover { border-color: #393 }

[disabled] { border-color: #933 }
[href|='mailto:']::after { content: '\a0\2709' }

/*
[rel='Next']::after { content: '\2398' }
[rel='Prev']::after { content: '\2397' }
(Adds 'previous page' and 'next page' symbols. Another nice idea that won't work because it's not supported.)
*/

.gallery { text-align: center }
.gallery li { float: left }
.illustration { float: right; margin: 0 0 1em 1em }
.mugshot { border: 1px solid #ccc; float: left; margin-right: 1em; padding: .2em }
.photo { background: #fff; border: 1px solid #ccc; padding: 5% }
.thumbnail { border: 1px solid #ccc; padding: .25em }

.meta { font-size: smaller }

.right { float: right }