/* jwz crt hotness */

body      { font-family: Arial,Helvetica,sans-serif;
            color: #0F0; background: #000;
            max-width: 50em; margin: 0.5em auto; }
body, td  { font-size:11pt; }
pre, tt   { font-family: "Bitstream Vera Sans Mono", Menlo,
              "Courier New", Courier, monospace;
            font-size:10pt; }
hr        { color: #0F0; background: #0F0; height: 1px; border:0; }
a:link    { text-decoration: none; color: #0DF; }
a:hover   { text-decoration: none; color: #FFF !important; }
a:visited { text-decoration: none; color: #AD0; }
a:active  { text-decoration: none; color: #F63; }

/* For pages with white backgrounds */
.jwzw           { color: #000; background: #FFF; }
.jwzw a:link    { color: #00E; }
.jwzw a:hover   { color: #00E !important; }
.jwzw a:visited { color: #518; }
.jwzw a:active  { color: #F00; }
.jwzw hr { color: #000; background: #000; height: 1px; border:0; }

.navL   { color: #666; font-weight: bold; float: left; }
.navR   { color: #666; font-weight: bold; float: right; text-align:right; }
.navC   { color: #666; font-weight: bold; text-align: center; }
.photo  { width: 100%; height: auto; margin: 0.3em 0; border: 1px solid;
          display: block; }

.compass { padding: 0; margin: 0; border: 0; width:60px; height:60px; }


/* Rocket surgery to make embedded Youtube videos scale fluidly while
   Duplicated from http://www.dnalounge.com/dnalounge.css
 */
.video_floater {
  display: inline-block; margin: 2px; width: 100%;
}
.video_frame {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  padding-top: 30px;      /* plus fixed height Youtube controls */
  border: 1px solid #080;
  background: #000;
}
.video_embed {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  border: 0; margin: 0; padding: 0;
}

iframe { background: transparent; }



@media screen and (max-device-width: 480px) {
  body, td { font-size: 12pt; }
  tt, pre  { font-size: 11pt; }
}

@media screen and (max-width: 480px) {
  html, body { margin: 0; padding: 0; }
  body { margin: 2px 2px 0 0; }
}

@media print {
 *  { color: black !important;
      border-color: black !important;
      background: white !important; }
 body { max-width: 100%; }
 hr { background: black !important; }
 .noprint { display: none !important; }
 .navL    { display: none !important; }
 .navR    { display: none !important; }
 .navC    { display: none !important; }
}