/*
	This is the CSS stylesheet that is used for the default Nucleus skin.
	
	Here's how the pages are built up:

	(Note: the format outlined below is NOT mandatory. If you want your 
	 site to use another structure, edit skins and templates, and define 
	 your own stylesheet. The default skins and templates only serves as 
	 an example of how a site running Nucleus can look.)

	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
	
	Der obere Seitenbeginn ist "20" 
*/
 
img {border: none;}
h1 {text-align: center;}
.skip {display: none;}

ul.nobullets {list-style:none;margin-left:0px;padding-left:0px;font-size:11px;line-height:110%;}
ul a {text-decoration:none;color:gray;font-weight:bolder;}

.highlight {background-color: yellow;}
.logo {position: absolute;padding: 0px;top:20px;left:10px;}

.liste  {line-height:145%;font-size:11px;}
.liste a  {text-decoration:none;line-height:185%}

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

body {
	font-size:11px;
	line-height : 125%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: whitesmoke;
	color: #444444;
	margin-right: 80px;
	margin-top: 20px;
	padding: 0;
}


/* Inhalt  */
.contents {background-color:white;position:absolute;left:185px;top:20px;width:550px;padding:5px;text-align:justify;}
.contents h2 {padding: 5px; margin-bottom: 5px;}
.contents h3 {margin-bottom:15px;margin-top: 5px;}
.contents a {border-bottom: #a0a7ed;border-width: 0px 0px 1px 0px;border-style: none none dotted none;}
#header {font-size:12x;margin-bottom:15px;margin-top:5px;color:red;font-weight:bold;margin-left:-5px;}

/*  Menu  use a lighter text color (grey) and a smaller font */
.menu {position:absolute;line-height:125%;top:180px;left:10px;width:150px;color:#777;font-size:small;}
.menu h2 {font-size:small;}


/* rechts */
.rechts {position: absolute;line-height:125%;top:20px;left:660px;color: #777;font-size:x-small;}
.rechtstext {position:absolute;line-height:125%;top:180px;left:660px;font-size:9px;text-align:left;width:160px;}

/* Kalender  */
.calendar  {font-size:10px;text-align:left;margin-left:0px;background-color:white;line-height:125%;}
.calendar a {text-decoration:underline;}

/*  Item */
h3.item {margin: 0px;margin-top:10px;}
.itembody {margin-top: 5px;margin-bottom: 5px;}
.iteminfo {color: gray;}
.iteminfo a {font-weight: bolder;color: #555;text-decoration: none;border-style: none none dotted none;}

/*  Kommentare */

h3.comment {font-size: medium;margin-bottom: 10px;}
.commentbody {align: justify;}
.commentinfo {font-size: x-small;color: gray;}


/*
	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;}