@import url("reset.css"); 
html, body { height: 100% }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #191919 url(/img/bg.png) repeat scroll 0 0; }

a { color: #ccc; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrap { position: relative; z-index: 10; width: 990px; height: 900px; padding: 0 0 100px 0; margin: 15px auto 0 auto; }
#book { position: absolute; top: 0; left: -20px; width: 504px; height: 140px; padding: 580px 0 0 0; background: transparent url(/img/the-book.png) no-repeat scroll 0 0; }
#content { position: absolute; top: 0; left: 480px; width: 500px; }
#strip { position: absolute; height: 75px; top: 225px; z-index: 1; width: 100%; background: #151515; }
a#back { display: block; position: fixed; top: 15px; right: 0; width: 130px; height: 40px; background: transparent url(/img/button-back.png) no-repeat scroll 0 0; text-indent: -9999em; z-index: 50; }
a#back:hover { background: transparent url(/img/button-back.png) no-repeat scroll 0 -40px; }
a#back:active { background: transparent url(/img/button-back.png) no-repeat scroll 0 -0; }
#footer { clear: both; width: 100%; font-size: 14px; padding: 20px 0; background: #151515; text-align: center; color: #666; }

/* Headers */
#header { height: 196px; padding: 20px 0 0 0; }
#content h1 { font-size: 75px; color: #fff; margin: 0 0 5px 0; text-shadow: #111 0 -3px 0; }
#content h2 { font-size: 35px; color: #999; margin: 0 0 10px 0; text-shadow: #111 0 -2px 0; font-weight: normal; }
#content h3 { font-size: 23px; color: #555; margin: 0 0 8px 0; text-shadow: #111 0 -2px 0; font-weight: normal; }
#content p { width: 470px; font-size: 17px; line-height: 22px; color: #ccc; margin: 0 0 30px 0; }

/* Quotes */
blockquote { float: left; width: 460px; font-family: "Courier"; font-style: oblique; font-size: 14px; line-height: 20px; padding: 10px 20px 0 15px; background: transparent url(/img/bg-quote.png) no-repeat scroll 0 0; color: #ccc; }
cite { float: left; clear: both; width: 440px; height: 13px; font-size: 13px; font-style: normal; margin: 0 0 30px 0; padding: 22px 0 0 40px; background: transparent url(/img/bg-quote-bottom.png) no-repeat scroll 0 0; color: #ccc; }
cite strong { font-size: 17px; }

/* Icons */
#pre-order { float: left; width: 500px; height: 75px; margin: 0 0 15px 0; }
#pre-order h4 { float: left; font-size: 28px; font-weight: bold; color: #fff; padding: 18px 15px 0 0; }
#pre-order ul li { float: left; margin: 4px 8px 0 0; }
#book h4 { float: left; color: #fff; font-size: 20px; padding: 5px 0 0 55px; }
#book ul { float: right; padding: 0 55px 0 0; }
#book ul li { float:  left; }

/* Thumbs */
#thumbs { text-align: center; clear: both; padding-top: 10px; }
#thumbs img { width: 81px; height: 63px; margin: 1px; background-color: white; padding: 2px; border: 1px solid #e31937; }
#thumbs .bg { background-color: white; display: inline-block; margin: 5px; }