body
{
	font-family: Tahoma, Times New Roman, Times, Palatino;
	background: url('sand.jpg');
	color: black;
}
table
{
	table-border-color-light: rgb(102,204,204);
	table-border-color-dark: rgb(0,102,102); 
}
h1, h2, h3, h4, h5, h6
{
	font-family: Tahoma, serif;
}
h1
{
	font-family: "Arial Black", Tahoma, san-serif;
	font-weight: normal;
	font-size: 250%;
	color: #CCCCCC;
	text-align: center;
	letter-spacing: .1em;
}
h2
{
	color: black;
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	text-align: center; 
	letter-spacing: .2em;
	font-weight: lighter;
	color: #CCCCCC;
}
h3
{
	font-weight:bold;
	font-size: 90%; 
	}
h4
{
	color: rgb(204,255,255);
}
h5
h6
{
	color: rgb(153,0,0);
}

strong
 {
	font-size: 90%;
	font-weight: bold;
	}
	
small
 {
	font-size: 65%; 
	color: #6666CC;
}


#navbox {/*navigation box at upper left */
		position: absolute;
		top: 40 px;
		font-size: 80%;
		font-weight: 600;
		height: 200em;
		left:0;
		width: 19%;
		background: transparent;
		z-index: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

#navbox ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		font-size: 90%;
		}
		
#navbox li {
		font-weight: bold;
		margin: 0;
		margin-top: 10px;
		}
#navbox li.lev2 {
		margin-left: 1em;
		margin-top: 5px;
		font-size: 80%;
		list-style: square;
				}
#navbox li.lev3 {
		margin-left: 2em;
		font-size: 80%;
		margin-top: 5px;
		}

		
#rightcol {/*right-hand column */
		position: absolute;
		top: 15 px;
		height: 200em;
		left:77%;
		width: 23%;
		font-style: 
		font-weight: 600;
		font-size: 80%;
		color: black;
		background: transparent;
		z-index: 0;
		}
		
#rightcol ul {
		list-style-type: square;
		margin: 2em;
		margin-bottom: 5 px;
		}

#main {/*center column with text and pictures*/
		position: absolute;
		top: 0;
		left: 18.5%;
		width: 59.5%;
		height: 700em;
		background: url('bluesand.gif');
		color: black;
		z-index: 2
		}

.gears {/*separator with repeated image of gear */
	width: 100%;
	height: 95px;
	background: url('gear.jpg');
	}

blockquote {
	border-style: dashed;
	border-width: thin;
	border-color: black;
	font-size: 90%;
	margin-top: 1 em;
	margin-bottom: 1 em:
	margin-left: 10%; 
	margin-right: 10%
	color: black;
	background: #A1A1B0;
	padding: 1em;
	}

#gearbox {/*box with repeated image of gear */
	float: right;
	width: 40%;
	height: 25em;
	margin: 1em;
	border-style: solid; border-width: 0.2em; border-color: gray black black gray;
	background: url('gear.jpg');
	}
	
.rightinsidebox {
  float: right;
  margin: 1em;
  border-style: solid; border-width: 0.2em; border-color: gray black black gray;
  font-size: 80%;
  background: gray;
  }

.boxacross {
  left: 0;
  width: 100%;
  margin-top: 1em; margin-bottom: 1 em;
  background: url('bluesand.gif');
  overflow: hidden;
  border-style: none;
  font-size: 80%;
  text-align: center;
  }


.leftinsidebox {
  float: left;
  margin-top: 1em; margin-bottom: 1em; margin-right: 1em;
  margin-left: 0;
  border-style: solid; border-width: 0.2em; border-color: gray black black gray;
  font-size: 80%;
  background: gray;
  }


.leftoutsidebox {/*this box extends from left side to middle of text column
				and overlaps the strip on the left side of the page. The left
				margin is calculated by multiplying the offset times the 
				proportion of the center column (.6) */
		position:relative; left: -27%; margin-right: -16%;
		background: gray;
		border-style: solid; border-width: 0.2em; border-color: gray black black gray;
		text-align: center;
		overflow: hidden;
		float: left; 
		font-size: 80%;
		width: 75%;
   		z-index: 20;
		}
		
.rightoutsidebox {/*this box extends from right side to middle of text column
				and overlaps the strip on the right side of the page */
		position:relative; right: -27%; margin-left: -16%;
		overflow: hidden;
		background: gray;
		border-style: solid; border-width: 0.2em; border-color: gray black black gray;
		text-align: center;
  		font-size: 80%;
 		float: right; 
		width: 75%;
   		z-index: 20;
		}
		

#topbanner {
		width: 100%;
		overflow: hidden;
				}



#rightsidebar {/*for commentary in right sidebar */
	position: absolute;
	left: 75%; color: #000099;
	font-family: Tahoma, serif;
	margin-left: 7px; margin-right: 7 px; align: justified; width
	}
	
#rightsidebar ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		font-size: 90%;
		}

#rightsidebar li {
		font-weight: bold;
		margin: 0;
		margin-top: 10px;
		}


.text {/*set margins for text within areas */
	margin-left: 10%; margin-right: 8%; text-align: justified; 
	}


UL {list-style-type: square}

li {margin-top: .5em}

.banner {
	text-indent:0;
	background: #9997B0;
	color: #CCCCCC;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	letter-spacing: .15em;
	text-align: center;
	margin-top: 5px; margin-bottom: 5px;
	padding-top: 5px; padding-bottom: 5px;
	}

.banner-top {
	text-indent:0;
	background: #9997B0;
	color: #CCCCCC;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	letter-spacing: .15em;
	text-align: center;
	margin-top: 0px; margin-bottom: 5px;
	padding-top: 5px; padding-bottom: 5px;
	}

.post-footer {
	font-size: 80%;
	margin-bottom: 20px;
	letter-spacing: .1em;
	}


.bottom {
	text-indent:0 !important;
	padding:5px;
	font-size: 80%;
	margin-bottom: 20px;
	letter-spacing: .1em;
	border-top:1.2px solid #000;
	border-bottom:1.2px solid #000;
	text-align:center;		  					
	background: #A1A1B0;		
	}


a:link
{
	color: black;
	text-decoration: underline; 
}
a:visited
{
	color: #333399;
	text-decoration: underline; 
} 
a:active 
{
	text-decoration: none;
	}
a:hover
{
	color: #333399;
	text-decoration: none;
}

/* Posts
----------------------------------------------- */
.date-header {
  margin-bottom: 0;
  font: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
  font-weight: lighter;
  color: #666666;
  text-transform: uppercase;
  font-size: 85%;
  }
.post {
  padding-bottom:1.5em;
  }
.post-title {
  margin: 0;
  font-family: tahoma; serif;
  font-size: 110%;
  letter-spacing: .2em;
  font-weight: lighter;
  color: #CCCCCC;
  padding-bottom: 0.8em; padding-top: 0.8em
  }
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration:none;
  color:#CC9966;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#CC9966;
  }
.post div {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.3em;
  }
p.post-footer {
  margin: .25em 0 0;
  color:#666666;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  color: black;
  letter-spacing:.1em;
  }
  
.post-footer a {
	color: #666666;
	}

.post-footer em {
  color: black;
  margin-right:.6em;
  }
a.comment-link {
  margin-left:.6em;
  color: black;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }