a:link {
  color: #ff6;
}

a:visited {
  color: #99f;
}

a:hover {
  color: #9ff;
}

body {
  color: #ddd;
  background: #000;
  font-size: 100%;
  line-height: 1.4;
  padding: 0;
  margin: 0 0 .5em;
}

h1 {
  font-size: 144%; font-weight: bold;
  margin-bottom: .5em;
}

h2 {
  font-size: 120%; font-weight: bold;
  margin-bottom: .5em;
}

h3 {
  font-size: 100%; font-weight: bold;
}

em {
  color: #f90; background: transparent;
  font-style: normal;
}

hr {
  display: none;
}

html {
  direction: ltr;
}

img {
  border: 0;
}

p {
  margin: .5em 0;
}

/* id */

#header {
  margin: 0;
  padding: 0;
  border-bottom: solid 3px #fff;
}

#header p {
  vertical-align: bottom;
  font-size: 83%;
  margin: 2px 0;
}

#header p img {
  vertical-align: bottom;
  padding-right: .5em;
}

#main {
  margin: 0 3em;
}

#title {
  text-align: center;
  margin: 1em 5em;
  padding: .3em 0;
  border: solid #fff;
  border-width: 2px 0;
}



#lead {
  color: #fff; background: transparent none;
  padding: .5em;;
  border: 2px solid #ffffc8;
  margin: 0 10%;
}

#lead p {
  margin: .2em 0;
}

#footer {
  clear: both;
  border-top: solid 1px #666;
  margin: 1em 1em .5em;
}

#copyright {
  font-family: "Arial Black" sans-serif; font-style: normal;
  text-align: center;
  margin: .5em auto;
}

#copyright p img {
  vertical-align: bottom;
}



#top {
  margin: 0 5%;
}

#pages {
  margin-top: -.5em;
  font-weight: bold;
}



#main table {
  float: left; width: 47%;
  margin: 1em 1%; margin-right: 0;
}

#main table th {
  text-align: left; vertical-align: top;
  white-space: nowrap;
  padding-right: 1em;
  border-bottom: solid 1px #181818;
}

#main table td {
  color: #bbb;
  font-size: 90%;
  border-bottom: solid 1px #181818;
}



#main #chart {
  clear: left;
  border-top: solid 2px #113;
}

#main #chart img {
  border: solid 1px;
}



.work {
  clear: both;
  padding: .5em 3% 0;
  border-top: solid 2px #113;
  margin-left: 5%; margin-right: 5%;
}

.work .galleryimage {
  float: left; width: 260px;
  text-indent: 0;
  margin: 0;
}

.work .galleryimage p a:link img, .work .galleryimage p a:visited img {
  border: solid 2px #339;
}

.work .galleryimage p a:hover img {
  border: solid 2px #66c;
}

.work dl.data {
  text-indent: 0;
  margin-top: .6em;
}

.work dl.data dt {
  margin-left: 260px;
}

.work dl.data dd {
  margin-left: 280px;
}

.work dl.comment {
  text-indent: 0;
}

.work dl.comment dt {
  margin-top: .5em; margin-left: 260px;
}

.work dl.comment dd {
  color: #fff; background: #333;
  padding: .2em .5em;
  margin-top: .5em; margin-left: 280px;
}

.work dl.comment dd p {
  padding: 0;
  margin: 0;
}



.notice {
  color: #f9e;
}

.gotop {
  clear: both;
  text-align: right;
  font-size: 83%;
  margin: 2em 5% 1em;
}