:root
{
  background-color: #ffffff;
  color: #000000;
}

a:hover
{
  color: #d9b600;
  animation-duration: 0s !important;
}

body>header, body>#sewers>header
{
  background-image: url('./../img/sewers.art.light.512x128.png');
}

body>#narrowSewers>header
{
  background-image: url('./../img/sewers.art.light.256x128.png');
}

hr
{
  border-top: 1px solid #ffd700;
}

input
{
  border: 2px solid #000000;
  background-color: #ffffff;
  color: #000000;
}

input[type=submit]
{
  border: 2px solid #000000;
  background-color: #ffd700;
  color: #000000;
}

textarea
{
  border: 2px solid #000000;
  background-color: #ffffff;
  color: #000000;
}

button
{
  border: 2px solid #000000;
  background-color: #ffd700;
  color: #000000;
}

select
{
  border: 2px solid #000000;
  background-color: #ffffff;
  color: #000000;
}

#msg
{
  border: 2px solid #000000;
  background-color: #eeeeee;
}

#sun
{
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

#layoutForm input[type=submit]
{
  border: 0px;
  background-color: inherit;
  color: inherit;
  font-weight: normal;
}

#layoutForm input[type=submit]:hover
{
  color: #fcd600;
  font-weight: bold;
}

.button
{
  border: 1px solid #000000;
  background-color: #ffffff;
}

.menuItem a.highlighted
{
  color: #ff0000;
}

.framedBoard
{
  border: 2px solid #000000;
  background-color: #ffffff;
}

.comment
{
  border-left: 0px;
  border-top: 1px solid #ffd700;
  border-right: 0px;
  border-bottom: 0px;
}

.commentAncestor
{
  border: 2px solid #000000;
}

.commentHeader
{
  background-color: #cccccc;
}

.commentHeaderStranger
{
  background-color: #eeeeee;
}

.commentHeaderTrash
{
  background-color: #eeeeee;
  color: #888888;
}

.commentBodyTrash
{
  color: #888888;
}

.authorDripsTable td
{
  border-top: 1px solid #ffd700;
}

.authorDripsTable .highlighted
{
  color: #ff0000;
}

.dripCalendar th
{
  border: 1px solid #ffd700;
}

.dripCalendar td
{
  border: 1px solid #ffd700;
}

.dripCalendarSelected
{
  background-color: #ffd700 !important;
}

.dripCalendarPast
{
  background-color: #888888;
}

.dripCalendarPlan
{
  background-color: #bd5d00;
}

.unscheduledDrips th
{
  border: 1px solid #ffd700;
}

.unscheduledDrips td
{
  border: 1px solid #ffd700;
}

.unscheduledDripsPicked
{
  background-color: #888888 !important;
}

#hiddenCommentsForm
{
  border: 1px solid #000000;
}

#hiddenCommentsFormSuppressed
{
  border: 1px solid #000000;
}

@keyframes menuItemHighlight
{
    0% {color: #000000;}
   25% {color: #ff0000;}
   50% {color: #000000;}
   75% {color: #ffd700;}
  100% {color: #000000;}
}


@media only screen and (max-width: 999px)
{
  body>header, body>div>header, body>#narrowSewers>section
  {
    background-image: none !important;
  }
  
  #msg
  {
    border-left: 0px;
    border-top: 1px solid #000000;
    border-right: 0px;
    border-bottom: 1px solid #000000;
    background-color: inherit;
  }
}