/*
	This is the CSS stylesheet that is used for the default Nucleus skin.
 */

/* 
   Tekst:   660000 (of: 996666)
   Link:    FF0000
   VisLink: 000000 (was: 663333)
   Hover:   FF9999
*/

/* Het kreten-veld */
.kreet {
	background-color: #FFFF99;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
}

/* Last FM kaart: */
.lastfm {
	margin-bottom: 5px;
	text-align: center;
}

body {
	font-size: small; 
	font-family: verdana, arial;
	background-color: #FFFFFF;
	color: #660000;
}

/* header used for site title */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 36px; 
	margin-bottom: 1px; 
	margin-left: 20px; 
	font-style: italic; 
	font-weight: bold; 
	text-align: center; 
	color: #663333; 
}

/* Datum bericht-header */
h2 {
	background-color: #FFFFCC;
	border: 1px solid #ccc;
	padding: 5px; 
	
	font-size: large;
	margin-bottom: 5px;
	text-align: left;
	color: #000000;
}

/* Menu */
h3 {
	font-size: small;
	text-align: left;
	color: black;
}

/* De ondertitel */
h4 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	margin-bottom: 1px; 
	margin-left: 20px; 
	font-style: italic; 
	font-weight: bold; 
	text-align: center; 
	color: #663333;
}

/* definitions applying to the logo */
.logo {
	position: absolute;
	left: 20px;
	top: 20px;
}

/* Menu blok */
.menu {
	position: absolute;
	left: 30px;
	top: 200px;

	width: 140px;
	padding: 5px;

	font-size: x-small;
	background-color: #FFFFCC; 
	
	/* use a lighter text color (grey) */
	color: #777;
}

/* Contents blok */
.contents {
	position: absolute;
	left: 200px;
	width: 550px;
	padding-left: 20px;
	border-left: 1px dashed #ccc;
	background-color: #FFFFFF;
}

/* nucleusbutton */
.poweredby {

}

/* search highlights */
.highlight {
	background-color: yellow;
	color: #FF0000;
}

input, textarea, select, option {
	background-color: transparent;
}

/* main index */

.day {
}


.item {
	padding: 5px;
	margin-bottom: 10px;
}

.item .title {		/* item title */
	display: block;
	padding: 2px;

	letter-spacing: 2;
	font-weight: bold;
}

.item .body {		/* item body */
	padding: 2px;
	margin-top: 5px;	
	margin-bottom: 5px;
	line-height: 1.7;	
}

.commentcount {
	font-size: x-small;
}

/* item timestamp */
.timestamp {	
	font-size: x-small;
	color: gray;
	text-align: right;
	color: #CC0000;
}

/* anchors in timestamps and comments */
.timestamp a, .comments a, .commentcount a {
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}


/* comments */
.comments {
	font-size: small;
	line-height: 1.1;
}


/* detailed pages */

.comment {
	margin-bottom: 10px;
	padding: 3px;
	border-bottom: 1px solid #eee;
}

.commentbody {
	margin-left: 5em;
	align: justify;
}

.nucleusbutton {
	margin-top: 5px;
}

img {
	border: none;
}

.links {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #CC3333; 
	text-decoration: none;
}

a 	{  
	font-style: normal; 
	font-weight: normal; 
	color: #FF0000; 
	text-decoration: none;
}

a:hover { 
	font-style: normal; 
	font-weight: normal; 
	color: #FF9999; 
	text-decoration: none;
}

a:visited { 
	font-style: normal; 
	font-weight: normal; 
	color: black;
	text-decoration: none;
}

a:visited:hover { 
	font-style: normal; 
	font-weight: normal; 
	color: #FF9999; 
	text-decoration: none;
}

acronym {  
	border-bottom: 1px dotted brown;
	cursor: help;
}

blockquote {
	background-color: #FFFFF5;
	padding: 5px; 
	
	margin-bottom: 5px;
	text-align: left;
}

q {
	background-color: #FFFFF5;
	font-style: italic; 
	font-weight: normal; 
	text-decoration: none;
}

table.calendar {
  fonts.size: small;
  color: black;
 }
  
tr.calendardateheaders {
  font-size: small;
  color: red;
}

td.days {
  text-align: center;
}

td.today {
  text-align: center;
  color: green;
  background-color: whitesmoke;
}