@media screen, print, handheld
{
  html {margin: 0; padding: 0;}
  #content-side .active:before {content: '> ';}
  #content-side dt {font-weight: bold;}

  .pun-navi, .pun-navi li {list-style-image: none; list-style-type: none; padding: 0; margin: 0.5em;}
  .pun-navi .previous {float: left;}
  .pun-navi .previous:before { content: '<< '; }
  .pun-navi .next {float: right;}
  .pun-navi .next:after { content: ' >>'; }
  .pun-navi .home {display: block; width: 100%; text-align: center; vertical-align: bottom;}
  .inline {display: inline; margin: 0; padding: 0; float: left; margin-right: 1em;}
  ul.tabs {margin: 0; padding: 0; display: block;}
  ul.tabs li { list-style-type: none; list-style-image: none; margin: 0; padding: 0; display: 
inline; font-size: 1.3em; margin-right: 0.5em; font-weight: bold; font-family: "Georgia";}
}

@media screen, print
{
  ul, li
  {
    list-style-image: url( 'linkdot.png' );
    margin-bottom: 0.5em;
  } 
  dl.properties dt, dl.properties dd {font-size: 0.9em;}
  dl.properties dt:after {content:':';}
  dl.properties dt {float: left; font-weight: bold; margin-right: 0.5em;}
  dl.properties dd {}
  dl.properties {display: block;}

  ul.thumbnails {display: block; clear: both; width: 100%; margin: 0; padding: 0;}
  ul.thumbnails li.thumbnail {float: left; margin: 0em; list-style-type: none; 
list-style-image: none; padding: 0em; width: 128px; height:128px; text-align: center; vertical-align: top;}
  ul.thumbnails li.thumbnail img {border: 1px solid #777; padding: 0px;}
  hr.thumbnailsclear {clear: both; height: 0px; border:0px;}
  #center-content {text-align: center; width: 100%; display: block;}
  img.center-content {border: 1px solid #777;}
}

@media screen
{
  ul.thumbnails li.thumbnail img:hover {opacity: 0.6;}
  .DC {text-align: right; color: gray;}
  .ad {margin-top: 1em; }
  html
  {
    background-color: #FAFAFF;
  }
  html#page-esittely,
  html#page-osallistuminen,
  html#page-larpit,
  html#page-kuvat
  {
    background-image: url(lumitahti-logo-big-hollow.jpg);
    background-position: top right;
    background-repeat: no-repeat;
  }
  #header
  {
    margin: 0.7em;
  }
  #content-side
  {
    float: left;
    width: 12.5em;
    margin-left: 0.3em;
    text-align: right;
    margin-bottom: 1em;
  }
  #menu {
    display: block;
    padding: 1em;
    margin-left: 0.3em;
    background-color: #f0f0f8;
    text-align: right;
  }
  #search {
    background-color: none;
  }
  #content-main
  {
    padding: 1em;
    padding-top: 0;
    float: left;
    width: 35em;
    min-width: 30em;   
    max-width: 1200px;
  }
  #content-side dl {padding: 0; margin: 0;}
  #footer {clear: both; margin: 2em; text-align: right; font-size: 0.7em; color: gray; padding-top: 0.4em; border-top: 1px 
dashed #cdc;}
  #license, #copyright, a#copyright {color: #666;}
}

@media print
{
  #content-side
  {
    display: none;
  }
}

@media handheld
{
  h1 {display: block;}
  #logo-img {display: none;}
}

@media screen, print
{
  h1 {display: none;}
  img
  {
    border: none;
  }
  
  body
  {
    font-family: verdana, arial;
    letter-spacing: 0.4px;
  }
  
  a:link, a:visited, a:active
  {
    color: #306046;
    font-weight: bold;
    text-decoration: none;
  }
  
  a:hover
  {
    color: #E01020;
  }

  h1, h2, h3, p
  {
    margin-top: 0px;
  }

  .automargins
  {
    margin-left: auto;
    margin-right: auto;
  }

  .nomargins
  {
    margin: 0px;
  }
  
  h1
  {
    font-size: 150%;
  }
  
  h2
  {
    font-size: 150%;
    font-family: "Georgia", "Times New Roman", serif;
  }
  
  h3
  {
    font-size: 130%;
    font-family: "Georgia", "Times New Roman", serif;
  }
  
  p, ul li
  {
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 80%;
  }
  dd {font-size: 75%; margin: 0; margin-bottom: 1em;}
  
  hr
  {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    width: 100%;
    border-top: 1px #eee solid;
    border-bottom: 0px;
  }

  td
  {
  }

  table.body
  {
    margin: 0px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  table.transparent
  {
    margin: 0px;
  }

  .boxed
  {
    border: 1px dashed #bbb;
  }
}

@media print
{
  body
  {
    font-family: "georgia", "times new roman";
    letter-spacing: 0px;
  }
  a {padding-right: 0.5em;}
  .ad {
    display: none;
  }
}