/* -—=::: v20070821 :::=—- */



/* TYPOGRAPHIE */
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var {font-family: monaco, "Lucida Console", "Courier New", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; /*font-size: 85%;*/ letter-spacing: .1em; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
a abbr, a abbr[title], a acronym, a acronym[title], a dfn, a dfn[title]{border-bottom: none;}
sup { vertical-align: super; }
sub { vertical-align: sub; }



/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
html[lang|='fr'] blockquote *:first-child:before { content: "\ab\2005"; }
html[lang|='fr'] blockquote *:first-child:after { content: "\2005\bb"; }



/* language specific quotes! */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }
html[lang|='fr'] q:before   { content: '\ab\2005'; }
html[lang|='fr'] q:after    { content: '\2005\bb'; }
html[lang|='fr'] q q:before { content: '\2039\2005'; }
html[lang|='fr'] q q:after  { content: '\2005\203a'; }



/* FORMS */
textarea:hover, input:hover, select:hover { outline: 2px solid #ddd;}
textarea:focus, input:focus, select:focus { outline: 2px solid #ffa4df; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }



/* CONTENT ONLY */
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }
blockquote { padding: 1em 1em; margin: 1em 0; }



/* COLORS */
code, pre { color: #933; } /* very optional, but still useful. W3C uses about the same colors for codes */
/*a{color:green;font-weight: bold; text-decoration: overline;}*/
/*a:link   {text-decoration: underline; color: blue;}*/
/*a:visited{text-decoration: underline; color: aqua;}*/
/*a:hover  {text-decoration: underline; color: red;}*/
a:active, .content a:focus {text-decoration: underline; color: black;}