/* hide print footer on screens */
@media screen {
	.printfoot {display:none}
	}

/* set defaults for various elements */
body {font-size: 100%; font-family:"Times New Roman", Times, serif;  -webkit-text-size-adjust: 100%; line-height:120%; text-rendering: optimizeLegibility; -ms-text-size-adjust:100%}
h1   {font-size: 180%; font-family:Helvetica, Arial, sans-serif; line-height:120%}
h2   {font-size: 150%; font-family:Helvetica, Arial, sans-serif; line-height:120%}
h3   {font-size: 120%; font-family:Helvetica, Arial, sans-serif; line-height:120%}
h4   {font-size: 100%; font-family:Helvetica, Arial, sans-serif; line-height:120%}
h5   {font-size: 100%; font-family:Helvetica, Arial, sans-serif; line-height:120%}

sup, sub {line-height:0}

/* contents page */
h3.contents-vol-date {font-size: 120%; font-family:"Times New Roman", Times, serif; line-height:120%}
.contents-SG-5 {font-size:300%; line-height:120%}
.contents-SG-3 {font-size:200%; line-height:120%}

/* main content table */
#content_table {padding:0.5em 1.5em 1em 1.5em;}

/* navigation buttons */
.nav_butt {height: 1rem}

/* old font size +1, etc. */
.plusfive {font-size: 300%; line-height:120%}
.plusfour {font-size: 250%; line-height:120%}
.plusthree{font-size: 200%; line-height:120%}
.plustwo  {font-size: 150%; line-height:120%}
.plusone  {font-size: 110%; line-height:120%}
.minusone {font-size: 80%; line-height:120%}
.minustwo {font-size: 62.5%; line-height:120%}

/* footnotes */
.fn {margin:0.5em 0}

/* small caps & bugs therein */
.smallcaps {font-variant:small-caps; text-rendering:auto;}

/* hanging indents */
.hang-2 {padding-left: 2em ; text-indent: -2em}
.hang-1 {padding-left: 1em ; text-indent: -1em}
.hang-05 {padding-left: 0.5em ; text-indent: -0.5em}

/* matching non-hanging indents */
.indent-2 {padding-left: 2em}
.indent-1 {padding-left: 1em}
.indent-05 {padding-left: 0.5em}

/* hanging indent for line-initial single and double quotes
   use with limerick-line or hang-#
*/
.hang-dq {margin-left: -0.44em}
.hang-sq {margin-left: -0.34em}

/* censor bawdy words - uncensored by default*/
.censored {display:none}
.bawdy {display:inline}
.censor-warning-text {color:red}
.censor-big-text  {font-size: 150%; line-height:120%}
.censor-box {border:5px red solid}

/* ******************* */
/* interlinear glosses */
/* ******************* */

	/* div container */
	.gloss-container { margin-left:3em; }
	.gloss-container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

	/* first gloss element; hang left*/
	.gloss1 { margin-left:-2em}

	/* additional gloss elements */
	.gloss { float:left; margin-right:0.4em; margin-bottom:1em;  }

	/* allow next gloss element to touch */
	.glossclose { float:left; margin-right:0; margin-bottom:1em; }

	.glosscenter {text-align:center;}
	.glossleft {text-align:left;}
	.glossright {text-align:right;}
/* ******************* */

/* ********************* */
/* Difficult punctuation */
/* ********************* */
@font-face { font-family: 'sg-punct'; src: url('/fonts/punct-serif.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sg-sans-punct'; src: url('/fonts/punct-sans.woff2') format('woff2'); font-weight: normal; font-style: normal; }

.sg-punct { font-family:sg-punct; }

@media (max-width: 320px) {
	.sg-punct { font-family:sg-sans-punct; }
	.hang-dq {margin-left: -0.33em}
	.hang-sq {margin-left: -0.22em}
	}

/* ******************* */

/** Drop Caps **/
/* main drop cap, PsQ drop cap */
.dropcap, .dropcappsq {float:left;}
.dropcap, .dropcappsq, .dropcappoem {font-size:3.5em; line-height:0.57em; margin-top:2px; margin-right:1px;}
.dropcappoem {top:0.1em; position:relative}

/* pre-drop-cap quote */
.dropcapq {float:left; font-size:2.0em; margin:0 2px 0 -0.5em; height:0.75em; line-height:.75em;}

/* emphasized/sub-section first letter */
.dropcap0, .dropcappsq0 {font-size:1.67em;}

/* default colors and PsQ colors */
.dropcap, .dropcapq, .dropcap0, .dropcappoem {color: #5f0504;}
.dropcappsq, .dropcappsq0 {color: #66ff33; font-weight:bold;}

/* index nav box */
.idxbox {float:right}
.idxbox-wide { margin-left:auto; margin-right:auto; }

/* special categories */
.subtitletext {font-size: 110%; font-family:Helvetica, Arial, sans-serif} /* navigational subtitles */
.subtitle {border-bottom:1px solid grey; margin-bottom:0}

/* basic sans fonts */
.sans {font-family:Helvetica, Arial, sans-serif}

/* archives */
.archive-issue-img {vertical-align:middle;margin-right:5px}
.archive-contents {margin-left:20px; margin-top:5px; display:none}
.archive-article { padding-left: 1.3em ; text-indent: -1.3em ; margin-top: 0.25em; margin-bottom: 0.25em}
.archive-issue { padding-left: 2em ; text-indent: -2em; }
.forthcoming {padding-left: 2.8em ; text-indent: -1.3em ; margin-top: 0.25em; margin-bottom: 0.25em}
.forthcoming-more {padding-left: 4.3em ; text-indent: -1.3em ; margin-top: 0.25em;}

/* puzzle page */
.puzz-item {text-indent:-1.25em; padding-left:3em; padding-top:0.3em}
.puzz-type {padding-top:1em}

/* spinning loader when next page is loading */
.loader { border:16px solid rgba(178,178,178,0.6); border-radius:50%; border-top:16px solid rgba(96,0,0,0.8); border-right:16px solid rgba(96,0,0,0.8); width:100px; height:100px; animation:load-spin 0.75s linear infinite; animation-play-state: paused; margin:auto; position:fixed; top:50%; left:50%; margin-top:-66px; margin-left:-66px; display:none }
@keyframes load-spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(-360deg); } }

/* element repositioning - use parent element to set max-width for larger sizes, to be overriden for small screens */
/* take up x% at large screen sizes, then swap to full width on smaller screens */
.microfull {width:inherit; max-width:inherit}
.microfull-10 {width:10%; max-width:inherit}
.microfull-20 {width:20%; max-width:inherit}
.microfull-30 {width:30%; max-width:inherit}
.microfull-40 {width:40%; max-width:inherit}
.microfull-50 {width:49%; max-width:inherit}
.microfull-60 {width:59%; max-width:inherit}

.minifull {width:inherit; max-width:inherit}
.minifull-20 {width:20%; max-width:inherit}
.minifull-25 {width:25%; max-width:inherit}
.minifull-30 {width:30%; max-width:inherit}
.minifull-35 {width:35%; max-width:inherit}
.minifull-40 {width:40%; max-width:inherit}
.minifull-45 {width:45%; max-width:inherit}
.minifull-50 {width:49%; max-width:inherit}
.minifull-55 {width:54%; max-width:inherit}
.minifull-60 {width:59%; max-width:inherit}
.minifull-65 {width:64%; max-width:inherit}
.minifull-70 {width:68%; max-width:inherit}
.minifull-75 {width:74%; max-width:inherit}
.minifull-80 {width:78%; max-width:inherit}
.minifull-85 {width:84%; max-width:inherit}
.minifull-90 {width:88%; max-width:inherit}
.minifull-95 {width:93%; max-width:inherit}
.minifull-100 {width:98%; max-width:inherit}

.smallfull {width:inherit; max-width:inherit}
.smallfull-20 {width:20%; max-width:inherit}
.smallfull-25 {width:25%; max-width:inherit}
.smallfull-30 {width:30%; max-width:inherit}
.smallfull-33 {width:33%; max-width:inherit}
.smallfull-35 {width:35%; max-width:inherit}
.smallfull-40 {width:40%; max-width:inherit}
.smallfull-45 {width:45%; max-width:inherit}
.smallfull-50 {width:49%; max-width:inherit}
.smallfull-55 {width:54%; max-width:inherit}
.smallfull-60 {width:59%; max-width:inherit}
.smallfull-65 {width:64%; max-width:inherit}
.smallfull-70 {width:68%; max-width:inherit}
.smallfull-75 {width:74%; max-width:inherit}
.smallfull-80 {width:78%; max-width:inherit}
.smallfull-85 {width:84%; max-width:inherit}
.smallfull-90 {width:88%; max-width:inherit}
.smallfull-95 {width:93%; max-width:inherit}
.smallfull-100 {width:98%; max-width:inherit}

.mediumfull {width:inherit; max-width:inherit}
.mediumfull-30 {width:30%; max-width:inherit}
.mediumfull-35 {width:35%; max-width:inherit}
.mediumfull-40 {width:40%; max-width:inherit}
.mediumfull-45 {width:45%; max-width:inherit}
.mediumfull-50 {width:49%; max-width:inherit}
.mediumfull-55 {width:54%; max-width:inherit}
.mediumfull-60 {width:59%; max-width:inherit}
.mediumfull-65 {width:64%; max-width:inherit}

.third-half-full {width:32%; max-width:inherit}
.twothirds-full  {width:65%; max-width:inherit}

/* full width on small screens, but limit absolute size on larger screens*/
.largemax-100 {max-width:100px}
.largemax-150 {max-width:150px}
.largemax-200 {max-width:200px}
.largemax-250 {max-width:250px}
.largemax-300 {max-width:300px}
.largemax-350 {max-width:350px}
.largemax-400 {max-width:400px}
.largemax-450 {max-width:450px}
.largemax-500 {max-width:500px}
.largemax-550 {max-width:550px}
.largemax-600 {max-width:600px}
.largemax-650 {max-width:650px}
.largemax-700 {max-width:700px}
.largemax-750 {max-width:750px}

/* full width on small screens, but limit absolute size on medium screens*/
.mediummax-100 {max-width:100px}
.mediummax-150 {max-width:150px}
.mediummax-200 {max-width:200px}
.mediummax-250 {max-width:250px}
.mediummax-300 {max-width:300px}
.mediummax-350 {max-width:350px}
.mediummax-400 {max-width:400px}
.mediummax-450 {max-width:450px}

/* less important elements that should take up x% until the screen gets small, then disappear */
.minihide {max-width:inherit}
.minihide-30 {width:30%; max-width:inherit}
.minihide-40 {width:40%; max-width:inherit}

.smallhide {max-width:inherit}

/* only show up on certain screens, or smaller */
.medium-only {display:none}
.small-only {display:none}
.mini-only {display:none}
.micro-only {display:none}

/* margins for letters to the editor and other 2-column layouts */
.lettermargin {margin-left:2%; margin-right:2%}

/** Psammeticus Press **/
.PsPr {font-size: 300%; color:#66ff33; font-weight:bold; margin-top:0; line-height:120%}
.PsPrURL {font-size: 150%; float:right; color:#f8f800; font-weight:bold; text-align:right; line-height:120%}
.PsPrURL a {color:#f8f800}
.PsPr-banner {margin:auto; width:100%;}
.PsPr-banner-left {float:left; width:82%;}
.PsPr-banner-right { width:14%; float:right; text-align:right; margin-top:0.5em; margin-left:1%; margin-right:1%}
.PsPr-yellow {width:40%; background-color:#ffff99; height:1.5em;}
.PsPr-img {width:100%; max-width:75px;}

.PsPrTitle {font-size: 150%; line-height:120%}
.PsPrBSM {font-size: 200%; line-height:120%}
.PsPrBorderTable {border-spacing:15px;}
.PsPrBorderTableCell {padding:15px;}

/* Panini Press */
.panini {color:#800000; font-weight:bold}
.panini-title-img {width:95%; max-width:350px}
.panini-just {text-align:justify}
.panini-cell-15 {padding: 15px;}
.panini-cell-35 {padding: 35px;}
.panini-space-2 {border-spacing: 2px;}

/* linguimericks */
.limerick-pair, .limerick-pair-wide {margin-left:auto; margin-right:auto;}
.limerick-pair {max-width:640px;}
.limerick-pair-wide {max-width:800px;}
.limerick-attr {float:right; text-align:right}
.limerick-col {width:48%}
.limerick-col-left {float:left; margin-right:1.5%}
.limerick-col-right {float:right; margin-left:1.5%}
.limerick-col-center {width:48%; margin:0 auto; display:table}
.limerick-line {padding-left:3em; text-indent:-3em}
.limerick-indent-line {padding-left:3em; text-indent:-2em}
.limerick-heavy-indent-line {padding-left:6em; text-indent:-1em}
.limerick-title, .limerick-title-left {font-weight:bold; font-size:110%; margin-bottom:0.25em}
.limerick-title {text-align:center;}
.limerick-title-left {text-align:left;}
.limerick-title-right {text-align:right;}

/* Generic crossword layout */
.cw-clue {margin:0; text-indent:-1.5em; padding-left:1.5em}

/* Rasmus Rask clue layout */
.rr-clue {margin:0; text-indent:-2em; padding-left:2em; margin-bottom:0.5em}
.rr-sub-clue {margin:0; text-indent:-1em; padding:0}
.rr-number {width:1em; display:inline-block; margin:0; text-align:center; text-indent:0; padding:0}

/* pull quotes, as in the Inquisition series */
.pullquote-right {float:right; font-size:150%; text-align:left; margin-left:20px; border-left:6px double #ccc;  padding-left: 25px; text-indent: -0.40em; width:45%; margin-bottom:1em; line-height:120%}

/* quotes: "what people are saying" */
.quote-div {width:75%; margin:auto}
.quote-p {text-align:justify}
.quote-nav {text-align:right}
.quote-hr {text-align:center; width:40%}

/* Scholartastic Books */
.scholartastic-bord-l {background-position: top center; width:90px; background-size: 100%}
.scholartastic-bord-r {background-position: top center; width:90px; background-size: 100%}
.scholartastic-cap {background-position: center; background-size: auto 100%; height:50px}

@media (min-width:501px) and (max-width: 900px) {
	.scholartastic-bord-l {background-position: top left ; width:60px; background-size: 200%}
	.scholartastic-bord-r {background-position: top right; width:60px; background-size: 200%}
	.scholartastic-cap {height:40px;}
	}
@media (min-width:321px) and (max-width: 500px) {
	.scholartastic-bord-l {background-position: top left ; width:30px; background-size: 200%}
	.scholartastic-bord-r {background-position: top right; width:30px; background-size: 200%}
	.scholartastic-cap {height:30px;}
	}
@media (max-width: 320px) {
	.scholartastic-bord-l {background-position: top left ; width:20px; background-size: 300%}
	.scholartastic-bord-r {background-position: top right; width:20px; background-size: 300%}
	.scholartastic-cap {height:20px;}
	}

/* Smooth Menu CSS config */
.ddsmoothmenu{ font: bold 11px Helvetica, Arial, sans-serif; background: #414141; width: 100%;}
.ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; }
.ddsmoothmenu li{ position: relative; display: inline; float: left; text-align: center; }
.ddsmoothmenu li a{ display: block; background: #414141; padding: 5px 7px; border-right: 1px solid #999; color: #000; text-decoration: none; }
.ddsmoothmenu li a:link, .ddsmoothmenu li a:visited{ color: #666; }
.ddsmoothmenu li a.selected{ background: black; color: #5f0504; }
.ddsmoothmenu li a:hover{ background: black; color: white; }
.ddsmoothmenu li ul{ position: absolute; left: 0; display: none; visibility: hidden; text-align: left; }
.ddsmoothmenu li li{ display: list-item; float: none; text-align: left; }
.ddsmoothmenu li li ul{ top: 0; }
.ddsmoothmenu li li a{ font: normal 11px Helvetica, Arial, sans-serif; width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #999; }
.downarrowclass{ position: absolute; top: 11px; right: 7px; }
.rightarrowclass{ position: absolute; top: 6px; right: 5px; }
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
.toplevelshadow{opacity: 0.8;}

/* menu for small screen navigation */
.collapse { font-family: Helvetica, Arial, sans-serif;  margin:0; float: right; position:absolute; right: 0; top: 2.3rem; font-size:14px; border:0 solid #000; width:100%; max-width: 320px; padding:0; background:#fff;}
.collapse ul { list-style:none; margin:0; padding:0;     }
.collapse li { margin:0; padding:0; }
.collapse [type=radio], .collapse [type=checkbox] { display:none; }
.collapse label { display:block; font-size:16px; line-height:16px; background:#e4e4e4; border:1px solid #000; color:#555; text-shadow:1px 1px 1px rgba(255,255,255,0.3); font-weight:700; cursor:pointer; }
.collapse li label:hover, .collapse [type=radio]:checked ~ label, .collapse [type=checkbox]:checked ~ label { background:#5f0504; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,0.5) }
.collapse .nav_content { padding:0 10px; overflow:hidden; background-color:#f0f0f0; }
.collapse h3 { color:#5f0504; padding:0; margin:8px 0; padding-left: 15px ; text-indent: -15px ; }
.collapse h3 a { text-decoration: none; color:#5f0504; }
.collapse h3 a:hover { color:#aa0000; background-color:transparent}
.collapse h4 { color:#5f0504; padding:0; margin:0; padding-left: 30px ; text-indent: -15px ; }
.collapse h4 a { text-decoration: none; color:#5f0504; }
.collapse h4 a:hover { color:#aa0000; background-color:transparent}
.vertical {display:none}
.vertical li { overflow:hidden; margin:0 0 -1px; }
.vertical li label { padding:10px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical li label:hover { border:1px solid #000; }
.vertical li .nav_content { height:0; border-top:0; }
.vertical [type=radio]:checked ~ label ~ .nav_content { height:auto; border:1px solid #000; }

/** cover stuff **/
.cover-bg {width:100%; max-width:800px; margin-left:auto; margin-right:auto; display:table; overflow:hidden; background-repeat:no-repeat; z-index:1}

.cover-transp { background-color:rgba(255,255,255,0.6); overflow:hidden; z-index:3; width:100%; height:0; float:right; padding-bottom:1500px; margin-bottom:-2010px;}

.cover-transp-color { background-color:rgba(255,255,255,0.7);}

.cover-transp-dark { background-color:rgba(255,255,255,0.85);}

.cover-colorside { position:relative; width:52%; float:left; color:#ccc; clear:left; padding-right:5%; margin-right:-5%; text-align:right; z-index:5;}

.cover-lightside {position:relative; width:37%; float:left; margin-left:7%; text-align:left; z-index:5;}

.shrift-cover-spacer { min-height:30em; }
.shrift-cover-outer {border:1px solid grey; background-position: top 0 center; background-size:100%; }

.cover-SG {padding-top:0.833em; font-size:3em; font-weight:bold; line-height:120%}
.cover-subtitle {font-size:1.5em; padding-top:0.667em; font-style:italic; line-height:120%}
.cover-img { padding-top:1em; padding-bottom:30em; margin-bottom:-30em; overflow:hidden;}
.cover-jpg { width:90%; max-width:350px; }
.cover-tag, .cover-tag-sm {padding-top:1.833em; font-style:italic; margin-left:2%; width:50%; margin-bottom:0.5em}
.cover-tag {font-size:1.5em; line-height:120%}
.cover-tag-sm {font-size:1.25em; line-height:120%}

.cover-logo {z-index:7}
.cover-logo-img {float:left; width:75px; margin-bottom:-15px; overflow:visible; position:relative; z-index:7; margin-left:4%;}

.cover-volume {font-size:1.5em; padding-top:3em; font-weight:bold; font-style:italic; line-height:120%}
.cover-editors {font-size:0.94em; padding-top:1em; font-weight:bold; font-style:italic; line-height:120%}

.cover-date {font-size:1.5em; padding-top:1.833em; font-weight:bold; font-style:italic; line-height:120%}

.cover-contents { font-size:1em; padding-top:0.625em; text-align:right; background-color:#fff;  position:relative; z-index:6 ; padding-bottom:1em; margin-bottom:-1em; line-height:120%}

.cover-other-contents {display:none}
.cover-warning-sm {display:none}

.cover-contents-link {text-decoration:none}

.cover-ed {padding-left:2em; text-indent:-1em; }
.cover-sr-ed {padding-left:1em; text-indent:-1em}

.cover-pointer {width:25px; margin-bottom:-5px; border:0}

/* 750-850px */
@media (min-width:751px) and (max-width: 850px) {

	.cover-bg {max-width:700px;}

	.cover-SG {font-size:2.5em; padding-top:0.833em;}
	.cover-subtitle {font-size:1.25em; padding-top:0.667em;}
	.cover-tag {font-size:1.25em;}
	.cover-tag-sm {font-size:1.1em;}

	.cover-volume {font-size:1.25em; padding-top:3em; }
	.cover-date {font-size:1.25em; padding-top:1.833em; }

	.PsPr {font-size: 275%}
	.PsPrURL {font-size: 125%}
	.PsPr-yellow {height:1.2em}
	}

/* 600-750px */
@media (min-width:601px) and (max-width: 750px) {

	.cover-bg {max-width:650px;}

	.cover-SG {font-size:2em; padding-top:0.833em;}
	.cover-subtitle {font-size:1em; padding-top:0.667em;}
	.cover-tag {font-size:1em;}
	.cover-tag-sm {font-size:1em;}

	.cover-volume {font-size:1em; padding-top:3em; }
	.cover-editors {font-weight:normal}
	.cover-date {font-size:1em; padding-top:1.833em; }

	.PsPr {font-size: 250%}
	.PsPrURL {font-size: 110%}
	.PsPr-yellow {height:1em}
	}

/* under 600px */
@media (max-width: 600px) {

	.bigbreak, .cover-transp, .cover-logo {display:none}
	.cover-bg { background-image: none; }

	.cover-colorside {width:90%;  margin:auto; padding:0; float:none; }
	.cover-lightside {width:90%;  margin:auto; padding:0; float:none; color:#ccc; }

	.shrift-cover-spacer { min-height:8em; }
	.shrift-cover-outer { background-position: top 0 left 0; background-size:176%; }

	.cover-SG {font-size:1.5em;  text-align:center;  padding:0.5em 0 0.5em 0; margin:auto;}
	.cover-subtitle {font-size:1.25em; text-align:center; padding:0.5em 0 0.5em 0; margin:auto; }
	.cover-date {font-size:1.25em; text-align:center; padding:0.5em 0 0.5em 0; margin:auto; }

	.cover-tag, .cover-tag-sm {text-align:center; padding:1.5em 0 0.5em 0; margin:auto; }
	.cover-tag {font-size:1.25em;}
	.cover-tag-sm {font-size:1.1em;}

	.cover-volume {font-size:1.25em;  text-align:center;  padding:0; margin:auto;}
	.cover-editors {font-weight:normal; text-align:center; padding-top:0.5em ; vertical-align:top}

	.cover-other-contents { display:table; margin:auto; padding:0.5em; width:90%; max-width:400px; font-size:1em;  color:#ccc; text-align:right; font-weight:bold}

	.cover-warning-sm {display:block; margin:auto}

	.cover-img { width:95%; max-width:450px; padding:0; text-align:center; margin:auto; float:none; }
	.cover-jpg { width:90%; max-width:450px; }

	.cover-ed {padding:0; text-indent:0;}
	.cover-sr-ed {padding:0; text-indent:0;}

	.limerick-pair {max-width:300px;}
	.limerick-pair-wide {max-width:400px;}
	.limerick-col {width:100%;}
	.limerick-col-left {float:none; margin-right:0}
	.limerick-col-right {float:none; margin-left:0}
	.limerick-col-center {width:100%;}

	.pullquote-right {font-size:125%; width:90%; float:none;  margin-left:0; padding-left:5%}

	.PsPr {font-size: 200%}
	.PsPrURL {font-size: 100%}
	.PsPr-yellow {height:0.8em}
	}

/** cover2 stuff - older covers **/
.cover2_the_page {padding:2.5%; border:1px solid black; width:95%}

.cover2_header {margin:0.5em auto; text-align:center; width:85%}
.cover2_big_title {font-size:3em; line-height:120%; font-weight:bold}
.cover2_small_title {top:-0.25em; position:relative; font-size:1.5em; line-height:120%; font-weight:bold}

.cover2_editors {display:-ms-flexbox; display:flex; font-weight:bold}
.cover2_senior_editor {-ms-flex-align:stretch; align-items:stretch; width:33%; font-size:1.1em; line-height:140%}
.cover2_small_editor {top:-1px; position:relative; font-size:85%; line-height:120%}
.cover2_volume {font-size:1.1em; line-height:120%; font-weight:bold}

.cover2_bb {font-weight:bold}
.cover2_the_middle {display:-ms-flexbox; display:flex; margin:2em auto 1em auto; width:85%; max-width:580px}
.cover2_img_container {-ms-flex-align:stretch; align-items:stretch; width:55%; text-align:center; position:relative;}
.cover2_the_image {width:95%; max-width:300px; border:1px solid #444; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.cover2_contributors {font-size:1.1em; line-height:135%; -ms-flex-align:stretch; align-items:stretch; width:45%; text-align:center}

.cover2_tagline {margin:1.5em auto; clear:both; text-align:center; font-size:2em; line-height:120%; width:85%}

.cover2_bottom-contents { font-size:1em; padding-top:0.625em; text-align:right; position:relative; z-index:6 ; padding-bottom:1em; margin-bottom:-0.5em; line-height:120%}

.cover2_w60 {width:60%;}
.cover2_w55 {width:55%;}
.cover2_w50 {width:50%;}
.cover2_w45 {width:45%;}
.cover2_w40 {width:40%;}
.cover2_given {text-align:right; float:left; clear:both}
.cover2_surname {text-align:left; float:right}
.cover2_given::after {content:"\A0"}

.cover2_middle-contents {display:none;}

@media (min-width:770px) and (max-width: 950px) {
	.cover2_header, .cover2_the_middle, .cover2_tagline {width:95%}
	}

@media (min-width:770px) and (max-width: 850px) {
	.cover2_header, .cover2_the_middle, .cover2_tagline {width:95%}
	.cover2_big_title {font-size:2.8em}
	.cover2_small_title {font-size:1.5em;}
	.cover2_senior_editor, .cover2_contributors {font-size:1em;}
	.cover2_tagline {font-size:1.75em}
	}

@media (max-width: 720px) {
	.cover2_header, .cover2_the_middle, .cover2_tagline {width:95%}
	.cover2_senior_editor, .cover2_contributors {font-size:1em;}
	}

@media (min-width:601px) and (max-width: 720px) {
	.cover2_big_title {font-size:2.8em}
	.cover2_small_title {font-size:1.5em;}
	.cover2_tagline {font-size:1.75em}
	}

@media (max-width: 600px) {
	.cover2_senior_editor {-ms-flex-align:center; align-items:center; width:100%; margin-bottom:-1em;}
	.cover2_senior_editor::after {content:"\A0"}
	.cover2_editors, .cover2_the_middle {display:inline;}
	.cover2_img_container, .cover2_contributors {width:100%; -ms-flex-align:center; align-items:center}
	.cover2_the_image {width:95%; max-width:400px; position:relative; left:auto; top:auto; transform:none; margin-bottom:0.5em; margin-top:1em}
	.cover2_w60, .cover2_w55, .cover2_w50, .cover2_w45, .cover2_w40 {width:50%}
	.cover2_nbb {font-weight:normal}
	.cover2_middle-contents { display:table; padding:0.5em; width:90%; max-width:400px; font-size:1em; text-align:right; text-decoration:none; margin:-0.75em auto 0.25em auto}
	}

@media (min-width:501px) and (max-width: 600px) {
	.cover2_big_title {font-size:2.2em}
	.cover2_small_title {font-size:1.4em; top:-0.2em;}
	.cover2_tagline {font-size:1.5em; margin-top:3em}
	}

@media (min-width:321px) and (max-width: 500px) {
	.cover2_big_title {font-size:1.8em}
	.cover2_small_title {font-size:1.2em; top:-0.1em;}
	.cover2_volume {margin-top:0.25em}
	.cover2_tagline {font-size:1.25em; margin-top:3em}
	}

@media (max-width: 320px) {
	.cover2_big_title {font-size:1.5em}
	.cover2_small_title {font-size:1.5em; top:0; text-transform:lowercase}
	.cover2_small_editor {font-size:1em; top:0; text-transform:lowercase}
	.cover2_volume {margin-top:0.25em}
	.cover2_tagline {font-size:1.25em; margin-top:1.5em}
	.cover2_given, .cover2_surname {width:auto; float:none; display:inline; text-align:left}
	.cover2_surname::after {content:"\a"; white-space: pre;}
	.cover2_senior_editor {text-align:center}
	.cover2_nbb {font-weight:normal}
	.cover2_w60, .cover2_w55, .cover2_w50, .cover2_w45, .cover2_w40 {width:auto}
	}

.ipa {font-family: "Times New Roman", "Linux Libertine", "Charis SIL", "Charis", "SIL Charis", "Gentium Book Basic", "Gentium Basic", "Doulos SIL", "Doulos", "SIL Doulos", "Gentium Plus", "Gentium", "GentiumAlt", "TITUS Cyberbit Basic", "TITUS Cyberbit", "Chrysanthi Unicode", "Junicode", "Thryomanes", "Caslon", "MS Reference Serif", "Helvetica", "Lucida Grande", "Arial", "Linux Biolinum", "Tahoma", "Hiragino Kaku Gothic Pro", "Arial Unicode MS", "Arial Unicode", "Lucida Sans Unicode", "MS Reference Sans Serif", "SIL Sophia", "Sophia SIL", "DejaVu Sans", "Courier New", "Monaco", "Visual Geez Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", "Bitstream Vera", "Athena", "Palatino Linotype", "SIL Manuscript", "Manuscript SIL", "MPH 2B Damase", "Code2000", "Code2001", "Code2002";
}

.ipass, .dropcappsq, .dropcappsq0, .PsPr, .PsPrURL {font-family: "Helvetica", "Arial Unicode MS", "Arial Unicode", "Lucida Sans Unicode", "Lucida Grande", "Arial", "Linux Biolinum", "Tahoma", "SIL Sophia", "Sophia SIL", "MS Reference Sans Serif", "DejaVu Sans", "Monaco", "Times New Roman", "Linux Libertine", "Doulos SIL", "Doulos", "SIL Doulos", "Charis SIL", "Charis", "SIL Charis", "Gentium Plus", "Gentium", "GentiumAlt", "Gentium Basic", "Gentium Book Basic", "TITUS Cyberbit Basic", "TITUS Cyberbit", "Chrysanthi Unicode", "Junicode", "Thryomanes", "Caslon", "MS Reference Serif", "Hiragino Kaku Gothic Pro", "Visual Geez Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", "Bitstream Vera", "Athena", "Palatino Linotype", "Courier New", "SIL Manuscript", "Manuscript SIL", "MPH 2B Damase", "Code2000", "Code2001", "Code2002";
}


/* Chiasmus of the Month */
.chiasmus-table {width:95%; max-width:340px}
.chiasmus-img {width:122px; float:left; margin-right:5px}
.chiasmus-auth {font-size: 110%; line-height:120%}
.chiasmus-auth-sm {font-size: 80%; line-height:120%}
.chiasmus-month {font-size: 150%; font-weight:bold; line-height:120%}

/* micro screen; up to 250px */
@media (max-width: 250px) {
	/* maximize images */
	.microfull, .microfull-10, .microfull-20, .microfull-30, .microfull-40, .microfull-50, .microfull-60 {
		width:100%; max-width:100%; margin-bottom:1em
		}

	/* chiasmus of the month */
	.chiasmus-table {width:100%}
	.chiasmus-img {width:100%; margin-bottom:0.5em}
	.chiasmus-auth {font-size: 100%}
	.chiasmus-auth-sm {font-size: 100%}
	.chiasmus-month {font-size: 100%; font-weight:bold}

	.micro-only {display:inline}

	.panini-cell-15 {padding: 0;}
	.panini-cell-35 {padding: 5px;}
	.panini-space-2 {border-spacing: 0;}

	.dropcap, .dropcappsq  {font-size:2em; margin:0; float:none;line-height:.5em;}
	.dropcapq {font-size:2em; margin:0; float:none; line-height:0.5em;}
	.dropcappoem {font-size:2em; line-height:0.5em; top:0; margin-right:-0.1rem; position:relative}

	.dropcap0, .dropcappsq0 {font-size:1.33em;}

	.quote-div {width:100%; margin:0}

	.censor-big-text  {font-size: 110%; line-height:120%}
	.censor-box {border-width: 2px}
	}

/* micro and mini screens; up to 320px */
@media (max-width: 320px) {
	/* maximize images */
	.minifull, .minifull-20, .minifull-25, .minifull-30, .minifull-35, .minifull-40, .minifull-45, .minifull-50, .minifull-55, .minifull-60, .minifull-65, .minifull-70, .minifull-75, .minifull-80, .minifull-85, .minifull-90, .minifull-95, .minifull-100 {width:100%; max-width:100%; margin-bottom:1em}

	.smallbreak {display:none}

	.third-half-full {width:100%; max-width:100%;}

	.minihide, .minihide-30, .minihide-40 {display:none}

	/* hide full title */
	.navinfotitle {display:none}

	/* make the small menu a bit smaller */
	.collapse { right: 0; top: 30px; font-size:12px; }
	.collapse label { font-size:14px; line-height:14px; }
	.collapse h3 { margin:4px 0; padding-left: 10px ; text-indent: -10px ; }
	.collapse h4 { margin:0; padding-left: 20px ; text-indent: -10px ; }

	/* sans-serif font for readability */
	body {font-family:Helvetica, Arial, sans-serif}
	h3.contents-vol-date {font-family:Helvetica, Arial, sans-serif}
	.ipa {font-family: "Helvetica", "Arial Unicode MS", "Arial Unicode", "Lucida Sans Unicode", "Lucida Grande", "Arial", "Linux Biolinum", "Tahoma", "SIL Sophia", "Sophia SIL", "MS Reference Sans Serif", "DejaVu Sans", "Monaco", "Times New Roman", "Linux Libertine", "Doulos SIL", "Doulos", "SIL Doulos", "Charis SIL", "Charis", "SIL Charis", "Gentium Plus", "Gentium", "GentiumAlt", "Gentium Basic", "Gentium Book Basic", "TITUS Cyberbit Basic", "TITUS Cyberbit", "Chrysanthi Unicode", "Junicode", "Thryomanes", "Caslon", "MS Reference Serif", "Hiragino Kaku Gothic Pro", "Visual Geez Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", "Bitstream Vera", "Athena", "Palatino Linotype", "Courier New", "SIL Manuscript", "Manuscript SIL", "MPH 2B Damase", "Code2000", "Code2001", "Code2002"; }

	/* narrow lists for smaller screens */
	ul {margin-right:0; margin-left:5px ; padding-left: 15px;}
	ol {margin-right:0; margin-left:5px ; padding-left: 25px;}
	ul ul, ul ol, ol ol, ol ul {margin-right:0; margin-left:5px ; padding-left: 10px;}

	blockquote dl {margin-right:0; margin-left:5px ; padding-left: 0; border:none}
	blockquote dd {margin-right:0; margin-left:15px ; padding-left: 0; border:none}

	.archive-contents {margin-left:15px; margin-top:5px;}
	.archive-article { padding-left: 2em ; text-indent: -2em ; }
	.forthcoming {padding-left: 2.3em ; text-indent: -1em ;}
	.forthcoming-more {padding-left: 2.8em ; text-indent: -1em ;}

	.puzz-item {text-indent:-2em; padding-left:2em;}

	.contents-SG-5 {font-size:200%; font-weight:bold}
	.contents-SG-3 {font-size:170%; font-weight:bold}

	.pullquote-right {font-size:100%; font-weight:bold}

	.mini-only {display:inline}

	.limerick-line {padding-left:1.5em; text-indent:-1.5em}
	.limerick-indent-line {padding-left:1.5em; text-indent:-1em}
	.limerick-heavy-indent-line {padding-left:3em; text-indent:-1em}

	#content_table {padding:0.5em;}

	.PsPr {font-size: 120%}
	.PsPrURL {font-size: 90%}
	.PsPrTitle {font-size: 120%}
	.PsPrBSM {font-size: 130%}
	.PsPrBorderTable {border-spacing:5px;}
	.PsPrBorderTableCell {padding:5px;}

	.hang-2 {padding-left: 0.5em ; text-indent: -0.5em}
	.hang-1 {padding-left: 0.5em ; text-indent: -0.5em}
	.indent-2 {padding-left: 0.5em}
	.indent-1 {padding-left: 0.5em}

	.mediummax-100, .mediummax-150, .mediummax-200, .mediummax-250, .mediummax-300, .mediummax-350, .mediummax-400, .mediummax-450 {
		max-width:100%
		}
	}

/* micro, mini, and small screens; up to 480px */
@media (max-width: 480px) {
	/* remove frame, set up mini header */
	.frame {display:none}
	.minihead {font-size:1.5rem; margin-right:0.05em; line-height:130%}

	/* narrow blockquotes */
	blockquote, dd {margin-right:0; margin-left:5px ; padding-left: 10px; border-left:1px #999999 solid}

	.menuicon {width:1.5rem; margin:3px 9px 0 0}
	.collapse {top: 1.8rem;}

	/* maximize images */
	.smallfull, .smallfull-20, .smallfull-25, .smallfull-30, .smallfull-33, .smallfull-35, .smallfull-40, .smallfull-45, .smallfull-50, .smallfull-55, .smallfull-60, .smallfull-65, .smallfull-70, .smallfull-75, .smallfull-80, .smallfull-85, .smallfull-90, .smallfull-95, .smallfull-100 {
		width:100%; max-width:100%; margin-bottom:1em
		}

	.mediumfull, .mediumfull-30, .mediumfull-35, .mediumfull-40, .mediumfull-45, .mediumfull-50, .mediumfull-55, .mediumfull-60, .mediumfull-65 {
		width:100%; max-width:100%; margin-bottom:1em
		}

	.twothirds-full  {width:100%; max-width:100%;}

	.largemax-100, .largemax-150, .largemax-200, .largemax-250, .largemax-300, .largemax-350, .largemax-400, .largemax-450, .largemax-500, .largemax-550, .largemax-600, .largemax-650, .largemax-700, .largemax-750 {
		max-width:100%
		}

	.lettermargin {margin-left:0; margin-right:0}

	.small-only {display:inline}
	.medium-only {display:inline}

	.panini-just {text-align:left}

	.PsPr-banner-right { display:none}
	.PsPr-banner-left { width:100%;}

	.quote-p {text-align:left}
	.quote-nav {text-align:center}

	.smallhide {display:none}

	.gloss-container { margin-left:1.5em; }
	.gloss1 { margin-left:-1em}

	.nav_butt {height: 1.75rem; vertical-align:baseline; margin-bottom:-0.25em}
	}

/* mini screens; up to 250-320px */
@media (min-width:251px) and (max-width: 320px) {
	/* chiasmus of the month */
	.chiasmus-table {width:100%}
	.chiasmus-img {width:100%}
	.chiasmus-auth {font-size: 100%}
	.chiasmus-auth-sm {font-size: 100%}
	.chiasmus-month {font-size: 100%; font-weight:bold}

	.panini-cell-15 {padding: 5px;}
	.panini-cell-35 {padding: 10px;}

	.dropcapq {font-size:2.0em; margin:0 1px 0 0; }

	.archive-article { padding-left: 2em ; text-indent: -2em ; }
	.puzz-item {text-indent:-2em; padding-left:2em;}

	.quote-div {width:90%; margin:auto}
	}

/* small screens; 321-480px */
@media (min-width:321px) and (max-width: 480px) {

	/* narrow lists for smaller screens */
	ul {margin-right:0; margin-left:10px ; padding-left: 15px;}
	ol {margin-right:0; margin-left:10px ; padding-left: 25px;}

	blockquote dl {margin-right:0; margin-left:10px ; padding-left: 0; border:none}
	blockquote dd {margin-right:0; margin-left:20px ; padding-left: 0; border:none}

	/* chiasmus of the month */
	.chiasmus-table {width:100%}
	.chiasmus-img {width:72px}
	.chiasmus-auth {font-size: 100%}
	.chiasmus-auth-sm {font-size: 100%}
	.chiasmus-month {font-size: 100%; font-weight:bold}

	.panini-cell-15 {padding: 10px;}
	.panini-cell-35 {padding: 25px;}

	.third-half-full {width:48%; max-width:inherit}

	.PsPr {font-size: 150%}

	.archive-article { padding-left: 2em ; text-indent: -2em ; }
	.puzz-item {text-indent:-2em; padding-left:3.75em;}

	.quote-div {width:95%; margin:auto}

	.hang-2 {padding-left: 1em ; text-indent: -1em}
	.indent-2 {padding-left: 1em}
	}

/* medium screens; 481-769px */
@media (min-width:481px) and (max-width: 769px) {
	/* remove frame, set up mini header */
	.frame {display:none}
	.minihead {font-size:2rem; line-height:130%; margin-right:0.1em;}
	/* disable line break in mini header */
	.menuicon {width:2rem; margin:3px 9px 0 0}

	.mediumfull, .mediumfull-30, .mediumfull-35, .mediumfull-40, .mediumfull-45, .mediumfull-50, .mediumfull-55, .mediumfull-60, .mediumfull-65 {
		width:100%; max-width:100%; margin-bottom:1em
		}

	.medium-only {display:inline}

	.panini-just {text-align:left}

	/* chiasmus of the month */
	.chiasmus-table {width:95%; max-width:340px}
	.chiasmus-img {width:122px; float:left; margin-right:5px}
	.chiasmus-auth {font-size: 110%}
	.chiasmus-auth-sm {font-size: 100%}
	.chiasmus-month {font-size: 150%; font-weight:bold}

	.archive-article { padding-left: 1.8em ; text-indent: -1.8em ; }
	.puzz-item {text-indent:-1.75em; padding-left:3.5em;}

	.nav_butt {height: 1.5rem; vertical-align:baseline; margin-bottom:-0.13em}

	.quote-nav {text-align:center}
	}

/* large screen; 770px+ */
@media (min-width: 770px) {
	/* frame is on; turn off no-frame elements */
	.noframe {display:none}
	/* disable line break in mini header, even though it isn't showing */
	/* add background image for larger screen */
	.maintable {background-image: url('/images/redesign/bg.png'); background-attachment: fixed; background-repeat:repeat}
	}

/* very large screen; 770-900px */
@media (min-width:770px) and (max-width: 900px) {
	/* chiasmus of the month */
	.chiasmus-table {width:95%; max-width:240px}
	.chiasmus-img {width:72px}
	.chiasmus-auth {font-size: 100%}
	.chiasmus-month {font-size: 100%; font-weight:bold}

	.pullquote-right {font-size:125%; width:40%}
	}

/* ********************* */
/* **** Index Pages **** */
/* ********************* */

.idx-icon, .idx-article, .idx-journal, .idx-volume, .idx-date {vertical-align:top}
.idx-journal, .idx-volume, .idx-date {padding-left:0.75em; font-size:80%; white-space:nowrap;}
.idx-icon    {padding-left:0.5em}

@media (max-width: 599px) {
	.idx-journal, .idx-volume, .idx-date {white-space:normal; color:#999}
	.idx-article, .idx-title, .idx-journal, .idx-volume, .idx-date {display:inline; line-height:120%; vertical-align:baseline; padding:0; font-size:100%}
	.idx-article::after {content:"\2014"}
	.idx-journal::after {content:","}
	.idx-volume-notempty::after {content:","}
	.idx-icon {padding-bottom:1em;}
	}

/* discourage but don't prevent line breaks for certain spans */
.avoidwrap {display:inline-block; font-size:inherit; text-decoration:inherit; text-indent:0}

/* don't inherit an indent */
.noindent {text-indent:0; font-size:inherit}

/* allow, but don't encourage line breaks for long things */
.breakword {
   -epub-word-break: break-all;
     -ms-word-break: break-all;
         word-break: break-all;
          word-wrap: break-word;
      overflow-wrap: break-word;
    -webkit-hyphens: auto;
      -epub-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
	}

/* highlight on link hover */
a:hover {background-color:#f0f0f0}

/* turn off link hover for certain elements */
a.nohover:hover {background-color:transparent}

/* navinfo and navinfo link color */
.navinfo, .navinfo a {color: #a9a9a9}

/* article decorations: podcasts, merch, book, etc. */
.artdec { vertical-align: text-top; float:left; height:2em; border:0}

/* certain page titles */
h2.pgtitle {font-family: Helvetica, Arial, sans-serif; margin-top:0}

/* printer config */
@media print {
	/* turn off frame, non-frame, and miscellaneous non-printables */
	.frame, .noframe, .printmenot {display:none}
	/* remove links */
	a {text-decoration:none}

	/* desaturate */
	.subtitletable {background-color:#fff}
	.dropcap, .dropcappoem, .dropcappsq, .dropcap0, .dropcapq, .dropcappsq0, .subtitletext {color:#000}

	.dropcappsq, .dropcappsq0 {font-weight:normal;}

	/* print footer */
	.printfoot {display: block; text-align:center; margin-left: auto; margin-right: auto}
	.printfull {width:100%; max-width:100%; margin-bottom:1em}
	.lettermargin {margin-left:0; margin-right:0}
	.print-only {display:inline}
	}