@import url('2007extras.css');

body { position: relative; margin: 1em 0; color: black; background: white; font-family: Helvetica, Arial, sans-serif }
img { vertical-align: text-bottom }
a img { border: none }

/* most copies of Cooper Black floating around have a bug that they appear "normal" not "bold" to the font engine */
h1, h2, h3, h4, h5, h6 { font-family: "Cooper Black", serif; font-weight: normal; margin: 0.5em 0; clear: right }

#p8pageheader { color: #def; background: #369 url('bannback07.png'); padding: 0 0 0.5em 2em; background-repeat: repeat-x; margin: 0 }
#p8pageheader a:link { color: #ccf }
#p8pageheader a:visited { color: #f6c }
#p8pageheader a:hover, #p8crumbs a:focus { background-color: #47a }
#p8pageheader a:active { color: #f90 }
#p8pageheader .adsense { position: absolute; right: 2em; top: 0 }

/* If you take the border off the top of p8pagebody, the heading in the content "carries" the nav box down by a few fractions of an em unless you use a workaround:
h1 { margin-top: 0; padding-top: 0.5em }
*/
#p8pagebody { border-top: 0.2em solid #79B; padding: 0; position: relative; top: 0; margin: 0; width: 100% }

.p8contentcenter { margin-left: 12em }
.p8contentcenter #p8content { margin-left: auto; margin-right: auto; width: 30em }
.p8contentfull { margin-left: 12em }

#p8content ul { margin-left: 0; padding-left: 1em }

#p8sidenav { margin: 0; position: absolute; left: 0; top: 0; width: 9em; background: #BDF; color: #000; padding: 0 1em 1em 2em; border-style: solid; border-color: #79B; border-width: 0 0.1em 0.1em 0 }

#p8sidenav ul { margin: 0.5em 0; padding: 0; list-style-type: none }

#pagecopr { text-align: center; font-size: 85%; margin-top: 2em }

.screenGallery { width: 100% }
.screenGallery td { vertical-align: top }
.screenGallery img { display: block }
.screenGallery .sub { font-size: 80% }

.screenshot {float:right; border:1px solid #000; margin-left: 1em; margin-bottom: 1em; max-width: 20em}
.screenshot img {display: block; vertical-align: bottom}

.screenshot_divider { text-align: center }

.formtable th {text-align: right; font-weight: bold}