@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
body {
  font: 95%/1.5 "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0;
  background: #ededed;
}
h1 {
  font-weight: normal;
  font-size: 2.5em;
  color: #333;
}
h2 {
  font-weight: normal;
  font-size: 1.8em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.1em;
}
a {
  color: #b12;
  text-decoration-thickness: 1px!important;
  text-underline-offset: .2em!important;
}
table { border-collapse: collapse; }
#container { max-width: 1060px; }
#container:before, #container:after {
  content: "";
  display: table;
}
#container:after { clear: both; }
/*------------*/
/*-- Header --*/
/*------------*/
#header { background: #fff; }
#header #nameplate h1 {
  display: flex;
  align-items: center;
  min-height: 75px;
  padding: 0 20px;
  margin: 0;
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1;
  font-weight: normal;
}
#header #nameplate h1 a {
  text-decoration: none;
  color: #222;
}
#header #nameplate h1 a:hover { text-decoration: none; }
#header #nameplate h1 a strong {
  font-weight: normal;
  color: #767676;
}
#header #nameplate h1 a em { font-style: normal; }
/*---------------*/
/*-- Page Body --*/
/*---------------*/
#pageBody {
  background: #fff;
  float: left;
  width: 100%;
  margin-bottom: .5em;
}
/*--------------*/
/*-- Site Nav --*/
/*--------------*/
#siteNav {
  background: #ededed;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  position: relative;
  padding-top: 40px;
  overflow: hidden;
}
#siteNav.collapse { height: 0; }
#siteNav_links {
  line-height: normal;
}
#siteNav_links h3 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  margin: 0 0 0 -50px;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
}
#siteNav_links ul {
  padding: 25px 20px;
  margin: 0;
  list-style: none;
}
#siteNav_links ul ul { padding: .5em 0 0 2ex; }
#siteNav_links li { margin: .5em 0; }
#siteNav_links li li { font-weight: normal; }
#siteNav_links li a {
  color: #444;
  font-size: 1em;
  text-decoration: none;
}
#siteNav_links li a:hover {
  text-decoration: none;
  color: #000;
}
.postSiteNav {
  margin: 2em;
  color: #666;
  font-size: .9em;
}
/*------------------*/
/*-- Main Content --*/
/*------------------*/
#mainContent { padding: 25px 20px; }
#mainContent > *:first-child { margin-top: 0; }
.lead { font-size: 1.3em; }
/*-- Tabbed Syllabus --*/
#syllabus .syllSection {
  background: #edebe8;
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
#syllabus .syllSection h2 {
  background: #444;
  width: 18em;
  font-weight: normal;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #444;
  margin: -11px auto 0 auto;
}
#syllabus .syllSection .syllSubsectionHeading {
  font-weight: bold;
  padding: 0;
  border: none;
  margin: 25px 0 10px 10px;
}
#syllabus .weekDates { color: #666; }
#syllabus .syllTabs .syllTabContentHeading {
  position: absolute;
  top: -999em;
  left: -999em;
}
#syllabus .syllTabs { margin-top: 10px; }
#syllabus .syllTabs { margin-top: 10px; }
#syllTOC { margin: 2em 0; }
#syllTOC ul {
  padding: 0;
  list-style: none;
}
#syllTOC ul ul { padding: 5px 0 1em 1em; }
.citation {
  display: block;
  margin-left: .5in;
  text-indent: -.5in
}
#mainContent img {
  max-width: 100%;
}
p.backToTop { text-align: right; }
/*global back to top button*/
a.back-to-top {
  visibility: hidden;
  background: #000;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-weight: normal;
  border: none;
  padding: 12px 14px;
  text-transform: uppercase;
  line-height: 1;
  text-decoration: none;
  font-size: 10px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  transition: .5s;
}
a.back-to-top:hover { background: #000 }
.belowFold a.back-to-top {
  visibility: visible;
  opacity: 1;
}
/*------------*/
/*-- Footer --*/
/*------------*/
#footer {
  clear: both;
  background: rgba(255,255,255,.4) url(https://www.reed.edu/global_assets/images/logo/griffin-2016/150px.000000.100.png) 35px center no-repeat;
  background-size: 20px;
  padding: 10px 60px;
  font-size: .9em;
  color: #666;
}
#footer a {
  color: #444;
  text-decoration: none;
}
/*-------------------*/
/*-- Accessibility --*/
/*-------------------*/
#accessLinks {
  position: absolute;
  top: -999px;
  left: 0;
  width: 80%;
  z-index: 999;
}
#accessLinks a {
  position: absolute;
  top: 0;
  left: 0;
}
.crazyIEfix:active, #accessLinks a:focus, #accessLinks a:active {
  top: 999px;
  background-color: #434343;
  color: #f0e4d4;
  padding: 2px 4px;
  border: 1px solid #000;
  margin: 5px;
  white-space: nowrap;
}
@media only screen and (min-width: 720px) {
#header { margin-bottom: .5em; }
#header #nameplate h1 {padding: 0 55px 0 35px;}
#siteNav {
  width: 20%;
  float: left;
  background: transparent;
  padding-top: 0;
  border: none;
}
#siteNav.collapse { height: auto; }
#siteNav_links ul {padding: 25px 35px;}
#siteNav_links li a {
  border-left: 3px solid transparent;
  padding-left: 5px;
  margin-left: -8px;
}
#siteNav_links li a.active {border-color: inherit;}
#siteNav_links h3 {
  position: absolute;
  top: -999em;
  left: -999em;
}
#mainContent {
  margin-left: 20%;
  padding: 25px 35px;
  overflow: hidden; /*establish block formatting context to avoid float conflicts with siteNav*/
}
}
@media only screen and (min-width: 1060px) {
#container { margin: 50px auto 60px; }
}