/* 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;
}