html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

a {
    text-decoration: underline;
}

a:link {
    color: #07080A;
}

a:visited {
    color: #07080A;
}

a:hover {
    color: #F5F5F5;
    background-color: #303030;
    text-decoration: none;
}

a:active {
    color: #07080A;
}

img {
    border: none;
}

.stills-img {
    min-width: 640px;
    -o-object-fit: contain;
    object-fit: contain;
}

.imagelink img {
    border: 0px;
    border-width: 0px;
    width: 64px;
    height: 64px;
    outline: none;
    outline-width: 0px;
    border-bottom: none;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}

.centereddna {
    margin-left: auto;
    margin-right: auto;
}

.menuthumb {
    width: 3vw
}


#im-japan-2025-body .im-japan-2025-nav,
#im-trip-body .im-trip-nav,
#im-critters-body .im-critters-nav,
#im-nuggets-body .im-nuggets-nav,
#im-sequoia-2024-body .im-sequoia-2024-nav,
#im-cindy-ca-body .im-cindy-ca-nav,
#im-dad-fort-point-ggb-07-1994-body .im-dad-fort-point-ggb-07-1994-nav,
#im-tom-body .im-tom-nav,
#im-zgen-body .im-zgen-nav,
#im-zgen-ellis-body .im-zgen-ellis-nav,
#im-zgen-bessell-body .im-zgen-bessell-nav,
#im-zgen-griffin-body .im-zgen-griffin-nav,
#im-ca_ellis_bbook-body .im-ca_ellis_bbook-nav,
#index-body .index-nav,
#p1-body .p1-nav,
#resume-body .resume-nav,

body {
    background: #FFFFFF;
    color: #07080A;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    min-width: 860px;
    max-width: 1200px;
    width: 70%;
}

.whc-doc {
    font-family: Arial;
    color: rgb(0,0,0);
}

.whc-oral {
    font-family: Arial;
    font-weight: 700;
    color: rgb(0,0,0);
}

.whc-spec {
    font-family: Arial;
    font-weight: 700;
    color: rgb(100,100,0);
}

.whc-src {
    vertical-align: super;
    font-size: 60%;
}

.whc-add-pics {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.resume {
    background: #ffffff;
    color: #000000;
}

.resume-sub {
    padding-left: 10px;
    padding-right: 10px;
}

#outoutline {
    background: #F5F5F5;
}

.outline {
    border: 1px solid #222730;
    vertical-align: top;
}

#staceyname {
    color: #07080A;
    font-size: 110%;
}

#nav {
    background: #F5F5F5;
    border: none;
}

#navbar	{
    border: 1px solid #222730;
    vertical-align: top;
    width: 10vw
}

#nav a {
    text-decoration: none;
}

.galarrow {
    font-size: 170%;
    border: none;
    text-decoration: none;
}

.stills td {
    vertical-align: top;
}

.p1-pics {
    vertical-align: top;
}

.stills-thumbs td {
    padding: 5px;
    vertical-align: top;
    text-align: center;
}

.stills-image {
    text-align: center;
    vertical-align: top;
}

.index-thumbs {
    padding: 0px;
    border: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    text-indent: 0px;
}

.ai-cap-style {
    float: right;
    background-color: #ffffff;
    font-size:80%;
    border: 2px solid #ffffff;
    width: 10vw
}

.ai-img-style {
    width: 9vw
}

.wrap_list li {
    width: 50%;
    float: left;
}

.big-trip-cap-head {
    font-size: 100%;
    font-weight: bold;
}

.ai-h2 {
    font-size: large;
    font-weight: bold;
}

.index-img {
    font-size: 110%;
    padding: 2px;
}

.stills-caption {
    text-align: left;
}

th.inner, td.inner
{
    border: 1px solid black;
    text-align: center;
}

table.nellie
{
    table-layout: fixed;
    width: 75%;
}

th.nellie, td.nellie
{
    border: 1px solid black;
    vertical-align: middle;
    text-align: center;
}

th.outer, td.outer
{
    border: none;
    text-align: center;
}

table.outer
{
    table-layout: fixed;
}

table.inner
{
    table-layout: fixed;
}

#dna-body
{
    width: 100%;
}

#george-ellis-dna-body
{
    width: 95%;
}

td.george
{
    text-align: center; 
    vertical-align: middle;
    border: 1px solid black;
}

th.george
{
    text-align: center; 
    vertical-align: middle;
    border: 1px solid black;
}

table.george
{
    table-layout: auto;
    border-collapse: collapse;
}

table.subgeorge
{
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
}

@media screen and (max-width: 860px) {
    body {
        width: 100%;
        min-width: 640px;
    }

    #nav a {
        font-size: 70%;
    }

    #navbar {
        width: 4vw;
    }

    .galarrow {
        font-size: 150%;
        text-decoration: none;
    }

    .stills-img {
        min-width: 512px;
    }

    .imagelink img {
        width: 32px;
        height: 32px;
    }
}

@media (pointer: none), (pointer: coarse), screen and (max-width: 700px) {
    #navbar {
        display: none;
    }

    body {
        width: 100%;
        min-width: 512px;
    }

    .stills-img {
        min-width: 450px;
    }
}

dt {
    font-weight: bold;
    grid-column-start: 1;
}

dt::after {
    content: ":";
}

dl {
    display: grid;
    grid-template-columns: max-content auto;
}

dd {
    grid-column-start: 2;
}