#content, body {
position: relative;
background-color: #CCCCCC;
}

div.gasi {
  position: relative;
  margin: 2px auto 2px auto;
}

div.gast {
  position: relative;
  margin: 2px auto 2px 1em;
}

#nojs {
position: relative;
font-size: larger;
font-style: bolder;
left: 50%;
width: 30em;
margin-left: -15em;
padding: 2em;
background-color: #F00;
color: #FF7;
}

#nocss {
position: relative;
font-size: larger;
font-style: bolder;
left: 50%;
width: 30em;
margin-left: -15em;
padding: 2em;
background-color: #F00;
color: #FF7;
display: none;
}

#left, .boxed {
position: relative;
font-size: larger;
top: 0;
width: 32em;
margin: 0;
left: 16em;
margin-left: -16em;

padding: 0;
border: 0;
}

#right {
position: absolute;
font-size: larger;
top: 0;
width: 10em;
margin: 0;
left: 39em;
margin-left: -5em;

padding: 0;
border: 0;
}

#broadcast, #messages {
position: relative;
width: 100%;
margin: 0;
margin-bottom: 0.5ex;
padding: 1ex;
background-color: white;
}

#user, #channel, #version, #success, #onliners {
position: relative;
width: 8em;
margin: 0;
margin-bottom: 0.5ex;
padding: 1ex;
background-color: white;
}

#myvoice, #myid, #mychannel {
width: 97%;
border: 1px solid silver;
padding: 0.5ex;
background-color: #EEE;
}

#broadcasting, #clearing {
position: relative;
margin: 0;
margin-bottom: 0.5ex;
font-size: medium;
background-color: orange;
color: white;
}

div.note {
position: relative;
width: 100%;
margin: 0;
margin-bottom: 0.5ex;
padding: 1ex;
padding-top: 0.3em;
padding-bottom: 0.3em;
background-color: #eee;
overflow: auto;
}

div.note p, div.note dl {
  font-size: smaller;
}

div.note dl dt {
  font-weight: bolder;
}

div.message {
color: grey;
position: relative;
width: 100%;
}

div.mymessage {
color: silver;
position: relative;
width: 100%;
}

img.anImage {
  border: 0;
  max-width: 400px;
  max-height: 400px;
  vertical-align: top;
}

span.who, span.you {
font-size: x-small;
font-weight: bolder;
padding-right: 1em;
padding-bottom: 0.5ex;
}

span.when {
font-size: xx-small;
font-style: italic;
}

div.what {
padding-bottom: 0.5ex;
position: relative;
font-size: smaller;
left: 2em;
color: black;
}

#cover {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}

div.error {
  border: 1px solid gold;
  background-color: red;
  color: yellow;
  padding: 1em;
}

#license {
font-size: x-small;
position: absolute;
left: 0;
right: 0;
margin: 0;
padding: 2em;
border: 0;
background-color: #DDD;
}

#messages dl dd {
color: #007;
}

#messages dl dd {
margin-bottom: 0.5ex;
color: grey;
}

span.smaller {
  font-size: smaller;
  background-color: #ddd;
}

#broadcast, #messages, #user, #channel, #version, #success, #onliners, div.note {
border-top: 3px double gray;
border-left: 3px double gray;
border-bottom: 3px double silver;
border-right: 3px double silver;
}