/* v1.0 | 20080212 | http://meyerweb.com/eric/tools/css/reset/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* MISC */ .hidden { display: none; visibility: hidden; } .self { cursor: normal; } div.hr { display: block; clear: both; width: 100%; } div.hr hr { position: relative; border: 1px solid black; top: 60px; } #skiplink { position: absolute; left: -9000px; } .left { float: left; } .right { float: right; } /* MAIN TYPOGRAPHY */ html { font-size: 62.5%; } strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; } code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; } pre { white-space: pre; } pre * { font-size: 100%; white-space: pre; } del { text-decoration: line-through; color: #666; } ins, dfn { border-bottom: 1px solid #ccc; } small, sup, sub { font-size: 85%; } big { font-size: 125%; line-height: 80%; } abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; } sup { vertical-align: super; } sub { vertical-align: sub; } /* FORMS */ fieldset { border: 1px solid #ccc; } legend { background: #fff; } textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; } input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } input[type='hidden'] { display:none; } /* QUOTES */ blockquote > p:before { content: "\201C"; } blockquote > p:after { content: "\201D"; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } .forum-body ul > li blockquote p, .spymsg blockquote p { font-size: 1.2em; } cite { font-style: normal; font-size: 1.1em; } /* LINKS */ a { text-decoration: none; } a:link { color: #9999df; } a:visited { color: #9999df; } a:hover { color: #ababfd; } a:focus { color: #ababfd; } a:active { color: #9999df; } /*** SITE-SPECIFIC STYLES ***/ html { background-color: #ffffff; } body { color: #818181; font-family: Georgia, Times, "Times New Roman", serif; } .wrapper { position: relative; width: 1120px; margin: 0 auto; } #content .aboutpage {font-family: Verdana, Arial, sans-serif; font-size:0.70em;} #content .aboutpage p {line-height:1.4em;} /*** HEADER ***/ #header { height: 150px; position: relative; } #header h1 { position: absolute; z-index: 10; width: 177px; height: 87px; background: transparent url(images/ebanthology-logo.png) 0 0 no-repeat; } #header h1 a { display: block; width: 100%; height: 105px; overflow: hidden; text-indent: -9000px; } #header h4 { display: none; } #header ul#nav { position: absolute; top: 135px; } #header ul#nav li { display: block; float: left; font-size: 1.2em; font-family: Avenir,Geosans,'Century Gothic',Arial,sans-serif; padding: 0 20px 0 2px; } #header ul#nav li a:link { color: #a1a1a1; } #header ul#nav li a:visited { color: #a1a1a1; } #header ul#nav li a:hover { color: #0f0f0f; } #header ul#nav li a:focus { color: #0f0f0f; } #header ul#nav li a:active { color: #a1a1a1; } #header ul#nav li.currsection a { color: #0f0f0f; } #header ul#links { position: absolute; right: 0; } #header ul#links li { display: block; float: left; width: 115px; height: 139px; padding: 0; margin: 0; } #header ul#links li a { display: block; height: 139px; width: 115px; text-align: center; background-position: top left; background-repeat: no-repeat; } #header ul#links li a span.description { display: none; } #header ul#links li a:link { color: #adacc6; } #header ul#links li a:visited { color: #adacc6; } #header ul#links li a:hover { color: #a1a1a1; } #header ul#links li a:focus { color: #a1a1a1; } #header ul#links li a:active { color: #adacc6; } #header ul#links li.currsection a { color: #a1a1a1; } #header ul#links li.pax a { background-image: url(images/pax.png); } #header ul#links li.pax a:hover { background-image: url(images/pax-on.png); } #header ul#links li.shirts a { background-image: url(images/eb9x.png); } #header ul#links li.shirts a:hover { background-image: url(images/eb9x-on.png); } #header ul#links li.combo a { background-image: url(images/handbook.png); } #header ul#links li.combo a:hover { background-image: url(images/handbook-on.png); } #header ul li.currsection a { color: #a1a1a1; } /*** CONTENT ***/ #content { position: relative; } #content h2 { font-size: 3em; font-weight: normal; color: #a1a1a1; } #content h3 { font-size: 1.8em; font-weight: normal; margin-top: 2em; color: #d8f3cb; } #content table { margin: 1em; } #content table td { padding: .5em; font-size: 1.3em; vertical-align: top; line-height: 1.5em; } #content table td.label { padding: .5em; text-align: right; } #content p { margin: 1em 0 0 0; font-size: 1.4em; line-height: 1.65em; } #content p.first {margin:0;} #content pre { margin: 1em 0 0 0; padding: 2em; color: #c2cee0; font-size: 1.3em; line-height: 1.5em; background-color: #0e1828; border: 1px dotted #1f2c40; } #content ul { list-style: disc outside; } #content ul li { margin: 1em 0 0 2em; } #content ul li ul { list-style: circle outside; } #content div.row { float: left; clear: both; width: 100%; } #content ul.pagenav { list-style: none; width: 1122px; padding: 0; margin: 0; } #content ul.pagenav li { padding: 0; margin: 0; display: block; float: left; width: 561px; height: 71px; background: url(images/left.png) top left no-repeat; } #content ul.pagenav li.next { background-image: url(images/right.png); } #content ul.pagenav li a { display: block; width: 561px; height: 71px; text-indent: -9000px; } /*** FOOTER ***/ #footer { float: left; clear:both; width: 100%; } #footer .wrapper { text-align: center; margin: 20px auto; background: url(images/footer-bg.png) top left no-repeat; } #footer .wrapper ul { list-style: none; margin: 0 auto; padding: 0; width: 1118px; } #footer .wrapper ul li { float: left; } #footer .wrapper ul#bottomlinks { height: 163px; margin-top: 0; } #footer .wrapper ul#attrib { list-style: none; margin: 0 auto; padding: 10px 0 0 25px; width: 423px; } #footer .wrapper ul#attrib li { float: left; height: 52px; padding: 15px 0 0 0; overflow: hidden; } #footer .wrapper ul#attrib li a { text-indent: -1000px; } #footer .wrapper ul#attrib li#fangamer { background: url(images/footer-divider.png) top right no-repeat; width: 179px; padding-right: 20px; } #footer .wrapper ul#attrib li#fangamer a { display: block; background: url(images/footer-fangamer.png) top left no-repeat; height: 33px; } #footer .wrapper ul#attrib li#starmen { width: 204px; margin-left: 20px; } #footer .wrapper ul#attrib li#starmen a { display: block; background: url(images/footer-starmen.png) top left no-repeat; height: 33px; } #footer p { clear: left; font-style: italic; font-family: "Verdana","Helvetica","Arial",sans-serif; color: #a1a1a1; font-size: .8em; line-height: 1.4em; } #footer p a { color: #d10000; text-decoration: underline; } #footer p a:hover { text-decoration: none; } /*** INDEX ***/ #content #jacket { background: url(images/jacket-bg.png) top left no-repeat; width: 528px; height: 256px; padding: 26px 46px; position: relative; overflow: hidden; float: left; } #content #jacket p { clear: both; } #content #jacket .quote { color: #dabbbb; } #content #jacket .quote p { font-style: italic; font-size: 1.6em; margin: 0; padding: 12px 0 12px 140px; border-top: 1px solid #4f1111; border-bottom: 1px solid #4f1111; } #content #jacket .quote p.attribution { font-size: 1.1em; font-weight: bold; border: none; background-color: #3b0202; margin: 0; padding: 0 8px; float: right; position: relative; top: -10px; } #content #jacket ul { clear: right; float: right; font-size: 1.8em; color: #f6bab5; margin: 3px 8px 15px 8px; } #content #jacket ul li { margin: 4px 0; padding: 0; } #content p a.buy_now { font-size: 1.6em; color: #f9d1ce; display: block; width: 253px; height: 33px; padding: 8px 0 0 110px ; margin-left: 160px; background: url(images/buy-now-bg.png) top left no-repeat; } #content p img.preview { position: absolute; top: 6px; left: 17px; } #content #movie { float: right;} #content #movie object { width: 500px; height: 308px; } #content #chapters { margin-top: 10px; margin-bottom: 10px; } #content #chapters h3 { color: #b57672; border-bottom: 1px solid #4b0b0a; padding-bottom: 8px; } #content #chapters ul { list-style: none; margin: 0; padding: 0; } #content #chapters ul li { background: url(images/bullet-raquo.png) 0 4px no-repeat; margin: 0; padding: 0 0 0 10px; } #content #chapters ul li a { color: #b4898c; } #content #chapters ul li a:hover { color: #fddbdb; } #content #chapters_content { background: #4f1111 url(images/chapters-bg.png) top left no-repeat; margin-top: 10px; padding-top: 10px; } #content #chapters_content .chapter { position: relative; width: 232px; height: 76px; margin: 0; padding: 174px 0 0 48px; float: left; background-position: top left; background-repeat: no-repeat;} #content #chapters_content .chapter h4 { float: left; margin-top: 2px; } #content #chapters_content .chapter h4 a { position: absolute; top: 0; left: 24px; width: 220px; height: 150px; text-indent: -9000px;} #content #chapters_content .chapter ul { background-position: center 0; background-repeat: no-repeat; height: 84px; } #content #chapters_content .chapter ul li { margin: 0 0 2px 0; font-size: 1.1em; } #content #chapters_content .chapter ul li a { line-height: 1.25em; } #content #chapters_content #prologue { background-image: url(images/chapters/prologue-bg.png); } #content #chapters_content #prologue h4 { background-image: url(images/chapters/prologue-heading.png); width: 91px; height: 0; overflow: hidden; padding-top: 42px; } #content #chapters_content #prologue ul { background-image: url(images/chapters/prologue-list-bg.png); margin-left: 101px; width: 105px; } #content #chapters_content #ch1 { background-image: url(images/chapters/ch1-bg.png); } #content #chapters_content #ch1 h4 { background-image: url(images/chapters/ch1-heading.png); width: 69px; height: 0; overflow: hidden; padding-top: 51px; } #content #chapters_content #ch1 ul { background-image: url(images/chapters/ch1-list-bg.png); margin-left: 79px; width: 100px; } #content #chapters_content #ch2 { background-image: url(images/chapters/ch2-bg.png); } #content #chapters_content #ch2 h4 { background-image: url(images/chapters/ch2-heading.png); width: 79px; height: 0; overflow: hidden; padding-top: 55px; } #content #chapters_content #ch2 ul { background-image: url(images/chapters/ch2-list-bg.png); margin-left: 89px; width: 100px; } #content #chapters_content #ch3 { background-image: url(images/chapters/ch3-bg.png); } #content #chapters_content #ch3 h4 { background-image: url(images/chapters/ch3-heading.png); width: 71px; height: 0; overflow: hidden; padding-top: 56px; } #content #chapters_content #ch3 ul { background-image: url(images/chapters/ch3-list-bg.png); margin-left: 81px; width: 100px; } #content #chapters_content #ch4 { background-image: url(images/chapters/ch4-bg.png); } #content #chapters_content #ch4 h4 { background-image: url(images/chapters/ch4-heading.png); width: 68px; height: 0; overflow: hidden; padding-top: 64px; } #content #chapters_content #ch4 ul { background-image: url(images/chapters/ch4-list-bg.png); margin-left: 78px; width: 118px; } #content #chapters_content #ch5 { background-image: url(images/chapters/ch5-bg.png); } #content #chapters_content #ch5 h4 { background-image: url(images/chapters/ch5-heading.png); width: 72px; height: 0; overflow: hidden; padding-top: 73px; } #content #chapters_content #ch5 ul { background-image: url(images/chapters/ch5-list-bg.png); margin-left: 82px; width: 115px; } #content #chapters_content #ch5 ul li#ch6 { margin-top: 18px; } #content #chapters_content #ch7 { background-image: url(images/chapters/ch7-bg.png); height: 106px; } #content #chapters_content #ch7 h4 { background-image: url(images/chapters/ch7-heading.png); width: 74px; height: 0; overflow: hidden; padding-top: 85px; } #content #chapters_content #ch7 ul { background-image: url(images/chapters/ch7-list-bg.png); margin-left: 84px; width: 110px; } #content #chapters_content #ch8 { background-image: url(images/chapters/ch8-bg.png); } #content #chapters_content #ch8 h4 { background-image: url(images/chapters/ch8-heading.png); width: 71px; height: 0; overflow: hidden; padding-top: 76px; } #content #chapters_content #ch8 ul { background-image: url(images/chapters/ch8-list-bg.png); margin-left: 81px; width: 130px; } #content #chapters_footer { background: #4f1111 url(images/chapters-footer-bg.png) bottom left no-repeat; height: 43px; width: 100%; margin-top: 3px; } #content #chapters_footer ul { margin: 14px 10px 0 10px; } #content #chapters_footer ul li { float: left; margin-right: 10px; padding-left: 20px; border-left: 1px solid #b4898c; font-size: 1.3em; background-position: 10px 4px; } #content #chapters_footer ul li.first { border: none } /*** ABOUT ***/ #content .left_col { width: 810px; float: left; margin-right: 15px; position: relative; } #content .left_col h3 { background: url(images/about/h3-headings.png) top left no-repeat; margin: 30px 0 0 0; border-bottom: 1px solid #4b0b0a; width: 100%; height: 33px; overflow: hidden; text-indent: -1000px; } #content .left_col div { position: relative; } #content .left_col #models h3 { background-position: 0 -33px; } #content .left_col #characters h3 { background-position: 0 -66px; } #content .left_col #inventory h3 { background-position: 0 -99px; } #content .left_col #writing h3 { background-position: 0 -132px; } #content .left_col #design h3 { background-position: 0 -165px; } #content .left_col p { font-family: Arial, Helvetica, sans-serif; width: 390px; font-size: 1.2em; color: #b4898c; } #content .left_col #what p { width: 750px; } #content .left_col img { position: absolute; right: 0; top: -30px; z-index: 2; } #content .left_col #models img { top: -60px; } #content .left_col #characters img { top: -20px; } #content .left_col #inventory img { top: 50px; } #content .left_col #design img { top: -30px; } #content .right_col { width: 291px; float: left; } #content .right_col .box { background: #4f1111 url(images/about/box-bg.png) bottom left no-repeat; margin: 25px 0 0 0; padding-bottom: 10px; } #content .right_col .box h4 { background: url(images/about/h4-headings.png) top left no-repeat; width: 291px; height: 29px; overflow: hidden; text-indent: -1000px; margin-top: 20px; margin-bottom: 20px; } #content .right_col .box #special_thanks h4 { background-position: 0 -29px; } #content .right_col .box #extra_special_thanks h4 { background-position: 0 -58px; } #content .right_col .box #legal h4 { background-position: 0 -87px; } #content .right_col .box table { margin: 0 16px; padding: 0; } #content .right_col .box table td { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #c99191; text-align: left; margin: 0; padding: 0; } #content .right_col .box table td.label { color: #eecece; font-size: 1.2em; padding-right: 20px; } #content .right_col .box p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #c99191; margin: 10px 16px; } #content .right_col .box #legal p { font-size: 1em; } /*** SPREAD ***/ #spread #content ul.prev_next { list-style: none; margin: 0 auto; padding: 0; width: 196px; } #spread #content ul.prev_next li { height: 31px; width: 96px; float: left; margin: 0 1px; padding: 0; } #spread #content ul.prev_next li a { background: url(images/spreads/page-nav.png) left top no-repeat; display: block; height: 31px; width: 96px; overflow: hidden; text-indent: -1000px; } #spread #content ul.prev_next li.prev a { background-position: 0 0; } #spread #content ul.prev_next li.prev a:hover { background-position: -96px 0; } #spread #content ul.prev_next li.next a { background-position: 0 -31px; } #spread #content ul.prev_next li.next a:hover { background-position: -96px -31px; } #content #spread_nav { margin-bottom: 4px; } #content #spread_nav ul.prev_next { float: left; } #content #spread_nav .navigation { background: url(images/spreads/navigation-bg.png) top left no-repeat; float: left; width: 457px; height: 31px; overflow: hidden; } #content #spread_nav .navigation h4 { font-size: 12px; float: left; margin: 0; padding: 11px 10px; height: 10px; border-right: 1px solid #2e0000; } #content #spread_nav .navigation h4#section_title { border-right: none; border-left: 1px solid #2e0000; } #content #spread_nav .navigation ul { list-style: none; float: left; margin: 5px 3px 0 3px; padding: 0; } #content #spread_nav .navigation ul li { float: left; width: 24px; height: 12px; text-align: center; margin: 5px 0 0 0; border-left: 1px solid #896767; } #content #spread_nav .navigation ul li.front { width: 44px; border: none; } #content #spread_nav .navigation ul li.prologue { width: 68px; } #content #spread_nav .navigation ul li.index { width: 46px; } #content #spread_nav #section.navigation ul { width: auto; } #content #spread_nav #section.navigation ul li.one { border: none; } #content #spread_nav .navigation ul li a { background: url(images/spreads/navigation-list-bg.png) top left no-repeat; display: block; width: 24px; height: 22px; overflow: hidden; text-indent: -1000px; margin-top: -5px; } #content #spread_nav .navigation ul li.front a { background-position: 0 0; width: 44px; height: 24px; } #content #spread_nav .navigation ul li.front a.current, #content #spread_nav .navigation ul li.front a:hover { background-position: -68px 0;} #content #spread_nav .navigation ul li.prologue a { background-position: 0 -24px; width: 68px; height: 24px; } #content #spread_nav .navigation ul li.prologue a.current, #content #spread_nav .navigation ul li.prologue a:hover { background-position: -68px -24px;} #content #spread_nav .navigation ul li.index a { background-position: 0 -48px; width: 46px; height: 24px; } #content #spread_nav .navigation ul li.index a.current, #content #spread_nav .navigation ul li.index a:hover { background-position: -68px -48px; } #content #spread_nav .navigation ul li.one a { background-position: 0 -72px; } #content #spread_nav .navigation ul li.one a.current, #content #spread_nav .navigation ul li.one a:hover { background-position: -68px -72px; } #content #spread_nav .navigation ul li.two a { background-position: 0 -94px; } #content #spread_nav .navigation ul li.two a.current, #content #spread_nav .navigation ul li.two a:hover { background-position: -68px -94px; } #content #spread_nav .navigation ul li.three a { background-position: 0 -116px; } #content #spread_nav .navigation ul li.three a.current, #content #spread_nav .navigation ul li.three a:hover { background-position: -68px -116px; } #content #spread_nav .navigation ul li.four a { background-position: 0 -138px; } #content #spread_nav .navigation ul li.four a.current, #content #spread_nav .navigation ul li.four a:hover { background-position: -68px -138px; } #content #spread_nav .navigation ul li.five a { background-position: 0 -160px; } #content #spread_nav .navigation ul li.five a.current, #content #spread_nav .navigation ul li.five a:hover { background-position: -68px -160px; } #content #spread_nav .navigation ul li.six a { background-position: 0 -182px; } #content #spread_nav .navigation ul li.six a.current, #content #spread_nav .navigation ul li.six a:hover { background-position: -68px -182px; } #content #spread_nav .navigation ul li.seven a { background-position: 0 -204px; } #content #spread_nav .navigation ul li.seven a.current, #content #spread_nav .navigation ul li.seven a:hover { background-position: -68px -204px; } #content #spread_nav .navigation ul li.eight a { background-position: 0 -226px; } #content #spread_nav .navigation ul li.eight a.current, #content #spread_nav .navigation ul li.eight a:hover { background-position: -68px -226px; } #content #spread_nav #chapter { margin-right: 5px; } #content #spread_nav #section { background-position: 0 -31px; margin-left: 5px; padding-left: 10px; width: 447px; } #content #bottom_nav { margin-top: 4px; } #content #bottom_nav ul.prev_next li.prev a { background-position: 0 -62px; } #content #bottom_nav ul.prev_next li.prev a:hover { background-position: -96px -62px; } #content #bottom_nav ul.prev_next li.next a { background-position: 0 -93px; } #content #bottom_nav ul.prev_next li.next a:hover { background-position: -96px -93px; } #content #bottom_nav p { clear: both; float: left; width: 100%; text-align: center; margin-top: 10px; } #content #bottom_nav p a { background: url(images/spreads/report-page.png) top left no-repeat; display: block; width: 135px; height: 9px; margin: 0 auto; overflow: hidden; text-indent: -1000px; } #content #bottom_nav p a:hover { background-position: 0 -9px; } #content #page { clear: both; border-top: 1px solid #742626; border-bottom: 1px solid #742626; padding: 4px 0 4px 0; }