/* Theme Name: Eyelet Theme Theme URI: eyeleteyewear.com Description: NA Version: 1.0 Author: Danc Author URI: buncreative.com Tags: Award Winning Eyewear */ /* BROWSER RESET */ * {margin:0; padding:0;} body {background:url(../images/baseBg.jpg) repeat top left; font:80% "Lucida Grande", sans-serif; color:#505050; line-height:180%; text-align:center;} ul {list-style:none inside;} h1, h2, h3, h4 {font-family: Georgia, serif; font-weight:normal; color:#110200; margin-bottom:1.2em;} h1 {font-size:2.4em;} h2 {font-size:1.8em;} h3 {font-size:1.5em;} h4 {font-size:1.3em;} p {font-size:1.1em; line-height:1.4em; margin-bottom:1.2em;} a {color:#666; text-decoration:none;} a:hover {color:#DA4177;} input, textarea, a {outline:none;} fieldset {border:none;} img {border:none;} /* CLASS SET */ .floatleft {float:left;} .floatright {float:right;} .clear {clear:both;} .highlight {font-weight:bold; color:#DA4177;} /* GLOBAL SETTING */ #pagewrap {width:8560px; position:absolute; top:0; left:0; text-align:left; overflow:hidden;} #brownBg {background-color:#644E37; width:1024px; height:630px; position:fixed; top:0; left:0;} .section {width:1024px; min-height:700px; float:left; display:inline; position:relative;} .subNav {width:400px; height:40px; float:left; margin:30px 0 0 105px;} .subNav li {float:left; margin-right:20px; display:inline;} .subNav li.selected a {color:#fff; background:#DA4177; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px;} .suBrand {background:url(../images/suBrand.png) no-repeat; width:168px; height:69px; float:right; margin-top:30px;} .suBrand p {display:none;} #story .contents, #collection .contents, #newsroom .contents, #contact .contents {float:left; width:960px; margin:0 auto; overflow:hidden;} .footer {width:360px; font-size:9px; border-top:1px solid #999; margin:0 0 20px 60px; clear:both;} .footer p, .footer p a {padding:5px 0; color:#666;} .footer p a:hover {color:#333; border-bottom:1px dashed #333;} /*STACKPGs*/ #stackOne, #stackTwo, #stackThree, #stackFour {position:relative; width:800px; text-indent:-9999px;} #stackOne {background:url(../images/stackOne.png) no-repeat; height:700px;} #stackTwo {background:url(../images/stackTwo.png) no-repeat; height:700px;} #stackThree {background:url(../images/stackThree.png) no-repeat; height:700px;} #stackFour {background:url(../images/stackFour.png) no-repeat; height:700px;} /* INDIVIDUAL SITE RULES */ #home {background:url(../images/baseBg.jpg) repeat; height:700px;} #home .heroProduct {background:url(../images/homeSpec.png) no-repeat; width:513px; height:249px; margin:105px 0 0; float:left;} #home .branding {background:url(../images/homeTitle.png) no-repeat; width:511px; height:118px; float:left; margin-top:182px;} #home .branding h1 {text-indent:-9999px;} #home .ifAwards {clear:both; background:url(../images/awardTiHome.gif) no-repeat; width:234px; height:122px; float:left; margin:10px 0 0 150px; text-indent:-9999px;} #home .openText {float:left; width:440px; margin:-82px 0 0 398px;} #home .openText p {color:#CC2962; font-family:Georgia, serif; font-size:16px;} #home .openText p span {padding:20px 0 0 175px; float:left; text-indent:-9999px;} #home .openText p span.enterButt a {background:url(../images/enterHome.png) no-repeat center bottom; width:40px; height:41px; float:left;} #home .openText p span.enterButt a:hover {background-position:center top;} #home .eventUpdate {position:absolute; left:890px; top:295px;} #home .homeDisplay {background:url(../images/decoHome.png) no-repeat; width:299px; height:344px; float:right; margin:-170px 75px 0 0;} #home .footNav {float:left; width:350px; margin:-80px 0 0 425px;} #home .footNav li {float:left; display:block; margin-right:15px; border-left:1px solid #666;} #home .footNav li.borderless {border:none;} #home .footNav li a {font-size:12px; color:#666; margin-left:15px;} #home .footNav li a:hover {color:#DA4177;} #story {background:url(../images/storyBg.png) no-repeat; height:700px;} #story .contents h2 {background:url(../images/storyTitle.png) no-repeat; width:99px; height:62px; float:left; margin:20px 0 0 110px; text-indent:-9999px;} #story .contents img {margin:100px 0 0 -140px; float:left;} #story .contents .storyText {width:495px; float:left; margin:-225px 0 0 300px;;} #story .contents .storyText p.pull {color:#CC2962; font-family:Georgia, serif; font-size:16px;} #story .contents .storyDisplay_rolls {background:url(../images/storyNilon.png) no-repeat; width:183px; height:193px; margin:40px 0 0 -650px; float:left;} #story .storyDisplay_bag {background:url(../images/storyBag.png) no-repeat; width:356px; height:377px; float:right; margin:-279px 42px 0 0;} #collection {background:url(../images/collBg.png) no-repeat; height:700px;} #collection .contents h2 {background:url(../images/collTitle.png) no-repeat; width:165px; height:31px; float:left; margin:40px 0 0 130px; text-indent:-9999px;} #collection .collectionTxt {width:280px; float:left; margin:90px 0 0 -165px;} #collection #pdtShowroom {width:480px; height:300px; margin:-290px 0 0 335px; float:right; overflow:hidden;} #collection #original, #collection #easyfit, #collection #slim {float:left;} #collection #pdtNav li {background:url(../images/subNavarrow2.png) no-repeat 0 1px; font:1.5em Georgia, serif; padding-left:18px; margin:0 15px 10px 0; cursor:pointer; float:left; color:#6E6865;} #collection #pdtNav li.active {background:url(../images/subNavarrowActive.png) no-repeat 0 1px; color:#DA4177;} #collection #pdtNav li:hover {color:#DA4177;} /*products list*/ #original .orseries {width:400px;} #original .orseries, #easyfit .efseries, #slim .slseries {margin:10px 0; clear:both;} #original .orseries li, #easyfit .efseries li, #slim .slseries li {float:left; display:inline; margin:0 5px 5px 0; width:90px; text-indent:-9999px;} #easyfit .efseries li.eF4, #slim .slseries li.els5 {clear:both;} #original .orseries li a {border:1px solid #CCC; display:block; height:50px;} #easyfit .efseries li a, #slim .slseries li a {border:1px solid #CCC; display:block; height:80px;} #original .orseries li.eL1 a {background:url(../images/thumbs/el53_11.jpg) no-repeat center top;} #original .orseries li.eL2 a {background:url(../images/thumbs/el60_09.jpg) no-repeat center top;} #original .orseries li.eL3 a {background:url(../images/thumbs/el3801.jpg) no-repeat center top;} #original .orseries li.eL4 a {background:url(../images/thumbs/el3913.jpg) no-repeat center top;} #original .orseries li.eL5 a {background:url(../images/thumbs/el4031.jpg) no-repeat center top;} #original .orseries li.eL6 a {background:url(../images/thumbs/el4131.jpg) no-repeat center top;} #original .orseries li.eL7 a {background:url(../images/thumbs/el4201.jpg) no-repeat center top;} #original .orseries li.eL8 a {background:url(../images/thumbs/el4331.jpg) no-repeat center top;} #original .orseries li.eL9 a {background:url(../images/thumbs/el4431.jpg) no-repeat center top;} #original .orseries li.eL10 a {background:url(../images/thumbs/el4501.jpg) no-repeat center top;} #original .orseries li.eL11 a {background:url(../images/thumbs/el4611.jpg) no-repeat center top;} #original .orseries li.eL12 a {background:url(../images/thumbs/el4713.jpg) no-repeat center top;} #original .orseries li.eL13 a {background:url(../images/thumbs/el4811.jpg) no-repeat center top;} #original .orseries li.eL14 a {background:url(../images/thumbs/el4913.jpg) no-repeat center top;} #original .orseries li.eL15 a {background:url(../images/thumbs/el5031.jpg) no-repeat center top;} #original .orseries li.eL16 a {background:url(../images/thumbs/el5113.jpg) no-repeat center top;} #easyfit .efseries li.eF1 a {background:url(../images/thumbs/e1401.jpg) no-repeat center top;} #easyfit .efseries li.eF2 a {background:url(../images/thumbs/e1501.jpg) no-repeat center top;} #easyfit .efseries li.eF3 a {background:url(../images/thumbs/e1601.jpg) no-repeat center top;} #easyfit .efseries li.eF4 a {background:url(../images/thumbs/e1713.jpg) no-repeat center top;} #easyfit .efseries li.eF5 a {background:url(../images/thumbs/e1831.jpg) no-repeat center top;} #easyfit .efseries li.eF6 a {background:url(../images/thumbs/e1931.jpg) no-repeat center top;} #slim .slseries li.els1 a {background:url(../images/thumbs/els9.jpg) no-repeat center top;} #slim .slseries li.els2 a {background:url(../images/thumbs/els10.jpg) no-repeat center top;} #slim .slseries li.els3 a {background:url(../images/thumbs/els11.jpg) no-repeat center top;} #slim .slseries li.els4 a {background:url(../images/thumbs/els12.jpg) no-repeat center top;} #slim .slseries li.els5 a {background:url(../images/thumbs/els13.jpg) no-repeat center top;} #slim .slseries li.els6 a {background:url(../images/thumbs/els14.jpg) no-repeat center top;} #slim .slseries li.els7 a {background:url(../images/thumbs/els15.jpg) no-repeat center top;} #slim .slseries li.els8 a {background:url(../images/thumbs/els16.jpg) no-repeat center top;} #original .orseries li a:hover, #easyfit .efseries li a:hover, #slim .slseries li a:hover {background-position:center bottom; border:1px solid #FFF;} #collection .collectionDisplay {background:url(../images/collShoe.png) no-repeat; width:455px; height:252px; margin-top:-64px; float:left;} #manual {width:475px; float:right; margin-top:10px;} #manual p {font-size:12px; font-style:italic;} #manual p span {color:#DA4177; font-weight:bold;} #manual p a {background-color:#DA4177; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#FFF; font-weight:bold; padding:3px 5px; margin-left:5px;} #manual p a:hover {color:#333;} #newsroom {background:url(../images/newsBg.png) no-repeat; height:700px; float:left;} #newsroom .contents .award {width:385px; background:url(../images/newsThrop.png) no-repeat; height:224px; margin:30px 0 0 190px; float:left;} #newsroom .contents .award h2 {background:url(../images/newAwardTi.png) no-repeat; width:109px; height:33px; margin:-30px 0 0 160px; float:left; text-indent:-9999px} #newsroom .contents .award p {clear:both; margin:0 0 0 160px;} #newsroom .contents .award p span.italic {font-style:italic; font-family:Georgia, serif;} #newsroom .contents .award p a.selection {background:url(../images/readMore.png) no-repeat center top; width:88px; height:20px; margin-top:15px; text-indent:-9999px; float:left;} #newsroom .contents .award p a.selection:hover {background-position:center bottom} #newsroom .contents .faceBook {width:345px; background:url(../images/newsFB.png) no-repeat; height:184px; margin:295px 0 95px -15px; float:left;} #newsroom .contents .faceBook h2 {background:url(../images/newsFBTi.jpg) no-repeat; width:159px; height:31px; margin:-35px 0 0 150px; float:left; text-indent:-9999px; display:inline;} #newsroom .contents .faceBook p {margin:2px 0 0 150px;} #newsroom .contents .faceBook p span {float:left; margin-top:18px;} #newsroom .contents .faceBook p span a {background:url(../images/fbButt.png) no-repeat center top; width:212px; height:24px; text-indent:-9999px; float:left;} #newsroom .contents .faceBook p span a:hover {background-position:center bottom;} #contact {background:url(../images/conBg.png) no-repeat; height:700px; float:left;} #contact .contents h2 {background:url(../images/conTitle.png) no-repeat; width:340px; height:33px; margin:40px 0 0 70px; float:left; text-indent:-9999px;} #contact .contents .contactInfo {float:right; margin:73px -80px 0 0; width:380px;} #contact .contents .contactInfo ul {display:block; float:left; margin:-30px 48px 68px 0;} #contact .contents .contactInfo ul.email li a {color:#505050;} #contact .contents .contactInfo ul.email li a:hover {color:#DA4177;} #contact .contactDisplay {background:url(../images/conSpec.png) no-repeat; width:489px; height:199px; float:left; margin:37px 0 97px 0;} #contact .ending {background:url(../images/ending.png) no-repeat; width:134px; height:24px; float:left; margin:-203px 0 0 772px;}