h1,h2,h3,h4,h5,h6 { margin: 0.2em 0; }
	h1 {font-size: 36pt;}
	h2 {font-size: 24pt;}
	h3 {font-size: 20pt;}
	h4 {font-size: 16pt;}
	h5 {font-size: 14pt;}
	h6 {font-size: 12pt;}
	p  {margin: 0.5em 0; }
	
/* Normal links are in the current font, blue, and underlined */
a:link {text-decoration: underline; color: #00f;}
a:visited {text-decoration: underline; color: #00f;}
a:hover {text-decoration: underline; color: #c03;}
.fineprint {font-size: 70%;}
.subhead {font-size: 50%;}
.dateslug { text-align: right; font-size: 75%; }
.linkslug { font-size: 75%; font-style: italic; }
.web-ad { padding-top: 2px; padding-bottom: 2px; 
  background-image: url('../img/faintlogo.jpg');
  background-repeat: no-repeat;
  background-position: left bottom;
}

p.cimg { text-align: center; }
a.imglnk { border: white solid 2px; }
a.imglnk:hover { border-color: blue; }
a.imglnk img { border: 0; padding: 2px; }
.picon { margin-right: 4px; } /* for portfolio */
.hideme {display: none; visibility: hidden; }
.hfvis { display: none; visibility: hidden; }
.indentme {padding-left: 3em; }  
.clearme { clear: both; }

.img-fl { float: left; margin: 0; border: 0; padding: 0; }
.img-l { float: left; border:0; padding:0; margin: 0px 5px 2px 0px; }
.img-r { float: right; border:0; padding:0; margin: 0px 0px 2px 5px; }
a.logo-r { float: right; border: 0; margin: ; }
a.logo-r img { border: 0; }
a.logo-l { float: left; border: 0; margin: 0px 7px 3px 0px; }
a.logo-l img { border: 0; }
body {
  margin: 0; padding: 0;
  /* background: #8492B5 ; */
  background-color:black;
  text-align: center;
  font: 11pt Georgia,Times New Roman,Times,serif;
  }
/* outer container contains nav and main containers */
#outer_container { 
  width: 1000px; margin: 0 auto;
	background-color: #353534;
	text-align: left;
	}
#nav_container {
  float: left;
  background: transparent;
}
#main_container {
  float: left;
  background: transparent;
}
#top { position: relative;
  height: 100px; width: 840px;
  margin: 0; padding: 0; border: 0;
  background-color: black;
  border-bottom: 6px #353534 solid;
  font-family: Georgia, "Times New Roman", Times, serif; color: #ff0;
  font-size: 2.95em;
  font-weight: normal;
  }
#top #logotype { position: absolute; top: 13px; left: 24px; }
#top #topsubhead { position: absolute; top: 64px; left: 26px;
  text-align: right;
  font-size: 50%;
  font-style: italic;
  color: #ff4;
}
#top h1 { color: red;
  display: block;
  margin: 0; 
  padding: 20px 0 0 30px;
  }
/* ..... Navigation Sidebar ..... */
#nav {
	width: 150px;
	margin: 0; padding: 10px 0 0 0;	border: 0;
	background: transparent;
	}
#nav p {
  display: block;
  margin: 5px 0 3px 1em;
  padding: 0.25em .5em .15em 0;
  background: transparent;
  border-bottom: 1px #ff8 solid;
  font: normal 10pt/11pt Verdana,Arial,Helvetica,sans-serif;
  }
#nav p.sub {
  border-bottom: 0px #ff0 solid;
  margin-top: 2px;
  padding-left: .25em;
  font-size: 8pt;
  padding-bottom: .1em; padding-top: .1em;
  }
#nav a:link {text-decoration: none; color: #ff0;}
#nav a:visited {text-decoration: none; color: #ff0;}
#nav a:hover {text-decoration:none; color: #00b;}
#nav a:hover {text-decoration:none; color: #dd5544;}

/* ..... Main content area in the middle ..... */
#content {
  float: left;
  height: 100%; width: 34em;
  margin: 0px 5px 10px 5px;
  border: #333 solid 2px;
	padding: 0.5em 1em;
	background: white;
	}
#content a:link {text-decoration: underline; color: #00f;}
#content a:visited {text-decoration: underline; color: #00f;}
#content a:hover {text-decoration: underline; color: #c03;}
#content a.readmore { 
  background: url('dart-blue-left.gif') no-repeat 0 0px;
  padding-left: 17px; padding-top: 3px;
  /* font-size: .85em; */ font-style: italic; text-decoration: none; /* color: #e37304 */; 
}
/* ..... Main content area for WIDE content ..... */
#content_wide { width: 44em; 
  float: left;
  height: 100%; 
  margin: 0px 5px 10px 5px;
  border: #333 solid 2px;
	padding: 0.5em 1em;
	background: white;
	}
#content_wide a:link {text-decoration: underline; color: #00f;}
#content_wide a:visited {text-decoration: underline; color: #00f;}
#content_wide a:hover {text-decoration: underline; color: #c03;}

#content img.add-border { border: 1px black solid; }

/* ..... Information Sidebar ..... */
#info {
  float: left;
	width: 21em;
  margin: 0px 0px 10px 5px;
  border: #333 solid 2px;
	padding: 0.5em 1em;
	background: white;
	font-size: 80%;
	}
#info a:link {text-decoration: underline; color: #00f;}
#info a:visited {text-decoration: underline; color: #00f;}
#info a:hover {text-decoration: underline; color: #c03;}
#info a.imglnk { border: white solid 2px; }
#info a.imglnk:hover { border-color: white; }
#info a.imglnk img { border: 0; padding: 2px; }
#info a.readmore { 
  background: url('dart-blue-left.gif') no-repeat 0 0px;
  padding-left: 17px; padding-top: 3px;
  /* font-size: .85em; */ font-style: italic; text-decoration: none; /* color: #e37304 */; 
}

/* ..... Bottom matter ..... */
#footer_container { clear: both;
  padding: 10px 130px 10px 0px;
  margin: 0 0 10px 0;
  color: #009;
  color: #888;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-align: center;
  }
.commonlinks { font-size: 8pt; margin: 0; padding: 0; }
/* 	.commonlinks { font-variant: small-caps; font-size: 75% ;margin: 0; padding: 0; } */
.commonlinks a:link { text-decoration: none; color: #ff0; }
.commonlinks a:visited { text-decoration: none; color: #ff0; }
.commonlinks a:hover { text-decoration: none; color: #dd5544; }
.copyright { margin: 0; padding: 0; padding-top: 2px; font-size: 70%;  }

/* Special styles for Shadowbox */
#shadowbox_body_inner { background-color: white; } /* v2 */
#sb-body-inner { background-color: white; } /* v3 */