@charset "UTF-8";

/* ################################################################## */
/* Eric Meyer's css reset (http://meyerweb.com/eric/tools/css/reset/), public domain */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ################################################################## */
/* a 6-/12-col 840px grid layout, based on 960px Golden Grid (http://code.google.com/p/the-golden-grid/), by Vladimir Carrer, MIT license */
.main {  
  margin:0 auto;  
  width:850px; 
  padding-top:10px;   
}
.g70, .g140, .g210, .g280, .g350, .g420, .g490, .g560, .g630, .g700, .g770, .g840 {
  float:left; 
  display: inline; 
  margin-left:10px;  
} 
/* 6 columns */
.g140 {width:130px; }
.g280  {width:270px;}
.g420  {width:410px;}
.g560  {width:550px;}
.g700  {width:690px;}
.g840  {width:830px;}
/* 12 columns */
.g70 {width:60px;}
.g210 {width:200px;}
.g350 {width:340px;}
.g490 {width:480px;}
.g630 {width:620px;}
.g770 {width:760px;}

/* margin */
.ml70{margin-left:80px;}
.ml140{margin-left:150px;}
.ml210{margin-left:220px;}
.ml280{margin-left:290px;}
.ml350{margin-left:360px;}
.ml420{margin-left:430px;}
.ml490{margin-left:500px;}
.ml560{margin-left:570px;}
.ml630{margin-left:640px;}
.ml700{margin-left:710px;}
.ml770{margin-left:780px;}
.ml840{margin-left:850px;}
.inside {
  margin-left:0;
}
p.grid{ 
  padding-left:10px;
}
 
.clear {
  clear:both;
}
.clearfix, .main{ 
  display:block;
} 
.clearfix:after, .main:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* ################################################################## */
/* site-specific */
body {
  font-size: 1.0em;
  font-family: Helvetica, Arial, sans-serif;
}
a {
  color: #666;
  /*
  text-decoration: none;
  border-bottom: 1px dotted #666;
  */
}
a:hover {
  color: #c60;
  /*
  text-decoration: none;
  border-bottom: 1px dotted #c60;
  */
}
a.youarehere {
  color: #666;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 0px;
}
.header_nav {
  font-size: 90%;
}
.header_logo h1 {
  font-family: "Courier New", Fixed, monospace;
  font-size: 500%;
  font-weight: 900;
  color: #c60;
}
.content_body {
  font-size: 90%;
}
.content_body h2 {
  font-size: 200%;
  font-weight: 600;
  padding: 16px 0 24px 0;
  color: #999;
}
.h2ish {
  font-size: 200%;
  font-weight: 600;
  color: #999;
}
.content_body h3 {
  font-size: 140%;
  font-weight: 300;
  padding: 16px 0 12px 0;
  color: #999;
}
.content_body p {
  padding: 0 0 16px 0;
}
.content_body p.indented {
  padding: 0 0 16px 64px;
}
.content_body ul {
  padding: 0 0 16px 32px;
}
.content_body li {
  list-style-type: disc;
  padding: 0 0 16px 0;
}
.comphist {
  border-left: 1px dotted #000;
}
.comphist code {
  font-family: "Courier New", Fixed, monospace;
  font-size: 90%;
  color: #333;
}
.comphist code strong {
  font-weight: 900;
  color: #c60;
}
.footer {
  padding: 24px 0 0 0;
  font-size: 80%;
}
.footer strong {
  color: #c60;
}