@media speech {
 * {
  voice-family : male !important ;
 }
}

@media aural {
 * {
  voice-family : male !important ;
 }
}

@media projection {
 * {
  background-color: red ;
 }
}


@media screen {
/*
 dev-archive.net default stylesheet.

 Last update : 8th of May 2007, 12:18 CET <tina@dev-archive.net>

*/


   * {
    margin               : 0ex ;
    padding              : 0ex ;
    font-family          : "Trebuchet MS", sans-serif ;
   }


   body {
    color                : #000000 ;
    background-color     : #f2f2f2 ;
   }


   h1 {
    width                : 90% ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1em ;
    text-align           : center ;
    font-family          : Garamond, serif ;
   }



   p.authorName, p.author {
    width                : 90% ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-bottom        : 6ex ;
    text-align           : right ;
    font-size            : 80% ;
   }

   p.author:before {
    content              : "by " ;
   }



   h2, h2.articleHeader {
    margin-top           : 6ex ;
    margin-bottom        : 0ex ;
   }








   p {
    margin-left          : auto ;
    margin-right         : auto ;
    max-width            : 45em ;
line-height: 1.4 ;
   }

   p + p {
    margin-top           : 1.2em ;
   }

   p.abstract {
    font-style           : italic ;
    font-weight          : 100 ;
    font-size            : 80% ;
    letter-spacing       : 1px ;
    line-height          : 1.2 ;
    margin-bottom        : 3ex ;
   }

   p.chapterAbstract {
    font-style           : italic ;
    font-weight          : 100 ;
    letter-spacing       : 1px ;
    line-height          : 1.2 ;
    border-style         : solid ;
    border-color         : #8cb2ff ;
    border-width         : 1px ;
    margin-bottom        : 2em ;
    padding              : 1ex ;
    padding-left         : 2ex ;
    color                : #000000 ;
    background-color     : #ffffff ;
    font-size            : 80% ;
    max-width            : 100% ;
    text-align           : center ;
   }

   p.abstract em {
    font-style           : normal ;
   }



   ul, ol {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 2ex ;
    margin-bottom        : 3ex ;
    padding-left         : 2ex ;
    padding-right        : 2ex ;
    max-width            : 35em ;
   }


   ul li, ol li {
    margin-top           : 1ex ;
   }

   .expanded li {
    margin-top           : 2ex ;
   }


   li ol {
    margin-left          : 6ex ;
    max-width            : 35em ;
   }







   blockquote {
    font-family          : Garamond, serif ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 2ex ;
    margin-bottom        : 8ex ;
    padding              : 1ex ;
    max-width            : 40em ;
    border-style         : solid ;
    border-width         : 1px ;
    border-top-color     : #e6eeff ;
    border-left-color    : #e6eeff ;
    border-bottom-color  : #8cb2ff ;
    border-right-color   : #8cb2ff ;
    background-color     : #f2f6ff ;
   }

   blockquote p {
    font-family          : Garamond, serif ;
   }

   blockquote:after {
    content              : "\2014\2009 " attr(cite) ;
   }



   h2.exampleCodeHeader {
    margin-left          : 8ex ;
    font-size            : 1em ;
    font-weight          : 100 ;
   }

   pre.exampleCode {
    font-family          : "Andale Mono", monospace ;
    font-size            : 80% ;
    border-style         : none ;
    border-width         : 1px ;
    border-color         : #000000 ;
    border-left-style    : dotted ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 2ex ;
    margin-bottom        : 6ex ;
    padding-top          : 1ex ;
    padding-left         : 1ex ;
   }

   code {
    white-space          : pre ;
    font-family          : "Andale Mono", monospace ;
    font-size            : 80% ;
   }

   abbr {
    cursor               : help ;
    border-bottom-style  : dotted ;
    border-bottom-color  : #aaaaaa ;
    border-bottom-width  : 1px ;
    text-decoration      : none ;
   }

   a abbr {
    border-bottom-style  : none ;
   }


   pre code {
    font-size            : 105% ;
   }


   a {
    color                : #000000 ;
    background-color     : inherit ;
    font-weight          : 100 ;
    padding-left         : 2px ;
    padding-right        : 2px ;
   }

   a:link {
    text-decoration      : underline ;
    color                : #8e97bf ;
   }

   a:visited {
    color                : #d4dcff ;
   }

   a:link span, a:visited span {
    color                : #000000 ;
   }



   a:hover {
    text-decoration      : none ;
   }

   a:hover span {
    background-color     : #8cb2ff ;
    color                : #ffffff ;
    text-decoration      : none ;
   }


   .marker {
    background-color     : #f0f5ff ;
   }


   .tableOfContents {
    margin-left          : 12ex ;
    margin-bottom        : 8ex ;
   }


   .tableOfContents a {
    text-decoration      : none ;
   }


   #introduction h2, h2, h3 {
    font-size            : 100% ;
    font-style           : italic ;
    font-weight          : 100 ;
    letter-spacing       : 2px ;
    border-style         : none ;
    border-color         : #8cb2ff ;
border-color         : #d1d177 ;
    border-width         : 4px ;
    border-bottom-style  : double ;
    width                : 50% ;
    margin-bottom        : 2ex ;
   }


   h2#abstractHeader {
    font-style           : normal ;
    font-size            : 80% ;
    font-weight          : 100 ;
    text-transform       : lowercase ;
    border-style         : none ;
    text-align           : right ;
    margin-bottom        : 0ex ;
    max-width            : 45em ;
    margin-left          : auto ;
    margin-right         : auto ;
    letter-spacing       : 0px ;
   }


   h2, h3, h4, h5, h6 {
    margin-top           : 6ex ;
    clear                : both ;
   }


   h2 {
    font-size            : 120% ;
    width                : 60% ;
   }

   h3 {
    font-size            : 110% ;
   }




   sup {
    font-size            : 70% ;
   }


   span.smaller {
    font-size            : 80% ;
   }



   #content {
    margin-top           : 50px ;
    width                : 80% ;
width: 728px ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-bottom        : 8em ;
    margin-top           : 0ex ;

    border-width         : 1px ;
    border-color         : green ;
    border-style         : none ;
   }


   #mainmenu {
    position             : absolute ;
    top                  : 0ex ;
    left                 : 0ex ;
    right                : 0ex ;
    height               : 1.5em ;
    max-width            : 100% ;
    margin               : 0ex ;
    padding-bottom       : 2px ;
    padding-top          : 0.5ex ;
    font-family          : "Andale Mono", monospace ;
    font-weight          : 900 ;
    font-size            : 80% ;
    text-align           : center ;
    color                : #ffffff ;
    background-color     : #8cb2ff ;
    border-color         : #616161 ;
    border-width         : 1px ;
    border-style         : none ;
    border-bottom-style  : solid ;
   }


   #mainmenu li {
    display              : inline ;
    margin-left          : 1ex ;
   }


   #mainmenu li a {
    text-decoration      : none ;
   }

   #mainmenu li a:visited {
    color                : #000000 ;
   }


   #mainmenu li:before {
    content              : "[" ;
   }


   #mainmenu li:after {
    content              : "]" ;
   }



   #googleWrapper {
    width                : 728px ;
    height               : 90px ;
    border-style         : solid ;
    border-color         : #dedede ;
    border-width         : 1px ;
    margin-left          : auto ;
    margin-right         : auto ;
    background-color     : #e8e8e8 ;
    margin-top           : 2em ;
   }


   #google {
    position             : absolute ;
    top                  : 3.4em ;
    right                : 3px ;
    height               : 600px ;
    width                : 160px ;
    color                : #e0e6ff ;
    border-style         : solid ;
    border-color         : #dedede ;
    border-width         : 1px ;
    text-align           : center ;
   }



   #amazonWrapper {
    width                : 728px ;
    height               : 90px ;
    border-style         : solid ;
    border-color         : #dedede ;
    border-width         : 1px ;
    margin-left          : auto ;
    margin-right         : auto ;
    background-color     : #e8e8e8 ;
    margin-top           : 2em ;
   }


   .amazonItem {
    float                : left ;
    width                : 120px ;
    margin-right         : 2em ;
   }

   .amazonItemRight {
    float                : right ;
    width                : 120px ;
    margin-left          : 2em ;
   }

   .amazonBlurb blockquote {
    font-size            : 70% ;
   }

   .amazonBlurb blockquote:after {
    content              : "" ;
   }








   .inContentMenuHeader {
    margin-bottom        : 0ex ;
    font-size            : 70% ;
    text-transform       : lowercase ;
    text-align           : right ;
    margin-top           : 4ex ;
    margin-left          : auto ;
    margin-right         : auto ;
    max-width            : 90% ;
    border-bottom-style  : none ;
    border-bottom-width  : 1px ;
    border-bottom-color  : red ;
   }


   ul.inContentMenu {
    margin-top           : 0ex ;
    margin-bottom        : 6ex ;
    margin-left          : auto ;
    margin-right         : auto ;
    max-width            : 90% ;
    max-width            : 45em ;
    line-height          : 1.2 ;
    text-align           : center ;
   }

   ul.inContentMenu li {
    display              : inline ;
   }




   img.imageFloatedLeft, img.imageFloatedLeftInText {
    float                : left ;
    margin-right         : 1ex ;
    margin-top           : 1ex ;
   }


   img.imageFloatedRight, img.imageFloatedRightInText {
    float                : right ;
    margin-left          : 1ex ;
    margin-top           : 1ex ;
   }





   #footer {
    border-style         : solid ;
    border-width         : 0px ;
    border-color         : red ;
    padding-bottom       : 2em ;
   }




   font {
    font-size            : 80% !important ;
   }


   #lastModified {
    font-size            : 70% ;
    font-family          : "Andale Mono", monospace ;
    color                : #000000 ;
    background-color     : inherit ;
    text-align           : center ;
    width                : 50% ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1ex ;
   }

   #footer address {
    font-size            : 70% ;
    font-family          : "Andale Mono", monospace ;
    color                : #000000 ;
    background-color     : inherit ;
    text-align           : center ;
    width                : 50% ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1ex ;
   }





   .defunct {
    border-style         : solid ;
    border-color         : #ff0000 ;
    border-width         : 1px ;
    margin-bottom        : 2em ;
    padding              : 1ex ;
    padding-left         : 2ex ;
    color                : #000000 ;
    background-color     : #ffffff ;
    font-size            : 80% ;
   }


   .legacy {
    border-style         : solid ;
    border-color         : #8cb2ff ;
    border-width         : 1px ;
    margin-bottom        : 2em ;
    padding              : 1ex ;
    padding-left         : 2ex ;
    color                : #000000 ;
    background-color     : #ffffff ;
    font-size            : 80% ;
max-width: 100% ;
text-align: center ;
   }

   #csspglogo {
    margin-top           : 1ex ;
    margin-left          : 4ex ;
   }






   h2 a:link, h2 a:visited, td a:link, td a:visited {
   text-decoration       : none ;
   }




   table {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-bottom        : 3em ;
    width                : 90% ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #ffffff ;
   }

   caption {
    font-size            : 70% ;
    font-style           : italic ;
    letter-spacing       : 1px ;
    text-align           : right ;
    margin-top           : 2em ;
    max-width            : 100% ;
    margin-left          : auto ;
    margin-right         : auto ;
   }

   th {
    font-size            : 70% ;
    font-style           : italic ;
    letter-spacing       : 1px ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #ffffff ;
    white-space          : pre ;
    padding-left         : 0.4ex ;
    padding-right        : 0.4ex ;
    white-space          : pre ;
   }

   td {
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #e0e0e0 ;
    padding-left         : 1ex ;
    padding-right        : 1ex ;
   }




   table.articleIndex, table.recentlyUpdatedArticles, table.trackingW3C {
    border-style         : none ;
    border-width         : 1px ;
    border-color         : #ffffff ;
    margin-left          : auto ;
    margin-right         : auto ;
    max-width            : 45em ;
   }

   table.recentlyUpdatedArticles {
    margin-bottom        : 6ex ;
    max-width            : 100% ;
   }

   table.trackingW3C {
    width                : 100% ;
   }


   table.articleIndex th, table.recentlyUpdatedArticles th, table.trackingW3C th {
    font-size            : 70% ;
    font-style           : italic ;
    letter-spacing       : 1px ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #ffffff ;
    white-space          : pre ;
    padding-left         : 0.4ex ;
    padding-right        : 0.4ex ;
    white-space          : pre ;
   }

   table.articleIndex td, table.recentlyUpdatedArticles td, table.trackingW3C td {
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #e0e0e0 ;
    padding-left         : 1ex ;
    padding-right        : 1ex ;
   }


   table.trackingW3C td {
    font-size            : 80% ;
   }

   td.articleTitle, td.authorName {
    white-space          : pre ;
   }

   td.articleTitle a:link, td.articleTitle a:link span {
    display              : block ;
    height               : 100% ;
    width                : 100% ;
   }


   td.authorName {
    font-size            : 70% ;
   }

   td.timestamp {
    font-family          : "Andale Mono", monospace ;
    font-size            : 70% ;
    white-space          : pre ;
   }


   table {
    margin-left          : auto ;
    margin-right         : auto ;
    max-width            : 45em ;

   }




   .searchBubble {
    color                : #000000 ;
    background-color     : #ffffff ;
background-color: #e8e8e8 ;
    border-style         : solid ;
    border-color         : #000000 ;
    border-width         : 1px ;
    margin-top           : 6ex ;
    width                : 45em ;
    margin-left          : auto ;
    margin-right         : auto ;
   }

   .searchBubble table {
    margin               : 0ex !important ;
    padding              : 0ex !important ;
    margin-left          : auto !important ;
    margin-right         : auto !important ;
    margin-top           : 2ex ;
    max-width            : 35em ;
   }

   .searchBubble table, .searchBubble th, .searchBubble td {
    border-style         : none ;
    background-color     : inherit ;
    color                : inherit ;
   }

   .searchBubble table td input[type=submit] {
    font-size            : 80% !important ;
    font-family          : "Andale Mono", monospace !important ;
    margin-left          : 0.5ex !important ;
   }





   table.abbreviations th, table.quotations th {
    font-size            : 70% ;
    font-style           : italic ;
    letter-spacing       : 1px ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #ffffff ;
    padding-left         : 0.4ex ;
    padding-right        : 0.4ex ;
    white-space          : pre ;
    background-color     : #ffffe6 ;
    color                : #000000 ;
   }

   table.abbreviations td, table.quotations td {
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #e0e0e0 ;
    padding-left         : 1ex ;
    padding-right        : 1ex ;
   }

   td.link {
    font-family          : "Andale Mono", monospace ;
    font-size            : 70% ;
    white-space          : pre ;
   }

   td.quote {
    font-size            : 70% ;
    font-style           : italic ;
    letter-spacing       : 1px ;
   }


   table.documentInfo {
    width                : 60% ;
   }

   table.documentInfo th {
    background-color     : #ffffff ;
    color                : #000000 ;
    text-align           : right ;
    font-weight          : 100 ;
    width                : 10em ;
   }


   table#brokenLinksList {
    max-width            : 728px ;
   }

   table#brokenLinksList th {
    background-color     : #000000 ;
    color                : #ffffff ;
   }

   table#brokenLinksList td {
    font-size            : 75% ;
   }

   table#brokenLinksList td.timestamp {
    white-space          : pre ;
    font-family          : "Andale Mono", monospace ;
   }






   div#articleOne, div#articleTwo {
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #8cb2ff ;
    width                : 80% ;
    margin-left          : auto ;
    margin-right         : auto ;
   }


   div#articleOne {
    margin-top           : 4em ;
    background-color     : #ffe9ba ;
   }

   div#articleTwo {
    margin-top           : 4em ;
    margin-bottom        : 6em ;
    background-color     : #d2baff ;
   }

   div#articleOne h2, div#articleTwo h2 {
    border-style         : none ;
    margin-top           : 3px ;
    margin-left          : 4px ;
    width                : 100% ;
    text-align           : center ;
    white-space          : pre ;
   }

   div#articleOne p, div#articleTwo p {
    padding              : 1ex ;
    font-size            : 75% ;
   }

   div#articleOne p span.author, div#articleTwo p span.author {
    font-style           : italic ;
    letter-spacing       : 1px ;
    white-space          : pre ;
   }


  ul.articleIndex li {
   margin-top            : 2ex ;
  }

  ul.articleIndex li p {
   margin-left           : 2ex ;
   font-size             : 75% ;
  }

  ul.articleIndex li span.author {
    font-style           : italic ;
    letter-spacing       : 1px ;
    white-space          : pre ;
  }


  ul.articleIndex li span.timestamp {
    font-family          : "Andale Mono", monospace ;
    font-size            : 90% ;
    white-space          : pre ;
  }

  h2#references + ul li {
   margin-top            : 2ex ;
  }


  h2#references + table {
   display               : block ;
   border-style: none ;
  }

  h2#references + table th, h2#references + table td {
   border-style          : none ;
  }

  h2#references + table thead {
   display               : none ;
  }

  h2#references + table tbody, h2#references + tr {
   display               : block ;
  }

  h2#references + table tbody {
   margin-top            : 2ex ;
  }

  h2#references + table td {
   display               : block ;
  }

  h2#references + table td + td {
   clear                 : both ;
   float                 : left ;
  }

  h2#references + table tbody tr td + td:before {
   content               : '\2014\2014\2009' ;
  }

  h2#references + table tbody tr td + td {
   padding-left          : 1em ;
  }


  h2#references + table td a:link span {
   font-style            : italic ;
  }


  li > a[href="#references"] {
  }






  li.informationMissing {
   background-image      : url(/images/yellow-rectangle-16x32.png) ;
   background-repeat     : no-repeat ;
   background-position   : top left ;
  }


  div.chapterSeparator {
   width                 : 250px ;
   margin-left           : auto ;
   margin-right          : auto ;
   margin-top            : 1ex ;
   text-align            : center ;
  }



  ol#faqList {
   list-style-type       : none ;
  }

  ol#faqList li p.question {
   font-style           : italic ;
   letter-spacing       : 1px ;
  }

  ol#faqList li p.answer {
   margin-left          : 1em ;
   margin-top           : 0ex ;
  }

  ol#faqList li p.reference {
   margin-left          : 1em ;
  }


  img.feedIcon {
   margin-right         : 1ex ;
   vertical-align       : bottom ;
  }

  td.number {
   text-align           : right ;
   vertical-align       : middle ;
   font-family          : "Andale Mono", monospace ;
   font-size            : 72% ;
  }


  td.css3PropertyName, td.css3ModuleName {
   white-space          : pre ;
  }

  td.css3ModuleName {
   font-size            : 75% ;
  }

  td.css3PropertyValue {
   font-family          : "Andale Mono", monospace ;
   font-size            : 72% ;
  }

  td.css3Support {
   vertical-align       : middle ;
  }





/* Notes and warnings */
   p.note {
    color                : #000000 ;
    background-color     : #ffffe6 ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #d1d177 ;
    clear                : both ;
    width                : 75% ;
    padding              : 1em ;
    margin-top           : 2em ;
   }



   p.note em {
    position             : relative ;
    top                  : -1.5em ;
    color                : #000000 ;
    background-color     : #ffffbd ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #d1d177 ;
    border-top-color     : #eded93 ;
    border-bottom-color  : #eded93 ;
    padding-left         : 1ex ;
    padding-right        : 1ex ;
   }


   p.suspect {
    color                : white ;
    background-color     : black ;
   }

   p.suspect:before {
    content              : "KEEP THIS? " ;
   }


   .footnote:link, .footnote:visited {
    background-color     : transparent ;
    color                : #696969 !important ;
    font-size            : 70% ;
    font-weight          : 100 ;
    vertical-align       : 22% ;
    text-decoration      : none !important ;
   }

   .footnote:link span {
    color                : green ;
   }

}