h1 { font-family: "Highlander"; font-size: 3em; margin: 0.3em 0; margin: auto; }
span.title { font-family: "Highlander"; font-size: 3em; margin: 0.3em 0; margin: auto; display: table; }
h2 {     font-family: sans-serif; font-size: 1.2em; font-variant: all-small-caps; width: 1200px; margin: 0px auto; background-color: #010044; padding: 10px 0; color: #ffeb3b; border-color: #ffeb3b; border-width: 2px 0; border-style: groove; }
h2 > div { padding: 0 10px; }
#logospot { width: 100%; text-align: center; margin-bottom: -10px; }
#gbox_grid1 { margin: auto; }
#menubar { text-align: center; width: 815px; margin: auto; overflow: hidden; position: relative; top: -40px; left: 73px; }
span.swordbtn { float: left; height: 16px; width: 16px; border: 1px solid #888; background: center #000 url('img/swordtrans.png'); padding: 1px 1px 1px 0; cursor: pointer; }
span.bookbtn { float: left; height: 16px; width: 16px; border: 1px solid #888; background: center #000 url('img/book.png'); padding: 1px 1px 1px 0; cursor: pointer; }
span.heartbtn { float: left; height: 16px; width: 16px; border: 1px solid #888; background: center #000 url('img/heartbtn2.png'); padding: 1px 1px 1px 0; cursor: pointer; }
span.questionbtn { float: left; height: 16px; width: 16px; border: 1px solid #888; background: center #000 url('img/question_button.png'); padding: 1px 1px 1px 0; cursor: pointer; }
span.settingsbtn { float: left; height: 16px; width: 16px; border: 1px solid #888; background: center #000 url('img/settings.png'); padding: 1px 1px 1px 0; cursor: pointer; }
span.menubtn { float: left; text-align: center; padding: 0px 5px 1.5px; width: 64px; position: relative; background-color: black; color: white; font-size: 0.8em; border: 2px solid #888; cursor: pointer; font-variant: all-small-caps; }
span.menubtn.lit,span.swordbtn.lit,span.bookbtn.lit,span.heartbtn.lit,span.questionbtn.lit,span.settingsbtn.lit { background-color: #00d; }
span.menubtn:hover,span.swordbtn:hover,span.bookbtn:hover,span.heartbtn:hover,span.questionbtn:hover,span.settingsbtn:hover { background-color: #a000bd; }
span.menubtn.rtside { margin-left: 57px; }
span.menubtn.rtbtnsize { width: 60px; }
span.sellink { color: #4fc200; }
span.similink,span.simwlink,span.simalink,span.simmlink,span.simelink,span.simvlink,span.simslink,span.simblink,span.simdatelink,span.simclink { cursor: pointer; border-bottom: 2px dashed; line-height: 1.4em; }
span.badlink { color: #d09090; }
span.subs { font-size: .83em; vertical-align: sub; }
div.rowline { overflow: hidden; }
tr.emptyval { display: none; }
div.rowline span.titspan { color: white; background-color: black; float: left; width: 220px; font-size: 1em; font-family: sans-serif; padding: 5px; text-align: right; }
div.rowline span.valspan { color: black; background-color: white; float: left; width: 420px; font-size: 1em; font-family: sans-serif; border: 2px solid black; padding: 3px 5px; }
div.rowline span.valspanwide { color: black; background-color: white; float: left; width: 780px; font-size: 1em; font-family: sans-serif; border: 2px solid black; padding: 3px 5px; }
#statwrap { border-top: 1px solid black; border-bottom: 1px solid black; }
div.quotesec,div.quotesectop,div.quoteseccent { font-style: italic; margin-bottom: 10px; margin-top: 15px;  }
div.quoteseccent { text-align: center; width: 1020px; margin-left: auto; margin-right: auto; font-family: 'Pompiere', cursive; font-size: 1.5em;}
div.quotesectop { width: 1020px; margin: auto; text-align:center; }

#flashbacks,table.flashbackfoot,#swordtable,table.swordclip,table.flashbackfoot,table.flashbackfootch,#watchertable,#assignments,#immortaltable,table.immdatetable { border-spacing: 0px; width: 1200px; margin: auto; max-width: 1200px;}
table.immdatehide { display : none; }
table.flashbackfoot,table.flashbackfootch { margin-top: 5px; }
table.flashbackfoot.first,table.flashbackfootch.first { margin-top: 0px; }
table.swordclip td.statlabel:hover { background-color: #126891; }
th.widecnt,td.widecnt { text-align: center; width: 60px; }
#epnums td,#flashbacks td,table.flashbackfoot td,table.flashbackfootch td,#swordtable td,table.swordclip td, #immortaltable td,#watchertable td,#assignments td,table.immdatetable td { border: 1px solid black; padding: 15px 15px 10px; }
#epnums th,#flashbacks th,table.flashbackfoot th,table.flashbackfootch th { background-color: #191938; color: white; font-size: 1em; padding: 5px; }
div.quoteline { margin-bottom: 10px; }
div.noth2 { font-size: 0.9em; text-align: center; font-family: 'FontAwesome'; padding: 10px; background-color: #e0e0e0; }
div.aboutcontent div.noth2 { font-size: 1.2em; }
div.creditcontent { height: 250px; overflow: auto; }
div.aboutcontent { height: 550px; overflow: auto; }
div.settingscontent { overflow-y: auto; overflow-x: hidden; padding: 20px 10px 5px; border-style: solid; border-color: black; border-width: 1px 3px; }
div.creditcontent hr,div.aboutcontent hr { margin: 0; }
div.rowsettings { display: inline-flex; width: 90%; padding-left: 5%; }
label.labrt { float: right; }
#credits p,#about p,#settings p { text-align: left; text-align: justify; }
#about div.topquote p { text-align: center; font-size: 0.8em; margin: 6px 0;}
#credits,#about,#vidwin,#settings { border: 2px solid black; background-color: #f0f0f0; border-radius: 10px; box-shadow: black 1px 0px 15px 9px; z-index: 20; }
#credits,#about,#settings { padding: 10px; }
#vidwin { padding: 0 10px 10px; }
#credits { width: 500px; }
#about { width: 750px; }
#settings { width: 400px; }
div.creditcontent,div.aboutcontent,div.settingscontent { padding: 5px 10px;background-color: white; border-style: solid; border-width: 1px 3px; }
div.creditcontent { font-size: smaller; }
div.aboutcontent { font-size: 1em; }
div.aboutcontent li { margin-bottom: 8px; text-align: justify; }
div.credtitle,div.aboutitle { text-align: center; text-align: center; font-size: 2.5em; font-family: 'Highlander'; }
div.settingstitle { text-align: center; text-align: center; font-size: 1.5em; font-family: 'Highlander'; margin-bottom: 5px; }
@font-face {
    font-family: Highlander;
    src: url('Highlander-Regular.woff2'); format('woff2');
}
@font-face {
  font-family: 'Pompiere';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  font-size: 1.5em;
  src: url(https://fonts.gstatic.com/s/pompiere/v13/VEMyRoxis5Dwuyeov5Wq7DHPrvOK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
div.topquote { font-style: italic; font-size: 1.15em; margin-top: 30px; margin-bottom: 20px; text-align: center; }
div.excerpt { font-size: 0.9em; font-weight: 600; text-align: center; margin: 10px 0; }
div.btnspacer { margin-top: 25px; }
#closecredits,#closeabout,#closesettings { float: right; border-radius: 5px; box-shadow: black 2px 2px 4px; cursor: pointer; margin: 20px 20px 10px 0; }
#closecredits:hover,#closeabout:hover,#closesettings:hover { background-color: #d9d9ff; }
div.arrowtop { font-size: 8px; display: flex;  }
div.arrowbot { font-size: 8px; display: flex; }
span.fillrow { width: 5%; }
input.spaneditbox,textarea.spaneditbox { width: 100%; padding: 0; }
td.alteredval.vallabel { background-color: #c0ffb0; }
#navline { background: #191938; color: #ffe660; display: inline; padding: 20px 0 0; border-radius: 0 0 10px 10px; border-top: 3px solid black; }
#navline span.linkspacer { display: inline-block; text-align: center; width: 20%; }
span.linkspacer a:visited,span.linkspacer a:-webkit-any-link { color: white;  }
#buttonspacer { width: 1200px; margin: auto; }
#buttonspacer img { position: relative; top: -3px; }
#savebtn { cursor: pointer; }
td.statlabel { background-color: #191938; color: white;  width: 160px; font-size: 1em; font-family: sans-serif; padding: 5px; text-align: right; }
td.vallabel { color: black; background-color: white; float: left; width: 980px; font-size: 1em; font-family: sans-serif; border: 2px solid black; padding: 3px 5px; }
div.sentence { line-height: 1.2em; text-align: justify; }
table.swordclip:hover td.statlabel { background-color: #126891; }
div.quitlink { margin: 10px 0 20px; }
span.rdj { text-align: right; }
img.iconsvg { width: 24px; height: 24px; padding-top: 10px; }
span.closewin { position: absolute; background: white; right: -20px; top: -20px; font-size: 12pt; border-radius: 15px; border: 3px solid black; padding: 4px 5px 1px 7px; font-family: sans-serif; font-weight: 900;}
span.closewin:hover { background: #202060; cursor: pointer; color: white; }
img.videolink { cursor: pointer; padding-top: 2px; position: relative; top: 3px; }
#windowtbar { cursor: grab; }

#vidwin { width: 660px; height: 505px }
#vidwin.miniscreen { width: 340px; height: 264px }
#vidwin video { width: 640px; height: 480px; }
#vidwin.miniscreen video { width: 320px; height: 240px; }

#epnums td.epleft { border-left: 12px solid #191938; }
#epnums td.epright { border-right: 12px solid #191938; }

#assignmentstbl td { border-width: 0px; padding-left: 0; padding-top: 5px; padding-bottom: 5px; }
a.extlink img { width: 12px; height: 12px; float: right; }