@import "http://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:400,600,700";
/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Variables 
:: Fonts
:: Shared Styles
:: Content
:: Unit Landing Page (Home)
:: Unit Headers
:: Glossary Template
:: Search Results
:: Page Child Styles
:: Browser-Specific Tweaks
*/
/* -----------------------------------------
   Variables
----------------------------------------- */
/* -----------------------------------------
   Fonts
   http://google.com/webfonts#UsePlace:use/Collection:Droid+Serif|Open+Sans:400,600,700
----------------------------------------- */
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.row {
  width: 838px;
}
header {
  padding-top: 10px;
}
header #identity {
  border: 1px solid white;
  padding: 10px;
}
header #identity h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 24px;
  margin: 0 ;
}
header #identity h1 a {
  color: white;
}
header #identity h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: white;
  white-space: nowrap;
  margin-top: 5px;
  margin-bottom: 1px;
}
header #identity h2 .org {
  font-weight: 600;
  display: block;
}
header #searchform {
  margin-top: 10px;
}
header #searchform .screen-reader-text {
  display: none;
}
header #searchform #searchsubmit {
  display: none;
}
header #searchform.applesearch {
  float: right;
  background: transparent url(../images/search-box.png) no-repeat;
}
header #searchform.applesearch input {
  height: 19px;
  line-height: 19px;
  border: none;
  background: transparent;
  padding: 0 10px;
  width: 158px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 11px;
}
header #searchform.applesearch input:focus {
  color: black;
}
header .header_nav_wrap {
  height: 39px;
  border-bottom: 1px solid #c6d2d4;
  margin-top: -10px;
}
header .nav-bar {
  margin-top: 0px;
  background: none;
  height: none;
}
header .nav-bar#primary li {
  margin-right: 5px;
}
header .nav-bar#primary li a {
  font-size: 18px !important;
}
header .nav-bar#primary li.has-flyout ul {
  margin-top: -1px;
}
header .nav-bar#primary li.has-flyout ul li {
  margin-right: 0;
}
header .nav-bar#primary li.has-flyout ul li a {
  font-size: 12px !important;
}
header .nav-bar#secondary li a {
  font-size: 12px !important;
}
header .nav-bar#secondary li.current_page_item a:first-child {
  text-decoration: underline;
}
header .nav-bar#secondary li.current_section a:first-child {
  text-decoration: underline;
}
header .nav-bar#secondary li.current_section a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: none;
  border: solid 4px;
  border-color: #ffff00 transparent transparent transparent;
  position: absolute;
  right: 6px;
  top: 18px;
}
header .nav-bar#secondary li.current_section ul.flyout li a {
  text-decoration: none;
}
header .nav-bar li {
  border: none !important;
  box-shadow: none !important;
}
header .nav-bar li a {
  font-size: 13px;
  padding: 0 17px 0 0 !important;
}
header .nav-bar li a:hover {
  background: none !important;
  text-decoration: underline;
}
header .nav-bar li:hover {
  background: none !important;
}
header .nav-bar li.has-flyout a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: none;
  border: solid 4px;
  border-color: transparent transparent transparent #33cccc;
  position: absolute;
  right: 4px;
  top: 16px;
}
header .nav-bar li.has-flyout ul {
  margin-top: -1px;
}
header .nav-bar li.has-flyout ul li a {
  padding: 5px !important;
  line-height: 18px;
}
header .nav-bar li.has-flyout ul li a:after {
  display: none !important;
}
header .nav-bar li.has-flyout ul li.current_page_item a {
  font-weight: 700;
}
header .nav-bar li ul {
  border: none;
}
header .nav-bar li ul li a {
  box-shadow: none;
  background: #2a2a2a;
  color: white;
  border: 0;
}
header .nav-bar li ul li a:hover {
  color: white;
  background: #14a49f !important;
  text-decoration: none;
}
header nav {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
header .unit-title {
  margin-top: 10px;
  margin-left: -2px;
  padding-left: 0 !important;
}
header .unit-title h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 27px;
  font-weight: 600;
  color: #33cccc;
  margin: 0;
  padding: 0;
}
header .unit-title h3 a {
  color: inherit;
}
header .unit-title h3 a:hover {
  text-decoration: underline;
}
/* -----------------------------------------
   Content
----------------------------------------- */
#content {
  font-family: 'Droid Serif', serif;
  font-weight: : 400;
  font-size: 13px;
  margin-bottom: 30px;
  min-height: 400px;
}
#content.sitemap ul {
  margin-left: 30px;
}
#content.sitemap ul li a:hover {
  text-decoration: underline;
}
#content.sitemap nav h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 700;
}
#content h3.title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 700;
}
#content h3.title a {
  color: inherit;
}
#content h3.title a:hover {
  text-decoration: underline;
}
#content article h2 {
  margin-top: 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 700;
}
#content article h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 700;
}
#content article dfn {
  font-weight: 600;
}
#content article a:hover {
  text-decoration: underline;
  color: inherit;
}
#content article ol {
  list-style-position: inside;
}
#content article ol li {
  margin-bottom: 10px;
}
#content article blockquote {
  border-left: none !important;
  color: inherit;
}
#content article .wp-caption-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #888888;
}
#content article .post-edit-link {
  color: inherit;
  text-decoration: underline;
}
#content article .post-edit-link:hover {
  color: #666;
}
#content article .alignleft {
  float: left;
  margin-right: 5px;
}
#content article .alignright {
  float: right;
  margin-left: 5px;
}
#content article div.aligncenter {
  margin: 0 auto;
}
#content article * {
  line-height: 1.6em !important;
}
#content nav.pagination {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: right;
  margin-top: 20px;
  margin-bottom: -10px;
  display: none;
}
#content nav.pagination.bottom {
  margin-top: 40px;
}
#content nav.pagination span a {
  display: inline-block;
  width: 10px;
  height: 20px;
  padding: 0 10px 5px 5px;
  margin: 0 0 0 -5px;
}
#content nav.pagination span a:hover {
  color: #888888;
}
#content nav.pagination span.previous {
  margin-right: 3px;
}
#content nav.pagination span.next {
  margin-left: 3px;
}
#content aside {
  margin-top: 43px;
  padding: 0;
  padding-left: 20px;
}
#content aside h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 600;
}
#content aside strong {
  font-weight: 600;
}
#content aside p {
  font-style: normal;
}
#content aside#sidebar_index {
  margin-top: 0;
}
#content aside#sidebar_index dl dt {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 600;
  margin: 10px 0 10px 0;
}
#content aside#sidebar_index dl dd {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 200%;
}
#content aside#sidebar_index dl dd a {
  color: inherit;
}
#content aside#sidebar_index dl dd a:hover {
  text-decoration: underline;
}
#content aside .sidebar_content {
  background: #999;
  border: 3px solid #666;
  padding: 15px;
  margin-bottom: 10px;
  color: white;
}
#content aside .sidebar_content p {
  line-height: 140%;
  color: inherit;
}
#content aside .sidebar_content p a {
  color: inherit;
  text-decoration: underline;
}
#content aside .sidebar_content p dfn a {
  border-bottom-style: solid;
  color: inherit;
}
#content aside .sidebar_content p dfn a:hover {
  border-color: inherit;
}
#content aside .sidebar_content h1,
#content aside .sidebar_content h2,
#content aside .sidebar_content h3,
#content aside .sidebar_content h4,
#content aside .sidebar_content h5,
#content aside .sidebar_content h6 {
  color: #222;
}
#content aside .sidebar_content div {
  width: 100% !important;
}
#content aside .sidebar_content div img {
  max-width: 100% !important;
  border: 1px solid #666;
  margin-bottom: 10px;
}
#content aside .sidebar_content .wp-caption-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 10px;
}
#content aside figure figcaption .wp-caption-text {
  line-height: 1.6;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #888888;
}
footer {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #888888;
}
footer.main {
  border-top: 1px solid #bbbbbb;
  padding-top: 15px;
  margin-top: 10px;
}
footer p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
}
footer a {
  color: inherit;
}
footer a.hover {
  color: #33cccc;
}
footer a.oup_logo {
  display: block;
  width: 105px;
  height: 33px;
  background-image: url('../images/oup-logo.png');
  background-repeat: no-repeat;
  text-indent: -9999px;
}
footer .social {
  text-align: right;
  font-size: 23px;
  padding-right: 0;
}
footer .social a {
  margin-right: -5px;
}
footer .social a:hover {
  color: black;
}
.page-parent nav.pagination {
  display: none;
}
.reveal-modal {
  width: 55%;
  margin-left: -25%;
  font-family: 'Droid Serif', serif;
  font-weight: : 400;
  font-size: 13px;
  text-align: center;
}
.reveal-modal h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.reveal-modal figure figcaption {
  margin-top: 10px;
  line-height: 130%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
}
a {
  position: relative;
}
a .zoom_icon {
  position: absolute;
  display: block;
  background-image: url('../images/zoom_icon.png');
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.back-to-top nav a {
  color: inherit;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.back-to-top nav a:hover {
  text-decoration: underline;
}
/* -----------------------------------------
   Unit Landing Page (Home)
----------------------------------------- */
#unit-landing {
  text-align: right;
}
#unit-landing h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 25px;
  color: white;
  font-weight: 600;
  white-space: nowrap;
}
#unit-landing h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 17px;
  color: white;
  text-decoration: underline;
}
body.home .row {
  max-width: 900px !important;
}
body.home .container {
  min-height: 346px;
}
body.home .container #enter_unit_label {
  margin: -65px 0 65px -10px;
}
body.home .container #controls {
  padding: 30px;
  margin-top: 130px;
}
body.home .container #controls ul li a img {
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
  /* For IE 8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */

  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
body.home .container #controls ul li a:hover img {
  border: 3px solid white;
}
body.home #background_image_container {
  position: absolute;
  left: 50%;
  width: 850px;
  z-index: -1;
}
body.home #background_image_container #background_images {
  position: relative;
  left: -50%;
}
body.home #cf7_controls {
  text-align: center;
}
body.home #cf7_controls span {
  padding-right: 2em;
  cursor: pointer;
}
body.home #intro_copy div {
  font-family: 'Droid Serif', serif;
  font-weight: : 400;
  font-size: 13px;
  padding: 10px;
  color: #888888;
}
/* -----------------------------------------
   Unit Headers
----------------------------------------- */
body {
  background-color: #f2f2f2;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url('../images/header-unit-1.jpg');
}
body.home {
  background-image: none;
}
body.unit-1 {
  background-image: url('../images/header-unit-1.jpg');
}
body.unit-2 {
  background-image: url('../images/header-unit-2.jpg');
}
body.unit-3 {
  background-image: url('../images/header-unit-3.jpg');
}
body.unit-4 {
  background-image: url('../images/header-unit-4.jpg');
}
body.unit-5 {
  background-image: url('../images/header-unit-5.jpg');
}
body.unit-6 {
  background-image: url('../images/header-unit-6.jpg');
}
body.unit-7 {
  background-image: url('../images/header-unit-7.jpg');
}
body.unit-8 {
  background-image: url('../images/header-unit-8.jpg');
}
/* -----------------------------------------
   Images Template
----------------------------------------- */
.page-template-template-images-php figure p,
.page-template-template-images-all-php figure p {
  line-height: 1.6;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 11px;
  margin: 0;
  display: none;
}
.page-template-template-images-php figure p.attachment,
.page-template-template-images-all-php figure p.attachment {
  display: block;
}
.page-template-template-images-php figure .the_excerpt p,
.page-template-template-images-all-php figure .the_excerpt p {
  display: block;
}
.page-template-template-images-php figure .post-edit-link,
.page-template-template-images-all-php figure .post-edit-link {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 11px;
}
.page-template-template-images-all-php nav .pagination {
  padding: 0;
  margin: 0 0 0 -10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: black;
}
.page-template-template-images-all-php nav .pagination a {
  color: black;
}
.page-template-template-images-all-php nav .pagination .current {
  display: inline-block;
  padding-top: 1px;
  margin: 0 5px;
}
/* -----------------------------------------
   Glossary Template
----------------------------------------- */
.page-template-template-glossary-php article {
  border-bottom: 10px solid #ccc;
}
.page-template-template-glossary-php article a.read_more {
  color: inherit;
  font-weight: 600;
}
/* -----------------------------------------
   Primary Sources Index Template
----------------------------------------- */
.page-template-template-primary-sources-php aside h5 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 600;
  margin: 15px 0 10px 15px;
}
.page-template-template-primary-sources-php aside .sidebar_content {
  background: none !important;
  border: none !important;
  color: #888888 !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 600;
}
.page-template-template-primary-sources-php aside .sidebar_content p {
  margin: 0 0 10px 0;
}
.page-template-template-primary-sources-php aside .sidebar_content a {
  color: black !important;
}
.page-template-template-primary-sources-php aside .sidebar_content a:hover {
  text-decoration: underline;
}
.page-template-template-primary-sources-php .title {
  padding-top: 2px;
  margin-bottom: 30px;
}
.page-template-template-primary-sources-php .entry-title {
  display: none;
}
/* -----------------------------------------
   Image Column Template
----------------------------------------- */
.page-template-template-image-col-php aside h5 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 600;
  margin: 15px 0 10px 15px;
}
.page-template-template-image-col-php aside .sidebar_content {
  background: none !important;
  border: none !important;
  color: #888888 !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 600;
}
.page-template-template-image-col-php aside .sidebar_content p {
  margin: 0 0 10px 0;
}
.page-template-template-image-col-php aside .sidebar_content a {
  color: black !important;
}
.page-template-template-image-col-php aside .sidebar_content a:hover {
  text-decoration: underline;
}
.page-template-template-image-col-php .title {
  padding-top: 2px;
  margin-bottom: 30px;
}
/* -----------------------------------------
   Search Results
----------------------------------------- */
.search-results h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin: 20px 0 0 0;
}
.search-results .search-highlight {
  background: #ffffcc;
}
.search-results nav .pagination {
  margin: 10px 0 0 -10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: black;
}
.search-results nav .pagination a {
  color: black;
}
.search-results nav .pagination .current {
  display: inline-block;
  padding-top: 1px;
  margin: 0 5px;
}
/* -----------------------------------------
   Page Child Styles
----------------------------------------- */
.child_of_essays .pagination {
  display: block !important;
}
.child_of_essays .back-to-top {
  margin-top: -30px;
  margin-bottom: 20px;
}
.child_of_ header nav #secondary {
  display: none;
}
.unit-1 header nav #primary li.has-flyout a:first-child:after,
.unit-2 header nav #primary li.has-flyout a:first-child:after,
.unit-3 header nav #primary li.has-flyout a:first-child:after,
.unit-4 header nav #primary li.has-flyout a:first-child:after,
.unit-5 header nav #primary li.has-flyout a:first-child:after,
.unit-6 header nav #primary li.has-flyout a:first-child:after,
.unit-7 header nav #primary li.has-flyout a:first-child:after,
.unit-8 header nav #primary li.has-flyout a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: none;
  border: solid 4px;
  border-color: #ffff00 transparent transparent transparent;
  position: absolute;
  right: 6px;
  top: 18px;
}
/* -----------------------------------------
   Site Map Template
----------------------------------------- */
.page-template-template-sitemap-php #secondary {
  display: none;
}
/* -----------------------------------------
   Glossary Archive Template
----------------------------------------- */
.archive.post-type-archive-glossary h3.title {
  margin: 20px 0;
}
.archive.post-type-archive-glossary article {
  margin: 10px 0;
}
.archive.post-type-archive-glossary nav .pagination {
  padding: 0;
  margin: 0 0 0 -10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: black;
}
.archive.post-type-archive-glossary nav .pagination a {
  color: black;
}
.archive.post-type-archive-glossary nav .pagination .current {
  display: inline-block;
  padding-top: 1px;
  margin: 0 5px;
}
/* -----------------------------------------
   Browser-specific Tweaks
----------------------------------------- */
.webkit #content nav span.previous {
  font-size: 16px;
}