/* Cascading stylesheet for BBS */
/* Updated 07/01/23 */


/* header */

.header
{
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-style: italic;
   margin-top: 2em;
   margin-bottom: 3em;
}


/* page settings */

body
{
   color: white;
   background: rgb(0, 0, 51);
/*   padding-left: 11em; */
   margin-right: 5%;
   margin-left: 5%;
}

/* tjo
body
{
   color: white;
   background: black;
   margin-right: 5%;
   margin-left: 5%;
}
*/

/* tfc
body
{
   color: black;
   background: goldenrod;
   margin-right: 5%;
   margin-left: 5%;
}
*/

/* navbar */
/*
ul.navbar
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em;
}

ul.navbar li
{
    background: rgb(0, 0, 51);
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid gold;
}
*/

/* headings */

.h1,h1
{
   color: GoldenRod;
   font-size: 150%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: bold;
   margin-left: 0;
   margin-top : 1em;
}

.h2,h2
{
   color: GoldenRod;
   font-size: 100%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-style: italic;
   margin-left: 0;
   margin-top: 1em;
}

.h3,h3
{
   color: #0000ff;
   font-size: 100%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: bold;
   margin-left: 5%;
}

.h4,h4
{
   color: #0000ff;
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: bold;
   margin-left: 10%;
}

.h5,h5
{
   color: rgb(153, 153, 204);
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: normal;
   font-style: italic;
   margin-top: 2em;
}


/* footer */

.footer, footer
{
   color: rgb(153, 153, 204);
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-style: italic;
}


/* paragraph indents */

.indent2
{
   margin-left: 5%;
}

.indent3
{
   margin-left: 10%;
}

.indent4
{
   margin-left: 15%;
}


/* list settings */

.li,li
{
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
}

.ol,ol
{
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
}

.ul,ul
{
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
}


/* paragraph settings */

.p,p,.div,div
{
   font-size: 100%;
   font-family: "Arial", "Helvetica", "sans-serif";
}

.pre,pre
{
   font-size : 100%;
   font-family: "Courier", "Courier New", "monospace";
}



/* highlighter styles */

.delete
{
   background-color : red;
   text-decoration : line-through;
}

.banner
{
   background-color : rgb(21, 1, 133);
   text-decoration : none;
}


/* data definition */

.dd,dd
{
   margin-bottom: 5px;
   margin-top : 5px;
}

.dl,dl
{
   font-family: "Arial", "Helvetica", "sans-serif";
   font-size: 90%;
}

.dt,dt
{
   font-weight: bold;
   margin-bottom: 5px;
}


/* character styles */

.caption
{
   font-size: 80%;
   font-weight: bold;
}

.mono
{
   font-family: "Courier", "Courier New", "monospace";
}

.note, note
{
   font-size: 60%;
   font-family: "Arial", "Helvetica", "sans-serif";
}


/* links */

a:link
{
   color: goldenrod;
}

a:active
{
   color: rgb(153, 153, 204);
}
a:visited
{
   color: rgb(102, 153, 204);
}

audio::-internal-media-controls-download-button {
    display:none !important;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}