/*  default.css - Standard style for Ending B  */

/* global style */
body { 
  color: #cccccc; background: #202020;
  font-family: "Verdana", sans-serif;}
a:link {
  text-decoration: none;
  color: #cccccc;}
a:visited {
  text-decoration: none;
  color: #cccccc;}
a:hover {
  text-decoration: underline;}
fieldset {
  border: none;
  display: inline;}
h1, h2, h3, h4, h5, h6 {
  color: #9cc318;}
  
/* page header */
div.header {
  margin-left: auto; margin-right: auto;
  margin-top: 1em;
  max-width: 920px;}
.pagetitle {
  display: inline;
  margin-top: 0.5em; margin-bottom: 0.5em;}
h1.pagetitle {
  margin-right: 1em;}
.pagetitle a:link {
  color: #9cc318;}
.pagetitle a:visited {
  color: #9cc318;}
h3.pagetitle {
  color: #cccccc;}

/* navigation menu */
ul.navigation {
  text-align: right;
  font-size: small;
  margin: 0;
  padding: 0;}
.navigation li {
  display: inline;
  margin: 0;
  padding: 0;
  margin-left: 0.5em;}
.navigation a:link {
  text-transform: uppercase;
  font-weight: bold;
  color: white;}
.navigation a:visited {
  text-transform: uppercase;
  font-weight: bold;
  color: white;}

/* page body */
div.main {
  margin-left: auto; margin-right: auto;
  padding-bottom: 1em;
  max-width: 960px;}
.box {
  color: #cccccc; background: #0c0c0c;
  padding: 0.5em;
  margin-top: 0.5em; margin-bottom: 2em;}

/* article header */
.box_title {
  margin: 0;
  padding-bottom: 0.3em;
  color: #9cc318;}
.box_title a:link {
  color: #9cc318;}
.box_title a:visited {
  color: #9cc318;}
.box_header {
  margin: 0;
  padding: 0; 
  border-bottom: thin solid #1d1d1d;}
.box_info {
  padding-left: 1.5em; padding-right: 0.5em;
  padding-top: 0; padding-bottom: 0.4em;
  text-align: right;}
p.author {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;}
p.written {
  margin: 0;
  padding: 0;
  display: inline;
  text-align: right;}

/* article body */
.box_content {
  margin-top: 0.5em;
  padding-left: 1em; padding-right: 1em;
  line-height: 1.3;}
.box_content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  max-height: 800px;
  border: 1px solid #848284;}
.caption {
  font-size: small;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  margin-left: auto; margin-right: auto;
  padding-top: 0;
  max-width: 700px;}

/* article footer */
div.box_footer {
  border-top: thin solid #1d1d1d;
  padding-top: 0.5em;
  padding-left: 0.5em; padding-right: 0.5em;
  background-color: #0c0c0c;
  text-align: right;
  font-size: smaller;
  min-height: 1em;}
div.categories {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;}
.categories h4 {
  color: #cccccc;
  display: inline;}
.categories ul {
  display: inline;
  margin-left: 0;
  padding-left: 0;}
.categories li {
  display: inline;}
.categories p {
  display: inline;}
.categories a:link {
  text-decoration: underline;}
.categories a:visited {
  text-decoration: underline;}
a.comments {
  margin: 0;
  padding: 0;
  display: inline;
  text-align: right;}

/* comments */
.comments {
  font-size: smaller;
  list-style-type: none;}
.comments .box ul {
  list-style-type: disc;
  margin-bottom: 0.5em;}

/* about */
.about h3{
  padding-bottom: 0;}

/* authors */
.author ul {
  list-style-type: none;}

/* tag cloud */
ul.tags {
  list-style-type: none;
  color: #cccccc; background-color: #0c0c0c;
  padding: 0.5em;
  margin-left: auto; margin-right: auto;
  line-height: 1.5;
  text-align: center;}
.tags li {
  display: inline;
  margin: 1em;
  white-space: nowrap;}
.tag1 {
  font-size: xx-small;}
.tag2 {
  font-size: x-small;}
.tag3 {
  font-size: small;}
.tag4 {
  font-size: medium;}
.tag5 {
  font-size: large;}
.tag6 {
  font-size: x-large;}
.tag7 {
  font-size: xx-large;}

/* page footer */
div.footer {
  max-width: 960px;
  margin-left: auto;  margin-right: auto;}
.footer img {
  border: thin solid #202020;
  width: 88px;
  height: 31px;}
.footer img.left {
  float: left;}
.footer img.right {
  float: right;}
.footer p {
  text-align: center;
  font-size: smaller;
  margin: 0em;
  padding: 0em;}