/* -------------------------------------------------------------- * Resets default browser CSS. Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ 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 { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* firefox dotted line removal */ a { outline: none; } /* -------------------------------------------------------------- */ /* --- GLOBAL --- */ html, body { width: 100%; height: 100%; margin: 0 auto; text-align: center; } body { background: #010101; font-family: /*"ITC Stone Informal STD"*/ Georgia, serif; } em { font-style: italic; } #navIndicator { width: 40px; height: 20px; background: url(../imgs/global/NoelleLeone-navInd.png); position: relative; top: 19px; z-index: 100; } #home #navIndicator { left: 140px; } #collections #navIndicator { left: 235px; } #gallery #navIndicator, .page #navIndicator { left: 435px; } #company #navIndicator { left: 340px; } #blog #navIndicator, .home #navIndicator, .single #navIndicator, .archive #navIndicator { left: 512px; } #contact #navIndicator { left: 590px; } #wrap { width: 100%; margin: 0 auto; } #hdr { width: 100%; height: 200px; margin: 0 auto; background: url(../imgs/global/NoelleLeone-hdr-bg.jpg) no-repeat center 0; } #page { width: 100%; min-height: 500px; margin: 0 auto; background: url(../imgs/global/NoelleLeone-page-bg.jpg) no-repeat center 0; } #ftr { width: 780px; margin: 0 auto; background: url(../imgs/global/NoelleLeone-ftr-bg.jpg) no-repeat center 0; } #hdr h1 a { width: 340px; height: 170px; margin: 0 auto; background: url(../imgs/global/NoelleLeone-logo.png) no-repeat; text-indent: -9999px; line-height: 0; display: block; } #nav { width: 780px; height: 30px; margin: 0 auto; } #nav ol { list-style: none; padding-left: 124px; } #nav li { display: inline; float: left; } #nav li a { text-indent: -9999px; height: 30px; line-height: 0; display: block; } #navHome { background: url(../imgs/nav/home.png) no-repeat; width: 70px; } #navCollections { background: url(../imgs/nav/collections.png) no-repeat; width: 121px; } #navGallery { background: url(../imgs/nav/gallery.png) no-repeat; width: 89px; } #navCompany { background: url(../imgs/nav/company.png) no-repeat; width: 96px; } #navBlog { background: url(../imgs/nav/blog.png) no-repeat; width: 65px; } #navContact { background: url(../imgs/nav/contact.png) no-repeat; width: 92px; } #nav li a:hover { background-position: 0 -30px; } #contentOut { width: 780px; min-height: 500px; margin: 0 auto; border: 1px solid #000; } #contentIn { width: 778px; min-height: 498px; border: 1px solid #555; padding-top: 5px; background-color: #000; } #company #contentIn { background: url(../imgs/backgrounds/company.jpg) no-repeat right bottom; } #blog #contentIn, .home #contentIn, .single #contentIn, .archive #contentIn { background: url(../imgs/backgrounds/blog.jpg) no-repeat center bottom; } #contact #contentIn { background: url(../imgs/backgrounds/contact.jpg) no-repeat 60px bottom; } .lCol { width: 200px; float: left; } .rCol { width: 520px; float: left; padding-left: 20px; } #ftr { padding: 20px 0 80px; text-align: center; line-height: 20px; color: #7f7f81; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; } #ftr a { color: #7f7f81; text-decoration: none; } #ftr a:hover { text-decoration: underline; } #ftr ol { } #ftr li { display: inline; padding: 0 5px 0 3px; border-right: 1px solid #7f7f81; } .last { border: none !important; } .copy { border: none !important; } .panel { clear: both; background: url(../imgs/global/NoelleLeone-panel-bg.jpg) repeat-x; text-align: left; padding-bottom: 40px; } #contact .panel { background: url(../imgs/global/NoelleLeone-contact-bg.jpg) no-repeat; } .conveyor { } .clear { width: 760px; clear: both; } .followIcons { text-indent: -9999px !important; border: none !important; float: right; } .followIcons a { text-indent: -9999px !important; width: 20px; height: 20px; display: block; } .followIcons a:hover { background-position: 0 -20px !important; } #facebook { background: url(../imgs/global/facebook.gif) no-repeat; } #twitter { background: url(../imgs/global/twitter.gif) no-repeat; } /* --- COLLECTIONS --- */ #collections-content { width: 660px; padding: 40px 0 0 60px; } #collections-content h2 { padding: 0 0 0 20px; height: 24px; color: #999; font-size: 24px; font-weight: normal; line-height: 18px; letter-spacing: 1px; } #collections-content p { padding: 20px 40px 0 80px; color: #999; text-align: center; font-size: 13px; font-weight: normal; line-height: 20px; } #collections-text a { color: #5c5c8c; font-size: 10px !important; font-weight: bold !important; text-transform: uppercase; } #collections-text a:hover { text-decoration: none; } #NLcollections { width: 660px; height: 280px; padding-bottom: 20px; } #ind-piece { width: 660px; } .img { float: left; width: 220px; padding: 0 20px; text-align: center; } .txt { float: left; width: 340px; color: #999; font-weight: normal; padding-top: 40px; } .txt p { text-align: left !important; } #ind-piece h3 { font-size: 21px; line-height: 30px; letter-spacing: 1px; } #ind-piece h4 { font-size: 16px; line-height: 20px; font-style: italic; text-transform: lowercase; } #ind-piece h5 { font-size: 14px; line-height: 20px; font-style: italic; } #ind-piece p { font-size: 13px; line-height: 20px; padding: 10px 0 6px; } #ind-piece a { color: #5c5c8c; } #ind-piece a:hover { text-decoration: none; } #addThis { padding: 40px 20px; text-align: right; } #ind-piece-btm { width: 660px; clear: both; font-size: 10px; line-height: 30px; font-weight: bold; color: #999; } .view-larger { float: left; width: 260px; text-align: center; } .back-to-collection { float: left; width: 340px; text-align: right; } #ind-piece-btm a { color: #5c5c8c; text-transform: uppercase; } #ind-piece-btm a:hover { text-decoration: none; } .prodNote { padding: 3px 0 6px !important; font-style: italic; font-size: 12px !important; } .prodNum { padding: 10px 0 18px !important; text-transform: uppercase; font-size: 10px !important; font-weight: bold !important; } /* --- GALLERY --- */ #gallery-content { width: 660px; padding: 40px 0 0 60px; } #gallery-content h2 { padding: 0 0 0 20px; color: #999; line-height: 18px; height: 24px; font-size: 24px; font-weight: normal; letter-spacing: 1px; } #gallery-content h3 { padding: 15px 0 25px; color: #999; line-height: 20px; font-size: 16px; font-weight: normal; } #gallery-content h3 a { color: #999; text-decoration: none; } #gallery-content h3 a:hover { color: #5c5c8c; text-decoration: underline; } #gallery-content p { padding: 20px; color: #999; line-height: 18px; font-size: 12px; font-weight: normal; } #gallery-categories { padding: 38px 0 0 38px; } .gallery-category { width: 178px; float: left; padding-right: 18px; text-align: center; } .gallery-category a img { border: 1px solid #262626; padding: 1px; } .gallery-category a:hover img { border: 1px solid #5c5c8c; } #gallery-thumbs, #gallery-full { padding: 20px 40px; } #gallery-thumbs h3, #gallery-full h3 { padding: 0 0 10px; } #gallery-full h3 { float: left; } #gallery-grid { } #gallery-grid a { padding-bottom: 10px; } #gallery-grid a img { border: 1px solid #262626; padding: 1px; } #gallery-grid a:hover img { border: 1px solid #5c5c8c; } #galleryNav { float: right; color: #999; } #galleryNav p { line-height: 20px; font-size: 10px; padding: 0; text-transform: uppercase; font-weight: bold; } #galleryNav a { color: #5c5c8c; } .next { padding-left: 5px; } #galleryNav a:hover { text-decoration: none; } #gallery-image { clear: both; text-align: center; } #gallery-image img { border: 1px solid #262626; padding: 1px; } #gallery-info { } #gallery-info h4 { padding: 20px 0 0; color: #999; line-height: 20px; font-size: 21px; font-weight: normal; } #gallery-info p { padding: 10px 0 0; } /* --- COMPANY --- */ #company-content { width: 760px; padding: 40px 0 0 1px; } #company-content h2 { padding: 0 0 0 20px; color: #999; line-height: 18px; height: 24px; font-size: 24px; font-weight: normal; letter-spacing: 1px; } #company-content h3 { padding: 0 0 0 19px; color: #999; line-height: 28px; height: 21px; font-size: 13px; font-weight: normal; } #company-content h4 { padding: 14px 0 0 19px; color: #999; line-height: 28px; height: 21px; font-size: 16px; font-weight: normal; } #company-content p { padding: 10px 60px 0 20px; color: #999; line-height: 20px; font-size: 13px; font-weight: normal; } #company-content a { color: #5c5c8c; } #company-content a:hover{ text-decoration: none; } #companyNav { text-align: left; background: url(../imgs/global/NoelleLeone-company-cat-bg.jpg) repeat-x; } #companyNav ol { list-style: none; border-bottom: 1px solid #262626; } #companyNav li { font-size: 12px; line-height: 18px; padding-bottom: 1px; } #companyNav li a { display: block; padding: 6px 3px 6px 19px; text-decoration: none; background: url(../imgs/global/NoelleLeone-blog-navItem-bg.jpg) repeat-x; } #companyNav li a:hover { text-decoration: underline; background: #1a1a1a; } .txt-img { float: left; padding: 20px; } .txt-img img { padding: 1px; background: #000; border: 1px solid #262626; } /* --- BLOG --- */ /* --- Has been moved to /blog/wp-content/themes/noelleone/style.css --- */ /* --- CONTACT --- */ #contact-content { width: 660px; padding: 40px 0 0 60px; color: #999; } #contact-content h2 { padding: 0 0 0 20px; line-height: 18px; height: 24px; font-size: 24px; font-weight: normal; letter-spacing: 1px; } #contact-content h3 { padding: 40px 0 0 20px; line-height: 21px; font-size: 18px; letter-spacing: 1px; } #contact-content p { padding: 20px 0 0 20px; line-height: 21px; font-size: 14px; font-weight: normal; } #contact-content a { color: #5c5c8c; } #contact-content a:hover{ text-decoration: none; } #contact-info { width: 260px; float: left; } #contact-form { width: 380px; float: left; color: #999; } #contact-form p { width: 240px; padding: 40px 0 20px 100px; font-size: 13px; line-height: 18px; } #contact-form ol { list-style: none; } #contact-form li { width: 400px; float: left; padding-bottom: 16px; } #contact-form label { font-size: 13px; } #contact-form input, #contact-form select, #contact-form textarea { width: 240px; font-family: Georgia, serif; font-size: 11px; font-weight: bold; color: #999; } #contact-form input { border: 1px solid #535353; background: #1a1a1a; padding: 2px 4px; } #contact-form select { border: 1px solid #535353; width: 250px; background: #1a1a1a; height: 20px; } #contact-form textarea { border: 1px solid #535353; background: #1a1a1a; padding: 2px 4px; height: 72px; min-height: 72px; line-height: 18px; } .lbl { width: 80px; float: left; padding: 4px 20px 0 0; text-align: right; } .input { width: 300px; float: right; } .send { width: 300px; float: left; padding-left: 100px; } .send input { width: 100px !important; height: 20px; padding: 0 0 0 150px !important; border: none !important; background: none !important; outline: none; } .human { display: none; } .msg { display: none; clear: both; width: 310px; padding-left: 40px; } .msg div { border: 1px solid #535353; width: 270px; padding: 20px; } .msg p { font-size: 13px; padding: 0 !important; width: 260px !important; } .note { font-size: 11px !important; font-style: italic; padding: 10px 0 0 !important; line-height: 14px !important; width: 160px !important; } textarea:focus { outline: none; } select:focus { outline: none; } textarea:focus { outline: none; } /* --- REPLACED HEADERS - H2s --- */ #collections-hdr { text-indent: -9999px; background: url(../imgs/headers/Collections.png) no-repeat; } #irongate-hdr-tag { text-indent: -9999px; background: url(../imgs/headers/IronGate-tag.png) no-repeat; } #blessedheart-hdr-tag { text-indent: -9999px; background: url(../imgs/headers/BlessedHeart-tag.png) no-repeat; } #principio-hdr-tag { text-indent: -9999px; background: url(../imgs/headers/Principio-tag.png) no-repeat; } #leone-hdr-tag { text-indent: -9999px; background: url(../imgs/headers/Leone-tag.png) no-repeat; } #irongate-hdr { text-indent: -9999px; background: url(../imgs/headers/IronGate.png) no-repeat; } #blessedheart-hdr { text-indent: -9999px; background: url(../imgs/headers/BlessedHeart.png) no-repeat; } #principio-hdr { text-indent: -9999px; background: url(../imgs/headers/Principio.png) no-repeat; } #leone-hdr { text-indent: -9999px; background: url(../imgs/headers/Leone.png) no-repeat; } #gallery-hdr { text-indent: -9999px; background: url(../imgs/headers/Gallery.png) no-repeat; } #noelleleone-hdr { text-indent: -9999px; background: url(../imgs/headers/NoelleLeone-the_company.png) no-repeat; } #laurennoellefiabane-hdr{ text-indent: -9999px; background: url(../imgs/headers/LaurenNoelleFiabane-the_designer.png) no-repeat; } #services-hdr { text-indent: -9999px; background: url(../imgs/headers/Services.png) no-repeat; } #custompieces-hdr { text-indent: -9999px; background: url(../imgs/headers/CustomPieces.png) no-repeat; } #contact-hdr { text-indent: -9999px; background: url(../imgs/headers/GetInTouch.png) no-repeat; }