.spoiler{
  background-color: #111D35;
  color: transparent;
  user-select: none;
}

.spoiler:active{
  background-color: inherit;
  color: inherit;
}
.spoiler:hover{
  background-color: inherit;
  color: inherit;
}

body {
    margin: 0px 14px 0px 14px; /* n6.01win-mac won't recognize top margin for middle box, so it goes here */
	background: white;
	background-image: url("../img/vbox_gradient.png"); 
    background-repeat: repeat-x;
}

.flex-parent {
  display: flex;
}
.flex-child {
  flex: 1;
}

/* This is the DIV hierachy:
     #outer 
     +-- #vboxstring
     +-- #vboxlinks (all from templates/site_header.html)
     +-- #center (our wrapper, templates/site_header.html)
     .   +...#banner (hidden by us)
     .   .   +-- #header (logo)
     .   .   +-- searchbar (DIV has no ID, but is wrapped in form #search)
     .   .   +-- #metanav (trac barn)
     .   +...#mainnav (trac bar, hidden)
     .   +...#main
     .   .   +-- #ctxtnav (trac bar)
     .   .   +-- #content
     .   .   .   +-- #wikipage
     .   .   .   .   +-- #searchable
     .   .   .   +-- #buttons
     .   .   +-- #altlinks (other formats)
     .   +-- #footer
   +-- #vboxfooter (from templates/site_footer.html)
*/

#logo, #logo:hover, #logo:visited, #logo:link, #logo:link:hover, #logo:visited:hover, #logo img {
    position: absolute; 
    top: 0px;
    left: 10px;
    text-decoration: none;
    background-color: transparent;
    margin: 0;
    font-size: 0;
}

#logo img {
    left: 0px;
    color: transparent;
}

#vboxlinks {
    position: absolute; 
    top: 170px;
    left: 20px;
}

#vboxstring {
    position: absolute; 
    top: 0px; 
    left: 230px;
}

.trac-modifiedby, .trac-help {
    display: none;
}

.pathentry {
    display: none;
}

/* within our #outer, #center holds everything else */
#center {
    margin: 75px 10px 0px 150px; /* n6.01win-mac won't recognize top margin for middle box, so it goes in body */
    /* background: white; */
}
/* #main {
    border: 1px solid red;
} */
#content {
	margin-left: 25px;
    margin-top: 0px;
    border-left: 1px dotted #888;
    border-bottom: 1px dotted #888;
    padding: 0px 20px 10px 10px;
}
.wikipage { 
    padding-left: 10px;
}
.wikipage h1, .wikipage h2, .wikipage h3 { 
    margin-left: 0px;
}

#searchable {
    text-align: justify;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

/* The main navigation bar generated by Trac is not vital, but #ctxtnav is useful */
#mainnav {
    display: none;
}

#search {
    display: none;
}

#content.wiki > #attachments {
    display: none;
}

/* formatting section */
body, th, td {
    font-family: Verdana,'Bitstream Vera Sans',sans-serif;
}

h1, h2, h3, h4 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    letter-spacing: .02em;
    text-align: left;
}
h1.section, h2.section, h3.section, h4.section {
    font-family: Arial,Helvetica,sans-serif;
    color: black;
    background: none;
}
h1 :link, h1 :visited, h2 :link, h2 :visited, h3 :link, h3 :visited {
    border: none;
}

h1.section {
    font-size: 200%; 
    border-bottom: 1px dotted #888;
    margin: 0 0 0.5em;
    padding: 0;
}
h2.section {
    font-size: 150%; 
    border: none;
    margin: 0 0 0.9em;
    padding: 0;
}
h3.section {
    font-size: 125%; 
    border: none;
    margin: 0 0 1em;
    padding: 0;
}

td {
    text-align: left;
}

:link, :visited {
    text-decoration: none;
    color: #00c;
    border-bottom: none;
}
:link:hover, :visited:hover {
    background-color: #00c;
    color: white;
}
/* Fix foldable hover */
.foldable :link:hover, .foldable :visited:hover {
    background-color: transparent;
    color: #222;
}
/* Fix search result hover */
#content #results dt a:hover {
    color: white;
}

#metanav form.trac-logout button {
    color: #00c;
    border-bottom: 0;
}

#metanav form.trac-logout button:hover {
    background-color: #00c;
    color: white;
    border-radius: 0;
}

/* Then fix search word highlighting again */
@media screen {
 .searchword0 { color: #00c }
 .searchword1 { color: #00c }
 .searchword2 { color: #00c }
 .searchword3 { color: #00c }
 .searchword4 { color: #00c }
}

/* Heading anchors 
   These are tricky: These get added via JavaScript when the page is loaded
   (addHeadingLinks, in /usr/share/trac/htdocs/js/trac.js), and are given a
   class of "anchor". We just hide these now. 
*/
.anchor {
	color: white;
}

.anchor:hover {
    color: azure;
}


/* this gets rid of the hover on the screenshots */
.screenshot a:hover {
    text-decoration: none;
    background-color: transparent;
    border-bottom: none;
}

#vboxfooter {
    color: #aaa;
}

#vboxlinks {
    padding-top: 20px;
    line-height: 200%;
}

#vboxsearch {
    color: #666;
    background-color: white;
    margin: 0px 3px 0px 0px;
    border: 1px solid #ccc;
    padding: 1px;
}

.newsflash {
    float: right;
    width: 220px; 
    height: auto; 
    margin: 1em 0em 1em 1em; 
    border: 2px outset #996; 
    padding: .5em; 
    background-color: #ffd; 
    font-size: 0.85em;
}

.newsflash h3 {
    font-size: 100%;
    font-family: inherit;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #996; 
    border-bottom: 1px solid #dd9; 
}

.newsflash ul {
    list-style: square; 
    margin-left: 1em; 
    padding: 0px;
}

.newsflash li {
    margin-bottom: .5em;
}

/* hide the trac advertising */
#footer, #altlinks {
    display: none;
}
#newticketguide {
    background: #fdc; border: 2px solid #d00; font-style: italic;
    margin: 1em 0; padding: 0 .5em;
}

@media print {
    body {
        background: #fff;
    }
    body,p,table,td {
        font-size: 10pt !important;
    }
    h1 {
        font-size: 16pt !important;
    }
    #topbar, #topnav, #left, #right {
        display: none; margin: 0;
    }
    #ew-header {
        display: none;
    }
    #ew-content {
        border-left: none;
    }
    #ew-footer {
        background: transparent; border: none;
    }
    #wrapper {
        background: transparent; margin: 0; padding: 0;
    }
    #main {
        background: transparent; width: 100%; margin: 0; padding: 0;
        border-top: 9px solid #b00; border-left: none;
    }
    input[type=submit] {
        display: none;
    }
}