

   @font-face {
    font-style                     : normal ;
    font-weight                    : normal ;
    font-family                    : Poiret ;
    src                            : url(/blog/fonts/PoiretOne-Regular.ttf) ;
   }

   @font-face {
    font-style                     : normal ;
    font-weight                    : normal ;
    font-family                    : Nunito ;
    src                            : url(/blog/fonts/NunitoSans-Regular.ttf) ;
   }

   @font-face {
    font-style                     : italic ;
    font-weight                    : normal ;
    font-family                    : Nunito_Italic ;
    src                            : url(/blog/fonts/NunitoSans-Italic.ttf) ;
   }

   @font-face {
    font-style                     : normal ;
    font-weight                    : 900 ;
    font-family                    : Nunito_Bold ;
    src                            : url(/blog/fonts/NunitoSans-Bold.ttf) ;
   }

   @font-face {
    font-style                 : normal ;
    font-weight                : normal ;
    font-family                : LinBiolinumRegular ;
    src                        : url(/css/LinBiolinum_R.ttf) ;
   }

   @font-face {
    font-style                 : normal ;
    font-weight                : normal ;
    font-family                : ModernAntiqua ;
    src                        : url(/css/ModernAntiqua.ttf) ;
   }

   @counter-style thumbs {
    system                     : cyclic;
    symbols                    : "\2023" "\2022" ;
    suffix                     : " ";
   }


   * {
    margin                     : 0ex ;
    padding                    : 0ex ;
   }

   h1 {
    font-family                : ModernAntiqua ;
    font-size                  : 120% ;
    font-size                  : 24px ;
    font-weight                : 100 ;
    margin-bottom              : 4em ;
   }

   h2 {
    clear                      : both ;
   }


   #navcontainer {
    margin-left                : auto ;
    margin-right               : auto ;
    margin-top                 : 1.2em ;
    border-top-style           : solid ;
    border-top-color           : #999999 ;
    border-top-width           : 1px ;
    z-index                    : 1 ;
    width                      : 100% ;
    font-size                  : 85% ;
   }

   #navcontainer ul {
    list-style-type            : none ;
    text-align                 : center ;
    margin-top                 : -8px ;
    padding                    : 0 ;
    position                   : relative ;
    z-index                    : 2 ;
   }

   #navcontainer li {
    display                    : inline ;
    text-align                 : center ;
    margin                     : 0 5px ;
    letter-spacing             : 1px ;
    font-family                : ModernAntiqua ;
    font-size                  : 12px ;
   }

   #navcontainer li a {
    padding                    : 1px 7px ;
    color                      : #666666 ;
    background-color           : #ffffff ;
    border-style               : solid ;
    border-color               : #cccccc ;
    border-width               : 1px ;
    text-decoration            : none;
    border-left-color          : #ffffff ;
    border-right-color         : #ffffff ;
    border-right-width         : 4px ;
    border-top-right-radius    : 6px ;
    border-bottom-right-radius : 6px ;
    border-top-left-radius     : 6px ;
    border-bottom-left-radius  : 6px ;
    -webkit-border-radius      : 6px ; 
    -moz-border-radius         : 6px ; 
   }

   #navcontainer li a:hover {
    color                      : #000000 ;
    border                     : 1px solid #c60000 ;
    border-top                 : 2px solid #c60000 ;
    border-bottom              : 2px solid #c60000 ;
    border-left-color          : #ffffff ;
    border-right-color         : #ffffff ;
    border-right-width         : 4px ;
   }

   #navcontainer li a#current {
    color                      : #000000 ;
    border                     : 1px solid #666666 ;
    border-top                 : 2px solid #400000 ;
    border-bottom              : 2px solid #400000 ;
    border-left-style          : none ;
    border-right-style         : none ;
   }

   #navcontainer a:link, #navcontainer a:visited {
    color                      : #000000 ;
    font-weight                : 100 ;
   }



   #content {
    font-family                : LinBiolinumRegular, "Gentium Regular", "LinLibertineRegular", "Trebuchet MS", sans-serif ;
    font-size                  : 22px ;
    margin-left                : auto ;
    margin-right               : auto ;
    width                      : 97% ;
   }


   #content p {
    font-family                : Nunito, sans-serif ;
   }



   #content p + p {
    margin-top                 : 1.3em ;
   }

   #content p, #content hr, #content ol, #content ul, #content dl {
    margin-left                : auto ;
    margin-right               : auto ;
    max-width                  : 50em ;
   }

   #content hr {
    margin-top                 : 1em ;
    margin-bottom              : 1em ;
   }

   #content p#update {
    font-size                  : 12px ;
    max-width                  : 40em ;
    margin-top                 : 5em ;
   }

   h1, strong, em {
    letter-spacing             : 1pt ;
   }

   #references {
    position                   : fixed ;
    left                       : 4em ;
    top                        : 6em ;
    font-size                  : 14px ;
   }

   #references li {
    list-style-type            : thumbs ;
   }


   #content ol li, #content ul li {
    margin-left                : 2em ;
    margin-bottom              : 1em ;
   }


   #content dl {
    font-size                  : 14px ;
    max-width                  : 75em ;
   }

   #content dl dt {
    margin-left                : 2em ;
   }

   #content dl dd {
    margin-left                : 4em ;
    margin-bottom              : 1em ;
   }



   .table_row_highlight tr:hover td {
    color                      : #000000 ;
    background-color           : #ffdc97 ;
   }




   span.meta {
    font-size                  : 14px ;
   }

 
/* And links. Delicious links! */

   a:link, a:visited {
    color                          : #bcb8b8 ;
    background-color               : transparent ;
    letter-spacing                 : 1px ;
   }

   a:hover {
    color                          : #c60000 ;
    background-color               : transparent ;
   }

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