/* CSS stolen in part from default WordPress theme (Kubrik) */
#header {
  background: #000080;
  padding: 5px;
  color: #ffe;
  text-align: center;
}
#content {
  line-height: 25px;
}
#footer {
  font-size: 55%;
}
acronym {
  cursor: help;
  border-bottom: #000 1px dotted
}
.reference {
  float: right;
  border: 1px solid black;
  width: 300px;
  clear: right;
  margin: 1em;
  padding: 0.2em 0.5em;
  background-color: white;
  line-height: 1em;
}
.reference h2 {
  height: 39px;
  padding-left: 52px;
  background: url('images/info.JPG') left center transparent no-repeat;
}
.icons {
  position: relative;
}
.icons dt {
  position: absolute; left: 5px;
}
.icons dd {
  padding-bottom: 5px;
}
.gotcha {
  border: 1px solid black;
  padding: 5px 5px 5px 89px;
  line-height: 1.2em;
  min-height: 77px;
  height: auto !important; /* silly IE min-height hack */
  height: 82px;
  overflow: visible;
  background: url('images/alert.gif') 5px 5px no-repeat white;
}
#header img {
  display: block;
}
.intro img {
  float: left;
  clear: both;
  margin: 10px;
}
p {
  margin: 0;
}
dt {
  font-weight: bold;
  font-size: 150%;
  padding-left: 5px;
  clear: left;
}
dd img {
  vertical-align: middle;
}
ol {
  margin: 0;
  padding: 0;
}
.reference h2 {
  font-size: 120%;
}
.reference dt {
  font-size: 80%;
}
button {
  height: 2em;
  float: left;
  vertical-align: middle;
}
.query {
  font-size: 9px;
  color: #AAA;
}
em {
  font-family: sans-serif;
  background-color: #ddf;
  font-style: normal;
}
.red { /* bad name for a class, since it hard-wires style info */
  color: red;
}
img.bigpicture {
  display: block;
  position: relative;
  left: -20px; /* move back so more of it shows */
}
/* styles for javascripted stuff */
.expanded {
  /* padding-left: 21px; */
  /* background: transparent url(images/collapse.gif) left center no-repeat; */
  cursor: pointer;
}
.collapsed {
  padding-left: 21px;
  background: transparent url(images/expand.gif) left center no-repeat;
  cursor: pointer;
}