*					{ margin: 0; padding: 0; }
body				{ font: 14px Georgia, serif; width: 758px; margin: 25px auto; }

#page-wrap		    { width: 400px; margin: 25px auto; }

h1, h4              	{ font-weight: normal; }
h1                		  { font-size: 30px; margin: 0 0 25px 0; }
h4               	  	 { font-size: 20px; }
h4 a {tekst-decoration:none;}
.date		    		{ margin:-3px 0px 0px 10px; float:right; }
.chunk { margin:10px 5px 0px 5px; padding:10px 5px 5px 5px; background-color:#f3f3f3;}
.year				{display:block; margin:0px 0px -15px 0px; background-color:#ff0066; line-height:12px; width: 50px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:9px;}
.day			{ display:block; background-color:#CCCCCC; width: 50px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bolder;}
.month	{ display:block; margin:-16px 0px 0px 0px; color:#FFFFFF; background-color:#000000; width: 50px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:9px;}
p                   { margin: 0 0 25px; }
img {margin: 0px 10px 5px 0px; float:left; } 

#slider{
	width:150px;
	height:200px;
	overflow:hidden;
}	
#slider ul, #slider li,{
	width:150px;
    height:200px;
    margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:150px;
	height:200px;
	}
	
	#sidebar{
	margin-top:60px;
	padding:10px;
	float:right;
	background-color:#cccccc;
}	


/************************************************
*	NAVIGATION																			*
************************************************/

#menu{
	padding-left:2px;
	height: 43px;
}

#navi_l h2{
font-family: Trebuchet, TrebuchetMS, Helvetica, Arial, sans-serif;
font-size: 1.3em;
margin:20px 5px 10px 0px;
padding:5px 0px 5px 3px;
background-color:#006600;
color:#FFFFFF;
/*--Top right rounded corner--*/
-moz-border-radius-topright: 5px;
-khtml-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}
#navi_l input{
font-family: Trebuchet, TrebuchetMS, Helvetica, Arial, sans-serif;
font-size: 1.3em;
margin:0px 0px 10px -5px;
background-color:#ffffff;
color:#000000;
}
#navi_l ul{
list-style : none;
}

#navi_l li a{
margin:0px 0px 0px -17px;
font-family: Trebuchet, TrebuchetMS, Helvetica, Arial, sans-serif;
font-size: 1em;
color:#006600;
}

#navi_l li a:hover{
font-size: 1em;
color:#FFFFFF;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 640px;
	list-style: none;
	font-family: Trebuchet, TrebuchetMS, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 43px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.scilogs {
	background: url("../imgs/nav_scilogs.png") no-repeat;
	width: 124px; 
}
ul#topnav a.weetlogs {
	background: url("../imgs/nav_weetlogs.png") no-repeat;
	width: 124px; 
}
ul#topnav a.breinlogs {
	background: url("../imgs/nav_breinlogs.png") no-repeat;
	width: 124px; 
}
ul#topnav a.ruimtelogs {
	background: url("../imgs/nav_ruimtelogs.png") no-repeat;
	width: 124px; 
}
ul#topnav a.techlogs {
	background: url("../imgs/nav_techlogs.png") no-repeat;
	width: 141px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #000099 url("../imgs/sub_bg.png") repeat-x;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}

ul#topnav li #sub_scilogs {
	background: #3300cc  url("../imgs/sub_scilogs_bg.png") repeat-x;
}

ul#topnav li #sub_weetlogs {
	background: #09a63a url("../imgs/sub_weetlogs_bg.png") repeat-x;
}

ul#topnav li #sub_breinlogs {
	background: #c30000 url("../imgs/sub_breinlogs_bg.png") repeat-x;
}

ul#topnav li #sub_ruimtelogs {
	background: #646464 url("../imgs/sub_ruimtelogs_bg.png") repeat-x;
}

ul#topnav li #sub_techlogs {
	background: #02eafc url("../imgs/sub_techlogs_bg.png") repeat-x;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url("../imgs/navlist_arrow.gif") no-repeat 3px 9px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 9px ;}

/*--Left sidebar navigation--*/

#navi_l li {
margin:5px 5px 5px 15px;
	
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }