/*
Title:   UM Ancient Philosophy master screen styles
Author:  mihira@tinymachine.net
*/

/* reset styles
---------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	background: transparent;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* master styles
---------------------------------------------------*/

body {
	background: #000 url('../images/bg-colonnade.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
	font-family: Georgia, "Times New Roman", serif;
	color: #5b5654;
	font-size: 14px;
	line-height: 1.4;
	}
body.program {
	background-image: url('../images/bg-caryatids.jpg');
	}
body.people {
	background-image: url('../images/bg-owl.jpg');
	}
body.events {
	background-image: url('../images/bg-rosette.jpg');
	}
body.papyri {
	background-image: url('../images/bg-papyri-homer-crop2.jpg');
	}
p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 7px;
	}
a {
  color: #c32828;
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
     -moz-transition: color 0.2s linear;  
       -o-transition: color 0.2s linear;  
          transition: color 0.2s linear;	
	}
a:hover {
	color: #f63333;
	}
.no-wrap {
	white-space: nowrap;
}
abbr {
  border: none;
  text-decoration: none;
}
sub, sup { /* https://gist.github.com/unruthless/413930 */
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.45em;
}
sub {
  bottom: -0.25em;
}
[lang="grc"] { /* Replace Georgia's crude Greek glyphs with Noto Serif's superior forms */
  font-family: 'Noto Serif', Georgia;
  font-size: 88%; /* match Noto's x-height with Georgia's */
}

/* layout
---------------------------------------------------*/

#blue-bar {
	margin: 45px 0 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 85px;
  background: rgb(0,31,70); /* OUP blue */
	opacity: 0.85;
	filter: alpha(opacity=80);
	z-index: 3;
	}
#container {
	margin: 0 auto 60px;
	width: 960px;
	}	

/* nav
---------------------------------------------------*/
.skip-to-content {
	position: absolute;
	padding: 0.625em 1em;
	transform: translateY(-100%);
	background: rgba(20, 53, 80, 0.25);
	color: black;
	font-weight: 700;
	transition: transform 0.25s ease-in-out;
}
.skip-to-content:focus {
  transform: translateY(0%);
}
#nav {
	margin-right: 19px;
	width: 255px;
	float: left;
	z-index: 6;
	position: relative;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', system-ui, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
.sidenav {
	background: url(../images/nav-bg.png);  /* For IE7 */
	background: rgba(68,68,67,0.75);
}
body.events .sidenav {
	background: rgba(48,48,47,0.75); /* darker for better contrast overlaying the events bg */
	}
#nav h1 {
	display: block;
	width: 255px;
	height: 179px;
	text-indent: -9999px;
	background: #fff url(../images/logo.svg);
	}
#nav > ul {
  padding: 1em 0;
}
#nav-links li a {
  display: block;
  color: white;
  font-size: 0.85714285714286em; /* 12/14px */
	font-weight: bold;
	text-align: right; 
	text-transform: uppercase;
	letter-spacing: 0.125em;
	padding: 1em 4px 1em;
	padding: 1em 28px;
 	transition: 0.25s background-color;
}
#nav-links li::after { /* rules */
  content: '';
  display: block;
  margin: 0 24px;
 	border-bottom: 1px solid rgb(120,120,120); /* for old IE*/
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#nav-links li:last-of-type:after {
  border-bottom: none;
}
#nav-links li a:hover {
 	background-color: rgb(60,60,60); /* For old IE */
 	background-color: rgba(0,0,0,0.15);
 	transition: 0.1s background-color;
}
.home #nav li#home a,
.program #nav li#program a,
.people #nav li#people a,
.events #nav li#events a,
.papyri #nav li#papyri a,
.osap #nav li#osap a { /* on-states for main nav */
 	background-color: rgb(190,30,45); /* For old IE */
 	background-color: rgba(190,30,45,0.9);
	border: 1px solid rgba(190,30,45,0.9);
	border-left: none;
	border-right: none;
 	margin: -1px 0 0;
}
.home #nav li#home:after,
.program #nav li#program:after,
.people #nav li#people:after,
.events #nav li#events:after,
.papyri #nav li#papyri:after,
.osap #nav li#osap:after { /* hide rule below if nav item is active */
  border: none;
}
#social-links {
  margin-top: 6px;
  padding: 10px 28px 12px;
  overflow: auto;
}
#social-links h2 {
  font-size: 11px;
  color: rgb(180,180,180);
  color: rgba(255,255,255,0.6);
  font-weight: normal;
  text-align: right;
  width: 124px;
  float: left;
}
#social-links ul {
  float: right;
  list-style-type: none;
  margin-top: 2px;
}
#social-links li {
  float: left;
  border-left: 1px solid rgba(255,255,255,0.25);
  padding: 4px 0;
}
#social-links li:first-of-type {
  float: left;
  border-left: none;
}
#social-links li a {
  float: left;
  width:  20px;
  height: 20px;
  margin: 0 10px;
  color: white;
  font-size: 12px;
	text-indent: -9999px;
  background: url(../images/icon-twitter_white_58x58.png) no-repeat;
  background-size: 20px 20px;
  opacity: 0.65;
  transition: 0.5s opacity;
}
#social-links li.facebook a {
  margin-right: 0;
  margin-left: 12px;
  background-image: url(../images/icon-facebook_58x58.png);
}
#social-links li a:hover {
  opacity: 1;
}
#utility-nav {
	overflow: auto;
	}
#utility-nav #cse-search-box {
	margin: 11px 0 0;
	/* width: 190px; */
	height: 25px;
	float: right;
	overflow: hidden;
	}
#utility-nav #search-text {
	width: 142px;
	height: 21px;
	float: left;
	padding: 1px 1px 1px 5px;
	border: 1px solid #cccccc;
	margin-right: 3px;
	background-position: 5px 4px !important;
	}
#content .section-nav {
  list-style-type: none;
  font-size: 1.142857em; /* 16/14px */
}
#content .section-nav a {
  margin: 0.5em 0;
  display: block;
}
#content .section-nav a::after {
  content: '\203A';
  padding-left: 0.25em;
}
#content .sec-nav {
  list-style-type: none;
  overflow: auto;
  margin: -21px -40px 2em;
  padding: 0 40px 0 28px;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.857142em;
  position: relative;
  background-color: rgba(20,53,80,0.5);
}
#content .sec-nav::after {
  clear: left;
  content: '';
  display: block;
}
#content .sec-nav li {
  float: left;
}
#content .sec-nav li a {
  padding: 0.35em 1em 0.4em; 
  float: left;
  transition: 0.5s background-color;
  color: white;
  font-weight: bold;
  font-size: 12px;
  border-right: 1px solid rgb(175,185,195);
}
#content .sec-nav li:first-of-type a {
  border-left: 1px solid rgb(175,185,195);
}
#content .sec-nav li:last-of-type a::after {
  display: none;
}
#content .sec-nav li a:hover {
  background-color: rgba(0,55,90,0.2);
  transition: 0.2s background-color;
}
#content .sec-nav li a.active {
  color: white;
  background-color: rgb(190,40,32);
}
#content .sec-nav li.social-nav {
  list-style-type: none;
  float: right;
  padding: 7px 2px 0 6px;
}
#content .sec-nav li.social-nav a {
  background-position: 0 top;
  padding: 0;
  border: none;
  background-color: transparent;
}
#content .sec-nav li.social-nav a:hover {
  border: none;
  background-color: transparent;
}
#content .sec-nav li.social-nav a::after {
  display: none;
}

#content .sec-nav.bottom {
  margin: 4em 0 -0.75em;
  display: none;
}
#content .sec-nav.bottom::after {
  display: none;
}
#content .sec-nav.bottom::before {
  content: '';
  display: block;
  border: none;
}
#content .sec-nav.bottom li {
  margin-bottom: 0;
  margin-top: -3px;
}
#content .sec-nav.bottom li a {
  border-bottom: none;
}
#content .sec-nav.bottom li a:hover {
  border-bottom: none;
}
#content .sec-nav.bottom li a.active {
  border-bottom: none;
}

#content .sec-subnav {
	display: flex;
	flex-wrap: wrap;
  clear: left;
  list-style-type: none;
  font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.78571428571429em; /* 11/14px */
  font-size: 11px;
  font-weight: bold;
  margin: -2.2em 0 2em -0.5em;
	padding: 0.75em 0;
  border-bottom: 1px dotted rgb(204,204,204);
}
#content .sec-subnav li {
  display: inline-block;
  margin-bottom: 0;
}
#content .sec-subnav li a {
  display: inline-block;
  color: rgba(7,82,109,0.75);
  padding: 0.4em 0.5em 0.3em;
}
#content .sec-subnav li a:hover {
  color: rgba(7,82,109,1);
}
#content .sec-subnav li a.active {
  color: rgb(215,0,0);
}
#content img.portrait ~ p { /* clear the first paragraph after a floated portrait image (intended for faculty pages) */
  clear: both;
}

/* content
---------------------------------------------------*/
	
#content { 
	width: 606px;
	padding: 0 40px 40px 40px;
	background: url(../images/content-bg.png); /* For IE7 */
	background: rgba(255,255,255,0.95);
	z-index: 10;
	position: relative;
	overflow: auto;
	}
#content p, 
#content ul,
#content ol {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 7px;
	}
#content ul {
	list-style-type: square;
	}
#content ol {
	list-style-type: decimal;
	text-align: left;
	}
#content h2 {
	font-family: 'Sorts Mill Goudy', Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #fff;
	height: 63px;
	height: auto;
	min-height: 60px; /*default: 63px */
	font-size: 36px;
	font-size: 30px;
  background: rgb(0,31,70); /* OUP blue */
	margin: 9px -40px 21px -40px;
	padding: 22px 0 0 40px;
	padding: 25px 0 0 40px;
	text-rendering: optimizelegibility;
	}
#content h2 a {
	color: #fff;
	display: block;
	}
#content h3 {
	font-size: 24px;
  color: rgb(0,31,70); /* OUP blue */
	font-weight: normal;
	margin: 0 0 14px 0;
	}
#content h3 span.title {
	display: block;
	font-size: 18px;
	font-family: 'Sorts Mill Goudy', Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
	letter-spacing: normal;
	text-transform: none;
	color: #756f6c;
	margin: 3px 0;
	}
#content h3 span.links {
	display: block;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	color: #756f6c;
	}
#content h4 {
	font-size: 14px;
	line-height: 21px;
	margin: 21px 0 14px;
  font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #0A5870;
  color: rgb(0,31,70); /* OUP blue */
	padding-top: 14px;
	border-top: 1px solid #ccc;
	}
#content h5 {
  font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 21px;
	margin: 21px 0 7px;
	}
#content h6 {
	font-style: italic;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	margin: 21px 0 7px;
	}
#content img {
	padding: 4px;
	border: 1px solid #ccc;
  -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;  
       -o-transition: all 0.2s linear;  
          transition: all 0.2s linear;
	}
#content a:hover img {
	border: 1px solid #f63333;
	background: #fff;
	}
#content #hero img {
	display: block;
	margin: 28px 0 21px 0;
	}
#content .intro {
	margin: 14px 0 14px;
	font-size: 16px;
	line-height: 1.5;
	}
#content .intro strong {
	color: #0a5870;
  color: rgb(0,31,70); /* OUP blue */
	font-size: 14px;
	letter-spacing: 2px; 
	text-transform: uppercase;
	font-weight: bold;
	font-weight: normal;
	}
#content img.portrait {
	float: left;
	margin: 0 21px 14px 0;
	}
#content .toggle {
	display: none; /* Hide control by default from browsers without JavaScript; show afterwards using JavaScript */
	}
#content .toggle a {
	padding-left: 11px;
	background: url(../images/sprite-toggle-arrow.png) 0 6px no-repeat;
	display: block;
  -webkit-transition: none;
     -moz-transition: none;  
       -o-transition: none;  
          transition: none;
	}
#content .toggle a.active {
	background-position: 0 -88px;
	}
#content .matrix {
	list-style-type: none;
	overflow: auto;
	margin: 14px 0 -14px -21px;
	}
#content .matrix .row {
	overflow: auto;
	margin-bottom: 28px;
	}
#content .matrix + h5 {
	margin-top: 14px;
	}
#content .matrix li { /* For IE7 */
	float: left;
	margin: 0 0 0 21px;
	}
#content .matrix li a {
	display: block;
	}
#content .matrix li strong a,
#content .matrix li em a,
#content .matrix li span a {
	display: inline;
	}
#content .matrix.two-col li {
	width: 292px;
	}
#content .matrix.three-col li {
	width: 188px;
	}
#content .matrix.four-col li {
	width: 135px;
	}
#content .matrix img {
	display: block;
	margin: 0 7px 7px 0;
	padding: 3px;
	}
#content .matrix strong {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 11px;
	}
#content .matrix em.dept,
#content .matrix em.year {
	color: #0A5870;
  color: rgb(0,31,70); /* OUP blue */
	}
#content .matrix a span {
	color: #5b5654; /* base body color */
	}
#content .matrix a span.tickler {
	display: block;
	color: #c32828; /* dark red */
	}
#content .matrix a:hover span.tickler {
	color: #f63333; /* bright red */
	}
#content a.external {
	background: url(../images/sprite-external-link.gif) no-repeat scroll 100% 0.225em transparent;
	padding-right: 13px;
	}
#content p.intro a.external {
	background: url(../images/sprite-external-link.gif) no-repeat scroll 100% 0.225em transparent;
	background-position: 100% 0.35em;
	}
#faculty #content a.external {
	background: none;
}
#faculty #content a.external strong {
	display: inline;
	background: url(../images/sprite-external-link.gif) no-repeat scroll 100% 0 transparent;
	padding-right: 13px;
	}
#content .sidebar {
	float: right;
	width: 188px;
	padding: 0 0 0 14px;
	margin: 14px 0 21px 21px;
	border-left: 1px solid #ccc;
	}
#papyrus-collection #content .sidebar {
	margin-top: 0;
	}
#content .sidebar div {
	margin-bottom: 21px;
	}
#content .sidebar div:last-of-type {
	margin-bottom: 0;
	}
#content .sidebar p {
	font-size: 12px;
	line-height: 1.5;
	}
#content ul.articles {
	list-style-type: none;
	}
#content ul.articles li {
	text-indent: -0.4em; /* for hanging quotation marks */
	margin-bottom: 7px;
	}
#content embed.flash {
	background-color: #dddddf;
	}
#content .callout {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 14px 0 21px;
	margin: 21px 0;
	}
#content .callout h6 {
	margin: 0;
	}
#content .callout .matrix {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 7px;
	}
#content .callout .matrix .row {
	margin-bottom: 7px;
	overflow: hidden;
	}
#content .callout .matrix li a {
	display: inline;
	}
#content .callout li a.external {
	background: url(../images/sprite-external-link.gif) no-repeat scroll 100% 0.225em transparent;
	padding-right: 13px;
	}
#content a.back-to-top { 
	font-size: 12px;
  font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #aaa;
	float: right;
}
#content a.back-to-top:hover {
	color: #f63333;
}
#content a.back-to-top:after {
	content: '\00A0\2191'; /* add non-breaking space and down arrow after names */
}

	/* tables */

#content table {
	width: 100%;
}
#content thead tr {
	border-bottom: 1px solid #ccc;
}
#content tr {
	border-bottom: 1px solid #ddd;
}
#content thead th {
	font-size: 12px;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: left;
}
#content th,
#content td {
	padding: 12px 21px 12px 0;
}
#content th.year {
	color: #0a5870;
	background-color: rgba(98,92,89,0.05);
	padding: 4px 0;
	font-weight: normal;
	font-size: 16px;
}
#content th:last-of-type, 
#content td:last-of-type {
	padding-right: 0;
}

  /* Block Quotes */
  
#content blockquote {
  padding: 1.25em 2em 0.4em;
  font-style: italic;
}
#content blockquote em,
#content blockquote i {
  font-style: normal;
}

#content blockquote:first-of-type {
  padding-top: 2em;
  margin-top: 2em;
  border-top: 8px solid rgb(234,234,236);
}
#content blockquote:last-of-type {
  border-bottom: 8px solid rgb(234,234,236);
  padding-bottom: 2.4em;
  margin-bottom: 2em;
}
#content blockquote p { /* used on OSAP About page */
  font-size: 1.142857em; /* 16/14px */
  line-height: 1.5;
  color: rgb(48,64,100); /* lighter OUP blue */
}
#content blockquote p:first-of-type::before {
  content: '\201C';
  position: absolute;
  margin-left: -8px;
}
#content blockquote p:last-of-type::after {
  content: '\201D';
}
#content blockquote cite {
  font-style: normal;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: rgb(0,31,70); /* dark OUP blue */
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.785714em; /* 11/14px */
  display: block;
  margin-top: 1em;
}
#content .smallcaps {
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 92.5%; 
}

	/* Home */

#content .news-item {
	margin-top: 21px;
	}
#content .news-item h4 {
	font-size: 13px;
	line-height: 21px;
	margin: 14px 0 2px;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
#content .news-item h5 {
	margin: 0 0 4px;
	}
#content .events h4 {
	font-size: 13px;
	margin-top: 28px;
	}
#content .events h5,
#content .events h6 {
	margin: 0;
	}
#content .events h5 {
	font-family: inherit;
	}
#content .events h6,
#content .news-item h5 {
	font-size: 11px;
	line-height: 16px;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
#content .news-item span.date,
#content .events span.date {
	display: block;
	font-style: italic;
	}

	/* Colloquium Series */
	
#content .colloquium {
	overflow: auto;
	margin: 0 0 21px 0;
	}
#content .colloquium a {
	float: left;
	width: 195px;
	text-align: right;
	}
#content .colloquium img {
	padding: 3px;
	}
#content .colloquium h5 {
	margin: 0 0 0 209px;
	}
#content .colloquium h5 span.title {
	display: block;
	font-weight: normal;
	}
#content .colloquium dl {
	margin: 0 0 0 209px;
	font-size: 14px;
	}
#content .colloquium dt {
	margin-top: 4px;
	font-style: italic;
	}
#content .colloquium dd {
	padding-right: 14px;
	}
	
	/* Reading Group */

#reading-group #content dl {
	font-size: 14px;
	overflow: auto;
	margin-bottom: -14px;
	}
#reading-group #content dt {
	float: left;
	width: 8em;
	font-style: italic;
	}
#reading-group #content dd {
	margin: 0 0 14px 8em;
	}

	/* Search Results */

#cse-search-results iframe {
	width: 600px !important;
	}
#cse-search-results iframe body {
	background: none !important;
	}
	
	/* Students */
	
body#students #content .bio-list .bio {
	margin-top: 14px;
	padding: 28px 0 7px;
	border-top: 1px solid #ccc;
}
#content .bio h3 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	width: 350px;
}
#content .bio h3 .title {
	display: block;
	font-size: 16px;
	margin-top: 0.4em;
}
#content .bio img.portrait + h3 {
	width: 260px; /* Reduce width of header if there's a potrait image */
}
#content .interests {
	float: right;
	width: 25%;
	padding: 0 14px 0 32px;
	margin: 3px 0 7px 8px;
	border-left: 1px dotted #ccc;
}
#content .interests p,
#content .interests ul {
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#content .interests p {
	font-weight: bold;
	color: #0a5870;
  color: rgb(0,31,70); /* OUP blue */
	margin-bottom: 0;
}
#content .interests ul {
	margin-top: 4px;
}
#content .interests + p {
	clear: left;
}

	/* Placement */
	
table.placement strong,
table.placement i {
	display: block;
}
  
  /* OSAP */

.osap #blue-bar {
  background: rgb(0,31,70);
}
.osap #content h2 {
  font-size: 30px;
  height: auto;
	min-height: 60px; /*default: 63px */
	padding: 25px 200px 0 40px; /* default: 22px 0 0 40px */
  background: rgb(0,31,70) url(../images/logo-oup_1x.png) 96% 5px no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* High-res OUP logo for higher DPI screens */
  .osap #content h2 {
    background-image: url(../images/logo-oup_2x.png);
    background-size: 160px 73px;
  }
}
.osap #content h2::after { /* rule between page title and OUP logo */
  content: '';
  position: absolute;
  border-left: 1px solid rgb(69,85,115);
  height: 50px;
  width: 1px;
  right: 185px;
  top: 64px;
}
.osap #content h3
,.osap #content p.intro strong
,.osap #content h4 {
  color: rgb(0,31,70); /* OUP blue */
}
.osap #content blockquote + h4 {
  border: none;
  padding-top: 0;
}
.osap #content img.cover-image {
  float: right;
  margin: 0 0 1em 1.25em;
  border: none;
  padding: 0;
}
.osap .advisory-board {
  overflow: auto;
}
.osap .advisory-board li {
  list-style-type: none;
  margin-bottom: 1em;
  display: inline-block;
  width: 45%;
  margin-right: 4.5%;
  vertical-align: top;
}
.osap .advisory-board span {
  display: block;
}
.osap ul.social-nav {
  margin-top: 1.5em;
}
.osap ul.social-nav::before { /* short rule above social links*/
  content: '';
  width: 5em;
  border-top: 1px solid rgb(204,204,204);
  display: block;
  margin-bottom: 1em;
}
.osap .social-nav li {
  list-style-type: none;
}
.osap .social-nav a {
  display: inline-block;
  padding: 0.25em 0 0.25em 22px;
  color: rgb(48,64,100); /* OUP blue, lightened */
 	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	font-size: 0.85em;
  min-width: 16px;
  min-height: 16px;
}
.osap .social-nav a:hover {
  color: rgb(0,31,70); /* OUP blue */
  transition: 0.25s color;
}
.osap .social-nav a.twitter {
  background: url(../images/icon-twitter_white_32x32.png) 0 center no-repeat;
  background-size: 16px 16px;
  min-width: 16px;
  min-height: 16px;
}
.osap .social-nav a.facebook {
  background: url(../images/icon-facebook_29x29.png) 0 center no-repeat;
  background-size: 15px 15px;
}
.osap ol li {
  margin-bottom: 1em;  
}
.osap #content ol p.sample-citation {
  margin: 1em 0;
  padding: 0 2em;
  color: #3d3936;
 	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	font-size: 0.857142em; /* 12/14px */
}
.osap #content ol p.note {
  font-style: italic;
  margin: 1.5em 0;
  padding: 0.5em 0;
  border: 1px solid rgb(220,220,220);
  border-left: none;
  border-right: none;
}
.osap .abstracts {
  border-top: 1px solid rgb(204,204,204);
}
.osap .abstracts li {
  list-style-type: none;
}
.osap #content .abstracts h5 {
  margin: 0;
  color: rgb(0,31,70); /* OUP blue */
}
.osap #content .abstracts h6.contributor {
  margin: 2.5em 0 0;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.857142em;
  color: rgb(40,40,40);
}
.osap #content .abstracts p.keywords {
  display: none;
}
#osap-toc h3 {
  margin-bottom: 0;
}
.osap #content .toc h1 {
  margin-top: 2em;
  padding: 18px 0 6px;
  font-size: 18px;
  font-weight: normal;
  border-bottom: 1px solid rgb(200,200,200);
}
.osap #content .toc-bookmarks {
  float: left;
  width: 7.5em;
  margin-right: 0.5em;
  margin-left: -0.35em;
 	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding-top: 24px;
}
.osap #content .toc-bookmarks.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
}
.osap #content .toc-bookmarks li {
  list-style-type: none;
}
.osap #content .toc-bookmarks li.label {
  padding: 0 0.7em 0.35em;
}
.osap #content .toc-bookmarks li a {
  display: block;
  padding: 0.25em 0.5em;
  color: rgb(120,120,120);
  color: rgb(30,61,100);
  border-top: 1px solid rgb(230,230,230);
  transition: 0.1s background-color;
}
.osap #content .toc-bookmarks li:nth-of-type(2) a {
  border-top: 1px solid rgb(200,200,200);
}
.osap #content .toc-bookmarks li a:hover {
  background-color: rgb(240,241,242);
  transition: 0 background-color;
}
.osap #content .toc-bookmarks li a.nav-active {
  color: #c32828;
  color: white;
  font-weight: bold;
  background-color: rgb(184,31,38);
}
.osap #content .toc {
  padding-left: 8.5em;
}
.osap #content .toc h2 {
  background: inherit;
  font: inherit;
  color: rgb(0,31,70);
  margin: 0 0 0.5em;
  padding: 24px 0 0;
  font-weight: bold;
  height: auto;
  min-height: 0;
  display: inline-block;
 	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.osap #content .toc h2::after {
  display: none;
}
.osap #content .toc h2 a:hover {
	color: #f63333;
}
.osap #content .toc h2 a.permalink {
  display: inline;
  color: rgb(160,160,160); /* light gray */
  padding: 0 1em 0 0;
  opacity: 0;
  transition: 0.5s opacity;
}
.osap #content .toc h2:hover a.permalink {
  opacity: 1;
}
.osap #content p.catalog-details {
 	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: rgb(120,120,120);
  font-size: 11px;
  line-height: 1.5;
  margin-top: -0.35em;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px dotted rgb(200,200,200);
}
.osap #content .toc li {
  list-style-type: none;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  margin-top: 2px;
}
.osap #content .toc .author,
.osap #content .toc .roman-numeral  {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.08em;
}
.osap #content .toc .author {
  color: rgb(50,50,50);
}
.osap #content .toc .article-title {
  text-index: 2em;
}
.osap #content .toc .roman-numeral  {
  font-size: 12px;
  letter-spacing: 0.1em;
}
.osap #content .toc .pages {
  white-space: nowrap;
  color: rgb(130,130,130);
}


/* footer
---------------------------------------------------*/

#footer {
	margin-left: 274px;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
#footer #colophon,
#footer #colophon p {
	font-size: 11px;
	line-height: 16px;
	color: #bbb;
	}
#footer #colophon {
	overflow: auto;
	width: 627px;
	padding: 14px 40px 16px 19px;
	background: url(../images/nav-bg.png);  /* For IE7 */
	background: rgba(88,88,87,0.8);
	}	
#footer #colophon p,
#footer #colophon .vcard {
	float: left;
	width: 188px;
	margin-left: 21px;
	}	
#footer #colophon span.fn,
#footer #colophon span.country-name,
#footer #colophon span.type {
	display: none;
	}
#footer #colophon p strong {
	color: #ddd;
	}
#footer #colophon .vcard a {
	color: #ddd;
	}
#footer #colophon .vcard a:hover {
	color: #eee;
	}
#footer #colophon .vcard a .given-name {
	border-bottom: 1px solid #999;
	}
#footer :is(#copyright, #osap-link) {
	border-top: 1px solid #666;
	padding: 14px 40px 12px;
	background: url(../images/nav-bg.png);  /* For IE7 */
	background: rgba(38,38,37,0.75);
	overflow: auto;
	color: #bbb;
	}
#footer #copyright p {
	font-size: 9px;
	letter-spacing: 2px;
	text-transform: uppercase;
	float: left;
	margin: 0;
	}
#footer a#lsa-link {
	float: right;
	margin: 0;
	}
#footer #acknowledgement {
	border-top: 1px dotted #666;
	padding: 7px 40px 2px;
	background: url(../images/nav-bg.png);  /* For IE7 */
	background: rgba(38,38,37,0.75);
	}
#footer #acknowledgement p {
	font-size: 10px;
	color: #888;
	}
#footer #acknowledgement a#attribution {
	color: #666;
	}
#footer #acknowledgement a#attribution:hover {
	color: #888;
	}
#footer #acknowledgement a#attribution span.caps {
	letter-spacing: 1px;
	}