body { padding-bottom: 20px }
#main { background: #fff; margin: 0 20px 20px 20px }
#main h1 { padding:0; margin-top: 20px }
#main h2 { text-align: left }
#header { background-color: #eee; font-weight: normal; margin:0; padding:10px; font-size: small }

/*table { margin: auto; border-collapse: separate; border-spacing: 20px }
td { vertical-align: top; text-align:center; width: 235px }*/
hr { margin-top: 20px; }

pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics {padding:0; margin:0; overflow: hidden }
.pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}



#slideshow { left: 0px; float: right; /*margin: 20px*/ }
#nav { width: 370px; margin: 0px; float: left }
#nav li { width: 100px; float: left; margin-right: 20px; margin-bottom: 14px; list-style: none }
#nav a { height: 100px; width: 100px; padding: 3px; display: block; border: 1px solid #ccc; text-align:center; }
#nav a.activeSlide { background: #E6E6E6 }
#nav a:focus { outline: none; }
#nav img { border: none; }
pre { clear: left } 

ul, li {
	margin:0;
}