@charset "UTF-8";
body {
  font: .8em Arial, Helvetica, sans-serif;
  margin: 0;
  background: #edebe8 url(https://www.reed.edu/global_assets/images/gradient/v.200px.fff-trans.100.png) repeat-x;
}
h1 {
  font-weight: normal;
  font-size: 2.5em;
  text-align: center;
}
a {
  color: #3d7499;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
#container { }
/*------------*/
/*-- Header --*/
/*------------*/
#header {
  background: #edebe8 url(https://www.reed.edu/global_assets/images/gradient/v.100px.fff-trans.100.png) repeat-x;
  width: 1020px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 0px 1px 3px #777;
  height: 4rem;
  margin: 0 auto;
  display: table;
}
#header #nameplate {
  width: 340px;
  display: table-cell;
}
#header #nameplate h1 {
  background: url(https://www.reed.edu/global_assets/images/gradient/v.50px.fff-trans.20.png) top repeat-x;
  padding: 0;
  text-align: center;
  margin: 0;
  font-family: 'Fugaz One', cursive;
  font-size: 1.5em;
  font-weight: normal;
}
#header #nameplate h1 a { color: #000; }
#header #nameplate h1 a:hover { text-decoration: none; }
/*--------------*/
/*-- Site Nav --*/
/*--------------*/
#siteNav {
  display: table-cell;
  width: 340px;
  background: #edebe8 url(https://www.reed.edu/global_assets/images/gradient/v.50px.fff-trans.100.png) repeat-x;
  border-left: 1px solid #bbb;
}
#siteNav_links { }
#siteNav_links h3 {
  position: absolute;
  top: -999em;
  left: -999em;
}
#siteNav_links ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#siteNav_links li {
  display: table-cell;
  line-height: 4rem;
  border-right: 1px solid #bbb;
  border-left: 1px solid #fff;
}
#siteNav_links li a {
  display: table-cell;
  color: #000;
  font-weight: bold;
  font-size: .9em;
  margin: 0;
  width: 83px;
}
#siteNav_links li a:hover {
  text-decoration: none;
  color: #000;
  background: #fff;
}
/*------------*/
/*-- Search --*/
/*------------*/
#contentSrch {
  display: table-cell;
  width: 339px;
}
#contentSrch p { margin: 0; }
#contentSrch label {
  position: absolute;
  top: -999em;
}
#contentQueryContainer { text-align: center; }
#contentSrch #contentQuery {
  width: 240px;
  padding: 5px;
  border: 2px solid #ccc;
  border-radius: 5px;
  -webkit-appearance: none;
}
#contentSrch input[type='submit'] {
  background: #000;
  width: 40px;
  padding: 5px 0;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  -webkit-appearance: none;
}
/*---------------*/
/*-- Page Body --*/
/*---------------*/
#pageBody { }
/*------------------*/
/*-- Main Content --*/
/*------------------*/
#mainContent {
  background: url(https://www.reed.edu/global_assets/images/gradient/v.100px.trans-fff.50.png) bottom repeat-x;
  min-width: 1024px;
  padding-bottom: 50px;
  padding-top: 10px;
  clear: both;
}
/*-- Standard page --*/
#standardContent {
  background: #fff;
  width: 600px;
  padding: 30px;
  margin: 30px auto 0;
  border-radius: 7px;
  box-shadow: 0px 1px 3px #777;
}
#standardContent h1 { margin-top: 0; }
/*-- Artifact list --*/
#artifactIndex {
  width: 1020px;
  margin: 0 auto;
}
.tagHeading span {
  background: url(../images/icon.tag.32.png) 0 50% no-repeat;
  padding-left: 34px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .tagHeading span {background-image: url(../images/icon.tag.64.png); background-size: 32px 32px;}
}
.artifact {
  background: #fff;
  border-radius: 7px;
  margin: 10px auto;
  width: 600px;
  box-shadow: 0px 1px 3px #777;
  position: relative;
  overflow: hidden;
}
#artifactIndex .artifact {
  width: 320px;
  margin: 10px 10px;
}
.artifact h3 {
  margin: 0;
  padding: 10px;
  text-align: center;
}
.artifactContent {
  min-height: 130px;
  padding: 7px;
  line-height: 1.3;
  text-align: center;
}
.artifactDescr {
  padding: 10px;
  text-align: left;
}
.text .artifactDescr { padding: 0 10px 10px; }
.artifactDescrFull { display: none; }
.imageArtifact {
  position: relative;
  display: block;
}
.imageArtifact em {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 0;
  padding-top: 30px;
  overflow: hidden;
  background: url(../images/magnify-corner-tab.png) no-repeat;
}
.imageArtifact img {
  max-width: 304px;
  border: 1px solid #ccc;
}
.indexAudioLink {
  display: block;
  width: 100px;
  height: 0;
  padding-top: 60px;
  margin: 0 auto;
  overflow: hidden;
  background: url(../images/icon.audio.png) 50% no-repeat;
}
.indexVideoLink {
  display: block;
  width: 120px;
  height: 90px;
  margin: 0 auto;
  position: relative;
}
.indexVideoLink span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 0;
  margin: -19px 0 0 -17px;
  padding-top: 37px;
  overflow: hidden;
  background: url(../images/play.white.80.png) no-repeat;
}
.pubDate {
  font-size: 11px;
  color: #444;
}
.artifactFooter {
  background: #f5f3f0 url(https://www.reed.edu/global_assets/images/gradient/v.20px.fff-trans.80.png) top repeat-x;
  border-top: 1px solid #d9d5cf;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0;
  font-size: 11px;
  position: relative;
}
.artifactInfo, .artifactAction {
  display: table-cell;
  vertical-align: middle;
  padding: 7px;
}
.artifactInfo { width: 100%; }
.createdOn,
.tagChips { margin: 0; }
.tagChips dt, .tagChips dd { display: inline; }
.tagChips dd { margin: 0; }
.tagChips dd a { display: inline-block; }
.artifactAction { border-left: 1px solid #d9d5cf; }
.artifactAction h4 { margin: 0; }
.artifactAction.share h4 {
  padding: 18px 0 0;
  width: 26px;
  height: 0;
  overflow: hidden;
  background: url(../images/icon.share.png) 50% no-repeat;
  background-image: url(../images/icon.share.svg), none;
  background-size: 20px 20px;
}
.artifactAction.flag h4 a {
  display: block;
  padding: 18px 0 0;
  width: 26px;
  height: 0;
  overflow: hidden;
  background: url(../images/icon.flag.png) 50% no-repeat;
  background-image: url(../images/icon.flag.svg), none;
  background-size: 14px 14px;
}
.artifactAction ul {
  background: #fff;
  box-shadow: 0 0 3px #ccc;
  border: 1px solid #d9d5cf;
  border-right: none;
  border-top-left-radius: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: -999em;
  left: -999em;
}
.artifactAction.hover, .artifactAction:hover {
  cursor: default;
  background: #fff;
}
.artifactAction.hover ul, .artifactAction:hover ul {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 0;
}
.artifactAction li { margin: 7px 0; }
.artifactAction li a {
  display: block;
  height: 0;
  width: 40px;
  padding-top: 22px;
  overflow: hidden;
}
.artifactAction li.shareFacebook a {background: url(../images/icon.facebook.32.png) 50% no-repeat;}
.artifactAction li.shareTwitter a {background: url(../images/icon.twitter.32.png) 50% no-repeat;}
.artifactAction li.shareEmail a {background: url(../images/icon.email.32.png) 50% no-repeat;}
.artifactAction li.shareLink a {background: url(../images/icon.link.32.png) 50% no-repeat;}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .artifactAction li.shareFacebook a {background-image: url(../images/icon.facebook.64.png); background-size: 32px 32px;}
  .artifactAction li.shareTwitter a {background-image: url(../images/icon.twitter.64.png); background-size: 32px 32px;}
  .artifactAction li.shareEmail a {background-image: url(../images/icon.email.64.png); background-size: 32px 32px;}
  .artifactAction li.shareLink a {background-image: url(../images/icon.link.64.png); background-size: 32px 32px;}
}
input.shareLinkBox { width: 80%; }

.artifactAction a.shareLink {
  display: block;
  padding: 18px 0 0;
  width: 26px;
  height: 0;
  overflow: hidden;
  background: url(../images/icon.link.64.png) 50% no-repeat;
  background-size: 28px;
}

/*-- AJAX content loading */
.resultCount, .displayCount, .showMore { text-align: center; }
.resultCount, .displayCount { font-size: .9em; }
.resultsReset {
  background: url(https://www.reed.edu/global_assets/images/icons/august/black/error.2.png) no-repeat;
  display: inline-block;
  height: 0;
  overflow: hidden;
  padding-top: 35px;
  width: 32px;
  vertical-align: middle;
}
.showMore-btn {
  padding: 5px 7px;
  background: #f5f3f0;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 1px 3px #777;
  font-size: 1.2em;
  cursor: pointer;
}
.showMore-btn:hover {
  background: #fff;
}
/*------------*/
/*-- Footer --*/
/*------------*/
#footer {
  clear: both;
  padding: 1em 1em 50px;
  border-top: 1px solid #d9d5cf;
  font-size: .9em;
  text-align: right;
}
/*-------------------*/
/*-- 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 (max-width: 1024px) {
/*------------*/
/*-- Header --*/
/*------------*/
#header {
  width: 680px;
  height: 5rem;
  display: block;
  position: relative;
  overflow: hidden;
}
#header #nameplate {
  width: 340px;
  display: block;
  height: 3rem;
  line-height: 3rem;
}
#header #nameplate h1 {
  font-size: 1.5em;
  background: none;
}
/*--------------*/
/*-- Site Nav --*/
/*--------------*/
#siteNav {
  display: block;
  width: auto;
  border-left: none;
  border-top: 1px solid #eee;
}
#siteNav_links ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#siteNav_links li {
  display: table-cell;
  line-height: 2rem;
  border-right: none;
  border-left: 1px solid #ccc;
}
#siteNav_links li:first-child { border-left: none; }
#siteNav_links li a {
  display: block;
  margin: 0;
  width: 100%;
}
#siteNav_links li a:hover { }
/*------------*/
/*-- Search --*/
/*------------*/
#contentSrch {
  display: block;
  width: 340px;
  position: absolute;
  top: 0;
  right: 0;
  padding: .7rem 0;
}
#mainContent { min-width: 680px; }
#standardContent { margin-top: 10px; }
#artifactIndex { width: 680px; }
}
@media only screen and (max-width: 680px) {
/*------------*/
/*-- Header --*/
/*------------*/
#header {
  width: 100%;
  height: auto;
  border-radius: 0;
  padding-top: 2.5rem;
  background-position: 0 2rem;
}
#header #nameplate {
  width: auto;
  height: auto;
  line-height: normal;
 padding-top: .75rem;
}
/*--------------*/
/*-- Site Nav --*/
/*--------------*/
#siteNav {
  display: block;
  width: 100%;
  border-top: none;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 0;
  background: #000;
}
#siteNav_links li {
  border-left: 1px solid #666;
  line-height: 2.5rem;
}
#siteNav_links li a { color: #fff; }
#siteNav_links li a:hover {
  background: #000;
  color: #fff;
}
/*------------*/
/*-- Search --*/
/*------------*/
#contentSrch {
  position: static;
  width: auto;
  padding: .5rem 0 .75rem;
}
/*------------------*/
/*-- Main Content --*/
/*------------------*/
#mainContent {
  min-width: 100%;
  width: 100%;
}
#standardContent {
  width: auto;
  padding: 20px 15px;
  margin: 0;
  border-radius: 0;
}
#artifactIndex { width: 100%; }
#artifactIndex .artifact {
  margin: 10px auto;
  border-radius: 0;
}
}
@media only screen and (max-width: 320px) {
#artifactIndex .artifact { width: auto; }
}