* html body {
  /*overflow: hidden;*/
}

#footer-wrapper 
{
  /*float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;  */
  
	margin: 0 auto;
	width: 840px;
	overflow: hidden;
}

#loading
{
	position:absolute; 
	left: 5px; 
	top: 5px;
	background-color:Red;
	color:Black;
}

body
{
	font-size: 12px;
	font-family: arial, helvetica, Geneva, Swiss, sans-serif;
	line-height: 16px;
	background-color: black;
	background-repeat: repeat-x;
	background-image: url(images/background.gif);
    margin-top: 0px;
}

#page
{
	margin: 0 auto;
	width: 840px;
	overflow: hidden;
}

#centered
{
}

#column1, #column2, #column3
{
	margin-right: 5px;
	float: left;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}

#column1
{
	background-color: #ccc;
	width: 24%; /*200px;*/
	/*border: solid 2px black;*/
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 15px;
}

#column2
{
	background-color: #fff;
	width: 71%; /*515px;*/
	/*border: solid 2px black;*/
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 15px;
}

#column3
{
	background-color: #ccc;
	width: 200px;
	border: solid 2px black;
}

#header
{
	background-color: #ccc;
	display: block;
	margin: 5px 0;
	/*padding: 5px;*/
	width: 828px;
	clear: both;
	height: 45px;
	background-image: url(images/header.gif);
	/*border: solid 2px black;*/
	vertical-align: middle;
}

#headerCopy
{
	background-color: #ccc;
	display: block;
	margin: 5px 0;
	/*padding: 5px;*/
	width: 828px;
	clear: both;
	height: 45px;
	background-image: url(images/header.gif);
	/*border: solid 2px black;*/
	vertical-align: middle;
}

#footer
{
	background-color: #ccc;
	display: block;
	margin: 5px 0;
	padding: 5px;
	width: 818px;
	clear: both;
	text-align: center;
	/*border: solid 2px black;*/
}

p
{
	/* padding: 10px; */
}

.pageHeader
{
	font-size: 1.5em;
 	padding-left: 10px;
 	padding-top: 10px;
 	vertical-align:middle;
}

.archiveHeader
{
	font-size: 1.4em;
	padding-left: 0px;
}

h2
{
	font-size: 1.25em;
	padding: 5px;
}

.chapter
{
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 10px;
}

.storyTitle
{
	font-weight: bolder;
	font-size: larger;
}

.storyContent
{
	background-color: #CCCCCC;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	overflow:auto;
}

.postDate
{
	font-size: smaller;
}

A.linkItem
{
	border-bottom: solid 1px #000;
	font-size: 9pt;
	width: 180px;
	font-family: Trebuchet MS;
	text-align: left;
	border-color: black;
}
A.linkItem:link
{
	color: black;
	background-color: #ccc;
}
A.linkItem:visited
{
	color: black;
	background-color: #ccc;
}
A.linkItem:active
{
	color: black;
	background-color: #ccc;
}
A.linkItem:hover
{
	color: white;
	background-color: black;
	font-weight: bolder;
}

.links ul li a
{
	color: white;
	background-color: black;
}
.links ul, .links ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.links ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}
* html .links ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}

* html .links ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.links h3
{

	margin-bottom: 0;
	padding-bottom: 0;
}

.commentName
{
	font-weight: bolder;
}

.commentContent
{
	background-color: #F0F0F0;
	border-color: #BBB;
	border-width: 1px;
	border-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.commentDate
{
	font-size: smaller;
	/*font-weight: bolder;*/
}

#addingComment
{
	color: Red;
}

A.storyLink:link, A.storyLink:visited, A.storyLink:active, A.storyLink:hover
{
	color: black;
	text-decoration: none;	
}

A.storyLink:hover
{
	text-decoration: underline;	
}

.hnav
{
	/*border-bottom: solid 1px #fff;*/
	text-align: center;
	background-color: #aaa;
	width: 828px;
	margin-bottom: 4px; 
}

.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 3px;
}

.unwatermarked {
	/* height:18px;
	width:148px; */
}

.watermarked {
	/* height:20px;
	width:150px;
	padding:2px 0 0 2px; 
	border:1px solid #BEBEBE; */
	background-color:#F0F8FF;
	color:gray;
}	

.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: -2px;
	padding: 0;
}

.hnav ul li a
{
	/*margin: 0 -1px 0 0;*/
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	white-space: nowrap;
}

.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
	color: Black;
}

.hnav ul li a:hover
{
	background-color: Black;
	color: White;
}

.hnav ul li span.divider
{
	display: none;
}

#hnavHighlight
{
	color: Black;
	background-color:#666;
}

* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .hnav
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}