/* GoingsOn_Display.css -- Style sheet for displayed web pages in GoingsOn */

body {
  background-color: black;
  color: white;
}

/* params for all titles */
.title {
  margin: 1em 2em ;
  text-align: center;
}

/* params for indented items */
.indent {
/*
 margin: 1em 2em ;
*/
 padding-left: 50pt;
 padding-right: 50pt;
}

/* params for items which should not be printed */
/*
.noprint {
  display: initial;
}
*/

/* params for items which should only be printed */
.print {
  display: none;
}
/*
  width: 0;
  height: 0;
*/

/* Navigation outline at the bottom */
div.nav-outline {
}

/* A row of images with labels below, which hopefully will wrap */
div.imageset {
  text-align: center;
  vertical-align: text-top;
  margin: 0 auto;
}
/*
  height: 2.75in;
  max-height: 2.75in;
  object-fit: contain;
  object-fit: scale-down;
  vertical-align: text-top;
  vertical-align: baseline;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 800px;
  width: auto;
  position: relative;
  float: center;
*/

/* A single image with an optional label below */
div.imagewithlabel {
  display: inline-block;
  vertical-align: top;
  object-fit: scale-down;
}
/*
  max-height: 2.75in;
  height: 256px;
  max-height: 256px;
  max-height: 2.75in;
  max-width: 100%;
  object-fit: contain;
  object-fit: scale-down;
*/

/* A way to have a caption span more than one image but not the whole bunch */
div.labelblock {
  display: inline-block;
}
/*
  vertical-align: top;
  object-fit: scale-down;
*/

img {
  border: 0;
  margin-left: auto;
  margin-right: auto;
}
/*
  text-align: center;
  display: block;
*/

/* An image suitable for printing, i.e. a high-def many-pixel one */
img.embed {
  max-height: 256px;
  max-width: 100%;
}

ul {
  margin: 1em 2em ;
}

li {
  margin: 0 2em ; /* IE 6 needs this because it ignores margin on ul */
}

p.footer {
  font-size: x-small;
  text-align: center;
}

smaller {
  font-size: smaller;
}

a:link {
 color:#00cbff;
}
/*
 text-decoration: underline;
 color:#00CCEE;
 color:#008800;
 color:#a8e935;
*/

a:visited {
 color:#0094fc;
}
/*
 color: #770080;
 color: #BB7FCF;
 color: #551A8B;
 color: #331A8B;
 color: #a9ffe7;
 color: #a0ffe7;
 color: #00cbff;
*/

a:active {
 color: #CCCC00;
}
/*
 color: #FF0000;
*/

a:hover {
 color: #DD9FEF;
}
/*
 color: #449FEF;
 color: #0000EE;
*/

