/* ========================================================================
    Created    : 4th of July 2011      
          by   : Tina Holmboe <tina@greytower.net>

    Updated    : 14th of July 2011
            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 25. 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          : LinLibertineRegular ;
    src                  : url(/css/LinLibertineRegular.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) ;
   }


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


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


   body {
    margin-top           : 1em ;
    margin-bottom        : 2em ;
    margin-left          : 1ex ;
    margin-right         : 1ex ;
   }


   a:focus {
    outline-color        : black ;
    outline-width        : 2px ;
    outline-style        : dotted ;
   }


   #skipNavigation {
    position             : absolute ;
    top                  : 2px ;
    left                 : 3px ;
    font-size            : 72% ;
   } 


   #skipNavigation p {
    position             : relative ;
    top                  : -20px ;
    left                 : 25px ;
    font-size            : 70% ;
   }


   #skipNavigation ul li {
    display              : inline ;
   }


   #skipNavigation ul li a:link, #skipNavigation ul li a:visited {
    color                : #000000 ;
    background-color     : #ffffff ;
    font-size            : 24px ;
   }


   #skipNavigation ul li a:hover {
    color                : inherit ;
    background-color     : #ebbf2f ;
   }


   #skipNavigation a:link, #skipNavigation a:visited {
    text-decoration      : none ;
    color                : #000000 ;
    background-color     : #ffffff ;
   }


   #logotype {
    text-align           : center ;
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 100% ;
   }


   a img {
    border-style         : none ;
   }




/* Main navigation */
   #navcontainer {
    width                : 100% ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 0em ;
   }


   #navcontainer ul {
    width                : 100% ;
    padding-top          : .2em ;
    padding-bottom       : .2em ;
    list-style-type      : none ;
    text-align           : center ;
    margin-bottom        : 0ex ;
   }


   #navcontainer li {
    display              : inline ;
   }


   #navcontainer li a {
    text-decoration      : none ;
    color                : #000000 ;
    background-color     : #ebd076 ;
    padding-top          : .2em ;
    padding-bottom       : .2em ;
    padding-left         : 1em ;
    padding-right        : 1em ;
    letter-spacing       : 1px ;
    -moz-border-radius   : 1em 4em 1em 4em ;
    -webkit-border-radius: 1em 4em 1em 4em ;
    border-radius        : 1em 4em 1em 4em ;
    box-shadow           : 1px 1px 2px rgba(0, 0, 0, .75) ;
    font-family          : ModernAntiqua ;
    font-size            : 80% ;
   }


   #navcontainer li a#current {
    color                : #ffffff ;
    background-color     : #666666 ;
   }


   #navcontainer li a:hover, #navcontainer li a#current:hover {
    color                : #000000 ;
    background-color     : #ebbf2f ;
   }



/* Footer navigation */
   #footer_menu {
    width                : 45% ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1em ;
   }


   #footer_menu li {
    display              : inline ;
    width                : 5% ;
   }


   #footer_menu li a {
    margin-left          : 1ex ;
    margin-right         : 1ex ;
    padding-left         : 4px ;
    padding-right        : 4px ;
    color                : #000000 ;
    background-color     : #ededed ;
    -moz-border-radius   : 1em 4em 1em 4em ;
    -webkit-border-radius: 1em 4em 1em 4em ;
    border-radius        : 1em 4em 1em 4em ;
    box-shadow           : 1px 1px 2px rgba(0, 0, 0, .75) ;
   }


   #footer_menu li a:link, #footer_menu li a:visited {
    text-decoration      : none ;
   }


   #footer_menu li a:hover {
    color                : #ffffff ;
    background-color     : #666666 ;
   }



/* Main content */
   #content {
    width                : 100% ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-bottom        : 3em ;
   }


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


   table {
    margin-top           : 2em ;
    margin-bottom        : 1em ;
   }


   table th {
    color                : #000000 ;
    background-color     : #dcdcdc ;
   }


   table th, table td {
    padding-left         : 1ex ;
    padding-right        : 1ex ;
    font-size            : 80% ;
   }


   caption {
    text-align           : right ;
    font-style           : italic ;
    font-size            : 70% ;
    letter-spacing       : 1px ;
   }




   h1 {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1em ;
    margin-bottom        : 1em ;
    width                : 100% ;
    text-align           : center ;
    font-size            : 1.4em ;
    font-weight          : 100 ;
    font-family          : LinLibertineRegular ;
    letter-spacing       : 1px ;
   }


   h2 {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 2em ;
    width                : 100% ;
    max-width            : 39em ;
    font-size            : 1.2em ;
    font-weight          : 100 ;
    font-family          : LinLibertineRegular ;
    letter-spacing       : 1px ;
   }


   #content a {
    font-weight          : 900 ;
   }


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


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


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


   #content p, #content ul, #content ol, #content dl, #content table {
    font-family          : Junction, "Trebuchet MS", Verdana, sans-serif ;
    width                : 90% ;
    max-width            : 48em ;
    margin-left          : auto ;
    margin-right         : auto ;
    font-weight          : 100 ;
    line-height          : 1.4 ;
    display              : block ; /* NOTE: this is included to fix a bug in Safari for PC, iPad and iPhone */
   }


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


   #content ul {
    margin-top           : 1em ;
    margin-bottom        : 1em ;
    max-width            : 40em ;
   }


   #content li > ul {
    margin-left          : 1em ;
   }


   #content pre {
    width                : 100% ;
    max-width            : 58em ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 2ex ;
    margin-bottom        : 2ex ;
    color                : #000000 ;
    background-color     : #eaeaea ;
    border-left-color    : #000000 ;
    border-left-style    : dotted ;
    border-left-width    : 1px ;
    border-bottom-color  : #000000 ;
    border-bottom-style  : dotted ;
    border-bottom-width  : 1px ;
    padding-left         : 1ex ;
    padding-bottom       : 1ex ;
   }


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






/* Blog */
   .blog h2.most_recent {
    width                : 20% ;
    margin-left          : 1ex ;
    margin-bottom        : 1ex ;
    font-size            : 70% ;
    border-bottom-color  : #ebd076 ;
    border-bottom-style  : solid ;
    border-bottom-width  : 1px ;
   }


   .blog p.author {
    font-size            : 70% ;
    max-width            : 65em !important ;
    margin-top           : -2em ;
   }


   .blog .entry {
    float                : right ;
    width                : 78% !important ;
   }


   .blog .recent {
    width                : 20% ;
    margin-left          : 1ex !important ;
    list-style-type      : none ;
    font-size            : 70% ;
   }


   .blog .recent li {
    margin-bottom        : 1em ;
    white-space          : pre ;
    overflow             : hidden ;
   }


   .blog .recent li .recentDate {
    margin-left          : 1ex ;
   }




/* Section "bubbles" */
   ul#sections {
    list-style-type      : none ;
    margin-top           : 2em ;
    max-width            : 80em ;
   }


   #sections li {
    width                : 45% ;
    float                : left ;
    margin-bottom        : 2em ;
    margin-left          : 2em ;
   }


   #sections li.odd {
    clear                : left ;
   }


   #sections h2 {
    width                : 99% ;
    font-size            : 100% ;
    text-align           : center ;
    margin-left          : 1px ;
    margin-right         : 1px ;
    margin-top           : 2px ;
    letter-spacing       : 1px ;
   }


   #sections h2 a, #sections h2 span {
    display              : block ;
    color                : #000000 ;
    background-color     : #ededed !important ;
    border-style         : none ;
    border-width         : 1px ;
    border-color         : #dcdcdc ;
    border-radius        : 7px ;
    box-shadow           : 3px 3px 5px rgba(100, 100, 100, 0.4) ;
    border-right-style   : solid ;
    border-bottom-style  : solid ;

    -webkit-border-radius: 7px ;
    -moz-border-radius   : 7px ;
    -moz-border-radius-bottomright: 3px ;
    -moz-border-radius-bottomleft: 3px ;
    -webkit-border-bottom-right-radius: 3px ;
    -webkit-border-bottom-left-radius: 3px ;
    -webkit-box-shadow   : 1px 1px 2px rgba(0,0,0,.4) ;
    -moz-box-shadow      : 1px 1px 2px rgba(0,0,0,.4) ;
   }


   #sections h2 a:link, #sections h2 a:visited {
    text-decoration      : none ;
    color                : #000000 ;
    background-color     : transparent ;
    font-weight          : 100 ;
    font-family          : inherit ;
   }


   #sections li p {
    margin-left          : 1ex ;
    margin-right         : 1ex ;
    margin-top           : 5px ;
    width                : 99% ;
   }


   #sections li p a:link, #sections li p a:visited {
    font-size            : 80% ;
   }


   #sections img {
    border-style         : none ;
    vertical-align       : baseline ;
    margin-left          : 3px ;
   }


   #footer {
    clear                : both ;
    margin-left          : auto ;
    margin-right         : auto ;
    padding-top          : 1em ;
    width                : 100% ;
    font-size            : 70% ;
    text-align           : center ;
   }



/* News */
   #sections h2.news a {
    color                : #000000 ;
    background-color     : #ebd076 !important ;
    border-color         : #ebd076 !important ;
   }


   .newsDate {
    font-size            : 75% ;
    font-weight          : 600 ;
   }


   .news_last_updated {
    font-size            : 75% ;
    font-weight          : 600 ;
    text-align           : right ;
   }


   .newslist {
    list-style-type      : none ;
    margin-left          : 2em ;
   }


   .year_entry {
    margin-bottom        : 1em ;
    list-style-type      : none ;
   }


   h2 + .year_entry {
    margin-top           : 0em !important ;
   }


   .year_entry a {
    font-weight          : 100 !important ;
    font-size            : 90% ;
   }


   .in_list_news_date {
    font-size            : 70% ;
   }


   #permalink {
    margin-top           : 2em ;
   }


   .permalink {
    white-space          : pre ;
   }



/* Image grids */
   ul.image_grid {
    list-style-type      : none ;
    width                : 90% ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1em ;
    text-align           : center ;
   }


   ul.image_grid li {
    display              : inline ;
   }


   img.floatRightInText {
    float                : right ;
    margin-left          : 1ex ;
    outline-style        : solid ;
    outline-width        : 1px ;
    outline-color        : #aaaaaa ;
   }

   
   img.floatLeftInText {
    float                : left ;
    margin-right         : 1ex ;
    outline-style        : solid ;
    outline-width        : 1px ;
    outline-color        : #aaaaaa ;
   }




/* Sitemap */
   ul#sitemap {
    list-style-type      : none ;
    margin-top           : 2em ;
    max-width            : 50% ;
   }


   #sitemap li ul {
    margin-left          : 2em ;
   }


   #sitemap h2 {
    width                : 99% ;
    font-size            : 100% ;
    text-align           : center ;
    margin-left          : 1px ;
    margin-right         : 1px ;
    margin-top           : 2em ;
    letter-spacing       : 1px ;
    color                : #000000 ;
    background-color     : #ededed !important ;
    border-style         : none ;
    border-width         : 1px ;
    border-color         : #dcdcdc ;
    border-radius        : 7px ;
    box-shadow           : 3px 3px 5px rgba(100, 100, 100, 0.4) ;
    border-right-style   : solid ;
    border-bottom-style  : solid ;

    -webkit-border-radius: 7px ;
    -moz-border-radius   : 7px ;
    -moz-border-radius-bottomright: 3px ;
    -moz-border-radius-bottomleft: 3px ;
    -webkit-border-bottom-right-radius: 3px ;
    -webkit-border-bottom-left-radius: 3px ;
    -webkit-box-shadow   : 1px 1px 2px rgba(0,0,0,.4) ;
    -moz-box-shadow      : 1px 1px 2px rgba(0,0,0,.4) ;
   }


   #sitemap li ul {
    margin-top           : 5px !important ;
   }




/* Documentation */
   #doc p {
    font-family          : LinBiolinumRegular ;
   }


   #doc .note, #doc .warning, #doc .levelwarning {
    font-family          : Verdana ;
    font-size            : 80% ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #efefef ;
    clear                : both ;
    width                : 92% ;
    padding              : 1em ;
    margin-top           : 2em ;
    margin-left          : auto ;
    margin-right         : auto ;
    page-break-inside    : avoid ;
    margin-top           : 2em ;
    margin-bottom        : 2em ;
   }


   #doc .note {
    color                : #000000 !important ;
    background-color     : #ffffe6 !important ;
   }


   #doc .warning {
    color                : #000000 ;
    background-color     : #e4c3cc !important ;
background-color: #820000 !important ;
background-color: #f0a3ae !important ;
   }


   #doc .levelwarning {
    color                : #000000 ;
    background-color     : #b6bfcf !important ;
background-color: #b0d5ff !important ;
   }



   #doc .note em, #doc .warning strong, #doc .levelwarning strong {
    font-family          : Verdana ;
    font-size            : 70% ;
    position             : relative ;
    top                  : -2.1em ;
    color                : #000000 !important ;
    background-color     : #ffffbd !important ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #d1d177 ;
border-color: transparent ;
/*
    border-top-color     : #eded93 ;
    border-bottom-color  : #eded93 ;
*/
    padding-left         : 1ex ;
    padding-right        : 1ex ;
    letter-spacing       : 1pt ;

    box-shadow           : 2px 2px 2px rgba(0, 0, 0, .75) ;
    -webkit-box-shadow           : 2px 2px 2px rgba(0, 0, 0, .75) ;
    -moz-box-shadow           : 2px 2px 2px rgba(0, 0, 0, .75) ;
   }


   #doc .warning strong {
    text-transform       : uppercase ;
   }





   #doc .note a:link, #doc .levelwarning a:link, #doc .note a:visited, #doc .levelwarning a:visited {
    font-family          : Verdana !important ;
    font-size            : 100% !important ;
    background-color     : inherit !important ;
   }



/* Figures and screenshots */
   #doc .figureContainer {
    margin-top           : 3em ;
    margin-bottom        : 4em ;
    text-align           : center ;
    font-family          : Verdana, sans-serif ;
   }


   #doc .figureContainer img {
    box-shadow           : 2px 2px 2px rgba(0, 0, 0, .75) ;
   }


   #doc .caption {
    font-size            : 70% ;
    font-style           : italic ;
    letter-spacing       : 2px ;
   }


   #doc .caption:before {
    content              : "Caption: " ;
   }


   #doc .figureContainer .zoomLink {
    color                 : purple !important ;
    background-color      : transparent !important ;
    font-size             : 70% ;
   }





   ol.table_of_contents {
    width                : 80% ;
    font-size            : 80% ;
   }


   #doc ol.table_of_contents li {
    font-weight          : 100 !important ;
    font-size            : 100% ;
   }


   #doc ol.table_of_contents li a:link span, #doc ol.table_of_contents li a:visited span {
    font-weight          : 100 !important ;
   }


   #doc ol.table_of_contents li ul {
    position             : relative ;
    top                  : -0.80em ;
    margin-left          : 1em ;
    margin-bottom        : 1em ;
   }


   #doc ol.table_of_contents li ul li {
    font-weight          : 100 ;
    font-size            : 95% ;
   }




/* Headers in documentation */
   #doc h2, #doc h3, #doc h4, #doc h5, #doc h6 {
    width                : 90% ;
    max-width            : 48em ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 2em ;
    font-size            : 1em ;
   }


   #doc h2 {
    text-transform       : uppercase ;
    font-size            : 1em ;
    font-weight          : 900 ;
    letter-spacing       : 3px ;
    padding-left         : 1ex ;
    margin-top           : 3em ;
    margin-bottom        : 1ex ;
    max-width            : 54em ;
    border-bottom-color  : #540000 ;
    border-bottom-width  : 2px ;
    border-bottom-style  : solid ;
    border-radius        : 5px ;
    -moz-border-radius   : 5px ;
    -webkit-border-radius: 5px ;
   }


   #doc h4 {
    font-size            : 90% ;
    font-weight          : 100 ;
max-width: 55em ;
font-family: LinBiolinumRegular ;
letter-spacing: 2px ;
color: blue ;
background-color: #ffffff ;
   }


   #doc ol {
    font-size            : 80% ;
   }


   #doc dl {
    margin-top           : 1em ;
   }


   #doc dt {
    margin-top           : 1em ;
   }


   #doc dd {
    margin-left          : 1em ;
    font-size            : 90% ;
   }


   #doc em {
    font-weight          : 100 ;
    font-style           : italic ;
    letter-spacing       : 1px ;
   }


   #doc strong {
    font-weight          : 900 ;
    letter-spacing       : 1px ;
   }



   #doc .section_meta {
    width                 : 90% ;
    max-width             : 75em ;
    text-align            : center ;
    font-size             : 60% ;
    font-family           : Verdana ;
    letter-spacing        : 1px ;
    color                 : #dddddd ;
    background-color      : #ffffff ;
   }



   #doc .font_example_linlibertine {
    font-family           : LinLibertineRegular ;
    font-size             : 24px ;
    text-align            : center ;
   }


   #doc .font_example_linbiolinum {
    font-family           : LinBiolinumRegular ;
    font-size             : 24px ;
    text-align            : center ;
   }

   #doc .font_example_verdana {
    font-family           : Verdana ;
    font-size             : 24px ;
    text-align            : center ;
   }