/* 
 * Dark header, light body with serif text and sans headers. 
 * Bright pink links and footer.
 */

body, table {
  font-family:Georgia, Times, serif;
}

body {
  background-color:#f80dde;
  color:#202020;
  margin:0;
  padding:0;
}

h1, h2, h3, h4, #header, #footer {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  padding:0;
}

h1 { 
  font-size:133%;
  font-weight:bold;
  margin:0 0 1em 0;
}

h2 {
  font-size:116%;
  font-weight:bold;
  margin:0 0 1em 0;
}

h3 {
  font-size:108%;
  font-weight:bold;
  margin:0 0 1em 0;
}

h4 {
  font-size:100%;
  font-weight:bold;
  margin:0 0 1em 0;
}

a, a:visited {
  color:black;
  text-decoration:none;
  border-bottom:dotted 1px #202020;
}

a:hover {
  background-color:#f80dde;
}

img {
  margin:0;
  padding:0;
  border:none;
}

pre {
  border:dotted 1px #202020;
  padding:8px;
}

.frame {
  border:solid 1px black;
}

.splash {
  text-align:center;
}

.clear {
  clear:both;
}

.gallery {
  padding:16px;
}

.gallery img {
  border:solid 1px black;
  display:block;
  margin-bottom:16px;
}

.gallery label {
  float:right;
  font-style:italic;
  padding-right:16px;
  padding-top:4em;
}

.red {
  color:#f02020;
}

#header {
  background:#202020 url(/images/elephant/header.png) no-repeat 90% top;
  color:white;
  height:150px;
  position:relative;
}

#header h1 {
  bottom:0px;
  position:absolute;
  margin:16px;
}

#header ul {
  font-size:86%;
  margin:0px;
  padding:16px 0 0 0;
}

#header li {
  float:left;
  list-style-type:none;
  margin:0px;
  padding:0 0 0 16px;
}

#header a, #header a:visited {
  color:white;
}

#content {
  background-color:white;
  padding:16px;
}

#content li {
  padding-bottom:0.5em;
}

#footer {
  padding:5em;
  color:white;
}

#footer a, #footer a:visited {
  color:white;
  border-bottom:dotted 1px white;
}

#footer ul {
  margin:0;
  padding:0;
  overflow:hidden;
}

#footer li {
  float:left;
  list-style-type:none;
  padding:0 16px 0 16px;
  border-left:solid 1px white;
  margin-left:-1px;
}