/* Simple style sheet for displaying on handheld devices */
/* copied from http://www.w3.org/Style/handheld.css on January 14th 2004 */

body {background: white; color: black}
a:link {color: blue}
a:visited {color: #906}
a:hover { background: cyan }
h1, h3 {color: #888}
p {margin: 0}
p + p {text-indent: 1em}
img {max-width: 100%}
span.date {font-style: italic; color: #666}
h2 {background: #005A9C; color: white; padding: 0.3em;
  border-top: 1em solid #F73; margin-top: 0}
div.section {border-top: 0.7em solid green}
div.back {border-top: 0.49em solid #CC0; margin: 1em 0}

div.banner, div.map {margin: 0.5em 0; padding: 0.3em; background: black}
div.banner p, div.map p {display: inline; font-weight: bold}
div.banner a:before, div.map a:before {content: " · "}
div.banner p, div.banner a, div.map p, div.map a {color: white}

.hint {float: right; display: block; width: 50%;
  background: #DDD; margin: 0.2em;
  border-right: solid black; border-bottom: solid black;
  color: green; padding: 0.3em}


  h1 { 
      color: navy;
  }