/*
	MAIN PAGE
	---------
	body
	  div.contents
	    h1 (site title)
	      h2 (date header)
	        h3 (item title)
	          div.itembody (item text)
	          span.iteminfo (time / author / editlink / amount of comments)
	  div.logo
	  div.menu
	    h1 (navigation, hidden link)
	      h2 (menu titles)

	DETAILED PAGE
	-------------
	body
	  div.contents
	    h1 (site title)
	      h2 (item title)
	        div.itembody (item text)
	        div.iteminfo (item info)
	      h2 (comments)
	        h3 (commentor name)
  	          div.commentbody
	      h2 (add comment)
	  div.logo
	  div.menu	
	    h1 (navigation, hidden link)
	      h2 (menu titles)

	OTHER PAGES
	-----------
	
	other pages are similar, having a .contents and a .menu part
*/

A {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

/*A:link {
	text-decoration: overline;
	color: black;
}

A:active {
	text-decoration: overline;
	color: black;
}*/

A:hover {
	text-decoration: underline;
	color: #FF0000;
}

A:hover.normanchor {
	text-decoration: underline;
	color: #FF0000;
	font-weight: normal;
/*	cursor: help;*/
}

body {
	margin: 50px 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	background: #FFFFFF;
	/*background-image: url("images/JPGs/business_card.jpg");*/
	/*background-repeat: no-repeat;*/
	/*background-position: center;*/
	color: #000000;
}

h1 {
	font-size : small;
}

.help {
	cursor: help;
	text-decoration: underline;
}

.price {
	font-weight: bold;
	color: red;
}

.leftheader {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 655px;
	height: 75px;
}

.bannerbox {
	position: absolute;
	left: 3px;
	width: 655px;
	height: 75px;
	padding-top: 5px;
}

.logobox {
	position: absolute;
	top: 3px;
	left: 660px;
	width: 75px;
	height: 75px;
}

.menubox {
	position: absolute;
	top: 84px;
	left: 660px;
	width: 130px;
	height: auto;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: small;
	z-index: 99;
}

.links {
	position: absolute;
	top: 1px;
	right: 13px;
	width: 110px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	/*color: #808080;*/
	font-size: x-small;
	text-align: right;
}

table.calendar, table.calendar caption {
   /* margin: auto; */
   text-align: center;
}

.item {
	position: absolute;
	top: 84px;
	left: 3px;
	width: 655px;
	margin: 0px auto;
}

.itembody {
	text-align: center;
	font-size: small;
}

.iteminfo {	
	background-color: #FFFFFF;
	/*border: 1px solid #000000;*/
	font-weight: bold;
	font-size: x-small;
	letter-spacing: 3px;
	width: 75%;
	padding-left: 3px;
}

.iteminfo a {
	font-weight: bolder;
	color: #555;
	letter-spacing: 1px;
	text-decoration: none;
	width: 50%;
}

.testimonial {
	font-size: small;
	text-align: left;
	display: block;
	margin-left: 25px;
	border: thin dotted #000000;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 525px;
}

.highlight{
	background-color: #FFFF00;
	text-decoration: overline underline;
	font-size: large;
}

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;	
}

/*
	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) have a yellow background
*/

img {
	border: none;
}

.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.pre-select {
	background-color: yellow;
	text-decoration : overline underline;
}