/** Words Only Styles */
html body { height: 100%; }

body.words-legacy { text-align: left; color: #666; background-color: #CCC; font-family: "century schoolbook", palatino, serif; margin: 1em auto 100px auto; /* web integrator */ /* becoming */ /* lindows-pitch, forta-speaks */ /* zappa */ /** web work */ /** accessibility */ /* what-is-a-web-integrator */ /* crossplatform */ /* flash mind reader */ /* some poems */ }
body.words-legacy a { text-decoration: none; }
body.words-legacy a:hover { text-decoration: underline; }
body.words-legacy div.page { color: #000; position: relative; box-sizing: border-box; width: 80%; min-width: 450px; padding: 40px; margin: 0 auto; margin: 3em auto 1em auto; background-color: #fff; border: 1px solid #ccc; }
body.words-legacy div.page h1 { margin-top: 0; }
body.words-legacy div.page h1 em, body.words-legacy div.page h1 i { font-weight: normal; }
body.words-legacy div.page h2 { margin-bottom: 0; }
body.words-legacy div.page h2 + p { margin-top: 4px; }
body.words-legacy div.page img { max-width: 100%; height: auto; }
body.words-legacy.page-id-119013 div.page { width: 580px; }
body.words-legacy.page-id-118992 { background-color: #fff; }
body.words-legacy.page-id-118992 div.page { border: none; padding: 0; }
body.words-legacy.page-id-119038 { background-color: #006; color: #fff; }
body.words-legacy.page-id-119038 div.page { background-color: #006; color: #fff; border: none; }
body.words-legacy.page-id-119038 div.legacy-body { background-color: #006; color: #fff; border-bottom-width: 1px; border-bottom-color: #F30; border-bottom-style: dotted; border-left-width: 1px; border-left-color: #F30; border-left-style: dotted; padding: 40px; margin: 0 0 50px 0; }
body.words-legacy.page-id-119038 h1 { font-size: 20px; font-family: georgia, times, serif; margin: 0 0 0 0; color: #fff; }
body.words-legacy.page-id-119038 p { font-family: courier, 'courier new', fixed-width; }
body.words-legacy.page-id-119038 div.two-ships-footer { font-size: x-small; font-family: verdana, sans-serif; background-color: #FFF; color: #000; padding: 0.5em; margin: 0 0 25px 0; width: 40vw; float: right; }
body.words-legacy.page-id-119032 { background-color: #fff; }
body.words-legacy.page-id-119032 body.words-legacy { background-color: #fff; color: #000; }
body.words-legacy.page-id-119032 div.page { border: none; width: 400px; margin: 0 auto; }
body.words-legacy.page-id-119032 h1, body.words-legacy.page-id-119032 p { font-size: medium; }
body.words-legacy.page-id-119028 h1, body.words-legacy.page-id-119041 h1 { font-size: larger; }
body.words-legacy.page-id-119028 h1, body.words-legacy.page-id-119028 h2, body.words-legacy.page-id-119041 h1, body.words-legacy.page-id-119041 h2 { color: #063; font-size: medium; font-family: Georgia, serif; line-height: 1.2; }
body.words-legacy.page-id-119028 p, body.words-legacy.page-id-119041 p { font-family: Georgia, serif; line-height: 1.2; }
body.words-legacy.page-id-119028 .footer, body.words-legacy.page-id-119041 .footer { margin-left: 100px; width: 400px; }
body.words-legacy.page-id-119026 { background-color: #F6F; margin: 1em 1em 100px 1em; }
body.words-legacy.page-id-119026 div { background-color: #fff; }
body.words-legacy.page-id-119026 div.page { padding: 0; width: 100%; }
body.words-legacy.page-id-119026 ul { line-height: 1.1; }
body.words-legacy.page-id-119026 h1 { background-image: url(https://artlung.com/archive/words/zappa/iamazappafan.gif); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 50vw; height: 20vh; white-space: nowrap; overflow: hidden; text-indent: 100%; margin: 0; }
body.words-legacy.page-id-119026 div.legacy-body { max-width: 600px; margin: 0 auto; }
body.words-legacy.page-id-119023 div.page { background-color: #EFE; color: #000; }
body.words-legacy.page-id-119023 div.page h1, body.words-legacy.page-id-119023 div.page h2 { color: #063; }
body.words-legacy.page-id-119023 div.page h2 { margin-bottom: 0; }
body.words-legacy.page-id-119023 div.page p { margin-top: 5px; }
body.words-legacy.page-id-119023 div.page div.footer { font-family: geneva, 'ms sans serif', sans-serif; padding: 5px; width: 100%; background-color: #EEE; color: #666; border-style: dotted; border-width: 2px; border-color: #063; }
body.words-legacy.page-id-119023 div.page div.narrow { width: 400px; margin-left: 100px; }
body.words-legacy.page-id-119005 div.page { width: 600px; margin: 0 auto; }
body.words-legacy.page-id-118999 h1, body.words-legacy.page-id-119019 h1 { display: none; }
body.words-legacy.page-id-118999 .c, body.words-legacy.page-id-119019 .c { color: #060; }
body.words-legacy.page-id-118999 .q, body.words-legacy.page-id-119019 .q { font-style: italic; color: #090; font-weight: bold; }
body.words-legacy.page-id-118999 pre, body.words-legacy.page-id-119019 pre { text-align: left; }
body.words-legacy.page-id-118992 h1 { display: none; font-family: georgia, times, serif; font-weight: normal; margin: 0; }
body.words-legacy.page-id-118992 h1.custom-header { display: block; padding: 1.2em 0.5em; color: #000; background-color: #3C3; max-width: 600px; border: 3px dotted #fff; text-align: left; line-height: 1.2; }
body.words-legacy.page-id-118992 h1 br { display: none; }
body.words-legacy.page-id-118992 h1 em { display: block; font-size: medium; line-height: 1.1; }
body.words-legacy.page-id-118975 div.page { font-family: georgia, times, serif; line-height: 1.2; }
body.words-legacy.page-id-118975 div.page h1 { font-size: 1.5em; font-weight: lighter; }
body.words-legacy.page-id-118975 div.page .legacy-body { display: grid; grid-template-columns: 153px 1fr; justify-items: center; }
body.words-legacy.page-id-118975 div.page .operating-systems-1997 { width: 240px; float: right; height: 90px; }
body.words-legacy.page-id-118975 div.page .operating-systems-1997 a { height: 30px; width: 30px; display: flex; justify-content: space-around; align-content: center; align-items: center; }
body.words-legacy.page-id-118975 div.page .operating-systems-1997 a.os2 { width: 60px; }
body.words-legacy.page-id-118975 div.page .operating-systems-1997 div.row1 { display: grid; grid-template-columns: 1fr 1fr; width: 60px; }
body.words-legacy.page-id-118975 div.page .operating-systems-1997 div.row2 { display: grid; grid-template-columns: 1fr 1fr 2fr 1fr 1fr; width: 180px; margin-left: 60px; }
body.words-legacy.page-id-118975 div.page .operating-systems-1997 div.row3 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; width: 180px; margin-left: 60px; }
body.words-legacy.page-id-119044 div.page { width: auto; }
body.words-legacy.page-id-118969 div.page, body.words-legacy.page-id-119034 div.page { border-width: 1px; border-style: solid; border-color: #ccc #666 #666 #ccc; }
body.words-legacy.page-id-118969 div.page h1, body.words-legacy.page-id-119034 div.page h1 { font-family: georgia, times, serif; font-weight: normal; }
body.words-legacy.page-id-118969 div.page h2, body.words-legacy.page-id-119034 div.page h2 { font-family: georgia,times,serif; color: #969; position: absolute; top: -26px; margin: 0; left: 0; }
body.words-legacy.page-id-118969 div.page div.poem, body.words-legacy.page-id-119034 div.page div.poem { box-sizing: border-box; border-width: 0 0 1px 1px; border-color: #969; border-style: dotted; position: relative; padding: 20px 0 20px 40px; margin: 50px 0 100px 0; max-width: 600px; }
body.words-legacy.page-id-118969 div.page div.poem p, body.words-legacy.page-id-119034 div.page div.poem p { font-family: "century schoolbook", palatino, serif; font-style: italic; line-height: 1.1; }
body.words-legacy.page-id-118969 div.page div.poem-footer, body.words-legacy.page-id-119034 div.page div.poem-footer { box-sizing: border-box; max-width: 600px; border-top: 1px dotted #ccc; padding: 30px 0 0 80px; color: #666; font-size: small; line-height: 2; font-family: "century schoolbook", palatino, serif; }

section.legacy-footer { position: fixed; top: 0; left: 0; background-color: #000; color: #fff; opacity: 0.5; z-index: 10; width: 100%; padding: 0; font-size: 1em; font-family: 'helvetica neue', helvetica, arial, sans-serif; transition: 0.1s ease-in opacity; }
section.legacy-footer:hover { opacity: 1; }
section.legacy-footer ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 2em; }
section.legacy-footer ul li a, section.legacy-footer ul li span { display: inline-block; min-width: 100px; color: #fff; box-sizing: border-box; padding: 0.5em; }
section.legacy-footer ul li a { font-weight: bold; text-decoration: none; }
section.legacy-footer ul li a.artlung:hover { text-decoration: none; }
section.legacy-footer ul li a.artlung span.artlung { text-indent: 600px; background-image: url(images/ARTLUNG_HEADER.gif); background-repeat: no-repeat; background-position: right center; background-size: contain; width: 10em; overflow: hidden; }
section.legacy-footer ul li a:hover { color: #fff; text-decoration: none; }

@media screen and (orientation: portrait) { body.words-legacy { margin: 0 0 100px 0; }
  body.words-legacy div.page { width: auto; padding: 1em; margin: 0; }
  body.words-legacy p { overflow: hidden; text-overflow: ellipsis; }
  body.words-legacy.page-id-118975 div.page .legacy-body { grid-template-columns: 1fr; }
  body.words-legacy.page-id-119013 div.page { width: 100%; }
  body.words-legacy.page-id-119046 div.page { width: 100%; }
  section.legacy-footer { position: relative; bottom: auto; left: auto; background-color: transparent; color: #000; opacity: 0.9; width: auto; font-size: x-small; font-family: 'helvetica neue', helvetica, arial, sans-serif; height: auto; }
  section.legacy-footer:hover { opacity: 1; }
  section.legacy-footer ul { list-style-type: none; margin: 0; }
  section.legacy-footer ul li { min-width: auto; height: auto; display: inline-block; margin: 0.5em; background-image: none; padding: 0; box-sizing: border-box; color: #000; }
  section.legacy-footer ul li a, section.legacy-footer ul li span { background-color: #5c5c5c; display: inline-block; min-width: 100px; color: #ccc; box-sizing: border-box; padding: 0.5em 2em; border-radius: 2em; }
  section.legacy-footer ul li span { color: #666; background-color: transparent; }
  section.legacy-footer ul li a { color: #fff; text-decoration: none; opacity: 0.9; }
  section.legacy-footer ul li a:hover { text-decoration: none; }
  section.legacy-footer ul li a:active { opacity: 1; } }
.roanoke-search-opener { position: fixed; bottom: 0; background-color: transparent; height: 50px; width: 60px; right: 0; text-align: center; padding: 10px; box-sizing: border-box; opacity: 0.5; }
.roanoke-search-opener a { color: #000; border-radius: 50%; background-color: #fff; }
.roanoke-search-opener:hover { opacity: 1; }

.roanoke-search { color: #000; font-size: medium; padding: 1em; text-align: left; background-position: 15px 15px; position: fixed; width: 100%; background-color: #707070; top: 0; left: 0; display: none; box-sizing: border-box; z-index: 100000; }
.roanoke-search span { display: none; font-size: small; }
.roanoke-search .search-field, .roanoke-search .search-submit { font-size: small; line-height: 2; -webkit-appearance: none; appearance: none; box-sizing: border-box; }
.roanoke-search .search-form { display: grid; grid-template-columns: 1fr min-content; grid-gap: 1em; margin: 0 auto; }
.roanoke-search .search-field { width: 100%; border-radius: 0.5em; color: #000 !important; }
.roanoke-search .search-submit { cursor: pointer; border-radius: 0.5em; color: #000 !important; }
.roanoke-search a.close-search { position: absolute; right: 0; top: 0; display: block; width: 50px; height: 19px; padding: 10px 20px 10px 10px; color: #fff; }