/*
****************************
This stylesheet is copyrighted to Matt Gibson and Geoff Gaviria www.dead-on-arrival.co.uk (C) 2007
****************************
*/

/*GLOBAL STYLES*/
*, 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 }
body {margin:0px; padding:0px; background:url(../imgs/dead-on-arrival-bg.jpg) repeat;}
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; }
acronym { cursor: help; border-bottom: 1px dotted;}
ol, ul, li { list-style:none }
* a { position:relative; }
a { outline:none; } 
a img { border: none;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF;}


/*LAYOUT*/
div#container {width:100%; margin:0; padding:1px 0 0 0; }
div#blackbg {background: #000000; width: 770px; height: 1100px; margin: 0px auto 0 auto; padding:0; text-align:left; position:relative; }
div#blackbg2 {background: #000000; width: 770px; height: 930px; margin: 0px auto 0 auto; padding:0; text-align:left; position:relative; }
div#blackbg3 {background: #000000; width: 770px; height: 1300px; margin: 0px auto 0 auto; padding:0; text-align:left; position:relative; }
div#headercontent {width:770px; height:298px; margin: 0px auto 0 auto; padding:0; text-align:left; position:relative;}
div#headercontent { background:url(../imgs/doa-right.jpg) top right no-repeat #000000 } /* 'html>body' because IE can't understand parent/child selectors */
div#maincontent { width: 770px; margin: -184px auto 0 auto; padding: 0; text-align: left; position:relative;}
.clear {clear: both;}


/*HEADERS */
h1.logo a {text-indent:-9999px; width:518px; height:98px; position:absolute; top:0px; left:0px; overflow:hidden; display:block; border:none; background:url(../imgs/doa-logo.jpg) no-repeat;}
h1.logo a:hover { border:none; }
h1 { font-size:24px; color:#ffffff; margin:0px;}

h3 {text-indent:-9999px; width:223px; height: 26px; position:absolute; top:0px; left:26px; overflow:hidden; display:block; border:none;}
h3 { font-size: 16px; color:#ffffff; margin:0px;} 

h3.chapter { background:url(../imgs/chapter1.gif) no-repeat;}
h3.chapter2 { background:url(../imgs/chapter2.gif) no-repeat;}
h3.chapter3 {background:url(../imgs/chapter3.gif) no-repeat;}
h3.chapter4 {background:url(../imgs/chapter4.gif) no-repeat;}
h3.chapter5 {background:url(../imgs/chapter5.gif) no-repeat;}
h3.chapter6 { background:url(../imgs/chapter6.gif) no-repeat;}
h3.chapter7 { background:url(../imgs/chapter7.gif) no-repeat;}
h3.chapter8 { background:url(../imgs/chapter8.gif) no-repeat;}
h3.blonde {background:url(../imgs/blonde1.gif) no-repeat; width:250px; height:30px;}
h3.boss {background:url(../imgs/boss1.gif) no-repeat; width:250px; height:30px;}
h3.boss {background:url(../imgs/paul1.gif) no-repeat; width:250px; height:30px;}

h3.pageError {background:url(../imgs/404.gif) no-repeat; width:250px; height:30px;}





/*FOOTER */
div#footer {width: 770px; height: 108px; position:absolute; top:920px; left:0; margin:0; padding:0; background:url(../imgs/footerbg.jpg) no-repeat; }
div#footer.footver2 {top:750px;}
div#footer.footver3 {top:1140px; }
div#footer.footver4 {top:980px; }
div#footer.footver5 {top:400px;  }

div#footer ul.left {position: relative; left:26px; margin:0px 0 0 0; padding:0; display: block; list-style: none;}
div#footer p {position: relative; left:26px; top: 15px; margin:0; text-align:left; padding-top: 5px;  }
div#footer a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF; text-decoration: none; }
div#footer a:hover {text-decoration:underline; color:#999999;}

div#polaroid {position:absolute; width:229px; height:252px; overflow: hidden; margin:0; padding:0; top:750px; left: 590px;}
div#polaroid.polver2 {top:580px; }
div#polaroid.polver3 { top:970px; }
div#polaroid.polver4 { top:810px; }
div#polaroid.polver5 { top:300px; }
div#polaroid a {background:url(../imgs/polaroid.gif) no-repeat; text-indent: -9999px; display:block; position:relative; top:0; height:252px; width: 229px; overflow:hidden;}
div#polaroid a:hover {background:url(../imgs/polaroidactive.gif) no-repeat;}


/*COMIC CONTENT */
div#comicContent { width:598px; position: absolute; top:50px; border:none;}
div#comicContent ul li {float:left; padding:20px 0 0 26px; width:271px;}
.panes:after{content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.panes {display: inline-block;}
.panes {display:block;} 
* html .panes {height: 1px;} 
li.fix {margin-top:-65px;}
li.fix2 {margin-top: -226px;}
li.fix3 {margin-top: -158px;}
li.fix4 {margin-top: -228px;}


/*COMIC CONTROL NAV */
div#comicControl ul.left {width: 155px; height: 15px; position:absolute; list-style:none; top:34px; left: 26px; margin:0; padding:0; overflow:hidden; }
div#comicControl ul.right {width: 158px; height: 15px; position:absolute; list-style:none; top:34px; left: 442px; margin:0; padding:0; overflow:hidden; }
div#comicControl ul.right2 {width: 163px; height: 15px; position:absolute; list-style:none; top:34px; left: 437px; margin:0; padding:0; overflow:hidden; }
li.comicNext a, li.comicPrev a, li.comicRestart a {background: url(../imgs/comicnav.gif) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; height:15px; overflow:hidden;}

li.choiceInterface a { background:url(../imgs/skipnav.gif) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; left:0; height:15px; width:158px; overflow:hidden; background-position:0 0;}
li.choiceInterface a:hover {background-position:0 -15px;}

li.backInterface a { background:url(../imgs/backnav.gif) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; left:0; height:15px; width:163px; overflow:hidden; background-position:0 0;}
li.backInterface a:hover {background-position:0 -15px;}

li.comicNext a {background-position:0 0; top:0; left:0; width:37px;}
li.comicNext a:hover {background-position:0 -15px;}

li.comicPrev a {background-position:-37px 0; top:0; left:37px; width:67px;}
li.comicPrev a:hover {background-position:-37px -15px;}
li.comicPrev a.Rfix {background-position:-37px 0; top:0; left:0px; width:67px;}
li.comicPrev a:hover.Rfix {background-position:-37px -15px;}

li.comicRestart a {background-position:-104px 0; top:0; left:104px; width:51px;}
li.comicRestart a:hover {background-position:-104px -15px;}
li.comicRestart a.Rfix {background-position:-104px 0; top:0; left:37px; width:51px;}
li.comicRestart a.Rfix:hover {background-position:-104px -15px;}
li.comicRestart a.Rfix2 {background-position:-104px 0; top:0; left:67px; width:51px;}
li.comicRestart a.Rfix2:hover {background-position:-104px -15px;}



/*MAIN NAVIGATION */
ul.doaNav { width:252px; height:25px; position:absolute; top:13px; left:518px; list-style: none; margin:0px; padding:0px; overflow:hidden;}
li.navFlash a, li.navAbout a, li.navContact a, li.navResources a { background:url(../imgs/navigation.gif) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; height:25px; overflow:hidden; }

li.navFlash a { background-position:0 0; top:0; left:0; width: 57px;}
li.navFlash a:hover { background-position:0 -25px;}

li.navAbout a { background-position:-57px 0; top:0; left:57px; width: 49px;}
li.navAbout a:hover { background-position:-57px -25px;}

li.navContact a { background-position:-106px 0; top:0; left:106px; width: 61px;  }
li.navContact a:hover {background-position:-106px -25px; }

li.navResources a {background-position:-167px 0; top:0; left:167px; width: 85px; }
li.navResources a:hover { background-position:-167px -25px; }



/*SUB NAVIGATION */
ul.charNav { width:83px; height:151px; position: absolute; top:45px; left:687px; list-style: none; margin:0px; padding:0px; overflow:hidden;}
li.charAl a, li.charDavid a, li.charJessica a, li.charMcgraw a, li.charMiller a, li.charMrsW a, li.charPaul a { background:url(../imgs/subnav.jpg) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; width:83px; overflow:hidden;}

li.charAl a { background-position:0 0; top:0; left:0; height:21px;}
li.charAl a:hover { background-position:-83px 0px;}

li.charDavid a { background-position:0 -21px; top:21px; left:0; height:21px;}
li.charDavid a:hover { background-position:-83px -21px;}

li.charJessica a { background-position:0 -42px; top:42px; left:0; height:21px;}
li.charJessica a:hover { background-position:-83px -42px;}

li.charMcgraw a { background-position:0 -63px; top:63px; left:0; height:21px;}
li.charMcgraw a:hover { background-position:-83px -63px;}

li.charMiller a { background-position:0 -84px; top:84px; left:0; height:21px;}
li.charMiller a:hover { background-position:-83px -84px;}

li.charMrsW a { background-position:0 -105px; top:105px; left:0; height:21px;}
li.charMrsW a:hover { background-position:-83px -105px;}

li.charPaul a { background-position:0 -126px; top:126px; left:0; height:25px;}
li.charPaul a:hover { background-position:-83px -126px;}