body {
	width:768px ;
	margin:0;
	font-family: sans-serif ;

}

h1 {
	font-size: 25px ;
	padding-left: 10px ;
	padding-top: 3px ;
	padding-bottom: 3px ;
	margin-top: 0px ;
	margin-bottom: 10px ;
	background-color: #c0d0f0 ;
	text-shadow:1px 1px 1px  white;
}
h2 {
	font-size: 20px ;
	margin-left: 10px ;
	margin-top: 0px ;
	padding-left: 10px ;
	border-left: 15px solid #c0d0f0 ;
	border-bottom: 1px solid #c0d0f0 ;
}
h3 {
	font-size: 18px ;
	margin-left:15px ;
	margin-bottom: 5px ;
	margin-top: 10px ;
	border-bottom: 1px solid #c0d0f0 ;
}
h4 {
	font-size: 15px ;
	margin-top: 5px ;
	margin-bottom: 5px ;
}

img {
	margin:10px ;
	box-shadow:5px 5px 10px #808080 ;
	-webkit-box-shadow:5px 5px 10px #808080 ;
	-moz-box-shadow:5px 5px 10px #808080 ;
}
img.noshadow {
	margin:0 ;
	box-shadow:none ;
	-webkit-box-shadow:none;
	-moz-box-shadow:none ;
}
div.block {
	width:90% ;
	margin-left:20px ;
	margin-top:20px ;
	margin-bottom:40px ;
}
ul {
	line-height:180% 
}
#footer {
	font-size:15px ;
	margin-top:50px ;
	border-top:1px solid #c0c0c0 ;
	color:#c0c0c0 ;
}

textarea.src {
	width:90% ;
	margin-left:20px ;
	font-family:monospace ;
	font-size:1em;
	height:10em ;
	white-space: pre;
	overflow-x:scroll;

}
pre.src {
	width:90% ;
	margin-left:20px ;
	font-family:monospace ;
	height:10em ;
	overflow-x:scroll;
	border:1px solid black;
}
