/* Star Trek Minutiae                            */
/* https://www.st-minutiae.com/                  */
/* Created by Dan Carlson (c) 2005-2024          */
/* Style Sheet for All Devices v5.6              */

/* ============================================= */
/* Section Styles                                */
/* ============================================= */

html, body {
    margin: 0px;
    padding: 0px;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
    background-color: black;
    font-family: "Oxygen", "Helvetica Neue", "Helvetica", "Arial", "Tahoma", sans-serif;
    font-size: medium;
    line-height: 140%;
    color: white;
/* Disabled because iOS doesn't support "background-attachment: fixed".
    background-image: url(/graphics/backgrounds/blue-nebula-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
*/
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}
div#background-image {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: fixed;
    top: 0px;
    left: 0px;
    background-image: url(/graphics/backgrounds/blue-nebula-1.jpg);
    background-position: left top;
    background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
/* Disabled because iOS doesn't support "background-attachment: fixed".
    body {
        background-image: url(/graphics/backgrounds/blue-nebula-1-2x.jpg);
    }
*/
    div#background-image {
        background-image: url(/graphics/backgrounds/blue-nebula-1-2x.jpg);
    }
}
header.site-header, main, footer.site-footer {
    max-width: 1000px;
    margin: 20px auto;
}
main {
    padding-top: 0px !important;
    background-color: rgba(75, 85, 108, 0.95);
}
main, footer.site-footer {
    padding: 10px;
}
header.site-header nav, main, footer.site-footer {
    border-radius: 3px;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);
}
header.site-header {
    max-width: 1020px;
    padding: 0px;
}
header.site-header, header.site-header a, header.site-header a:link, header.site-header a:visited,
footer.site-footer, footer.site-footer a, footer.site-footer a:link, footer.site-footer a:visited {
    color: rgb(220, 220, 237) !important;
    background-color: transparent;
}
footer.site-footer, header.site-header nav {
    background-color: rgba(44, 50, 63, 0.95);
}
header.site-header nav {
    margin: 20px 0px 0px 0px;
    padding: 10px;
    min-height: 25px;
}
header.site-header nav, footer.site-footer nav, footer.site-footer .featured,
nav.anchors, nav.navlink, p.credit,
h1, h2, h3, h4, h5, h6, figcaption:first-child {
    font-family: "Titillium Web", "Helvetica Neue", "Helvetica", "Arial", "Tahoma", sans-serif;
}
header.site-header nav ul, footer.site-footer nav ul {
    margin: 0px;
    padding: 0px;
}
header.site-header .sitesections, footer.site-footer .sitesections {
    font-weight: bold;
}
#logo {
    max-width: 60%;
    height: auto;
}

/* Search Boxes */

header.site-header form {
    float: right;
}
header.site-header fieldset, .search-form-body fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}
header.site-header nav li, footer.site-footer nav li {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
}
header.site-header nav ul, header.site-header form {
    display: inline-block;
    vertical-align: middle;
}
header.site-header form * {
    margin: 0px 0px 0px 5px;
    vertical-align: middle;
}
header.site-header legend, header.site-header label, .search-form-body legend, .search-form-body label {
    display: none;
}
form#search input, form#search button {
    border-radius: 6px;
    border: 1px solid;
    border-color: rgb(80,80,95);
    font-size: 0.75em;
    padding: 2px 5px;
    height: 100%;
}
form#search input {
    box-shadow: none;
    outline: none;
    color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.1);
    margin-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
}
form#search button {
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
    background-color: rgb(80,80,95);
    background-image: url(/graphics/icons/button-search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    color: transparent;
    width: 2.0em;
}
form#search ::placeholder {
    color: rgba(255,255,255,0.5);
}
form#search input:focus {
    outline: none;
    background-color: rgba(255,255,255,0.2);
}
footer.site-footer {
    margin-bottom: 100px;
}
footer.site-footer p {
    font-size: 80%;
    line-height: 110%;
    margin-bottom: 5px;
    max-width: 50em;
}
footer.site-footer .featured {
    float: right;
    width: 204px;
}
footer.site-footer .featured div {
    display: block;
    width: 204px;
    background-color: rgba(26, 26, 33, 0.8);
    font-size: 80%;
    text-align: center;
}
footer.site-footer .featured-title {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
}
#featuredlink {
    width: 204px;
    height: 52px;
}
hr {
    margin: 25px 10%;
    height: 2px;
    clear: both;
    background-image: linear-gradient(to right, rgba(174,174,174,0), rgba(174,174,174,0.75), rgba(174,174,174,0));
    border: none;
}
hr.left {
    width: 20%;
    margin: auto auto -0.5em 0em;
    text-align: left;
    clear: left;
    background-image: linear-gradient(to right, rgba(174,174,174,0), rgba(174,174,174,0.75) 2%, rgba(174,174,174,0.75) 50%, rgba(174,174,174,0));
}

/* CSS3 Animations to zoom thumbnails */

nav.nav-sections div,
nav.nav-sections img,
nav.buttons img {
    transition: transform .25s ease;
}
nav.nav-sections div:hover img, nav.buttons img:hover {
    transform: scale(1.1);
}

/* ============================================= */
/* Global Styles                                 */
/* ============================================= */

ul > li {
    list-style-image: url(/graphics/icons/bullet.svg);
}
q {
    quotes: "“" "”" "‘" "’";
}
q::before {
    content: open-quote;
}
q::after {
    content: close-quote;
}
img.inline { /* used for AH sign */
    vertical-align: middle;
    box-shadow: none;
}
.link {
    border-radius: 5px;
    padding: 1px;
}
div.hype.center > div {
    margin: 0px !important;
}
table {
    margin: 1.0em auto 1.0em auto;
    table-layout: auto;
    font-size: 90%; /* smaller; */
    line-height: 140%;
    width: 60%;
    border-collapse: collapse;
}
th, td {
    text-align: left;
    padding: 3px;
    margin: 1px;
    border: none;
}
thead tr:first-child th:first-child {
    border-top-left-radius: 4px;
}
thead tr:first-child th:last-child {
    border-top-right-radius: 4px;
}
tfoot tr:last-child th:first-child,
tbody:last-child tr:last-child th:first-child {
    border-bottom-left-radius: 4px;
}
tfoot tr:last-child th:last-child,
tbody:last-child tr:last-child th:last-child {
    border-bottom-right-radius: 4px;
}
table, main form, figure, aside, div.photos, div.hype, p.download {
    background-color: rgba(174,174,174,0.3);
    color: inherit;
    border-radius: 5px;
}
th, td[scope] {
    font-weight: bold;
    background-color: rgba(120, 0, 0, 0.5);
}
td {
    color: rgb(255,255,255);
    background-color: transparent;
}
tbody tr:nth-child(even) {
    background-color: rgba(147,147,147,0.3);
}
thead th {
    vertical-align: bottom;
    height: 1.75em;
}
tbody th, td {
    vertical-align: middle;
}
tbody td:first-child {
    font-weight: bold;
}
th img {
    vertical-align: bottom;
    margin: 2px;
}
tfoot td {
    font-weight: bold;
    height: 1.5em;
}
caption {
    margin: 0.5em auto 0px auto;
    font-size: 110%; /* larger; */
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
    padding: 0px;
}
ins, del {
    font-style: inherit;
    font-weight: inherit;
}
ins {
    text-decoration: underline;
}
del {
    text-decoration: line-through;
}
ins.update {
    text-decoration: none;
}
ins.update::before {
    content: "Update: ";
    font-weight: bold;
}
code, kbd, samp, pre {
    font-family: "Deja Vu Mono", "Lucida Console", "Menlo", "Monaco", monospace;
}
pre {
    font-size: medium;
    overflow-x: scroll;
}
dt, dfn {
    font-weight: bold;
}
dd + dt {
    margin-top: 0.5em;
}
div.compact p {
    margin: 0em auto;
}
div.compact > p:first-child {
    margin-top: 0.4em;
}
div.promo > :nth-child(odd) {
    text-transform: uppercase;
    font-weight: bold;
}
div.promo > :nth-child(even) {
    font-style: italic;
}
dl ul, dl ul li {
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
}
dl ul {
    margin-left: 15px !important;
    margin-top: 0.5em !important;
}
ol > li {
    margin: 1.0em auto;
}
ol.compact > li {
    margin: 0em auto !important;
}
ol ol > li, ol ul > li {
    margin: 0em;
}
ol.upper-alpha {
    list-style-type: upper-alpha;
}
ol.lower-alpha {
    list-style-type: lower-alpha;
}
ol.upper-roman {
    list-style-type: upper-roman;
}
ol.lower-roman {
    list-style-type: lower-roman;
}
.footnote {
    margin-left: 1.0em;
    text-align: left;
    line-height: 120%;
}
.footnote::before {
    content: "\2023  ";
    font-style: normal !important;
}
p.signature {
    margin-left: 3.0em;
}
blockquote + p.signature {
    margin-left: 80px;
}
p.signature::before {
    content: "\2014  ";
}
small, .small, .footnote, #footnote, aside.intro {
    font-size: 90%;
}
ol#footnote {
    list-style-type: decimal;
    padding-left: 2.0em;
}
ol#footnote li {
    margin: 0.25em;
}
ol#footnote ol {
    list-style-type: lower-alpha;
}
.right {
    text-align: right;
}
.caps {
    text-transform: uppercase;
}
.hidden {
    display: none;
}
.invisible {
    visibility: hidden;
}

/* ============================================= */
/* Block/Inset Styles                            */
/* ============================================= */

div.overflow {
    overflow-x: scroll;
    overflow-y: visible;
}
blockquote, div.singing {
    background-repeat: no-repeat;
    background-size: 1.5em auto;
}
blockquote {
    margin: 10px;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-image: url(/graphics/icons/quote-start.svg), url(/graphics/icons/quote-end.svg);
    background-position: top left, right bottom;
}
div.singing {
    background-image: url(/graphics/icons/music.svg);
    background-position: left top;
    margin-left: 1.0em;
}
div.singing p {
    margin-left: 3.0em;
}
blockquote > * {
    margin-left: 1.0em;
    margin-right: 1.0em;
}
figure, aside {
    display: block;
    padding: 4px;
}
figure, aside, iframe, video, .shadow-inline, div.photos, div.hype {
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
}
figure img, figure svg, aside img, aside svg, .shadow, .buttons img, .gallery img, .rating img {
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
}
iframe {
    border: none;
}
img.noshadow, .noshadow img, aside iframe, form#search img {
    box-shadow: none;
}
figure.right, aside.right {
    float: right;
    clear: right;
    margin: 10px 5px 10px 10px;
    height: auto;
    overflow: hidden;
}
figure.right {
    width: 150px;
    padding: 0px;
    text-align: center;
}
aside.right {
    width: 250px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
    font-size: 90%;
}
figure.wide, aside.wide {
    width: 200px !important;
    max-width: 200px !important;
}
figure.large, aside.large {
    width: 300px !important;
    max-width: 300px !important;
}
figure.center-pic {
    width: 500px;
    margin: 10px auto;
    padding: 0px;
    overflow: hidden;
}
figcaption {
    line-height: 110%;
    font-size: 90%;
    background-color: rgba(74,74,74,0.5);
    border-top: 1px solid rgb(75,75,75);
    padding: 4px;
    margin: 4px -4px -4px -4px;
}
figure.right figcaption, figure.center-pic figcaption {
    background-color: transparent;
    text-align: left;
    border-top: none;
    margin: 0px;
    padding: 6px 4px;
}
figure.center-pic figcaption {
    margin-top: -4px;
    text-align: center;
}
figcaption:first-child {
    margin: -4px -4px 8px -4px;
    font-size: 110%;
    font-weight: bold;
    padding: 6px;
    border-bottom: 1px solid rgb(75,75,75);
    border-top: none;
}
figure h4, figure h5, figure h6, figure ul, figure ol, figure dl {
    margin: 0.2em 4px;
}
figure p, aside p {
    margin: 0.5em 4px;
}
aside.intro p {
    line-height: 1.1em;
    font-style: italic;
}
.center img, figure img {
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
.center img, .gallery > img, .gallery.emblems img {
    max-width: 95%;
    height: auto;
    margin: 3px 10px;
    vertical-align: middle;
}
figure.right img {
    border: none !important;
    vertical-align: text-bottom;
}
figure.right + figure.right {
    clear: right;
    margin-top: 4px;
}
.float-rt, .float-lt {
    display: block;
}
.float-rt {
    float: right;
    margin: 0px 5px 10px 10px;
}
.float-lt {
    float: left;
    margin: 0px 10px 10px 5px;
}
figcaption h3, figcaption h4, figcaption h5, figcaption h6 {
    margin-bottom: 0 !important;
    margin-top: 2px !important;
    padding-bottom: 0 !important;
    padding-top: 5px !important;
    line-height: normal !important;
}
aside.right h3, aside.last-update h3 {
    margin: 0px 0px 5px;
    font-size: 120%;
}
article.update-entry > * {
    margin-left: 2.0em;
}
article.update-entry > h3 {
    margin-left: 0em;
}
.gallery {
    text-align: center;
    margin: 10px auto;
}
.gallery figure {
    background-color: transparent;
    max-width: 150px;
    padding: 0px;
    margin: 10px 10px;
    display: inline-block;
    vertical-align: top;
    box-shadow: none;
}
.gallery.large figure {
    max-width: 300px;
}
.gallery.wide figure {
    max-width: 200px;
}
.gallery figcaption {
    background-color: transparent;
    border: none;
}
.gallery figure img {
    border: none;
    padding: 0px;
    margin: 0px;
}
.gallery.nocaption figure {
    vertical-align: middle !important;
}
.gallery-block, .gallery-twopics {
    text-align: center;
}
.gallery-block figure, .gallery-twopics figure {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: 0px;
    margin: 10px;
}
.gallery-block figcaption {
    background-color: transparent;
    border: none;
    margin: auto 15px;
    line-height: 150%;
    font-size: 80%;
}
.gallery-block b {
    font-size: 120%;
}
.gallery-twopics figure {
    vertical-align: top;
    width: 40%;
    min-width: 260px;
}
.center, .theend {
    width: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
div.center > div {
    margin: 5px auto !important;
}
.theend {
    font-size: 200%;
    margin: 0.25em auto;
    text-transform: uppercase;
}
.theend small {
    font-size: 85%; /* small; */
}
div.rating {
    text-align: center;
    font-size: 85%; /* smaller; */
    margin: 10px auto;
}
div.rating img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
.credit img {
    vertical-align: bottom;
}
.credit a:link, .credit a:visited {
    color: inherit !important;
}
.skip {
    width: 0px;
    height: 0px;
    margin: 0px;
    overflow: hidden;
}
math {
    text-align: center;
    margin-bottom: 0.4em;
}
.two-columns {
    column-count: 2;
}

/* ============================================= */
/* Navigation Styles                             */
/* ============================================= */

/* Anchors are TOC at the top; Navlinks are the next/prev at the bottom. */

nav.anchors, nav.navlink {
    display: block;
    clear: both;
    width: auto;
    text-align: center;
    margin: 0px auto;
    padding: 5px;
    border-radius: 5px;
    background-color: rgba(100,100,125,0.5);
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
}
nav.navlink {
    margin-top: 30px;
    font-size: 100%;
}
h3 + nav.anchors, h3 + .center {
    margin-top: 20px;
}
nav.navlink ul, nav.anchors ul {
    margin: 0px !important;
    padding: 0px !important;
}
nav.navlink ul li:first-child,
nav.navlink.leftarrow ul li:first-child,
nav.navlink.leftarrow ul li:only-child {
    padding-left: 18px;
    background-image: url(/graphics/icons/arrow-left.svg);
    background-size: auto 1.0em;
    background-repeat: no-repeat;
    background-position: left center;
}
nav.navlink ul li:last-child,
nav.navlink.rightarrow ul li:last-child,
nav.navlink.rightarrow ul li:only-child {
    padding-right: 18px;
    background-image: url(/graphics/icons/arrow-right.svg);
    background-size: auto 1.0em;
    background-repeat: no-repeat;
    background-position: right center;
}
nav.navlink.noarrow li:first-child,
nav.navlink ul.noarrow li:first-child,
nav.navlink.noarrow li:last-child,
nav.navlink ul.noarrow li:last-child {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: none;
}
nav.anchors li, nav.navlink li {
    display: inline-block;
}
nav.anchors li::after, nav.navlink li::after {
    content: " • ";
}
nav.anchors li:first-child::before {
    content: "Skip To: ";
    font-weight: bold;
}
nav.anchors li:last-child::after, nav.navlink li:last-child::after,
nav.anchors ul.noprefix li:first-child::before {
    content: "";
}

/* Nav sections are table of contents for a whole section of the site, often with 200x100 thumbnails. */

nav.nav-sections div {
    padding: 0px;
    margin-bottom: 20px;
    clear: left;
}
nav.nav-sections div {
    min-height: 170px;
}
nav.nav-sections.short div {
    min-height: 110px;
}
.nav-thumb-l, .nav-thumb-r, nav.buttons img {
    border-radius: 8px;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
}
.nav-thumb-l, .nav-thumb-r {
    position: relative;
    top: 5px;
    clear: none;
    margin-bottom: 20px;
}
.nav-thumb-l {
    float: left;
}
.nav-thumb-r {
    float: right;
    margin-left: 20px;
}
nav.nav-sections h3, nav.nav-sections h4, nav.nav-sections p, nav.nav-sections ul {
    margin: 0px 10px 5px 220px;
    clear: none;
}
nav.nav-sections h3 {
    text-decoration: underline;
    font-size: 160%;
}
nav.nav-sections h4 {
    text-decoration: underline;
    font-size: 140%;
}
nav.nav-sections p {
    padding-left: 20px;
}
nav.nav-sections p.credit {
    padding-left: 0px;
}
nav.buttons {
    text-align: center;
}
nav.buttons img {
    margin: 5px 10px;
    max-width: 85%;
    height: auto;
}

/* ============================================= */
/* Text Styles                                   */
/* ============================================= */

h1, h2, h3, h4, h5, h6, figcaption:first-child,
h1, h2, h3, h4, h5, h6,
h2 a:link, h3 a:link, h4 a:link,
h2 a:visited, h3 a:visited, h4 a:visited,
caption, hr.left + * b, hr.left + * strong, hr.left + p + p > b {
    color: rgb(255, 204, 0);
}
h1, h2, h3, h4, h5, h6, figcaption:first-child {
    font-weight: bold !important;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 140%;
    clear: left;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}
h1, h2, h3, h4 {
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
h5, h6, figcaption:first-child {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
h1 {
    font-size: 200%;
    border-bottom: 1px solid rgb(255, 204, 0);
    margin-top: 5px;
    padding-top: 15px;
}
h1#banner {
    margin: 0px;
    padding: 0px;
    border: none;
}
#banner {
    margin-left: -10px !important;
}
#banner img {
    max-width: 104%;
    max-height: none;
/*     min-width: 640px; */
    height: auto;
    margin: 0px;
    padding: 0px;
    border: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#banner + h1 {
    padding-top: 5px;
}
h2 {
    font-size: 160%;
    margin-top: 1.0em;
    border-bottom: 1px solid rgb(174,174,174);
}
h3 {
    font-size: 140%;
    margin-bottom: -0.25em;
}
h4 {
    font-size: 120%;
    margin-bottom: 0px;
}
h5, h6 {
    font-size: 100%;
    margin-bottom: 0.25em;
}
p.credit {
    color: rgb(255,255,255);
    margin-top: 0.3em;
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 110%;
}
p.credit + p.credit {
    font-size: 100%;
    margin-top: -0.4em;
}
h1 + .credit {
    margin-top: -1.1em;
}
h2 + .credit {
    margin-top: -0.9em;
}
h3 + .credit {
    margin-top: 0.25em;
    font-size: 100%;
}
h4 + .credit {
    margin-top: -0.25em !important;
    font-size: 90%;
}
a + .credit { /* a used to wrap h3 in nav boxes */
    margin-top: -0.25em !important;
    font-size: 100%;
}
.credit a {
    color: inherit !important;
    text-decoration: underline;
}
a {
    text-decoration: underline;
}
a:link {
    color: rgb(153,204,255);
}
a:visited {
    color: rgb(102,153,204);
}
a:active, a:focus {
    color: rgb(153,0,0);
}
a.gone {
    text-decoration: none;
    color: inherit !important;
}
a.gone::after {
    content: " (page gone)";
    color: rgb(255,100,100) !important;
    font-size: 80%;
    font-style: italic;
    text-decoration: none !important;
}
main a[hreflang]::after {
    content: " [" attr(hreflang) "]";
}
/* main a:link[rel=external], main a:link[href^=http], */
main a:link[href^=mailto],
main p.credit a:link[href^=mailto],
main a:link[download],
main p.credit a:link[href*=tenforward],
main a.archive {
    padding-right: 1.2em;
    background-size: auto 1.0em;
    background-position: right;
    background-repeat: no-repeat;
}
/* main a:link[href^=http] {
    background-image: url(/graphics/icons/link-arrow.svg);
}
main a:link:visited[href^=http] {
    background-image: url(/graphics/icons/link-arrow-dark.svg);
} */
main a.noarrow:link[href^=http], main .noarrow a:link[href^=http], a.gone:link[href^=http],
h1 a:link[href^=http], h2 a:link[href^=http], h3 a:link[href^=http], h4 a:link[href^=http] {
    padding-right: 0;
    background-image: none;
}
main a:link[href^=mailto] {
    background-image: url(/graphics/icons/mail-blue.svg);
}
main p.credit a:link[href^=mailto] {
    background-image: url(/graphics/icons/mail-white.svg);
}
main a:link[download] {
    background-image: url(/graphics/icons/download.svg);
}
main p.credit a:link[href*=tenforward] {
    background-image: url(/graphics/icons/link-mastodon-white.svg);
}
main a.archive {
    background-image: url(/graphics/icons/archive.svg);
}
abbr {
    text-decoration: none;
    border-bottom: none;
    font-style: inherit;
    font-variant: normal;
}
abbr[title] {
    text-decoration: underline;
}
abbr[title]:hover {
    cursor: help;
}
dfn abbr {
    font-weight: normal !important;
}
code, kbd, samp {
    color: rgb(47,255,47);
}
a code {
    color: inherit;
    background-color: inherit;
}
.big {
    font-size: 160%;
    font-weight: bolder;
    line-height: 120%;
}
::selection {
    background: rgba(175, 185, 208, 0.75);
    color: rgb(50, 50, 50);
    text-decoration-color: rgb(50, 50, 50);
}

/* Specialty Styles */

p.singing::before, span.singing::before, q.singing::before {
    content: "\266B  ";
}
p.singing::after, span.singing::after, q.singing::after {
    content: " \266B";
}
.computer, .commvoice, .red, .recap, .station, .nechayev, .apoc-box, .vortex, .guardian,
.progeny, .singing, .narrator {
    font-style: italic;
}
em em {
    text-transform: uppercase;
}
i i, em i, i em, em em,
.computer em, .computer i, .computer cite,
.commvoice em, .commvoice i, .commvoice cite,
.red em, .red i, .red cite,
.recap em, .recap i, .recap cite,
.nechayev em, .nechayev i, .nechayev cite,
.apoc-box em, .apoc-box i, .apoc-box cite,
.vortex em, .vortex i, .vortex cite,
.guardian em, .guardian i, .guardian cite,
.progeny em, .progeny i, .progeny cite,
.singing em, .singing i, .singing cite,
.narrator em, .narrator i, .narrator cite {
    font-style: normal;
}
em em em, em em i {
    font-style: italic;
}
.commvoice::before {
    content: "\2039";
}
.commvoice::after {
    content: "\203A";
}
.recap {
    margin-left: 1.75em;
}
.borg, .computer, .station, .nechayev, .android {
    font-family: "Deja Vu Mono", "Menlo", "Monaco", "Lucida Console", "Courier", "Courier New", monospace;
}
.voice, .vortex, .guardian {
    font-family: "Deja Vu", "Arial Black", "Avenir Black", "Helvetica Neue", "Helvetica", "Verdana", "Arial", "Tahoma", sans-serif;
    font-weight: bold;
}
.vortex, .guardian {
    text-transform: uppercase;
}
.apoc-box, .progeny, .gorgan {
    font-family: "Magic Medieval", "Papyrus", "Georgia", "Times", fantasy;
}
.borg.queen {
    font-style: italic;
}
.button {
    font-size: 85%;
}
.computer {
    color: rgb(150,255,255);
}
.station {
    color: rgb(174,174,174);
    font-size: 90%;
}
.progeny, .vortex, .guardian, .nechayev {
    font-weight: bold;
}
.progeny strong, .vortex strong, .guardian strong {
    font-weight: bolder;
}
.borg {
    color: rgb(150, 230, 150);
}
.red {
    color: rgb(255,50,50);
}
.progeny, .guardian {
    color: rgb(210,210,0);
}
.apoc-box {
    color: rgb(230,150,10);
}
.nechayev, .vortex {
    color: rgb(180,180,0);
}
.starwars {
    margin: auto 30%;
}
.starwars p {
    text-align: justify;
}
.starwars em, .starwars strong {
    text-transform: uppercase;
}
hr.left + h4 {
    margin-bottom: 0;
}
hr.left + h4 + * {
    margin-top: 0;
}
hr.left + * b, hr.left + * strong, hr.left + p + p > b {
    background-color: transparent;
}
/*
:lang(es), :lang(fr), :lang(de), :lang(tlh),
:lang(x-vulcan), :lang(x-romulan), :lang(x-ferengi), :lang(x-cardassian), :lang(x-alien-gibberish) {
    font-style: italic;
}
*/

/* ============================================= */
/* Page-Specific Rules                           */
/* ============================================= */

/* The Subspace Cafe */

main header {
    margin: 0px;
    padding: 0px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: rgb(255, 204, 0) !important;
}
h2.blogtitle {
    font-size: 200%;
    border-bottom: 1px solid rgb(255, 204, 0);
    margin-top: 5px;
    padding-top: 15px;
}
main footer {
    background-color: transparent;
    box-shadow: none;
}
p.infobar {
    font-size: 85%; /* smaller; */
    border-top: 1px dotted white;
}
p.extended, p.infobar {
    text-align: right;
}
article.blog-entry {
    clear: both;
}
article.blog-entry + article.blog-entry {
    margin-top: 4em;
}
aside.right.anchors {
    width: auto;
}
aside.right.anchors ul {
    margin: 0px 5px;
    padding-left: 10px;
}

/*  FDSE Main Search Page  */

form#search-form {
    padding: 5px;
    text-align: center;
}

/* ============================================= */
/* Media Queries and Screen Customizations       */
/* ============================================= */

@media screen and (max-width: 1024px) {
    header.site-header, main, footer.site-footer {
        margin-left: 10px;
        margin-right: 10px;
    }
    header.site-header {
        left: 0px;
    }
    main {
        overflow-x: hidden;
    }
}
@media screen and (max-width: 800px) {
    header.site-header form {
        margin-right: 0px;
    }
    header.site-header form * {
        margin: 0px;
    }
    header.site-header nav ul, footer.site-footer nav ul {
        width: 50%;
    }
}
@media screen and (max-width: 640px) {
    body {
        margin: 0px;
        padding: 0px;
/*
         background-image: url(/graphics/backgrounds/blue-nebula-1.jpg);
         background-attachment: fixed;
         background-size: cover;
*/
/*
        background-image: url(/graphics/backgrounds/blue-nebula-1-top.jpg), url(/graphics/backgrounds/blue-nebula-1-bottom.jpg);
        background-attachment: fixed;
        background-position: top left, bottom left;
        background-size: contain, contain !important;
*/
    }
    div#background-image {
        background-image: url(/graphics/backgrounds/blue-nebula-1.jpg);
    }
    header.site-header {
        margin: 0px;
        padding: 10px 0px 0px 0px;
        text-align: center;
    }
    header.site-header nav, main, footer.site-footer {
        padding: 10px;
        margin: 10px 0px;
    }
    header.site-header nav, footer.site-footer nav {
        text-align: center;
    }
    header.site-header nav ul, footer.site-footer nav ul {
        width: 100%;
    }
    footer.site-footer {
        margin-bottom: 5em;
    }
    #logo {
        width: 95%;
        max-width: 95%;
    }
    header.site-header form {
        float: none;
        text-align: center;
        margin: 0.3em 10px;
    }
    header.site-header input {
        font-size: 90%;
    }
    footer.site-footer .featured {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    footer.site-footer .featured-title, #featuredlink {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    nav.nav-sections div {
        margin-top: 1.0em;
    }
    nav.nav-sections h3, nav.nav-sections h4, nav.nav-sections ul, nav.nav-sections p {
        margin: 0px 10px 5px 0px;
        clear: none;
    }
    nav.nav-sections ul {
        margin-left: 20px;
    }
    main {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }
    nav.nav-sections h3 {
        font-size: 140%;
    }
    h1 {
        font-size: 160%;
    }
    h2 {
        font-size: 140%;
    }
    h3 {
        font-size: 120%;
    }
    h4 {
        font-size: 100%;
    }
    .nav-thumb-l, .nav-thumb-r {
        float: right;
        width: 35%;
        height: auto;
        margin-bottom: 20px;
        margin-left: 20px;
        clear: none;
    }
    ul, ol {
        padding-left: 20px;
    }
    figure.right {
        width: 35%;
    }
    figure.right img {
        width: 100%;
        height: auto;
    }
    figure.right.large {
        width: 90%;
        float: none;
        margin: 10px auto;
    }
    figure.center-pic {
        max-width: 90%;
    }
    figure.center-pic img {
        width: 100%;
        height: auto;
    }
    .gallery-block figure {
        margin: 10px 0px;
    }
    .gallery-block img {
        max-width: 100%;
        height: auto;
    }
    .gallery-twopics figure {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 98% !important;
    }
    .gallery.emblems img {
        max-width: 100px;
        height: auto;
    }
    iframe, video, figure img, div.hype {
        max-width: 100%;
        height: auto;
    }
    .two-columns {
        column-count: 1;
    }
}
@media screen and (max-width: 360px) {
    header.site-header .sitesections, footer.site-footer .sitesections {
        width: 80%;
        margin: auto;
    }
}
@media print {
    body { font-size: 10pt; background-color: transparent !important; }
    body * { color: black !important; }
    h1 { border-bottom: black; }
    header.site-header nav, main, footer.site-footer,
    figure, aside, figure img, figure svg, .shadow, .rating img,
    .nav-thumb-l, .nav-thumb-r { box-shadow: none; }
    nav.navigation, footer .featured, nav.anchors, nav.navlink { display: none; }
    #logo { max-width: 4in; height: auto; }
    footer.site-footer { margin-bottom: 10px; }
}

/* ============================================= */
/* Custom Font Faces                             */
/* ============================================= */

@font-face {
    font-family: "Titillium Web";
    src: url("/styles/fonts/titilliumweb-semibold-webfont.eot");
    src: url("/styles/fonts/titilliumweb-semibold-webfont.eot?#iefix") format("embedded-opentype"),
         url("/styles/fonts/titilliumweb-semibold-webfont.woff2") format("woff2"),
         url("/styles/fonts/titilliumweb-semibold-webfont.woff") format("woff"),
         url("/styles/fonts/titilliumweb-semibold-webfont.ttf") format("truetype"),
         url("/styles/fonts/titilliumweb-semibold-webfont.svg#titillium_websemibold") format("svg");
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: "Titillium Web";
    src: url("/styles/fonts/titilliumweb-semibolditalic-webfont.eot");
    src: url("/styles/fonts/titilliumweb-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"),
         url("/styles/fonts/titilliumweb-semibolditalic-webfont.woff2") format("woff2"),
         url("/styles/fonts/titilliumweb-semibolditalic-webfont.woff") format("woff"),
         url("/styles/fonts/titilliumweb-semibolditalic-webfont.ttf") format("truetype"),
         url("/styles/fonts/titilliumweb-semibolditalic-webfont.svg#titillium_websemibold_italic") format("svg");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: "Titillium Web";
    src: url("/styles/fonts/titilliumweb-regular-webfont.eot");
    src: url("/styles/fonts/titilliumweb-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("/styles/fonts/titilliumweb-regular-webfont.woff2") format("woff2"),
         url("/styles/fonts/titilliumweb-regular-webfont.woff") format("woff"),
         url("/styles/fonts/titilliumweb-regular-webfont.ttf") format("truetype"),
         url("/styles/fonts/titilliumweb-regular-webfont.svg#titillium_webregular") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Titillium Web";
    src: url("/styles/fonts/titilliumweb-italic-webfont.eot");
    src: url("/styles/fonts/titilliumweb-italic-webfont.eot?#iefix") format("embedded-opentype"),
         url("/styles/fonts/titilliumweb-italic-webfont.woff2") format("woff2"),
         url("/styles/fonts/titilliumweb-italic-webfont.woff") format("woff"),
         url("/styles/fonts/titilliumweb-italic-webfont.ttf") format("truetype"),
         url("/styles/fonts/titilliumweb-italic-webfont.svg#titillium_webitalic") format("svg");
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: "Oxygen";
    src: url("/styles/fonts/oxygen-webfont.eot");
    src: url("/styles/fonts/oxygen-webfont.eot?#iefix") format("embedded-opentype"),
         url("/styles/fonts/oxygen-webfont.woff2") format("woff2"),
         url("/styles/fonts/oxygen-webfont.woff") format("woff"),
         url("/styles/fonts/oxygen-webfont.ttf") format("truetype"),
         url("/styles/fonts/oxygen-webfont.svg#oxygenregular") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Oxygen";
    src: url("/styles/fonts/oxygen-italic-webfont.eot");
    src: url("/styles/fonts/oxygen-italic-webfont.eot?#iefix") format("embedded-opentype"),
         url("/styles/fonts/oxygen-italic-webfont.woff2") format("woff2"),
         url("/styles/fonts/oxygen-italic-webfont.woff") format("woff"),
         url("/styles/fonts/oxygen-italic-webfont.ttf") format("truetype"),
         url("/styles/fonts/oxygen-italic-webfont.svg#oxygenitalic") format("svg");
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: "Oxygen";
    src: url("/styles/fonts/oxygen-bold-webfont.eot");
    src: url("/styles/fonts/oxygen-bold-webfont.eot?#iefix") format("embedded-opentype"),
         url("/styles/fonts/oxygen-bold-webfont.woff2") format("woff2"),
         url("/styles/fonts/oxygen-bold-webfont.woff") format("woff"),
         url("/styles/fonts/oxygen-bold-webfont.ttf") format("truetype"),
         url("/styles/fonts/oxygen-bold-webfont.svg#oxygenbold") format("svg");
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: "Oxygen";
    src: url("/styles/fonts/oxygen-bolditalic-webfont.eot");
    src: url("/styles/fonts/oxygen-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),
         url("/styles/fonts/oxygen-bolditalic-webfont.woff2") format("woff2"),
         url("/styles/fonts/oxygen-bolditalic-webfont.woff") format("woff"),
         url("/styles/fonts/oxygen-bolditalic-webfont.ttf") format("truetype"),
         url("/styles/fonts/oxygen-bolditalic-webfont.svg#oxygenbold_italic") format("svg");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: "Deja Vu";
    src: url(/styles/fonts/DejaVuSans.ttf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Deja Vu";
    src: url(/styles/fonts/DejaVuSans-Oblique.ttf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: "Deja Vu";
    src: url(/styles/fonts/DejaVuSans-Bold.ttf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: "Deja Vu";
    src: url(/styles/fonts/DejaVuSans-BoldOblique.ttf);
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: "Deja Vu Mono";
    src: url(/styles/fonts/DejaVuSansMono.ttf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Deja Vu Mono";
    src: url(/styles/fonts/DejaVuSansMono-Oblique.ttf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: "Deja Vu Mono";
    src: url(/styles/fonts/DejaVuSansMono-Bold.ttf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: "Deja Vu Mono";
    src: url(/styles/fonts/DejaVuSansMono-BoldOblique.ttf);
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: "Magic Medieval";
    src: url(/styles/fonts/MagicMedieval.ttf);
}