.formbutton{background-color:#BFBFBF;border:1px solid #A9A9A9;color:#353535}
.formbutton:hover{background-color:#FFDA00;border:1px solid #000000;color:#000000}
.formfield{background-color:#F4F4F4;border:1px solid #9F9F9F;color:#4A4A4A;margin:1px}
.formfield:focus{background-color:#FFFFFF;border:1px solid #000000}

body {
	margin: 20px 0px 0px 0px; /* n6.01win n6mac won't recognize top
							margin for middle box, so it goes here */
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-size: small;
	background-color: #9cf;
	}

h1 {
	color: #069;
  text-align: center;
  margin: 10px 0px 10px 0px;
  font-size:18pt;
	}
h2 {
  font-size:10pt;
  margin: 0px;
  color: #000;
}

.header {
  padding:0px;
  margin: 0px 20px;
  background: #fff url('more.jpg') repeat-x;
  height: 100px;
  }

ul {
	margin: 0.5em 0em 2em 1em;
	padding-left: 0px;
}
ul a, ul a:hover{
  font-weight: normal;
  }

li {
  margin-bottom:0.5em;
}
.header a {
  color: #000000;
}

.header-menu {
  position:absolute;
  top:90px;
  left:25px;
  }
.spaceline {
  height:8px;
  line-height:8px;
  margin: 5px 0px;
}

.contents {
	margin: 210px 230px 20px 210px;
	padding: 10px;
	border: 2px solid #069;
	background: #fff;
	}

.footer {
	margin: 20px 230px 20px 210px;
	padding: 10px;
	border: 2px solid #069;
	background: #fff;
	}

.menu {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 20px;
	margin-top: 330px;
	padding: 10px;
	border: 2px solid #069;
	background: #fff;
	width: 170px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 146px;
	}
html>body #menu {
	width: 146px; /* ie5win fudge ends */
	}

.right {
	position: absolute;
	top: 0px;
	right: 0px; /* Opera5.02 will show a space at right when there
				is no scroll bar */
	margin: 20px;
	margin-top: 330px;
	padding: 10px;
	border: 2px solid #069;
	background: #fff;
	width: 190px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 166px;
	}
html>body #right {
	width: 166px; /* ie5win fudge ends */
	}

/*
	Definitions for the item listings like they are done on the main
	page and in archives
	- h3.item is the title of an item (<h3 class="item">)
	- .itembody is the item contents
	- .iteminfo contains the time of posting and the name of the author,
	   and the amount of comments
*/

/* item title */
h3.item {
	font-size: medium;
	margin: 0px;
	margin-top: 10px;
	}

.itemshortbody {
	color: #800000;
	margin-top: 5px;
	margin-bottom: 5px;
  }
.itembody {
	margin-top: 5px;
	margin-bottom: 5px;
	}

.iteminfo {
	font-size: x-small;
	color: #069;
	margin: 0em 0em 3em 0em;
	}

/* There are two sets of anchor definitions; both sets define only the
   anchor and the hover rule.
    - general anchors (will appear in each of the three layout boxes,
	  .menu, .contents, and .right) are larger
	- anchors in the iteminfo (.iteminfo a) are smaller, to match with
	  rules for .iteminfo
*/

a {
	font-weight: bolder;
	color: #069;
	text-decoration: none;
	}

a:hover {
	font-weight: bolder;
	color: #069;
	text-decoration: underline;
	}

.iteminfo a {
	font-weight: bolder;
	color: #069;
	text-decoration: none;
	}

.iteminfo a:hover {
	font-weight: bolder;
	color: #069;
	text-decoration: underline;
	}

/*
	Definitions of how comments listings look like on item pages
	- h3.comment contains the name of the comment author
	- .commentbody contains the text from the comment
	- .commentinfo contains the time of commenting
*/
h3.comment {
	font-size: medium;
	margin-bottom: 10px;
	}

.commentbody {
	text-align: justify;
	}

.commentinfo {
	font-size: x-small;
	color: #000;
	}


/*
	Some rules that apply to contents generated using the markup buttons
	"add left box" and "add right box."

	Both boxes have slightly larger text with a serif font-family, and
	take a maximum of 20% of the width of the contents.

	This is very nice for text (a brief quote) Suggest you throw in a
	     <div class="leftbox">left box</div>
	to see how it looks. This definition is not always practical for
	images.  You might want to take out the "width: 20%" if you'll be
	using these boxes for graphics of different sizes.

*/

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-family: serif;
	font-size: larger;
	font-weight: bolder;
	color: #9cf;
	width: 20%;
	}

.leftbox {
	float: left;
	border-right: 2px solid #9cf;
	}

.rightbox {
	float: right;
	border-left: 2px solid #9cf;
	}


/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) will stand out
*/

img {
	border: none;
	}

.skip {
	display: none;
	}

ul.nobullets {
	list-style: none;
	}

.highlight {
	background-color: #fff;
	color: #069;
	}
.bad {
  color:#FF0000
  }

.rekl {
	margin: 20px 210px 20px 210px;
	padding: 10px;
  border: 0px solid #FFFFFF;
  background-color:#9cf;
  font-size:9pt;
  color:#555555;
}
.rekl a{
  color:#333333;
  font-weight:normal;
}