/* Copyright (c), 2014, Trustees of Dartmouth College. All rights reserved. */

html {
  height: 100%; /* attempt at standards compliance */
}

body {
}

.repeatingBackground {
  background-color: #662219;
  background-image:
      url('../images/app-interface/baseline_background_pattern.jpg');
  background-repeat: repeat;
}

.full_region { /* TODO: For consistency, make all class names camelCase */
  overflow: hidden;
  position: absolute;
  margin: 0px;
  padding: 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

/*
 * TODO:  Comments further below are not up-to-date.
 * We are probably no longer using classes "logoText" or "lengthyText".
 * (Note further that the font choices discussed below are not especially
 * apt for the 1930s context.  (Search web for "1930s font" or similar.))
 *
 *
 * Note on fonts:
 *
 * Optima is our current first choice for the logo font.  Observe that
 * Optima is also the logo font of the Hood Museum site.  (But maybe
 * not for long, as the Hood Museum site is to be redesigned.
 * Consistency with the Hood Museum site should not be considered a
 * high priority.  Rather, the choices made here should be evaluated
 * on their own merits.)
 *
 * If Optima is not available, for now we use Spinnaker as the
 * primary fallback for the logo text.  Other fallbacks to consider
 * (these are all available from http://www.google.com/fonts/):
 *
 *   Averia_Libre Regular
 *   Averia_Sans_Libre Regular
 *   Convergence
 *   Tenor_Sans
 *   Voces
 *
 * Like Optima, Tenor Sans has pleasingly varied stroke thickness.
 * Unfortunately, the Tenor Sans ttf file is among the larger ones.
 * The Spinnaker ttf is among the smallest.
 *
 * See also comments at utilitarianText below.
 */
@font-face
{
  font-family: Spinnaker;
  src: url(../fonts/spinnaker_regular.ttf);
}

.formalText {
  font-family: Cambria, Georgia, Times New Roman, Times, serif;
}

.lengthyText {
  /*
   * See "Note on fonts" above.
   *
   * A problem with the current "lengthyText" font-family declaration
   * is that Spinnaker lacks italics.
   */
  font-family: Optima, Spinnaker, sans-serif;
}

.logoText {
  /*
   * See "Note on fonts" above.
   *
   * In the font-family list below, the first fallback, Spinnaker, is
   * defined using @font-face above.  Top choices here are sans-serif,
   * but if those don't work, serif fonts seem like the next-best bet.
   */
  font-family:
      Optima, Spinnaker, Trebuchet MS, Verdana,
      Palatino Linotype, Times New Roman, serif;
}

.utilitarianText {
  /*
   * See "Note on fonts" above.
   *
   * A desirable trait of the following font families is that they
   * have horizontal decorations on capital I's that distinguish the
   * capital I's from lower-case l's:
   *
   *   Verdana, Tahoma, Monaco, Courier, Courier New, Lucida Console.
   *
   * Arial and Helvetica (among others) lack this trait.  The backstop
   * here is "monospace" because monospace fonts tend to have this
   * trait, not because of letter-spacing considerations.
   */
  font-family: Verdana, Tahoma, Monaco, monospace;
}

.workTitle {
  font-style: italic;
}

#map_container {
  display: inherit;
}

/* TODO:  Simplify: can map_canvas just have class full_region?  */
#map_canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
}
/* TODO:  Simplify: can contextual canvas just use class full_region?  */
.contextual_canvas {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  background-color: black;
}