/* ----------------------------------------------- client: Benjamin Moore US created: 09/02/2009 author: Burt Brumme Index: ~ Reset ~ Global ~ Structural ~ Tables ~ Misc. Styles ~ Notes ----------------------------------------------- */ /* ~Reset ----------------------------------------------- */ * { padding: 0px; margin: 0px; border: 0px; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove annoying border on linked images. */ a img { border: none; } /* ~Global ----------------------------------------------- */ body { background: #E1ECC2 url('../images/mainBkgrd.gif') repeat-x top left; text-align: center; margin: 0px; } body.insidePage { background: #DDEEC4 url('../images/greenBkgrd.jpg') repeat-y top center; } /* ~Structural ----------------------------------------------- */ /* These elements are on the homepage */ .homeContainer { margin: 28px auto 0px; height: 100%; text-align: left; width: 960px; /*The width of the site goes here*/ } #col1 img { margin-left:-35px; } img.fab { margin-right: -20px; } .middleCol { width: 350px; float: left; } .sideCol { width: 300px; height:533px; float: left; padding-top: 2px; } .homeTxtBlock { height: 230px; width:270px; margin: -15px 0px 15px 0px; overflow: hidden; } #col3 { text-align: right; } #col3 .homeTxtBlock { float:right; } #homeFooter { height:24px; text-align:center; margin: 106px 0px 0px; padding-top:8px; background: url('../images/bottomTab.jpg') no-repeat bottom; } /* These elements are on the inside pages */ .container { background: #fff url('../images/whiteBkgd.jpg') repeat-y top center; margin: 0 auto -120px; min-height: 100%; height: auto !important; height: 100%;/* these height styles make the footer sticky */ text-align: left; width: 885px; /*The width of the site goes here*/ } .header { background: #fcfdf8 url('../images/headerBkgrd.jpg') no-repeat top center; height:130px; width: 851px; margin: 0px auto; vertical-align: top; } .mainBody { padding: 15px 75px; } .footer, .push { height: 120px; /* .push must be the same height as .footer */ } .footer { margin: 0px auto; width: 885px; background: #fff url('../images/footerBkgrd.jpg') no-repeat; } /* Found on the view entries pages */ #backArrow { width: 70px; height:241px; margin: 160px 0px 0px 20px; } #entryPic { width: 611px; height: 401px; margin: 0px 10px 0px 0px; background: url('../images/bigPicBkgd.jpg') no-repeat; } #thumbsSideBar { width: 80px; height: 401px; background: url('../images/thumbSideBar.jpg') no-repeat; text-align: center; } #nextArrow { width: 70px; height: 241px; margin: 160px 0px 0px 0px; } .thumbImage { width: 76px; height: 77px; margin: 5px 0px 9px 2px; padding: 5px 0px 0px 0px; display: block; background: url('../images/thumbBkgrd.gif') no-repeat top center; } .rated { float:left; font: bold 1.2em/2em Georgia, Times, serif; letter-spacing: 1px; color: #2b7290; padding: 16px 10px 0px; display:inline-block; } .ratedNum { font-size: 1.8em; display:inline-block; margin:-5px 0px 0px 10px; } #insidePod { width: 571px; min-height: 200px; background: #fcfdf8 url('../images/shadowBkgd.gif') no-repeat top left; margin: 0px 0px 20px 80px; padding: 5px 20px 5px 25px; } .commentPod { border-top: 1px solid #929496; padding: 9px 0px; margin: 11px 0px 0px; } .thankYou { display: inline-block; margin: 25px 0px 0px 20px; } /* These elements are used on the pick your palette & bright ideas pages */ #leftCol { width: 350px; float: left; } #rightCol { width: 350px; float: right; } #ideaContainer { width: 350px; height: 135px; } #ideaImg { width: 115px; float: left; padding-top: 5px; } #ideaTxt { width: 230px; float: right; } /* These elements are used on mall tour page */ #dateContainer { width: 550px; background-color: #e7e7e7; padding-left: 10px; margin: 0px; border: 0px; } /* It's the login overlay! */ #passwordBox { height: 282px; width: 247px; padding: 10px 60px 20px; text-align:left; background: #fff url('../images/loginRegBkgrd.jpg') repeat-x bottom left; border: 10px solid #d2d2d4; } #loginBox { height: 282px; width: 247px; padding: 10px 60px 20px; text-align:left; background: #fff url('../images/loginRegBkgrd.jpg') repeat-x bottom left; border: 10px solid #d2d2d4; } #regBox { height: 504px; width: 417px; padding: 10px 50px 20px; text-align:left; background: #fff url('../images/loginRegBkgrd.jpg') repeat-x bottom left; border: 10px solid #d2d2d4; } /* Tables ----------------------------------------------- */ table { border-collapse: separate; border-spacing: 0px; } /* Miscellaneous styles ----------------------------------------------- */ .hide { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } /* Style from old site for Gallery View ----------------------------------------------- */ #sort { display: block; height: 15px; width: 100%; margin: 0px 0px 15px; } #counter { position: relative; height: 20px; display: block; text-align: right; background: url(../images/grey_view_bar.gif) repeat-x 0 center; } #counter .count { position: absolute; background-color: #fcfdf8; padding-left:0.5em; padding-right: 25px; right: -3px; } #gallery { padding-top: 1em; display: block; } #gallery .entry{ float: left; height: 175px; display: inline; width: 183px; margin: 0px; padding: 1px 0px; word-wrap: break-word; } img.entryThumb { width: 158px; height: 118px; } * html #gallery .entry{ margin-left: -2px; } #gallery { min-height: 300px; } #gallery .entry img{ border: 1px solid #d2d1cb; padding: 3px; background-color: #fff; } #gallery .entry p{ padding: 2px 4px 0; } #gallery #nav-btn{ position: relative; top: 0; left: 0; } #gallery #nav-btn .left-btn{ float: left; position: absolute; left: -57px; margin: 218px 0px 0px; } #gallery #nav-btn .right-btn2{ float: left; position: absolute; top: 218px; right: -50px; /*_right: 25px I don't know what this does, but it has something to do with crappy IE6 */ }