@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body {
  padding: 0;
  margin: 0;
  color: LightGrey;
  background: black url("../pic/bg.png") top center no-repeat;
  font-family: 'Open Sans', sans-serif;
  font-size: small;
}

a {
  text-decoration: none;
  color: DodgerBlue;
}

a:hover {
  color: yellow;
}

h2, h3, h4 {
  text-shadow: 2px 3px 5px #000000;
}

h4, fieldset, input, textarea {
  border-radius: 5px;
}

fieldset.submit {
  padding-top: 5px;
  padding-bottom: 5px;
}

#banner {
  margin: 4em auto 0 auto;
  text-align: center;
  color: white;
}

#nav { position: absolute; top: 0; left: 0; }
#nav ul { padding: 0; margin: 3px 3px 3px 3px; }
#nav li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0 1em 0 0;
  list-style: none;
}
#nav li a:hover {
  background: url("../pic/bg_link.png") center center no-repeat;
}
#nav li.current a {
  background: url("../pic/bg_link.png") center center no-repeat;
  color: yellow;
}
#nav li.current a:before {
  content: "[";
}
#nav li.current a:after {
  content: "]";
}

#menu { position: absolute; top: 150px; left: 50px; width: 180px; text-align: center; }
#menu h4 {
  padding: 0;
  margin: 0;
  color: white;
  background: gray;
  border: 2px solid silver;
  font-size: small;
}
#menu ul { padding: 0; margin: 0; border-bottom: 2px solid silver; }
#menu li {
  position: relative;
  padding: 0.25em 0 0.25em 0;
  border-bottom: 1px solid gray;
  border-left: 2px solid silver;
  border-right: 2px solid silver;
  background: navy;
  list-style: none;
}
#menu li:hover {
  background: green;
}
#menu li a {
  display: block;
  width: 180px;
}
#menu .submenu {
  position: absolute;
  top: 0;
  left: 180px;
  width: 180px;
  display: none;
}
#menu li:hover .submenu {
  display: block;
}

#content { padding: 3em 100px 1em 300px; }
#content img {
  background-image: url("../pic/loading-image.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
#content del {
  color: gray;
}
#content .entry_head {
  border-left: 5px solid red;
  color: white;
  background: red url("../pic/bg_content_head.png") top right repeat-y;
}
#content .entry_head h3 {
  font-size: medium;
}
#content .entry_body p {
  line-height: 160%;
}
#content .entry_body img {
  padding: 3px 3px 5px 3px;
  border: 2px solid orange;
  border-right-color: brown;
  border-bottom-color: brown;
  background-color: chocolate;
}
#content .entry_body li {
  list-style-position: outside;
  list-style-image: url("../pic/li.png");
  list-style-type: disc;
}
#content .entry_footer { padding: 0 0 1em 0; text-align: right; font-size: small; }

#footer { padding: 0 0 1em 0; color: gray; text-align: center; }