body {
	color: #000;
	background: #fff url(chainring2.jpg) no-repeat fixed top left;
	margin: 20px;
	padding: 0px;
	}
h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: 900 32px "Trebuchet MS", sans-serif;
	color: #A8A8A8;
	background-color: inherit;
	}
h2 {
	font: bold 24px "Trebuchet MS", sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #A8A8A8;
	background-color: inherit;
	}
h3 {
	font: bold 18px "Trebuchet MS", sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #666;
	background-color: inherit;
	}
hr { width: 85%; }
p {
	font: 11px/18px verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	}
#nav {
	position: absolute;
	width: 170px;
	height: 325px;
	top: 20px;
	left: 20px;
	border: 1px dashed black;
	color: #666;
	background-color: #eee;
	padding: 10px;
	z-index: 2;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
/* IE5 hack */
* html #nav {
	width: 158px;
	}

#nav p {
	font: bold 11px Verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
} 
#nav a:link,
#nav a:visited {
	display: block;
	width: 145px; 
	height: 20px;
	padding: 4px 4px 0px 4px;
	margin: 2px;
	border: 1px solid gray;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	font: bold 12px Tahoma, sans-serif;
	text-align: left;
	}
#nav a.select:link,
#nav a.select:visited {
	display: block;
	width: 145px; 
	height: 20px;
	padding: 4px 4px 0px 4px;
	margin: 2px;
	border: 1px solid #666666;
	text-decoration: none;
	color: #000;
	background-color: #cccccc;
	font: bold 12px Tahoma, sans-serif;
	text-align: left;
 } 
#nav a:hover {
	display: block;
	width: 145px; 
	height: 20px;
	padding: 4px 4px 0px 4px;
	margin: 2px;
	border: 1px solid gray;
	text-decoration: none;
	color: #000;
	background-color: #FFFFC0;
	font: bold 12px Tahoma, sans-serif;
	text-align: left;
	 }
#nav a img { 
	height: 0; 
	width: 0; 
	border-width: 0;
}
img.thumb {
	position: absolute;
	top: 255px; 
	left: 50px; 
   	height: 64px; 
   	width: 64px;
   	padding: 3px;
   	border: 1px solid #000000;
	z-index: 1;   
}
#nav a:hover img {
	position: absolute;
   	top: 255px; 
   	left: 50px; 
   	height: 64px; 
   	width: 64px;
   	padding: 3px;
   	border: 1px solid #000000;
	z-index: 3;
}
#nav a.sthm:link,
#nav a.sthm:visited { 
	color: #666; 
	background-color: inherit;
	border: 1px dotted gray;
	}

/* Opera5 hack */
body>#nav {width: 158px;}

a {
	color: #09c;
	background-color: inherit;
	font: 600 11px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	}
a.content:link { color: #09c; background-color: inherit; }
a.content:visited { color: #07a; background-color: inherit; }
a.content:hover { color: #09c; background-color: #eee; }
.content {
	position: relative; 
	width: auto;
	min-width: 120px;
	margin: 0px 210px 20px 200px;
	border: 1px solid black;
	background-color: white;
	padding: 10px;
	z-index: 3; 
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	}
.content div.post {
	font: 11px/18px Verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	}
.linked-image {
	width: 85%;
	height: auto;
	}
p.descrip {
	font:bold 11px Tahoma, Verdana, "Trebuchet MS", sans-serif;
}
p.posted {
	text-align: right;
	font: 11px Tahoma, sans-serif;
	color: #666666;
	background-color: inherit;
	}
p.comments {
	text-align: right;
}
li {
	font: 11px/20px Tahoma, Verdana, "Trebuchet MS", sans-serif;
}
.content li {
	font: 11px/18px Verdana, arial, helvetica, sans-serif;
	margin-bottom: 8px;
}
#photos {
	position: absolute;
	width: 190px;
	top: 20px;
	right: 20px;
	border: 1px dashed black;
	color: #333;
	background-color: #eee;
	padding: 10px;
	z-index: 1;
	text-align: center;
}
/* IE5 hack */
* html #photos {
	width: 168px;
	}
/* Opera5 hack */
body>#photos { width: 168px; }
body>#links { width: 168px; }

#photos p {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	text-align: left;
	margin: 0px 0px 5px 8px;
	padding: 0px;
}
.pic {
	text-align: center;
	margin: 0;
	padding: 0;
}
#links {
	position: absolute;
	width: 190px;
	top: 20px;
	right: 20px;
	height: 300px;
	border: 1px dashed black;
	color: #333;
	background-color: #eee;
	padding: 10px;
	z-index: 1;
	text-align: left;
}
/* IE5 hack */
* html #links {
	width: 168px;
	}
#links p {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#links ul {
	position: absolute;
	left: -18px;
	list-style-type: none;
}
table {
	width: 100%;
	border-spacing: 2px;
} 
th {
	width: 30%;
	text-align: right;
	font: bold 11px Tahoma, Verdana, "Trebuchet MS", sans-serif;
	color: #333;
	background-color: #F5F5F5;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 5px;
}
td {
	width: 70%;
	font: 11px Tahoma, Verdana, "Trebuchet MS", sans-serif;
	color: #333;
	background-color: #F5F5F5;
	border-bottom: 1px solid #000000;
	padding: 5px;
	}
img {
	padding: 2px;
	border: 0;
	}

#picbox {
	width: 550px;
	height: 550px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
	text-align: center;
}
#picbox img {
	padding: 3px;
	border: 1px dotted #333333;
	z-index: 3;
}
.loading {
	position: relative;
	top: 200px;
	font: 18px "Trebuchet MS", sans-serif;
	color: #666666;
	background-color: inherit;
	z-index: -1;
}
.counter {
	text-align: right;
}
#footer {
	text-align: left;
	padding-top: 10px;
	}