#main { padding: 0; background: #fff; margin: 0 0px 0px 0px }
#main h1 { padding: 0px 10px 0px 0; padding:0; margin-top: 0px }

pre { visibility:hidden; }
pre { font-size: small;  background-color: #eee; border: 1px solid #ddd; border-left-width: 5px; overflow-x: auto; }
pre.normal { background-color: transparent; border: none; border-left-width: 0; overflow-x: auto; }
code { padding: 0; font-size: 50%; font-style: normal }
code.method { font-size: 50%; display: block;}
code.inline { background-color: #ffc }
/**/

div.example { margin: 0px 0 0px 0px; background: #ffe; clear:left; border: 1px dashed #ccc; text-align: left }

.pics { width: 300px; height: 225px;  padding:0; margin:0; overflow: hidden }
.pics img { width: 300px; height: 225px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

#main h2 { text-align: left }
hr { }

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