/* GLOBAL RESET */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size: 100%; }
q:before, q:after { content:''}
strong { font-weight: bold; }
em { font-style: italic; }
ol, ul, li { list-style: none; }
h1, h2, h3, h4, h5 { font-weight: normal;  margin: 0; }
a { outline: none; }
a img { border: none; }

/* Shepherds Flight Webcomic */

/* General Site Formatting */
body { background-color: #000000; font-family: arial; font-size: 16px; color: #999999; } 
div.container { width: 875px; margin: 0 auto; background-color: #000000; }
a { text-decoration: none; color: #999999; border-bottom: 1px dotted #999999; }
a:hover { color: #3399FF; border-bottom: 1px dotted #3399FF; }
a.bold { font-weight: bold; font-size: 18px; }
a.norm { border: none; }
p.right { float: right; }
p.header { font-size: 24px; font-weight: bold; }

/* Banner */
div.banner { height: 60px; border-bottom: solid 1px #CCCCCC; }

/* Navigation */
div.nav { background-color: #000000; height: 34px; border-bottom: solid 1px #CCCCCC; padding: 5px 10px; font-size: 30px; }
div.nav a { margin-right: 30px; }
div.cnav a { border: none; }
div.cnav1 a { border: none; }

/*Left Panel */
/* Comic */
div.comic { background-color: #000000; width: 471px; height: 1453px; border: solid 1px black; float: left; clear: top; }
div.comic img { width: 471px; }

/* Right Panel */
/* Story */
div.story { background-color: #000000; width: 400px; height: 100px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; margin-left: 473px; }
div.story img { margin-left: 200px; width: 200px; height: 100px; }
div.story p { position: relative; top: -100px; padding: 5px 10px; width: 200px; }
div.story p.strip { color: #CCCCCC; font-size: 20px; }
div.story p.story { font-size: 16px; }
/* Comic Navigation */
div.cnav { background-color: #000000; width: 380px; height: 20px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; margin-left: 473px; padding: 5px 10px; }
div.cnav span { margin-right: 20px; }
/* Comic Navigation Bottom */
div.cnav1 { background-color: #000000; width: 380px; height: 20px; border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; margin-left: 473px; padding: 5px 10px; }
div.cnav1 span { margin-right: 20px; }
/* Notes */
div.notes { width: auto; width: 380px; height: 1282px; margin-left: 473px; background-color: #000000; padding: 5px 10px; border-left: solid 1px #CCCCCC; }

/* Main */
div.main { height: auto; padding: 10px 20px; }
div.main p { line-height: 130%; }

/* Footer */
div.footer { background-color: #000000; font-size: 14px; border-top: solid 1px #CCCCCC; padding: 15px 20px; color: #333333; }
div.footer a { text-decoration: underline; color: #666666; }

/* About Page */
div.team { margin: 0 auto; padding: 10px 20px; text-align: justify; }
div.team p { line-height: 150%; }
div.team img { border: solid 1px #FFFFFF; }
div.team img.left { float: left; margin-right: 20px; }

/* Cast Pages */
/* Index */
div.cast { font-size: 22px; }
div.cast img { margin: 0px 5px; }
div.cast a.right { position: absolute; left: 500px; top: 115px;}
div.cast a.right1 { position: absolute; left: 500px; top: 221px;}
div.cast a.right2 { position: absolute; left: 500px; top: 327px;}
div.cast a.right3 { position: absolute; left: 500px; top: 433px;}
/* Cast */
div.info { margin-top: 15px; margin-left: 300px; width: 475px; line-height: 150%; min-height: 350px; }
/* Slideshow */
div.slideshow { float: left; margin-top: 20px; }
#slideshow { position:relative; height:267px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }