a:link {color: #d44}
a:visited {color: #a33}
a:hover {color: #f00}
a:active {color: #888}

.page_body, body {
height:100%;
background-color: #eee;
color: #000;
font-size: 100%; /* 100% = 16px default on most systems */
text-decoration: none;
cursor: default;
text-align: left;
padding: 0;
margin: 0; /* no margins or IE messes up on floating menus, margins must be on content not the body */
font-family: Tahoma, Arial, sans-serif;
}

.css_text {
font-family: courier, monospace;
background-color: #ecc;
color: #200;
text-align: left;
padding: 5px;
margin: 2em;
border: 2px;
border-color: #f00;
line-height: 1.2;
}

.html_text {
font-family: courier, monospace;
background-color: #cce;
color: #200;
text-align: left;
padding: 5px;
margin: 2em;
border: 2px;
border-color: #f00;
line-height: 1.2;
}

.code_comment {
color: #070;
}

.title, h1 {
font-size: 150%;
font-family: 'Times new roman',serif;
letter-spacing: 0.08ex;
padding: 2px;
text-align: center;
margin-top: 0.5em;
margin-bottom: 12px;
margin-left: 1em;
margin-right: 1em;
}

h2 {
font-size: 125%;
font-family: 'Times new roman',serif;
letter-spacing: 0.08ex;
padding: 2px;
text-align: left;
margin-top: 0.5em;
margin-bottom: 0.3em;
margin-left: 2em;
}

hr {
width: 75%;
height: 2px;
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}


.text {
margin-top: 0.2em;
margin-bottom: 0.2em;
margin-left: 1em;
margin-right: 1em;
font-size: 95%; /* the fonts used tend to look a little larger than the sans-serif ones so scale to make them look closer */
}

.text p {
  padding: 0.2ex 3ex;
  text-indent:2ex;
}
.right_float_menu {
  position: fixed;
  top: 10em;
  width: auto;
  right: 1em;
  text-align: right;
  margin: 1px;
  font-size: 80% /*~13px for most people*/;
  font-weight: bold;
  line-height: 1.1;
}

.right_float_menu p  {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  }

.right_float_menu a { display: block; margin: 0 0.5em; text-decoration: none;}
.right_float_menu a { border-top: 2px groove #f00; border-bottom: 2px groove #f00; }

* html .right_float_menu {position:absolute;}


.thought_table, .whois_table, .track_table, .pic_table {
margin-left: 1em;
margin-right: 1em;
margin-top: 1ex;
margin-bottom: 2ex;
}

.thought_table {
font-family: serif;
font-size: 105%;
width: 90%;
}

.whois_table, .track_table .pic_table th{
border: solid;
border-color: #aaa;
border-width: 2px;
width: auto;
font-weight: normal;
padding: 1ex;
}

.whois_table, .track_table td{
padding: 1ex;
border: solid;
border-color: #aaa;
border-width: 2px;
}

.pic_table td{
text-align: center;
vertical-align: middle;
padding: 1ex;
border: solid;
border-color: #aaa;
border-width: 2px;
}


.whois a:hover{
color: #000;
}

.thought_table th{
width: 18ex;
font-weight: normal;
vertical-align: top;
padding-top: 3ex;
color: #310;
}

.thought_table th a:hover{
color: #310;
}

.thought_table td {
padding-top: 3ex;
padding-left: 1ex;
color: #022;
}

.index_list {
margin-left: 1em;
margin-right: 1em;
list-style-type: none;
font-size: 110%;
}

.index_list ul {
list-style-type: none;
font-size: 110%;
}

.index_list li {
margin-top: 0.5em;
margin-bottom: 0.5em;
list-style-type: none;
font-size: 110%;
}

.quote_list {
list-style-type: none;
width:95%;
margin-left: 1em;
margin-right: 1em;
}

.quote_list dt {
}

.quote_list dd {
padding: 0;
margin-top: 2px;
margin-bottom:1em;
margin-left: 4em;
margin-right: 0px;
font-size:12px;
}

.point_list {
margin-left: 1em;
margin-right: 1em;
list-style-type: disc;
margin-left: -0.5em;
margin-right: -0.5em;
}
.point_list li {
padding: 1ex;
}

.horiz_menu {
font-size: 100%;
list-style-type: none;
text-align: center;
margin-bottom: 40px;
margin-top: 10px;
}

.horiz_menu ul {
list-style-type: none;
width: 100%;
padding-left: 1ex;
padding-right: 1ex;
}

.horiz_menu li {
float:left;
}

.horiz_menu li a {
margin-left:1ex;
margin-right:1ex;
padding-left: 1ex;
padding-right: 1ex;
}

.horiz_menu a:hover {
/* background-color: #eeffff; */
}

.whois {
margin-left: 1em;
margin-right: 1em;
}

.whois_table {
margin-left: 1em;
margin-right: 1em;
}

.whois_table dl {
list-style-type: none;
}

.whois_table dt {
width: 7em;
}

.whois_table dd {
float:left;
padding: 0;
margin-top: -1.2em;
margin-bottom: 0.8em;
margin-left: 8em;;
margin-right: 0px;
}

.whois_table a:hover {
color: #000000
}

.footnote {
font-size: 75%;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 1em;
font-family: serif;
}

.tail {
font-size: 75%;
margin-top: 0.2em;
margin-bottom: 0.2em;
margin-left: 1em;
margin-right: 1em;
font-family: serif;
}

.validate {
/* display: none;  /*when not validating pages, comment out to view */
text-align: right;
font-size: 75%;
margin-top: 0.2em;
margin-bottom: 0.2em;
margin-left: 0.5em;
margin-right: 0.5em;
font-family: serif;
}