html, body, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } a { color: #F5F5F5; } a:hover { color: #FFA405; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; background-color: #ffffff; height: 270px; } a.external:link {color: #000000; font-size: 12pt; font-weight: bold; } a.external:visited {color: #000000; font-size: 12pt; font-weight: bold; } a.external:hover {color: #000000; font-size: 12pt; font-weight: bold; } #wrapper #header #humbertofontova { position: absolute; font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; text-align: center; left: 293px; top: 3px; width: 573px; height: 69px; } #wrapper #body #article { font-family: Verdana, Geneva, sans-serif; font-size: small; color: #FFF; background-color: #030634; text-align: center; position: absolute; left: 0px; top: 287px; width: 880px; height: 18px; padding-top: 5px; } a.external:active {color: #000000; font-size: 12pt; font-weight: bold; } body { background: #504634; font: 11px verdana, arial, sans-serif; color: #695F4C; padding-bottom: 10px; text-align: center; } /** layout **/ #wrapper { text-align: left; width: 880px; background: #ffffff; position: relative; margin-top: 37px; margin-right: auto; margin-bottom: 37px; margin-left: auto; border: 1px solid #362B03; } #header { height: 296px; background-color: #A99A65; background-image: url(images/header4.gif); background-repeat: no-repeat; } #logo { position: absolute; top: 12px; left: 300px; width: 170px; color: #52616E; } #logo h1 { font: bold 24px "arial narrow", arial, sans-serif; } #logo p { margin: 0; font-weight: bold; } #cart { position: absolute; top: 10px; left: 454px; width: 208px; background: #4B5360; width: 209px; } #cart-top { background: url(images/cart_top.gif) no-repeat; } #cart-bot { background: bottom left url(images/cart_bot.gif) no-repeat; } #cart-cart { background: 9px 11px url(images/cart.gif) no-repeat; } #cart-cart { padding: 8px 8px 8px 60px; color: white; } #cart p { margin: 0; } #cart .orange { color: #FFB400; font-size: 10px; } #cart a { color: white; font-size: 10px; } #nav { position: absolute; top: 85px; left: 287px; width: 593px; padding: 9px 0; text-align: center; background-color: #075263; background-repeat: repeat-x; background-image: url(images/navback.gif); } #nav li { list-style: none; display: inline; color: #fff; } #nav a { text-decoration: none; color: #FFF; } #gallery { position: absolute; top: 116px; left: 287px; width: 594px; height: 150px; } #gallery li { list-style: none; text-indent: -999px; float: left; overflow: hidden; height: 111px; background-color: #FFF; } #gallery .gwomen { width: 97px; background-image: url(images/bookheader2.gif); background-repeat: no-repeat; } #gallery .gkids { width: 95px; background-repeat: no-repeat; } #gallery .gmen { width: 95px; background-repeat: no-repeat; } #gallery ul .ghell { width: 593px; background-repeat: no-repeat; height: 180px; background-image: url(images/bookheader2.jpg); } #body { padding-top: 3px; background-color:#FFF; } #categories { float: left; width: 195px; border-top-width: 0px; border-left-style: solid; border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; background-color: #FFF; } #seasonal, #collection { float: right; width: 420px; margin-bottom: 2px; background-color: #FFF; padding-right: 0px; } #seasonal .inner, #collection .inner { background-color: #FFF; padding-top: 0px; padding-right: 12px; padding-bottom: 6px; padding-left: 3px; } #seasonal p, #collection p { margin: 0.9em 0; background-color: #FFF; } .more a { font-size: 12px; color: #000; text-decoration: none; } .more a:hover { text-decoration: underline; } h3 { font: bold 14px "arial narrow", arial, sans-serif; color: #1B1812; } h2 { font: 18px "arial narrow", arial, sans-serif; color: #695F4C; padding-bottom: 10px; } #categories h2 { color: #fff; background: #847A67; width: 396px; padding-top: 4px; padding-right: 0; padding-bottom: 5px; padding-left: 39px; } #categories li { border-top: 1px solid #F4EFDF; list-style: none; font-size: 12px; height: 210px; padding-top: 7px; padding-right: 0; padding-bottom: 8px; padding-left: 15px; background-color: #D4CAB6; background-repeat: no-repeat; background-position: left; width: 420px; } #categories a { text-decoration: none; color: #000000; } #categories a:hover { text-decoration: underline; } #collection { background-color: #FFF; background-repeat: no-repeat; background-position: right bottom; } #collection .inner { padding-right: 1px; background-color: #FFF; height: 280px; } #minigal { float: right; width: 250px; margin-top: 1em; margin-bottom: 1em; height: 130px; } #minigal div { float: left; margin: 6px; } #collection ul { margin-left: 1.5em; } #collection li { margin: 0.2em 0; color: #463F32; font-size: 16px; font-weight: bold; font-family: "arial narrow", arial, sans-serif; } #collection p { width: 103px; margin-left: 1.5em; } #seas-one, #seas-two, #seas-three { height: 160px; } #seas-one { float: left; width: 218px; background-color: #000034; background-repeat: no-repeat; padding-right: 0px; padding-left: 0px; font-size: x-small; font-style: italic; background-image: url(images/book_che.gif); color: #FFF; font-weight: bold; padding-top: 5px; padding-bottom: 0px; text-align: center; } #seas-two { float: left; background-color: #000034; background-image: url(images/book_fidel.gif); background-repeat: no-repeat; width: 220px; font-size: small; font-style: italic; font-weight: bold; color: #FFF; text-align: center; vertical-align: text-top; padding-top: 5px; } #seas-three { float: left; width: 220px; background-color: #D4CAB6; background-image: url(images/book_pig.gif); background-repeat: no-repeat; font-size: small; font-style: italic; font-weight: bold; color: #FFF; text-align: center; padding-top: 5px; } #wrapper #body #seas #seas-four { width: 220px; background-color: #D4CAB6; float: left; background-image: url(images/book_diver.gif); height: 160px; font-size: small; font-style: italic; font-weight: bold; color: #FFF; text-align: center; padding-top: 5px; } Exposing { text-align: right; color: #FFF; margin: 80px 15px 0 0; font-size: 5px; font-weight: bold; } #seas p.date { margin-top: 0; font-size: 16px; } #copyright { text-align: center; font-size: 9px; background-color: #362b06; } #wrapper #body #speech { position: absolute; left: 31px; top: 363px; width: 518px; height: 215px; padding-right: 10px; padding-top: 10px; border: 1px solid #8F8368; } #wrapper #body #cutline { font-family: Verdana, Geneva, sans-serif; font-size: xx-small; color: #666; position: absolute; left: 694px; top: 567px; width: 164px; }