#main { background: #fff; margin: auto; padding: 20px; max-width: 1200px }
#main h1 { padding:0; margin-top: 20px }
#main h2 { text-align: left }
#header { background-color: #eee; font-weight: normal; margin:0; padding:10px; border-bottom: 1px solid #ddd }
#logo { display: none }

table { margin: auto;}
td { vertical-align: middle; 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 { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.post_rotator { width:300px !important; }
.post_rotator div {  }
.post_rotator div img { float: left; margin: 0 3px 3px 0; }

#s7 { width: 230px; height: 230px; border: 1px solid #ddd; background-color: #eee; }
#s7 div { width: 200px; height: 200px; padding: 15px; color: #333; text-align: left; font-size: 16px; overflow: hidden }

.post_rotator div, #s7 div { top: 0; left: 0 }
#big { width: 500px; text-align: left }

td a { margin: 5px }
.nav { margin: 5px 0 }
#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }
#output { text-align: left; }