@import url('-ie-');
@import url('-moz-');
@import url('-o-');

@namespace xhtml url('http://www.w3.org/1999/xhtml');
* { background-color: transparent; border: none; color: inherit; cursor: inherit; font: inherit; text-decoration: none }
a:link, a:visited { color: #f09 }
a:link:hover, a:visited:hover { color: #09f }
a img { background: #fff; border: 1px solid #ccc; padding: .25em }
a:hover img { margin: -.25em 0 .25em 0 }
a:link img, a:link visited { border-color: #f09; color: #f09 }
a:link:hover img, a:link:visited img { border-color: #09f; color: #09f }
abbr, acronym { font-variant: small-caps }
address, cite, dfn, em, i, var { font-style: italic }
b, optgroup, strong, th { font-weight: bolder }
base, meta, script, style, title { display: none }
big { font-size: larger }
blockquote { position: relative }
blockquote::before { content: '❝'; color: #ccc; display: block; font-size: 4em; left: -1em; position: absolute; top: -.5em }
blockquote address { text-align: right }
blockquote address::before { content: '―' }
blockquote blockquote::before { content: '❛' }
body { color: #333; margin: 0 auto; max-width: 100%; padding: 3em; width: 40em }
body:target { border-color: #ccc }
button, input, select, textarea { background: #fff; border: 3px double #ccc; max-width: 100% }
button, fieldset { border-color: #fff #ccc #999 #ccc }
button, label { cursor: pointer }
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #999 #ccc #fff #ccc }
code, kbd, pre, samp, tt { font-family: 'Lucida Console', monospace }
del { text-decoration: line-through }
/*dd { margin: -1.44em 0 0 25%; max-width: 75%; width: 75% }
dt { min-width: 25%; text-align: right; width: 25% }*/
fieldset { background: #eee; border-style: solid; border-width: 1px; margin: 1em 0; padding: 1em }
h1, h2, h3, h4, h5, h6, hr { clear: both; font-family: 'Georgia', serif }
h1 { font-size: 3em; line-height: 1; text-align: center }
h3 { font-size: large }
h2 { font-size: x-large }
h4 { font-size: 1em }
head { background: #333 url('link.png') repeat-x bottom; color: #fff; display: table; font-size: xx-small; position: fixed; top: 0; width: 100% }
html { background: #fff url('schaduw.gif') repeat-x fixed; cursor: default; font: normal small/1.44 'Lucida Grande', 'Verdana', 'Geneva', 'Helvetica', sans-serif }
input:focus, textarea:focus { outline: 1px solid #09f }
input[type="button"], input[type="reset"], input[type="submit"] { border-color: #fff #ccc #999 #ccc; cursor: pointer }
input[type="checkbox"], input[type="radio"] { border: none; cursor: pointer }
input[type="password"], input[type="text"] { border-color: #999 #ccc #fff #999; cursor: text }
link[href][rel] { background: #333 url('link.png') repeat-x bottom; border-left: 1px solid #999; border-right: 1px solid #333; display: table-cell; font-weight: bolder; letter-spacing: .1em; padding: .25em; text-align: center; text-shadow: #ccc .5em .5em 2px }
link[href][rel]::after { content: attr(rel) }
link[href][rel]:hover { background-color: #f09 }
link[href][rel]:active { background-color: #09f }
ol { list-style: decimal outside }
ol ol { list-style-type: lower-alpha }
optgroup[label]::before { content: attr(label) }
optgroup > option { margin-left: 1em; padding-left: 1em }
p + p { text-indent: 2em }
pre { max-height: 40em; overflow: auto; white-space: pre }
q::after { content: close-quote }
q::before { content: open-quote }
select, textarea { border-color: #999 #ccc #fff #999 }
select { cursor: pointer }
small, sub, sup { font-size: smaller }
sub, sup { line-height: 0 }
sub { vertical-align: sub }
sup { vertical-align: super }
table { display: table; empty-cells: show }
tbody { vertical-align: top }
textarea { cursor: text }
th[scope="cols"] { text-align: right }
th[scope="rows"] { text-align: center }
[dir="ltr"] { direction: ltr }
[dir="rtl"] { direction: rtl }
[disabled="disabled"], [readonly="readonly"] { background-color: transparent }
[disabled="disabled"] { cursor: default !important }
[rel~="Help"], [title]:not(:empty) { cursor: help }
[type="application/atom+xml"]::after { content: ' [Atom]' }
[type="application/pdf"]::after { content: ' [pdf]'; font-variant: small-caps }
[type="application/rss"]::after { content: ' [rss]'; font-variant: small-caps }
[type="application/xml"]::after { content: ' [xml]'; font-variant: small-caps }
:lang(af), :lang(nl), :lang(pl) { quotes: '„' '”' '‚' '’' }
:lang(ar), :lang(fa), :lang(he) { direction: rtl }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(ro), :lang(sk), :lang(sr) { quotes: '„' '“' '‚' '‘' }
:lang(da), :lang(hr) { quotes: '»' '«' '›' '‹' }
:lang(de-CH), :lang(fr-CH), :lang(it-CH), [lang*="-CH"] { quotes: '«' '»' '‹' '›' !important }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '«' '»' '‹' '›' }
:lang(en), :lang(en-GB) { quotes: '‘' '’' '“' '”' }
:lang(en-US), :lang(ga), :lang(pt) { quotes: '‘' '’' '“' '”' }
:lang(fi), :lang(sv) { quotes: '”' '”' '’' '’' }
:lang(fr) { quotes: '« ' ' »' '“' '”' }
:lang(ja), :lang(zh) { quotes: '「' '」' '『' '』' }
:lang(nb), :lang(no), :lang(nn) { quotes: '«' '»' '‘' '’' }
:lang(zh) { direction: inherit }
:link, :visited { cursor: pointer }
:target { background: #ffc }

@namespace xul url('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul');

/* VoteLinks url('http://microformats.org/wiki/vote-links'); */
[href][rev~="vote-abstain"]::after { content: ' ☐' }
[href][rev~="vote-for"]::after { content: ' ☑' }
[href][rev~="vote-against"]::after { content: ' ☒' }
/* XFN url('http://gmpg.org/xfn/11'); */
[rel~="contact"] {}
[rel~="acquaintance"] {}
[rel~="friend"]::after { content: ' ☺' }
[rel~="met"] {}
[rel~="co-worker"] {}
[rel~="colleague"] {}
[rel~="co-resident"] {}
[rel~="neighbor"] {}
[rel~="child"] {}
[rel~="parent"] {}
[rel~="sibling"] {}
[rel~="spouse"] {}
[rel~="kin"] {}
[rel~="muse"] {}
[rel~="crush"]::after { content: ' ♡' }
[rel~="date"]::after { content: ' ♥' }
[rel~="sweetheart"]::after { content: ' ❤' }
[rel~="me"] {}
/* XMDP url('http://gmpg.org/xmdp/'); */
dl.profile {}
/* XOXO url('http://microformats.org/wiki/xoxo'); */
.xoxo {}
.xoxo.blogroll, .xoxo .blogroll {}
/* hReview url('http://microformats.org/wiki/hreview'); !DRAFT! */
.hReview {}
.version {}
.summary {}
.item.type {}
.item.info {}
.reviewer {}
.dtreviewed {}
.rating {}
.description {}
.tags {}
.permalink {}
/* xFolk url('http://microformats.org/wiki/xfolk'); !DRAFT! */
.description {}
.meta { font-size: smaller }
/* Flickr url('http://flickr.com/help.gne#53'); */
.flickrimg {}
/* Comic */
.comic { font-family: 'Comic Sans MS', sans-serif }
.comic em { text-transform: uppercase }
.comic strong { text-transform: uppercase }
.balloon { border: 1px solid #000 }
.whisper { border-style: dashed }
.thought { border-style: dotted }
.death { font-variant: small-caps }
/* XHTML2 */
.access { text-decoration: underline }
.blockquote {}
.di {}
.di dd { margin-left: 25% }
.di dt { text-align: right; width: 25% }
.di dt + dd { margin-top: -1.44em }
.l { display: block; list-style: none; margin: 0; padding: 0; text-indent: 0 }
.nl {}
.section { clear: both }
/* Form Controls */
form .controls { text-align: right }
/* Depictures*/
.display dd, .figure dd, .following dd, .leading dd, .left dd, right dd { margin: 0; padding: 0 }
.display { margin: 1em auto; padding: 0; text-align: center; text-indent: 0 }
.display dt { overflow-x: auto }
.favicon { height: 16px; width: 16px }
.figure, .following, .right { float: right; margin-left: 1em }
.figure + .figure, .leading, .left { float: left; margin-right: 1em }
.gallery { list-style: none; margin: -.5em; padding: 0 }
.gallery li { display: inline-block; list-style: none; padding: 0.5em }
.photo { border: 1px solid silver; padding: 5% }

h1 a#logo { background: transparent url('logo.gif') no-repeat center; display: block; height: 300px; margin: 0 auto; overflow: hidden; text-indent: -4000px; width: 300px }
h1 > a#logo { background-image: url('logo.png') }