/*
	The body definitions define how the page should globally look:
	- a small verdana, arial or font from the sans-serif family
	- black text on a white background
*/

body {
	font-family: verdana, arial, sans-serif;
	font-size: small;	
	background-color: #888
	color: #000;
        width: 100%;
}

/* 
	The definitions below determine how the page looks.
	
	There are 3 main div-elements, which are all positioned absolute
	(relative to the upper left corner of the screen):
	
	.contents: contains the main contents of the page.
	.menu: sidebar with menu
	.logo: logo to be displayed above the sidebar

*/

/* definitions applying to the contents block */
.backframe {
   position: absolute;
   top: 100px;
   left: 600px;
}
.backframe2 {
   position: absolute;
   top: 450px;
   left: 600px;
}

.backframe3 {
   position: absolute;
   top: 800px;
   left: 600px;
}

.contents {
   letter-spacing:-1px;
   margin-top:-2em;
   margin-left: 150px; 
   width: 600px; 
}
.zelda_contents {
   letter-spacing:-1px;
   margin-top:-2em;
   margin-left: 200px; 
   width: 550px; 
}

/* definitions applying to the logo */
.logo {
	position: absolute;
	text-decoration: none;

	top: 10px;
	left: 20px;
}
.menu {
	text-decoration: none;
	position: absolute;
	top: 100px;
	left: 10px;
	width: 150px;

	/* use a lighter text color (grey) and a smaller font */
	color: #446;
	font-size: small;	
}


.zelda_menu {
        position: absolute;
	top: 50px;
	left: 10px;
	width: 200px;

	/* use a lighter text color (grey) and a smaller font */
	color: #446;
	font-size: small;	
}


h1 {
	text-decoration:none;
	position: absolute;
	color: #a8e;
	top: 5px;
	left: 20px;
 	font-size: xx-large;
}

h2 {
	font-size: medium;
}


h4 {
	color: #53d;
	font-size: large;
	text-decoration: none;
	margin-bottom: -4px;
}


.menu h2 {
	color: #c35;
        width: 120px;
	margin-bottom: 0em;
}

.contents h2 {
	width: 150px;
	background-color: #8da;
	border: 0px solid #888;
	padding: 0px; 
	font-size: small;
	margin-bottom: 1em;}


/* item info */

.itemtitle {
	font-weight: bolder;
	font-size: medium;
        letter-spacing	:-1px;
	color: #435;
}

.itemtitle a{
	text-decoration: none;
	color: #435;
}


.itemcategory {
        font-size: small;
	font-weight: bolder;
	color: #535;
}
.iteminfo{
	line-height : 13px ;
	position: relative;
	top: -1px;
}
.iteminfo a{
	color: #535;
	text-decoration: none;
}


.itemcomment{
        margin-right:300;
        font-size: small;
	color: #535;
}
.itemdate{
	font-size: xx-small;
}

.itemauthor{
        font-size: small;
	font-weight: bolder;
	position: relative;
	top: -14px;
	left: -3px;
	color: #535;
}

.itembody {	
        font-size: small;
	text-indent: 2em;
	width : 99%;
	margin: 3px;
}


/* comment title */
h3.comment {
	font-size: medium;
	margin-bottom: 0px;
}
.commentinfo {	
	font-size: small;
	color: gray;
}

.commentbody {
	font-size: medium;
	font-color: #335
	text-align: justify;
}

.itemtitlefull {
	font-weight: bolder;
	font-size: medium;
        letter-spacing	:-1px;
	color: #435;
}

.itemtitlefull a{
	text-decoration: none;
	color: #435;
}



/* commentlist title */
h3.commentlist {
	font-size: small;
	margin-bottom: 0px;
}
.commentlistinfo {	
	font-size: x-small;
	color: #547;
}
.commentlistbody a{
	text-decoration: none;
}
.commentlistbody {
 	letter-spacing:0px;
	font-size: xx-small;
	color: #505040;
	position: relative;
	top: 2px;
        margin-left: 3px;
        line-height : 9px ;
	margin-bottom: -33px;
}

.newslistbody {
 	letter-spacing:0px;
	font-size: xx-small;
	color: #505040;
        margin-left: 1em;
	text-align: justify;
        line-height : 12px ;
	margin-bottom: 3px;
}



.leftbox, .rightbox {
	font-size: larger;
	width: 20%;
}

.twinbox {
	width: 250px;
	float: left;
	border-right: 2px solid #ccc;	
}

.leftbox {
	float: left;
	border-right: 2px solid #ccc;	
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;	
}

.firstframe {
	margin-bottom: -10px;
}

img {
	border: none;
}

.skip {
	display: none;
}

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

.highlight {
	background-color: yellow;
}

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