/* ========================================================================
    Created    : 28th of May 2012, 14:13 CET
          by   : Tina Holmboe <tina@greytower.net>

    Updated    : 7th of October 2013, 17:25 CET
            by : Tina Holmboe <tina@greytower.net>

    Media type : screen
    Usage      : Main layout.


    Please note that when updating stylesheets, the following rules are to
    be observed:

      - Rulesets start in column 3.

      - Blocks are written with the opening curly bracket following the rule
        name and the ending bracket in column 0, alone.

      - A declaration start in column 1. Properties are separated from values
        by a colon (":") in column 35. Declarations always end with one
        whitespace and a semi-colon (" ;") whether needed by syntax or not.

      - Short-hand properties are not used. margin- and padding- are exempt.

      - Short-hand RGB codes are not used.

      - All 0 values which otherwise would take a unit is given ex.

    ======================================================================== */

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

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

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

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

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

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

   @font-face {
    font-family                    : Dropcaps ;
    src                            : url(/css/gtw.ttf) ;
   }




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


   body {
    color                          : #000000 ;
    background-color               : #eeefd7 ;
    padding-bottom                 : 1em ;
   }



/* Headers */
   h1, h2, h3, h4, h5, h6 {
    font-family                    : Deco ;
    clear                          : both ;
    letter-spacing                 : 1px ;
   }


   h1 {
    font-weight                    : 100 ;
    font-size                      : 2em ;
    margin-top                     : 1em ;
    text-align                     : center ;
   }


   h2 {
    font-weight                    : 100 ;
    font-size                      : 1.5em ;
    max-width                      : 38em ;
    margin-left                    : auto ;
    margin-right                   : auto ;
    margin-top                     : 2em ;
    padding-left                   : 2px ;

    box-shadow                     : -10px 0px 0px rgba(3, 129, 0, .25) ;
    -moz-box-shadow                : -10px 0px 0px rgba(3, 129, 0, .25) ;
    -webkit-box-shadow             : -10px 0px 0px rgba(3, 129, 0, .25) ;
    border-top-left-radius         : 6px ;
    border-bottom-left-radius      : 6px ;

    -moz-border-top-left-radius    : 6px ;
    -moz-border-bottom-left-radius : 6px ;

    -webkit-border-top-left-radius : 6px ;
    -webkit-border-bottom-left-radius: 6px ;
   }


   h3 {
    font-family                    : Biolinum_R, "Trebuchet MS", sans-serif ;
    font-size                      : 1.3em ;
    font-weight                    : 900 ;
    margin-left                    : auto ;
    margin-right                   : auto ;
    margin-top                     : 2em ;
    max-width                      : 40em ;
   }


   blockquote h2 {
    box-shadow                     : none ;
    border-radius                  : none ;
    -webkit-box-shadow             : none ;
    -webkit-border-radius          : none ;
   }



/* Paragraphs - possibly THE most important styles on a blog */
/* First paragraph drop-caps */
   div.entry > p:first-child:first-letter {
    font-family                    : Intuitive, Dropcaps ;
    font-size                      : 3em ;
    float                          : left ;
    line-height                    : 1 ;
    margin-right                   : 5px ;
   }

   p {
    font-family                    : Biolinum_R, "Trebuchet MS", sans-serif ;
    font-size                      : 1.3em ;
    margin-left                    : auto ;
    margin-right                   : auto ;
    max-width                      : 38em ;
    line-height                    : 1.3 ;
    padding-left                   : 1ex ;
    padding-right                  : 1ex ;
   }

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

   p.author {
    font-size                      : 0.8em ;
    font-weight                    : 100 ;
    letter-spacing                 : 1px ;
    text-align                     : center ;
    margin-bottom                  : 2em ;
   }

   div#footer p {
    font-size                      : 0.8em ;
    font-weight                    : 100 ;
    letter-spacing                 : 1px ;
    text-align                     : center ;
    margin-top                     : 1em ;
   }

   p.references {
    font-size                      : 1em ;
    max-width                      : 45em ;
   }




/* Lists, tables ... */
   ul, ol, dl, table {
    font-family                    : Biolinum_R, "Trebuchet MS", sans-serif ;
    font-size                      : 1.1em ;
    max-width                      : 40em ;
    margin-left                    : auto ;
    margin-right                   : auto ;
    margin-top                     : 2ex ;
    margin-bottom                  : 2ex ;
   }

   ol.most_recent {
width: 11ex ;
position: fixed ;
top: 10% ;
left: 0px ;
list-style-type: none ;



   }

   ol.most_recent li {
padding-left: 0.5ex ;
    margin-bottom                  : 2em ;
font-size: 70% ;
border-color: #696969 ;
border-width: 1px ;
border-style: solid ;

    box-shadow                     : 1px 1px 2px rgba(0, 0, 0, .75) ;


   }

   ol.most_recent li:nth-child(1) {
background-color: #e3df40 ;
transform: skewX(5deg) ;
   }

   ol.most_recent li:nth-child(2) {
background-color: #feab45 ;
transform: skewX(-5deg) ;
   }

   ol.most_recent li:nth-child(3) {
background-color: #94c826 ;
transform: skewX(6deg) ;
border-left-style: solid ;
   }

   ol.most_recent li a {
 text-decoration: none ;
   }

   ol.most_recent li a:link, ol.most_recent li a:visited {
color: #000000 ;
   }

   ol.most_recent li span {
font-size: 80% ;
font-weight: 100 ;
   }




   table th, table td {
    border-width                   : 1px ;
    border-bottom-style            : solid ;
    border-bottom-color            : #c0c28d ;
    padding                        : 0.25ex ;
    padding-left                   : 1ex ;
    padding-right                  : 1ex ;
   }


   table th {
    color                          : #000000 ;
    background-color               : #cecfba ;
    border-bottom-width            : 3px ;
   }


   table.recent td.date, table.recent td.author {
    font-size                      : 70% ;
    white-space                    : pre ;
   }


   pre {
    font-family                    : "Andale Mono", monospace ;
    font-size                      : 0.9em ;
    max-width                      : 54em ;
    margin-left                    : auto ;
    margin-right                   : auto ;
    margin-top                     : 2ex ;
    margin-bottom                  : 2ex ;
    color                          : #000000 ;
    background-color               : #ffffff ;
    border-style                   : solid ;
    border-color                   : #dcdcdc ;
    border-width                   : 1px ;
    padding-left                   : 1ex ;
    padding-bottom                 : 1ex ;
    padding-top                    : 1ex ;
    overflow                       : auto ;
    box-shadow                     : 1px 1px 2px rgba(0, 0, 0, .75) ;
    -moz-box-shadow                : 1px 1px 2px rgba(0, 0, 0, .75) ;
    -webkit-box-shadow             : 1px 1px 2px rgba(0, 0, 0, .75) ;
   }



   blockquote {
    font-family                    : LinBiolinumRegular, "Trebuchet MS", sans-serif ;
    font-size                      : 75% ;
    width                          : 50% ;
    margin-left                    : auto ;
    margin-right                   : auto ;
    margin-top                     : 1em ;
    margin-bottom                  : 4em ;
   }


   blockquote:before {
    content                        : "\0000AB" ;
    font-family                    : Intuitive, Deco, LinLibertineRegular, "Trebuchet MS" ;
    font-size                      : 300% ;
    float                          : left ;
    margin-right                   : 0.5ex ;
    margin-top                     : -0.5ex ;
   }


   blockquote + p {
    clear                          : both ;
   }


   img.floatLeftInText, img.floatRightInText {
    border-style                   : solid ;
    border-width                   : 1px ;
    border-color                   : transparent ;
    box-shadow                     : 3px 3px 3px rgba(0, 0, 0, .25) ;
    -webkit-box-shadow             : 3px 3px 3px rgba(0, 0, 0, .25) ;
   }


   img.floatLeftInText {
    float                          : left ;
    margin-right                   : 2ex ;
   }



   img.floatRightInText {
    float                          : right ;
    margin-left                    : 1ex ;
   }


   img.illustration {
    border-style                   : solid ;
    border-width                   : 1px ;
    border-color                   : #e3e3cd ;
    box-shadow                     : 3px 3px 3px rgba(3, 129, 0, .25) ;
    -moz-box-shadow                : 3px 3px 3px rgba(3, 129, 0, .25) ;
    -webkit-box-shadow             : 3px 3px 3px rgba(3, 129, 0, .25) ;
   }



   .image_grid {
    text-align                     : center ;
   }


   .image_grid li {
    text-align                     : center ;
    position                       : static ;
    display                        : inline-block ;
    outline-color                  : #dcdcdc ;
    outline-width                  : 1px ;
    outline-style                  : solid ;
    margin-left                    : 0.5ex ;
    margin-right                   : 0.5ex ;
    font-size                      : 70% ;
   }

   a img:hover {
    opacity                       : .25 ;
   }




/* Superscripts. We never use subscripts ... */

   sup {
    font-size                      : 60% ;
    letter-spacing                 : 1px ;
    vertical-align                 : 44% ;
    margin-left                    : 1px ;
   }


   sup.footnote:before {
    content                        : "(" ;
   }


   sub {
    font-size                      : 60% ;
    letter-spacing                 : 1px ;
   }



/* 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 ;
   }



/* And misc other stuff */

   cite, em {
    font-family                    : Biolinum_RI, "Biolinum Smallcaps" ;
    font-size                      : 1em ;
    font-style                     : normal ;
    font-weight                    : 100 ;
   }


   em, strong, cite {
    letter-spacing                 : 1px ;
   }


   strong {
    font-family                    : Biolinum_B ;
    font-weight                    : bold ;
   }


   hr {
    max-width                      : 40em ;
    margin-left                    : auto ;
    margin-right                   : auto ;
    margin-top                     : 2ex ;
    margin-bottom                  : 2ex ;
   }




/* These two classes are used to hide specific types of content by moving it */
/* off the screen, relatively speaking.                                      */

   .hidden_header, .hidden_text {
    position                       : absolute ;
    left                           : -9999ex ;
   }




/* To shift the links in the author paragraph, we add the following classes */

   .date {
    margin-left                    : 2em ;
   }

   .archive {
    margin-left                    : 2em ;
   }

   .archive:before {
    content                        : "(" ;
   }

   .archive:after {
    content                        : ")" ;
   }



   .link {
    margin-top                     : 4em ;
    padding-bottom                 : 4em ;
    font-size                      : 80% ;
   }