/* HTML or Element selectors : Standard HTML Tags  for the entire site */
/* color scheme - see site-colors.htm

CSS Command ---------------
-------- -- Declaration ---	
Selector {Property: Value;}

*/
html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	background-color: #FFFCEE;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: black;
}

h1 {
	font-size: 135%;
	text-align: left;
	font-weight: bold;
}

h2 {
	font-size: 120%;
	text-align: left;
	font-weight: bold;
}

h3 {
	font-size: 110%;
	text-align: left;
	font-style: italic;
	font-weight: normal;
}

h4 {
	font-size: 100%;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}

hr {
	color: #6A838F;
	background-color: #6A838F;
}

dt {
	text-align: left;
	font-weight: bold;
	margin-top: 6px;
}

dd {
	text-align: left;
	margin-top: 6px;
	margin-bottom: 12px;
}

ul 
{
	list-style-position: outside;
}

ol 
{
	list-style-position: outside;
}

li {
	text-align: left;
	margin-top: 6px;
}
a img 
{
	border: none;
}

/* Class and ID selectors : 
Solitary class selectors
------------
: = pseudo
. = class 
# = id (works like class but must be unique within the document)

*/

a:link    {
	color: maroon;
	text-decoration: underline;
}
a:visited {
	color: black;
	text-decoration: underline;
}        
a:hover   {
	color: red;
	text-decoration: underline;
}
a:active  {
	color: red;
	text-decoration: underline;
}
 
.justify {}

.left
{
	text-align: left;
}
.bold
{
	font-weight: bold;
}
.quote
{
	text-align: center;
	font-style: italic;
}

ul.text 
{
	list-style-position: outside;
	list-style: none;
}

ul.text li
{
	margin-top: 10px;
}

.box {
	padding: 20px 10px 20px 10px;
	color: black; 
	border: 2px solid #8F886A;
	background: #FFF9DE;  
	text-align: center;
}
.boxl {
	padding: 20px 10px 20px 10px;
	color: black; 
	border: 2px solid #8F886A;
	background: #FFF9DE;  
	text-align: left;
}
.blogBox {
	padding: 10px 5px 10px 5px;
	color: black; 
	border: 2px solid #8F886A;
	background: #FFF9DE;  
	text-align: center;
	width:400px;
}
.Bain {
	float: left;
	margin: 5px;
	padding: 5px;
}
.rightBox {
	margin: 5px 5px 5px 5px;
	padding: 1px;
	border: 1px solid #AA0033;
	background: #F6F6F6;
	text-align: center;
	float: right;
	font-size: 85%;
	width: 30%;
}
.etherBox {
	margin: 5px 5px 5px 5px;
	padding: 1px;
	border: 1px solid #AA0033;
	background: #F6F6F6;
	text-align: center;
	float: right;
	font-size: 85%;
	width: 38%;
}

/* *****************************************************
Some of the website pages I wanted a specific look.  
The following CSS defines rules for specific pages
**************************************************** */

/* the Resume Page */
div.resume
{
	margin-top: 0px;
}

/* the Error Page - this one will be revised into something new */
div#error
{
	text-align: center;
	font-size: x-large;
	padding-top: 48px;
}

/* link list format - takes out the list style marker and formats */
.links
{
	list-style-position: outside;
	list-style: none;
	margin: 0;
}

.links li
{
	list-style: none;
	margin: 0;
	border-bottom: thin solid #6A838F;
	padding: 10px 0px 10px 0px;
}
.links li li
{
	border-bottom: 0px solid #6A838F;
	padding: 0px;
}

/* blog list format - takes out the list style marker and adds more space */
ul.blogs ul 
{
	list-style-position: outside;
	list-style: none;
	margin: 0px 0px 48px 0px;
}
ul.blogs li 
{
	list-style: none;
	margin: 6px 0px 0px 24px;
}
/*  Blogosphere... */

div#blogosphere {background: white;}

#blogosphere table {background: white;
	   width: 100%;
	   border: 10px solid #DE7008;
	   text-align: center; }

#blogosphere h1 
		{background-color:#DE7008;
		font-weight: bold;
		text-align: center;
		margin:0; padding:10px;
		color:#F5DEB3;}
		
#blogosphere h2 
		{background-color:#DE7008;
		font-weight: bold;
		text-align: center;
		margin:0; padding:5px;
		color:#F5DEB3;}
		
#blogosphere h3 
		{background-color:#F5DEB3;
		font-weight: bold;
		text-align: center;
		margin:0; padding:5px;
		color:#DE7008;}
			   
#blogosphere img {border: 0;}

#blogosphere a {color:#DE7008;font-weight:bold;text-decoration:underline}
#blogosphere a:hover {color:#B8A80D;}	

/* rss images format * */ 

div.rssGraphics {
	border: outset 2px #6E6952;
	background: #FFF9DE;
	padding-bottom: 50px;
}
	
.rssGraphics li {
	width:  100px;
	height: 60px;
	list-style: none;
	color: black;
	text-align: center;
	float: left;
}

.rssGraphics img {
	border: none;
}

/* Directory Lists */
.directory ul 
{
	list-style-position: outside;
	list-style: none;
	margin-left: 0px;
}

.directory li
{
	list-style: none;
	margin-top: 12px;
	margin-left: 0px;
}

/* Feedburner Blog Page */

div.feedburnerFeedBlock p.feedTitle {
	font-weight: bold;
}

div.feedburnerFeedBlock span.headline {
	font-weight: bold;
	display: block;
	text-indent: 0;
}

div.feedburnerFeedBlock p.date {
		font-size: .88em;
		display: inline;
		margin-left: 10px;
}

div.feedburnerFeedBlock ul li {
		margin-bottom: 2em;
		padding-left: 0 !important;
		text-indent: 0 !important;
		background: #FFF9DE;
}
		
div.feedburnerFeedBlock ul li div {
		display: inline;
		padding-left: 6px;
}
	
/*  Color Scheme Page ... yes it uses a table */

.colorScheme { background: #FFFFFF;
	   border: 10px solid #8F886A;
	   text-align: left; }
	   
.colorScheme td  {width: 120px;
	   border: 1px solid #8F886A;}
		
/* sitemap format - to look like explorer 
- cute but does not work on IE - but I am leave it in for a while 
It only seems to work in Firefox .. even Opera does not do it correctly
it uses Pseudo-elements (:last-child) that do not work everywhere */

ul.sitemap
{
	padding: 5px;
	margin: 0;
}

ul.sitemap ul
{
	padding: 0;
	margin: 0 0 0 10px;
}

ul.sitemap li a
{
	text-decoration: none;
	color: maroon;
}

ul.sitemap li a:hover
{
	text-decoration: underline;
	color: maroon;
}

ul.sitemap li
{
	list-style: none;
	background-image: url("../graphics/dotted.gif");
	background-repeat: repeat-y;
	padding: 2px 0 2px 20px;
	text-indent: -19px;
	background-position: 9px 0;
}

ul.sitemap li:last-child
{
	background-repeat: no-repeat;
}

ul.sitemap li a:before
{
	content: url("../graphics/folder.gif") " ";
}

ul.sitemap li a:last-child:before
{
	content: url("../graphics/page.gif") " ";
}