:root {
    --text-color: #a4938d;
    --highlight-color: #d5ac54;
    --border-color: #a56c14;
    --section-border-color: rgba(48,45,41,1);
    --logo-font: "Cherry Coke";
}

@font-face {
    font-family: "Cherry Coke";
    src: url('/cherrycoke.ttf');
}

html {
    font-family: "Arial", "Helvetica";
    margin: 0 auto;
    width: 100%;
    background-color: #202020;
    background-attachment: fixed;
    background-image: url("/images/Club Rapa Nui - Interior Ground Floor.png");
}

body {
    margin: 10px auto 0 auto;
    border: 1px solid var(--border-color);
    width: 760px;
    background-color: rgba(28,25,21,0.95);
    color: var(--text-color);
    font-size: 12pt;
    line-height: 1.25em;
}

.arch {
    border-radius: 45% 45% 0 0;
}

#logo {
    padding-top: 2em;
    width: 318px;
    height: 144px;
    opacity: 50%;
}

summary {
    width: 100%-4em;
    padding: 1em 3em;
}

section {
    width: 100%-4em;
    padding: .25em 2em .25em 4em;
}

table {
    margin: none;
    padding: none;
    font: inherit;
    color: inherit;
}

th {
    vertical-align: top;
    text-align: left;
    font: inherit;
    font-size: 8pt;
    color: var(--highlight-color);
}

td {
    font: inherit;
    color: inherit;
    vertical-align: top;
    text-align: left;
}
td:first-child {
    padding-right: 2em;
}

.date {
    margin: 0;
    padding: 0;
    font-size: 16pt;
    line-height: 1;
}

.time {
    margin: 0;
    padding: 0;
    font-size: 10pt;
    line-height: 1;
}

.event {
    font-size: 18pt;
}

h1 {
    border: 0 0 1px 0 double inherit;
    margin: none;
    padding: none;
    text-align: center;
    color: var(--highlight-color);
    font-family: var(--logo-font);
    font-size: 16pt;
}

h2 {
    margin-left: -2em;
    text-align: left;
    color: var(--highlight-color);
    font-family: var(--logo-font);
    font-size: 14pt;
}

p {
    font: inherit;
    color: inherit;
}

a {
    color: white;
    text-decoration: none;
}

pre {
    font-size: 8pt;
}

#map {
    display: block;
    width: 256px;
    vertical-align: top;
    float: right;
}

#schedule_header_row.th {
    text-align: left;
    text-decoration: bold;
    font-size: 8pt;
}
#schedule_table {
    border-width: 1px;
}

#photo {
    margin: 0 auto 0 auto;
    padding: 0;
}

audio {
    margin: none;
    padding: none;
}

#stream_link {
    font-size: 8pt;
}

#guests {
    columns: 3;
}
.guest {
    margin: 0;
    padding: 0;
    display: block;
    white-space: nowrap;
}

textarea {
    border: none;
    opacity: 0.5;
    background-color: white;
    color: black;
    width: 40em;
    height: 12em;
}

footer {
    position: relative;
    top: 8pt;
    height: 8pt;
    color: var(--border-color);
    width: 100%;
    font-size: 8pt;
}
#footer_table {
    width: 100%;
}
#footer_title {
    color: inherit;
    font-family: var(--logo-font);
    text-align: left;
}
#footer_timestamp {
    text-align: right;
    color: inherit;
}

.club_font {
    font-family: "Cherry Coke";
    font-size: 80%;
}

/* EOF */