/* decgreen.css -- Old monochrome monitor style in green w/ DEC logo
* Copyright 2012 David Meyer. All rights reserved.
*
* Reproduces appearance of old text-only monochrome monitor, like
* VT100, 3270, or circa 1980 PC monitor. Also DEC logo styling.
* Light-on-dark color scheme with limited number of color shades.
* Effects limited to bold (brighter shade), underline, reverse
* (dark-on-light).
* Web pages should look like curses or OLTP screens.
* It's MEANT to look grotty.
*/

body {
   color: #009000 ;
   background-color: black ;
/*    font-family: "Bitstream Vera Sans Mono", "Lucida Sans", "Lucida Console", "MS Gothic" ;
*/
   font-family: "Lucida Console", "MS Gothic", monospace ;
   margin: 0 3% ;
}

dec {
   color: black ;
   background-color: #009000 ;
}

/* Since all text in monospace, use same font for preformatted text.
*/
pre {
   font-family: "Lucida Console", "MS Gothic", monospace ;
}

center {
   text-align: center ;
}

/* All headers use same font size.
  h1: DEC logo style
  h2: bold + underline
  h3: bold
  h4-h6: normal face
*/
h1, h2, h3, h4, h5, h6 {
       font-size: 1em;
       clear: both ;
}

h2 { text-decoration: underline; }

h2, h3 { color: #00F000; }

/* Links rendered as blocks of reverse text.
a {
   padding: 2px ;
}
*/

a:link, a:visited {
       color:  #006000 ;
       background-color:       black ;
}

a:hover, a:active {
       color:  black;
       background-color:       #006000 ;
}

/* Link text flashes bright when clicked.
*/
a:active {
       color:  black ;
       background-color:       #00FF00;
}

#art {
   float: left ;
   margin-right: 1em ;
}

#contentstab {
   margin-left: 64px ;
   /*margin-right: auto ;
*/
   width: 576px ;
}

#contentstab.td {
   width: 180px ;
}

indent {
   margin-left: 10% ;
   width: 90% ;
}

lcol, .rcol {
   vertical-align: top ;
   list-style-type: none ;
}

2col-ind ul {
}

lcol {
   width: 50% ;
   float: left ;
}

#site {
   float: left ;
}

#tagline {
   float: right ;
}

#contents {
   clear: both;
}

#rsidebar {
   float: right ;
   width: 10em ;
}

#footer {
   clear: both ;
}

#copyright {
   border-bottom: 1px solid #009000 ;
}

#copyright p {
   margin-bottom: 0 ;
}

#validation {
   float: right ;
}


/* horizontal menu
*/
hmenu {
   clear: both ;
   margin-left: 0 ;
   padding-left: 0 ;
}

hmenu li {
   list-style-type: none;
   display: inline;
   margin-right: 2px;
}

/* vertical menu
*/
vmenu {
   margin-left: 0 ;
   padding-left: 0 ;
}

vmenu li {
   list-style-type: none;
   margin: 7px 0 ;
}

cloud { padding: 0 ; margin: 0 ; text-align: center ;}
cloud li {
   list-style-type: none ;
   display: inline ;
   margin: 10px ;
   line-height: 120% ;
}

/* 110901: Leave font size variation for later development.
*/
f0 { font-size: 0.8em ; }
f1 { font-size: 1em ; }
f2 { font-size: 1.3em ; }
f3 { font-size: 1.6em ; }
f4 { font-size: 2em ; }
/**/

/* "W3C buttons without images" by Marek Prokop <http://www.sovavsiti.cz/css/w3c_buttons.html> */
w3cbutton3 {
 margin: 1em 0;
 width: 9em;
 border: 1px solid #ccc;
 font-family: helvetica,arial,sans-serif;
 font-size: 70%;
 font-weight: bold;
}
w3cbutton3 a {
 display: block;
 width: 100%;
}
w3cbutton3 a:link,
w3cbutton3 a:visited,
w3cbutton3 a:hover {
 background-color: #fc6;
 color: #000;
 text-decoration: none;
}
w3cbutton3 span.w3c {
 padding: 0 0.4em;
 background-color: #fff;
 color: #0c479d;
}