/* DASFAM, adapted from PM2 CSS for PubMan TEI Schema */

/* specific to Home and About pages */

#homeheader {
    position: relative;
    line-height: 150%;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    padding: 3em 1em;

}

#bodycenter,
#aboutcenter {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    width: 60%;
    line-height: 150%;

}

#bodycenter table img {
    height: auto;
    max-width: 250px;
    padding: 0.5em;
    display: block;
    float: right;
    border-radius: 8%;

}

#aboutcenter table img {
    height: auto;
    max-width: 100%;
    padding: 0.5em;
    display: block;
    float: left;
    border-radius: 8%;

}

#bodycenter table,
#aboutcenter table {
    border-spacing: 2em;
    font-family: "Open Sans", sans-serif;
}
/* end of Home and About specifics */


body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    background-color: white;
    color: black;
}
/*    font-size: 13pt;
    line-height: 1.3em;
 */

/* family letters specific stuff */
#flheader {
    background-color: #A71932;
    display: block;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    padding: 10px;
    position: relative;
    display: flex;
    clear: both;
}

#flheader img {
    height: auto;
    padding: 1em;

}


/* dasfam-specific stuff */
#header,
#footer {
    background-color: #0E2C53;
    display: block;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    padding: 10px;
    position: relative;
    display: flex;
    clear: both;
}

#header {
    font-size: 70%;
    /* border-bottom: 1px solid black; */
}

#footer {
    font-size: 80%;
    /* border-top: 1px solid black; */
}

#header img,
#footer img {
    height: auto;
    padding: 1.5em;

}

#header img {
    max-width: 120px;
    
}

#footer img {
    max-width: 200px;
}

.logo {
    padding-left: 60px;
}


.header-title,
.footer-title {
    padding-left: 1em;
    display: flex;
    align-items: center;
    color: white;
}

/* menubar and menu control the navigation bar across the top */
ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align:center;
  background-color: #f8f2e5;
}

li.menu  {
  display:inline-block;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
  font-weight: bold;
    font-size: 18px;
}

li.menu a {
  display: block;
  text-decoration: none;
  color:black;
  }

ul.menu-person {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 60px;
  overflow: hidden;
  text-align:left;
  background-color: #f8f2e5;
}

li.menu-person  {
  display:inline-block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 15px;
}

li.menu-person a {
  display: block;
  text-decoration: none;
  color:black;
    font-weight: bold;
  }

.personPage,
.personPage table {
    font-family: "Open Sans", sans-serif;
    margin: 1em;
    font-size: 95%;
}

th,
td.beigeCell,
div.beigeMeta,
.events td:first-child,
#tableHeaderFP {
    background-color: #f8f2e5;
}

.metadata {
    padding-top: 3em;
}

div.beigeMeta {
    font-size: 95%;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    display: inline-block;
    width: 350px;
}

.metadata table {
    font-family: "Open Sans", sans-serif;
    margin: 0.5em;
    border-collapse: collapse;
}

.metadata tr,
.events tr {
    border-bottom: 1px solid black;
}

.events tr {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.metadata tr:last-child {
    border-bottom: none;
}

.metadata td,
.events td {
    font-size: 90%;
    padding: 1em;
}

div.biographical {
    background-color: #f8f2e5;
    max-width: 1000px;

}

div.biographical,
div.eventRecords {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    display: inline-block;
}

div.genealogy {
    padding-left: 3em;
    padding-right: 1em;
    padding-bottom: 1em;
    display: inline-block;
}

.biographical table,
.genealogy table,
.eventRecords table {
    border-collapse: collapse;
}

tr.border-above {
    border-top: 1px solid black;
}

.biographical td,
.genealogy td {
    padding: 1em;
}

.grid-container {
    display: grid;
    grid-template-areas: 
    'div2-docbody metadata';
    gap: 0.5em;
    ;
    padding: 0.5em;
    ;
}

/* link colors, document link, then persName links, then Null persName links */

a:link {
    color: #c4122d;
} /* comes with the standard link underline */


a.persName:link {
    text-decoration: none;
    color: #c4122d;
} /* text-decoration turns off the link underline */

/* visited color is necessary or the default purple kicks in */
a:visited,
a.persName:visited {
    color: #863e61;
}

a.persNameNull {
    pointer-events: none; /* Oxygen flags this as an error but it works fine */
    cursor: default;
    text-decoration: none;
    color: #000000; 
    /* this was originally color: #3a5077; but was changed during development of the Family Letters site, color on nulls can always be restored if mouseovers are added */
}

/* these are to make links change color when mouse hovers over it, not currently in use 
* 

a:hover,
a.persName:hover {text-decoration: none; color: #c4122d;}  */


/* end of specific stuff */


/* borrowed from tjlibraries.monticello.org */

#centerwrapper {
    position: relative;
    width: 95%;
    padding: 1em;
    display: flex;
    clear: both;
}

#leftcol {
    white-space: nowrap; /* this prevents text wrapping */
    margin: 0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em;
    /* text-indent: -1em;  this is text-indent create the hangindent */
    font-family: "Open Sans", sans-serif;
    font-size: 90%;
}

#leftcol p {
    line-height: 2em;
}

#rightcol {
	float:right; 
}
/* rightcol also used to have ffont-size: 95%; width: 350px; padding-right:1em; Not needed since beigeMeta takes care of those 
#wrapper1 {
	position: relative;
	clear: both;
} */

.person-docbody table {
    font-family: "Open Sans", sans-serif;
}

.document-list table,
.document-list2 table {
    font-family: "Open Sans", sans-serif;
    margin: 1em;
    border-collapse: collapse;
}

.document-list tr:last-child,
.document-list2 tr:last-child {
    border-bottom: none;
}

.document-list tr,
.document-list2 tr {
    border-bottom: 1px solid black;
}

.document-list th,
.document-list td {
    padding: 1.2em;
}

.document-list2 th,
.document-list2 td {
    padding: 0.5em;
    font-size: 90%;
}

/*  adjusted ptj-doc for dasfam */
.ptj-doc,
.div2-docbody {
    font-family: "Georgia", "Times New Roman", serif;
    font-weight: normal;
    margin: 1em;
}

h2 {
    font-size: 11pt;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0.5em;
}

.sp,
.p,
incident {
    display: block;
    margin: 0em 0em;
    text-align: justify;
}

.bibl {
    font-size: 0.9em;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 2px;
}

.teiHeader {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    background-color: #FFFFCC;
    color: black;
    font-size: 10pt;
}

.small-caps {
    font-variant: small-caps;
    font-family: "Georgia", "Times New Roman", serif;
    /* font-size:105%; */
    /* font-family:"PUPMonticelloUnicodeSC", serif; */
}

.xx-small {
    font-size: xx-small;
}

.figDesc {
    font-size: x-small;
    font-style: italic;
}

p {
    margin: 0.25em 0em;
}

.para-following-opener {
    margin: 0;
    text-align: justify;
}

.editorial-note {
    float: right;
    border: 1px black solid;
    padding: 2px;
    width: 400px;
    font-size: 82%;
    font-weight: normal;
    margin: 2px;
}

.annotative-note {
    font-size: 82%;
    display: inline;
    color: red;
    background-color: inherit;
}

.teiHeader-heading {
    font-weight: bold;
    color: #993366;
    background-color: inherit;
    margin-bottom: 0;
}

.header-para-content {
    margin: 0 0 0 12px;
    font-size: xx-small;
}

.add {
    color: green;
    background-color: inherit;
}

.del {
    color: red;
    text-decoration: line-through;
    background-color: inherit;
}

.opener {
    font-size: 11pt;
    margin-bottom: 0em;
}

.opener-smaller {
    font-size: 0.95em;
}

.opener-dateline,
.dateline {
    margin-right: 1em;
    display: inline-block;
}

.closer {
    margin: 0.25em 1em 0em 0em;
    text-align: right;
}

/* .note-para {margin-top:0em;} */
p.footnote,
.note-para,
.explanatory-note,
.source-note {
    font-size: 10.5pt;
    margin: 0em;
}

.document-head {
    text-align: center;
}

.postscript {
    margin: 1em 0em;
    text-indent: 0em;
}

.g {
    font-family: "Georgia", "Times New Roman", serif;
    display: inline;
}

.translation-head,
.enclosure-head {
    font-family: "Georgia", "Times New Roman", serif;
    letter-spacing: 0.4em;
    text-align: center;
}

.translation-div,
.enclosure-div {
    font-size: 0.95em;
    margin-top: 2em;
}

.heading {
    text-align: center;
    font-weight: bold;
    line-height: 2em;
}

ul.simple {
    list-style-type: none;
    line-height: 0.9em;
}

ul.simple li {
    font-size: 0.7em;
    padding: 0.2em 0em;
}

/* div.div2, div.div3 {margin-top:2em;} */
.margin-note {
    float: right;
    font-size: 9pt;
    width: 150px;
    margin-left: 2em;
}

table {
    font-family: "Georgia", "Times New Roman", serif;
}

.translation-div table,
.enclosure-div table {
    font-size: 0.95em;
}

sup {
    font-size: 66%;
    vertical-align: super;
}

hr {
    color: black;
    background-color: black;
}

.formatting-note-ref {
    color: green;
    font-family: sans-serif;
    text-decoration: none;
    font-weight: bold;
    background-color: inherit;
}

.formatting-note {
    color: green;
    font-family: sans-serif;
    background-color: inherit;
}

.title {
    font-style: italic;
}

.index-tool-tip {
    color: green;
    font-size: xx-small;
}

/* FROM OLD MEP STYLESHEET */
.ptj-p {
    line-height: inherit;
    font-size: inherit;
    margin-top: 0em;
    margin-bottom: 0em;
}

.ptj-explanatoryNote-p {
    text-indent: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: "Open Sans", sans-serif;
    line-height: inherit;
    font-size: inherit;
}

.ptj-specialattention {
    font-size: medium;
    text-align: center;
    line-height: 1.1em;
    font-weight: bold;
}

.ptj-docinfo {
    margin-left: .5em;
    font-size: x-small;
    /* text-align:left; */
    line-height: 1.1em;
    /* font-weight:bold; */
    /* color:maroon; */
}

.ptj-enclosurehead {
    display: block;
    text-align: center;
    font-size: small;
    font-variant: small-caps;
    letter-spacing: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.ptj-enclosureheadnumber {
    display: block;
    text-align: center;
    font-size: medium;
    margin-bottom: 1em;
    margin-top: 1em;
}

.ptj-ps {
    display: block;
    clear: both;
    margin-top: 2em;
    text-indent: 0em;
}

.ptj-explanatoryQuote {
    font-variant: small-caps;
    color: purple;
    font-family: "Georgia", "Times New Roman", serif;
    /* font-size:105%; */
}

.ptj-signed-sameline {
    float: right;
    margin-top: -1.1em;
    margin-bottom: 1em;
    margin-right: 1em;
}

.ptj-signed-ownline {
    display: block;
    text-align: right;
    margin-top: 0.2em;
    margin-bottom: 1em;
    margin-right: 1em;
}

div.div1 h3,
.ptj-h2 {
    text-align: left;
    font-family: "Open Sans", sans-serif;
    font-size: medium;
}

.ptj-salute {
    display: inline;
    font-variant: small-caps;
    font-family: "Georgia", "Times New Roman", serif;
}

.ptj-opener-dateline {
    font-family: "Georgia", "Times New Roman", serif;
    margin-right: 1em;
}

.ptj-p-closingnotsigned {
    display: inline;
}

.ptj-closing-salute,
.ptj-closing-dateline {
    display: block;
    text-align: left;
    text-indent: 1em;
}

.ptj-closingsigned {
    display: block;
    text-align: left;
    margin-right: 1em;
}

.ptj-closingnotsigned {
    display: block;
    text-align: left;
    text-indent: 1em;
    margin-top: 0em;
}

.ptj-del {
    text-decoration: line-through;
    color: red;
    display: inline;
}

/* commented out to print V 3 */
.ptj-add {
    color: green;
}

/* .ptj-add {display:inline;} */
.abbr {
    border-bottom: 1px maroon dotted;
}

.ptj-figDesc {
    font-size: small;
}

.ptj-sourceNoteheadNote {
    display: block;
    clear: both;
    text-indent: 1em;
    font-size: 85%;
    font-family: "Open Sans", sans-serif;
    margin-top: 1em;
    line-height: inherit;
    margin-bottom: 0.5em;
    border-top: 1px solid black;
    padding-top: 1em;
}

.ptj-explanatoryNotediv {
    font-size: 82%;
    margin-bottom: 0.5em;
}

.ptj-noteTYPEtextual {
    font-size: 82%;
    line-height: 1.1em;
    text-indent: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
}

.ptj-noteTYPEeditorialcomment {
    display: inline;
}

.ptj-noteTYPEfoot {
    font-size: 82%;
    line-height: inherit;
}

.ptj-item {
    display: list-item;
    margin-left: 1em;
}

.ptj-label {
    font-weight: bold;
    font-style: italic;
}

.ptj-listTYPEsimple {
    list-style-image: none;
}

.ptj-trailer {
    margin-top: 1em;
    display: block;
    font-style: italic;
}

.ptj-sp {
    display: block;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.ptj-speaker {
    font-variant: small-caps;
}

.ptj-ptr {
    color: green;
}

.ptj-table {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-family: "Georgia", "Times New Roman", serif;
}

.ptj-gloss-internal {
    display: block;
    float: right;
    font-size: x-small;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-left: 0.2em;
    background-color: silver;
    text-align: left;
    text-indent: 0em;
}

.ptj-gloss-external {
    display: block;
    float: none;
    font-size: x-small;
}

.corr {
    background-color: #FFFFCC;
}


.ancestor {
    color: gray;
}

.ref {
    display: block;
    margin: 0;
}

.ship {
    display: inline;
    color: maroon;
}

.reposAbbr {
    border-bottom: 1px dotted maroon;
}