/*
 *     (c) Maahinkainen ry
 */

@media screen, print {
  .center { margin-left: auto; margin-right: auto; text-align: center; }
  .right { text-align: right; margin-right: 0; }
  .left { text-align: left; margin-left: 0; }

  .section h1 { font-size: 150%; }

  table { width: 100%; border: none; }
  td { vertical-align: top; }
  dt { font-weight: bold; }
  dd { margin-left: 2em; margin-bottom: 1em; }
  dd li { margin-top: 0; list-style-type: circle; }
  dd ul { padding-left: 0;}
  
  td input, td textarea { margin-bottom: 10px; margin-top: 10px; }
  .fieldname { font-weight: bold; margin-top: 10px; }
  .description { font-size: 75%; margin-top: 10px; }
  .extreme { color: red; font-weight: bold; font-size: 150%; }
  .missing { border-bottom: solid thin red; }

/** SisŠkkŠiset numeroidut listat tyyliin:
     1
      1.1
       1.1.1
       1.1.2
      1.2

     ja pykŠlŠviidakot
     1¤ ...
     2¤ ...
*/
  ul { padding-left: 2em; }
  ol { counter-reset: item; padding-left: 2em; }
  li { 
    margin-top: 0.7ex;
    margin-bottom: 0;
  }

  .documentDescription { font-style: italic; }
  
/** reStructuredText default.css */
  .abstract { margin: 2em 5em; }
  .abstract p.topic-title { font-weight: bold; }

  .attention, .caution, .danger, .error, .hint,
  .important, .note, .tip, .warning {
    margin: 2em;
    border: medium outset;
    padding: 1em;
  }

  .attention p.admonition-title, .caution p.admonition-title,
  .danger p.admonition-title, .error p.admonition-title,
  .warning p.admonition-title {
    color: red;
    background-color: transparent;
    font-weight: bold;
    font-family: sans-serif
  }

  .hint p.admonition-title, .important p.admonition-title,
  .note p.admonition-title, .tip p.admonition-title {
    font-weight: bold;
    font-family: sans-serif;
  }

  .dedication {
    margin: 2em 5em;
    text-align: center;
    font-style: italic;
  }

  .dedication p.topic-title {
    font-weight: bold;
    font-style: normal;
  }

  .system-messages { margin: 5em; }
  .system-messages h1 { color: red; background-color: transparent; }
  .system-message { border: medium outset; padding: 1em; }
  .system-message p.system-message-title {
    color: red;
    background-color: transparent;
    font-weight: bold;
  }

  .classifier {
    font-family: sans-serif;
    font-style: oblique;
  }

  .classifier-delimiter {
    font-family: sans-serif;
    font-weight: bold;
  }

  .interpreted { font-family: sans-serif; }

  .option { white-space: nowrap; }
  .option-argument { font-style: italic; }

  .pre { white-space: pre; }

  .problematic { color: red;  background-color: transparent; }

  .topic { margin: 2em; }

  ol.simple, ul.simple { margin-bottom: 1em; }
  ol.arabic { list-style: decimal; }
  ol.loweralpha { list-style: lower-alpha; }
  ol.upperalpha { list-style: upper-alpha; }
  ol.lowerroman { list-style: lower-roman; }
  ol.upperroman { list-style: upper-roman; }

  p.caption { font-style: italic; }
  p.credits { font-style: italic; font-size: smaller; }
  p.label { white-space: nowrap; }
  p.topic-title { font-weight: bold; }

  pre.address {
    margin-bottom: 0;
    margin-top: 0;
    font-family: serif;
    font-size: 100%;
  }

  pre.line-block {
    font-family: serif;
    font-size: 100%;
  }

  pre.literal-block, pre.doctest-block {
    margin-left: 2em;
    margin-right: 2em;
  }

  table.citation { border-left: solid thin gray; padding-left: 0.5ex; }
  table.footnote { border-left: solid thin black; padding-left: 0.5ex; }

  ul.auto-toc { list-style-type: circle; }

  dt {
    margin-top: 0.5ex;
    font-style: italic;
  }

  p.signature {
    font-style: italic;
    text-align: right;
  }

  blockquote {
    font-style: italic;
  }
  
  .eventDetails { float: right; width: 270px; }
  .eventDetails th { text-align: right; }
  .eventDetails table td, .eventDetails table tbody tr td { width: 190px; }
  .eventDetails table th, .eventDetails table tbody tr th { width: 80px; }

  .photoAlbumEntry {
    float: left;
    height: 185px;
    width: 143px;
    margin: 0em;
    padding: 0px 6px 0px 9px;
    text-align: center;
    background-repeat: no-repeat;
  }

  .next, .previous {
    display: block;
    font-size: 80%;
  }

  .photoAlbumEntry img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
  }

  .photoAlbumEntryWrapper {
    /*display: block;*/
    height: 130px;
    width: 128px;
    margin-bottom: 7px;
  }

  .photoAlbumEntry a {
    display: block;
    text-decoration: none;
    font-size: &dtml-fontSmallSize;;
    height: 169px;
    width: 130px;
    margin: 16px auto 0px;
  }

  .photoAlbumFolder {
    background-image: url('&dtml-portal_url;/polaroid-multi.png');
    background-repeat: no-repeat;
  }

  .photoAlbumEntryTitle {
    color: &dtml-discreetColor;;
    display: block;
    overflow: hidden;
    width: 128px;
    height: 3.6em;
  }
}

@media screen {

/* initializing the base */

    body {
        color: #FBEA9B;
        background: #008000;
        font-family: verdana, sans-serif;
    }

    textarea { font-family: monospace; }

    div, table, tr, td, img, form {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        border: none;
        border-spacing: 0;
    }

    .documentActions, #copyright,
    div.documentByLine, .link-parent,
    dt span.documentByLine {
        display: none;
    }

/* the main container */

    #window {
        width: 100%;
        text-align: center;
    }

    #page {
        width: 595px;
        min-height: 400px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    p a:link, p a:active, p a:visited,
    dd a:link, dd a:active, dd a:visited,
    dl a:link, dl a:active, dl a:visited,
    li a:link, li a:active, li a:visited {
        text-decoration: underline;
    }

    a:link, a:visited, a:active,
    ul.menu li a:link, ul.menu li a:visited, ul.menu a:active {
        color: #FBEA9B;
        background-color: transparent;
        text-decoration: none;
    }

    a:hover, ul.menu li a:hover {
        color: #FFFFFF;
        background-color: transparent;
        text-decoration: underline;
    }

    .path {
        clear: both;
        color: #FBEA9B;
        background: #009000;
        padding: 1px 0 3px 0;
    }
  
    .path .portal-breadcrumbs {
        margin: 0 5px 0 5px;
    }

    .documentByLine { font-size: 9pt; }

    .footer {
        line-height: 1.5em;
        font-size: 9pt;
    }

    .portalMessage { color: white; margin-top: 1em; }

    .newsImageContainer {
        float:right;
        margin: 0 0 0.5em 1em;
        width: 202px;
    }
    
    .newsImageContainer .discreet {
        font-size: 9pt;
    }

    fieldset { padding: 1em; }
    .field { margin-top: 1em; }
    .formHelp { font-size: 9pt; }

/** Lehdinkäinen */

    #lehdinkainen .box {
        color: black;
        background: rgb(180, 180, 180);
        border: solid thin black;
        margin: 1em;
        padding: 1em;
    }

    #lehdinkainen .page { 
        color: black;
        background: white;
        border: solid thin black;

        margin: 1em 0 1em 0;
        padding: 1em;
 
        font-family: "Times New Roman", times, helvetica;
        font-size: 85%;
        overflow: hidden;
    }

    #lehdinkainen table { table-layout: fixed;  border-spacing: 1em; }

    #lehdinkainen .page img.ornament { margin-left: -1em; }
    #lehdinkainen .page img.person { float: left; margin-right: 1em; margin-bottom: 1em; }

/** Ajankohtaista -lodju */
    .ajankohtaista {
        border: 0px;
        background: #009000;
        font-size: 10pt;
        margin: 0em 1em 1em 1em;
        padding: 0.7em;
    }

    .ajankohtaista p {
        font-size: 10pt;
        margin: 0 0 0.7em 0;
     }

    .ajankohtaista h1 {
        margin-top: 0px;
        margin-bottom: 0.3em;
        font-size: 12pt;
    }

    .ajankohtaista ul.menu { padding-left: 2em; margin-left: 0; }

    .ajankohtaista a:link, .ajankohtaista a:visited,
    .ajankohtaista a:active {
        text-decoration: none;
    }

    .ajankohtaista em { 
        font-style: normal;
        font-weight: bold; 
    }

/* Yksittäisen tapahtuman laatikko */

    table.vertical {
        font-size: 70%;
        margin: 0 0 1em 1em;
        border-collapse: collapse;
        border: thin solid #009000;
    }
    table.vertical th {
        font-weight: normal;
        padding: 0.5em;
        border: thin solid #009000;
        background-color: #009000;
        vertical-align: middle;
    }
    table.vertical td {
        padding: 0.5em;
        vertical-align: middle;
        border: thin solid #009000;
    }
}

@media print {

/* initializing the base */

    a {
        color: black;
        background-color: transparent;
        text-decoration: underline;
    }

    .path, .documentActions, div.documentByLine, .link-parent,
    dt span.documentByLine, .footer {
         display: none;
    }
    
/* reStructuredText fixes */

    table.docinfo { margin: 2em 4em; }
    th.docinfo-name, th.field-name {
        font-weight: bold;
        text-align: right;
        white-space: nowrap;
    }
}