/* Main set-up of fonts and margin-like stuff */

html
{
  font-size:14px;
  overflow-y: scroll;
}

html, body
{
  border:0px;
  margin:0px;
  padding:0px;
}

body,ul,ol,p,th,td,tr,dl,h1,h2,h3,h4,div,small
{  
  font-family: sans-serif; 
}                                                 

pre,tt
{  
  font-family: monospace; 
}

a:link {
    text-decoration: none;
    color:blue;
}

a:visited {
    text-decoration: none;
    color:red;
}

a[href]:hover { /* No underlining for only name attributes in news */
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
    color:red;
}

/* Missing or incorrect field values in updates. */
.error
{
  color:red;
}

/* Top banner on every page */
#logo
{
min-width:100%;
max-width:100%;
height:auto;
padding:0px;
margin:0px;
/* padding-left:0px; */
}

/* Removing IE's image link border */
a img
{
  border:0px;
}

/* The entire page */
#main
{
  max-width:800px;
  margin:auto;
  padding:0px;
  border-style:none solid solid solid;
  border-width:1px;
  border-color:black;
  background-color:#ffffff;
}

/* The content below the top banner */
#content
{
  padding:10px;
}

/* Getting the main table to be responsive */

#main-table
{
  table-layout:fixed;
}

.stretch-input /* The input fields that should contract at some point */
{ 
/*  box-sizing:border-box; */
/*  width:100%; */
  width:8em;
}

/* Other main table issues */

#main-table td
{
  vertical-align:top;
  padding-top:0px;
  padding-bottom:0px;
}

#main-table td:empty
{ 
  width: 25px;
}                    

#main-table tr.in-table-top > td
{
  padding-top:20px;
}

#main-table td.in-table-headline
{
  font-size:20px;
}

/* Hiding table issues */

#hiding-table
{
  border-spacing:0;
  border-collapse:collapse;
}

#hiding-table td
{
  padding-top:0px;
  padding-bottom:2px;
}

/* Update table issues */

#update-table tr.in-table-top > td
{
  padding-top:20px;
}

#update-table td.in-table-headline
{
  font-size:20px;
}

/* Making censor names appear link-like */

/*.mycensors
{
  color:blue;
}

.mycensors:visited
{
  color:red;
}*/

.mycensors:hover
{
  background-color:lightgrey;
}

.p-with-space
{
  padding-top:10px;
}

.p-with-large-space
{
  padding-top:50px;
}

/* Making the check boxes align with position label */
.myboxes
{
  position: relative;
  vertical-align: middle;
  bottom: 1px;
}

/* Bottom links on message page */

.left-space
{
  padding-left:20px;
}

body
{
  background-color: #999;
}

@media screen and (min-width: 800px)
{
  #main
  {
    box-shadow: 1px 2px 5px 4px rgba(0,0,0,.2);
    margin-top:5px;
    margin-bottom:5px;
    border-style:solid;
  }
}

/* Information link */

#information
{
  text-align:right;
  font-variant:small-caps;
}