/*
 * update as `scss -C --update .`
 */
/* item sizes */
/* logo colors */
/* fonts */
/* make transparent colors work with ie8 */
body, div, nav, footer, img, h1, h2, p {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  /* use the "border-box" model so that padding counts as a part of an object's size */ }

body {
  background: white; }

a:link, a:visited {
  color: #002890;
  text-decoration: none; }

a:hover, a:active {
  color: #7e2021;
  text-decoration: underline; }

/* Center the page in the screen, and give us a fixed width to work with.
 * Yes, this isn't responsive. Sorry. */
div#wrapper {
  margin: 0 auto;
  width: 960px;
  font: 0px/0px "Georgia", serif;
  /* this gets rid of some extra whitespace */ }

/* hide the title from visual visitors */
header h1 {
  display: none; }

/* This extra div is added just so we can get the red outlines correctly. */
div#body {
  position: relative;
  /* added to make the nav able to sit correctly */
  border-left: thin solid #7e2021;
  border-right: thin solid #7e2021;
  border-bottom: thin solid #7e2021;
  font: 12pt/1.5em "Georgia", serif;
  /* make sure to reset the font */
  padding-top: 3px;
  /* this adds back in the space we removed from the header image. but now it has borders! */
  min-height: 400px; }

/* Left column */
nav {
  /* these commands make the left sidebar appear to take up the
     entire height of the page, and add in the white space at the top
     as a border. note that this requires the parent element (div#body)
     to be positioned in some way. */
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 250px;
  border-top: 3px solid white;
  background-color: #d6e0ee;
  background-image: url(../img/brachia.png);
  background-repeat: no-repeat;
  background-position: top right; }
  nav ul {
    margin: 0;
    padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#CCD6E0EE', endColorstr='#CCD6E0EE')";
    background-color: rgba(214, 224, 238, 0.8);
    list-style-type: none;
    list-style-position: inside;
    height: 100%; }
    nav ul li {
      margin: 0;
      padding: 0;
      border-bottom: thin solid #bbc2d3; }
      nav ul li a {
        margin: 0;
        padding: 0;
        display: block;
        padding-left: 10px;
        font: bold 12pt/50px "Helvetica", "Verdana", sans-serif; }
      nav ul li a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#80BBC2D3', endColorstr='#80BBC2D3')";
        background-color: rgba(187, 194, 211, 0.5); }
    nav ul li#nav-about {
      background-color: #22376e; }
      nav ul li#nav-about a:link, nav ul li#nav-about a:visited {
        color: white; }
      nav ul li#nav-about a:hover, nav ul li#nav-about a:active {
        color: #7e2021; }

/* highlight the current page in the nav bar. this trick only works for this kind of small site */
body#page-about li#nav-about,
body#page-sites li#nav-sites,
body#page-studies li#nav-studies,
body#page-publications li#nav-publications,
body#page-tools li#nav-tools,
body#page-requests li#nav-requests,
body#page-contact li#nav-contact {
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#CC7E2021', endColorstr='#CC7E2021')";
  background-color: rgba(126, 32, 33, 0.8); }
  body#page-about li#nav-about a:link, body#page-about li#nav-about a:visited,
  body#page-sites li#nav-sites a:link,
  body#page-sites li#nav-sites a:visited,
  body#page-studies li#nav-studies a:link,
  body#page-studies li#nav-studies a:visited,
  body#page-publications li#nav-publications a:link,
  body#page-publications li#nav-publications a:visited,
  body#page-tools li#nav-tools a:link,
  body#page-tools li#nav-tools a:visited,
  body#page-requests li#nav-requests a:link,
  body#page-requests li#nav-requests a:visited,
  body#page-contact li#nav-contact a:link,
  body#page-contact li#nav-contact a:visited {
    color: white; }

body#page-about li#nav-about {
  background-color: #7e2021; }

/* Right column */
div#content {
  margin-left: 250px;
  padding-left: 15px;
  padding-right: 15px; }
  div#content h1 {
    margin-left: -10px;
    margin-right: -15px;
    margin-bottom: 1em;
    padding-left: 10px;
    background: #d6e0ee;
    color: #7e2021;
    font: bold 18pt/50px "Helvetica", "Verdana", sans-serif;
    text-transform: uppercase; }
  div#content h2 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font: bold 14pt/1.5em "Helvetica", "Verdana", sans-serif;
    color: #7e2021; }
  div#content p {
    margin-top: 1em;
    margin-bottom: 1em; }

div.attribution {
  margin-top: 2em; }
  div.attribution p {
    text-align: right;
    color: grey;
    font: 10pt/1.5em "Helvetica", "Verdana", sans-serif;
    font-style: italic; }

/* Footer */
footer {
  width: 100%;
  font: 10pt/1.5em "Helvetica", "Verdana", sans-serif;
  color: grey;
  padding-top: 1em;
  padding-bottom: 1em; }
  footer p {
    text-align: right; }

/*
 * Some page specific oddities here
 */
#page-about ol#ohrp-links {
  margin: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  #page-about ol#ohrp-links li {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }

#page-studies div#studies-timeline {
  margin-top: 2em;
  margin-bottom: 2em; }
  #page-studies div#studies-timeline .studies-timeline-ards1-back {
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#4D22376E', endColorstr='#4D22376E')";
    background-color: rgba(34, 55, 110, 0.3); }
  #page-studies div#studies-timeline .studies-timeline-ards2-back {
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#4D7E2021', endColorstr='#4D7E2021')";
    background-color: rgba(126, 32, 33, 0.3); }
  #page-studies div#studies-timeline .item.range {
    border: none;
    border-bottom: medium solid #22376e;
    border-radius: 0;
    background-color: inherit;
    padding: 0;
    line-height: 14pt; }
    #page-studies div#studies-timeline .item.range .content {
      overflow: visible; }
#page-studies div.study {
  margin-top: 2em;
  margin-bottom: 2em; }
  #page-studies div.study h2 {
    margin-bottom: 0; }
  #page-studies div.study p.dates {
    margin-top: 0;
    font-style: italic; }
    #page-studies div.study p.dates:before {
      content: '\1f4c5';
      padding-right: 0.25em;
      font-size: 0.7em;
      font-style: normal; }
  #page-studies div.study p.desc {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  #page-studies div.study ul.links {
    margin-top: 0.5em;
    margin-bottom: 1em; }
    #page-studies div.study ul.links li {
      margin-top: 0.5em;
      margin-bottom: 0.5em; }

#page-publications textarea#biblio {
  display: none; }
#page-publications div#pubs #pubs-search-holder {
  text-align: right; }
  #page-publications div#pubs #pubs-search-holder label {
    font-size: 0.8em;
    font-style: italic; }
  #page-publications div#pubs #pubs-search-holder #pubs-search {
    width: 50%; }
#page-publications div#pubs #pubs-list {
  list-style-type: none;
  padding: 0; }
  #page-publications div#pubs #pubs-list li {
    margin-top: 1em;
    margin-bottom: 1em; }
  #page-publications div#pubs #pubs-list li.year-separator {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left: -10px;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 15px;
    background-color: #22376e;
    color: white; }