body {
	color: #000;
	background-color: #eed;
	margin: 0;
}

.lecture-slides {
	margin-left: 1.5em;
}
.lecture-slides a {
	margin: 6px;
}
.not-released {
	display: none;
}

li {
	list-style-type: square;
	margin-bottom: 0.5em;
}

ul {
	margin-bottom: 1em;
}

.hero-title {
	font-weight: 900;
	font-size: 30px;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	background-color: #33a;
	padding: 12px;
	border-bottom: solid 4px;
	border-color: #007;
}

h2 {
	font-size: 130%;
	color: #000;
	width: 80%;
	padding-left: 3px;
	border-bottom: solid 1px;
	border-left: solid 5px;
	border-color: #007;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	color: #000;
	width: 80%;
}

h4 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	color: #000;
	width: 80%;
}

/* style of links */
a:link {
	color: #07c;
	text-decoration: none;
}
a:visited {
	color: #249;
	text-decoration: none;
}
a:active {
	color: #077;
	text-decoration: none;
}
a:hover {
	color: #000;
	background-color: #acc;
	text-decoration: none;
}

p {
	width: 95%;
}

.level-1 { padding-left: 30px; }
.level-2 { padding-left: 35px; }
.level-3 { padding-left: 30px; }

.comment {
	margin: 3 0 10 10; 
	padding-left: 10;
	border-left: dashed 1px;
	border-color: #777;
}

.important { color: #c00; }

.code { color: #fff; background-color: #000; width: 80%;}

.float_container {
	width: 22.5cm;
}

.float_container div.block {
	float: left;
	width: 190px;
}