/*



	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

*/





body {

	font-family: tahoma, arial, sans-serif;	

	background-color: #ffffff;

	color: #ffffff;

	font-size: 13px;

	

}



a:link { color: #FF9900; text-decoration: none; }

a:visited { color: #FF9900; text-decoration: none;  }

a:hover { color: yellow;

background-color: #ff0000; 

color-padding: 2px; 

text-decoration: underline;

} 



.centering {

	width: 750px;

	margin-left: auto;

	margin-right: auto;

}



/* defines the container*/

.container {

	width: 750px;

	border: 1px solid #000;

	background-color: #333333;

}



/* definitions applying to the header */

.header {



	width: 750px;

}



.navigation {



	width: 750px;

	height: 16px;

	text-align: right;

	font-size: 12px;	

	background-color: #666666;

	padding-top: 3px;

	padding-bottom: 3px;

	border-bottom: 1px solid #000000;

}







.breadcrumb {



	width: 750px;

	height: 20px;

	font-size: 10px;	

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

	text-indent: 5px;

	padding-top: 3px;

}



.contents {

	width: 750px;

}



/*

	Definitions for headers in the contents (.contents h2), page titles (h1) 

	and dateheads (.contents h2):

	- page titles are centered (within the .contents div)

	- menu headers (h2) use a small font

	- dateheads use a large font and are in a box

*/



h1 {
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-color: #666666;
	padding: 3px;
	font-size: 12px;
	margin-bottom: 5px;
	border-color: #CCCCCC;


}



#navtext {

	text-align: center;

}



.menu h2 {

	font-size: small;

}



.contents h2 {	

	font-size: medium;

	color: #ffffff;

	margin-bottom: 5px; 

	border-bottom: 1px solid #fff; 

}



.contents h3 {

	font-size: medium;

	color: red;

	margin-bottom: 5px; 



}



.menu h3 {

	font-size: x-small;

}





/* 

	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

	

	anchors in the iteminfo (.iteminfo a) are not underlined and bold

*/



/* item title */

h3.item {

	color: #cccccc;

	font-size: medium;

	margin: 0px;

	margin-top: 10px;

}



.itembody {	

	margin-top: 5px;	

	border: 1px solid #000;

	padding: 5px; 

	margin-bottom: 5px;

}



.iteminfo {	

	font-size: x-small;

	color: black;

}



.iteminfo a {

	font-weight: bolder;

	color: red;

	text-decoration: none;



}

.invisible {
	font-size: 1px;
	color: #ffffff;
	text-decoration: none;
}

.invisible a {
	font-size: 1px;
	color: #ffffff;
	text-decoration: none;
}



/*

	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

*/



/* comment title */

h3.comment {

	font-size: medium;

	margin-bottom: 10px;

}



.commentbody {

	align: justify;

}



.commentinfo {	

	font-size: x-small;

	color: white;

}





/*

	Some rules that apply to contents generated using the markup buttons 

	"add left box" and "add right box"

	

	both boxes have slightly larger text, and take a maximum of 20% of 

	the width of the contents.

*/



.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: circle inside;

	margin-left: 0px;

	padding-left: 0px;

	margin-bottom: 5px;

}



ul.resume {

	list-style: none;

	margin-left: 0px;

	padding-left: 0px;

}



.highlight {

	background-color: yellow;

}