BODY
{
  background-color: #272727;
  color: #d8d8d8;
  font-family: arial;
  padding: 0.500em;
}

/*============================================================================*\
|                                                                              |
| Basic Universal Formatting                                                   |
|                                                                              |
\*============================================================================*/
H1, H2, H3, H4 { font-weight: bold; padding: 0.500em 0.500em; }
H1 { font-size: 1.650em; }
H2 { font-size: 1.400em; }
H3 { font-size: 1.200em; }
H4 { font-size: 1.000em; }
I { font-style: italic; }
B { font-weight: bold; }
P { font-size: 1.000em; padding: 0.500em 0.750em; line-height: 1.350em; text-align: justify; }

A:link, A:visited, A:hover, A:active, A:focus { color: #ffa500; }

/*============================================================================*\
|                                                                              |
| Title Banner Block                                                           |
|                                                                              |
\*============================================================================*/
.title_banner { background-color: #000000; text-align: center; width: 60.000em; margin: auto; border-radius: 1.000em 1.000em 0 0; }
/*.title_banner>IMG {
  margin: 0.500em;
  float: left;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 110px;
  height: 110px;
}*/
.title_banner .site_title, .title_banner .site_subtitle { display: block; font-weight: bold; margin: 0.000em 0 0.350em; }
.title_banner .site_title { font-size: 3.000em; }
.title_banner .site_subtitle { font-size: 2.000em; }
.title_banner UL>LI { display: inline; font-size: 1.000em; margin: 0 0.500em; }
/*.title_banner LI>A:link, .title_banner LI>A:visited, .title_banner LI>A:hover, .title_banner LI>A:active, .title_banner LI>A:focus { color: #ffa500; }*/
.title_banner LI>A:link, .title_banner LI>A:visited, .title_banner LI>A:hover, .title_banner LI>A:active, .title_banner LI>A:focus { color: #00c0c0; }

/*============================================================================*\
|                                                                              |
| Article Block                                                                |
|                                                                              |
\*============================================================================*/
.article_block { width: 60.000em; margin: 0 auto 2.000em auto; }
.article_block HEADER { background-color: #000000; color: #d8d8d8; border-radius: 0 0 1.000em 1.000em; }
.article_block HEADER>#article_title { display: inline-block; font-size: 2.000em; padding: 0.500em; font-weight: bold; }

.article_block>A.dir_entry {
  margin-left: 0.500em;
  line-height: 1.200em;
  font-family: monospace;
  display: inline-block;
  font-size: 1.250em;
  width: 30em;
}

.article_block>SPAN.dir_size {
  line-height: 1.200em;
  font-family: monospace;
  text-align: right;
  display: inline-block;
  font-size: 1.250em;
  width: 8em;
}

.article_block>.dir_line0 {
  background-color: #6f6f6f;
}

.article_block>.dir_line1 {
  background-color: #4f4f4f;
}