@namespace url(http://www.w3.org/1999/xhtml);

/*  A sample style sheet for XHTML

    Modified from the HTML 4.0 CSS stylesheet found in the CSS2 specification:

        http://www.w3.org/TR/REC-CSS2/sample.html

    This style sheet describes a suitable formatting for all XHTML elements.
    Developers are encouraged to use it as a default style sheet in their 
    implementations.

    The full presentation of some XHTML elements cannot be expressed in CSS2,
    including replaced elements (object, applet), form control elements, and
    frame elements.

    Editor: Steven Pemberton, Steven.Pemberton@cwi.nl
    Modified by: Masayasu Ishikawa, miamsa@w3.org
    Revision: $Id: xhtml-default.css,v 1.1 2002/09/03 14:06:10 henri Exp $
*/

html, body, div, p, center, hr, h1, h2, h3, h4, h5, h6,
address, blockquote, pre, ol, ul, dl, dt, dd, dir, menu,
form, fieldset, frame, frameset, noframes, iframe
                { display: block }
li              { display: list-item }
head, script    { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { padding: 0.8em; line-height: 1.2em }
h1              { font-size: 200%; margin: .67em 0 }
h2              { font-size: 150%; margin: .83em 0 }
h3              { font-size: 117%; margin: 1em 0 }
h4, p, blockquote, fieldset, form, ol, ul, dl, dir, menu
                { margin: 1.33em 0 }
h5              { font-size: 83%; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: 67%; margin: 2.33em 0 }
h1, h2, h3, h4, h5, h6
                { font-family: sans-serif; font-weight: bolder }
b, strong       { font-weight: bolder }
blockquote      { margin-left: 4em; margin-right: 4em }
i, cite, em, var, address
                { font-style: italic }
pre, tt, code, kbd, samp
                { font-family: monospace }
pre             { white-space: pre }
big             { font-size: larger }
small, sub, sup { font-size: smaller }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dd, dir, menu
                { margin-left: 4em }
ol              { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol
                { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
center          { text-align: center }
br:before       { content: "\A" }

/* an example of style for abbr/acronym elements */
/* abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em } */

a[href]         { text-decoration: underline; color: blue; }
:focus          { outline: thin dotted invert }

/* Hover effects should be default */

a[href]:visited { color: #b7f } /* A little lighter than traditionally */
a[href]:hover   { color: red }

/* begin bidirectionality settings (do not change) */
bdo[dir="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
bdo[dir="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[dir="ltr"]    { direction: ltr; unicode-bidi: embed }
*[dir="rtl"]    { direction: rtl; unicode-bidi: embed }

/* elements that are block-level in html4 */
body, div, p, center, hr, h1, h2, h3, h4, h5, h6,
address, blockquote, pre, ol, ul, li, dl, dt, dd, dir, menu,
form, fieldset, frame, frameset, noframes, iframe, noscript,
table, thead, tbody, tfoot, tr, td, th, col, colgroup, caption, object, applet
                { unicode-bidi: embed }
/* end bidi settings */

/* @page         { margin: 10% } */
@media print {
  h1, h2, h3, h4, h5, h6
                { page-break-after: avoid; page-break-inside: avoid }
  blockquote, pre
                { page-break-inside: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

@media aural {
  h1, h2, h3, h4, h5, h6
                { voice-family: paul, male; stress: 20; richness: 90 }
  h1            { pitch: x-low; pitch-range: 90 }
  h2            { pitch: x-low; pitch-range: 80 }
  h3            { pitch: low; pitch-range: 70 }
  h4            { pitch: medium; pitch-range: 60 }
  h5            { pitch: medium; pitch-range: 50 }
  h6            { pitch: medium; pitch-range: 40 }
  li, dt, dd    { pitch: medium; richness: 60 }
  dt            { stress: 80 }
  pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  dfn           { pitch: high; pitch-range: 60; stress: 60 }
  s, strike     { richness: 0 }
  i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  u             { richness: 0 }
  a:link        { voice-family: harry, male }
  a:visited     { voice-family: betty, female }
  a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

h1, h2, h3, h4 { line-height: 1.2em }

/* end xhtml-default.css */