/* ================================================== Lucy and the Powder Room - Styles ================================================== Colours: ---------------------- */ /* DEV */ .grid {background: url(../images/baseline.gif);} /* DEV */ * {margin: 0; padding: 0;} ul {list-style-type: none;} ol a, ul a {text-decoration: none;} body {line-height: 16px; font-family: Arial, sans-serif; color: #3c3c3c; background-color: #fff; padding-top: 16px;} .clear:after {content: "."; height: 0; visibility: hidden; display: block; clear: both;} p {font-size: 13px; padding-bottom: 16px;} q {font-family: Times, serif; font-style: italic; font-size: 13px;} blockquote {font-style: italic; font-family: Times, serif; font-size: 26px; line-height: 32px; padding-bottom: 16px;} h1 {margin-bottom: 16px;} h1 {color: #fff; text-transform: uppercase; font-size: 16px; font-weight: normal;} h2 {font-size: 12px; padding-bottom: 0px;} h3, h4, h5 {text-transform: uppercase; font-weight: normal;} a, a:hover {text-decoration: underline; color: #fff;} a:hover {text-decoration: underline;} #allscreen {width: 995px; text-align: left; margin-left: auto; margin-right: auto; position: relative; height: 695px;} #header {height: 143px;} #brand {width: 280px; float: left} #brand h1 a {text-indent: -5000px; width: 280px; height: 142px; display: block; background: url(../images/LucyPowderRoom-logo.png) top left no-repeat;} .mainnav, .subnav {width: 200px; float: left; padding-top: 16px;} .nextprev {width: 100%; padding-top: 16px; text-align: center;} .mainnav li {font-family: Times, serif; font-size: 14px;} .mainnav a {text-decoration: none;} /* Start Image Replacement */ #homemainnav a, #aboutmainnav a, #treatmentsmainnav a, #productsmainnav a, #thingsmainnav a, #pressmainnav a, #sciencebeautymainnav a, #eventspartiesmainnav a, #giftsmainnav a, #sustainabilitymainnav a, #gallerymainnav a, #pricelistmainnav a {text-indent: -5000px; height: 19px; cursor: pointer; display: block; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} #homemainnav a:hover, #aboutmainnav a:hover, #treatmentsmainnav a:hover, #productsmainnav a:hover, #thingsmainnav a:hover, #pressmainnav a:hover, #sciencebeautymainnav a:hover, #eventspartiesmainnav a:hover, #giftsmainnav a:hover, #sustainabilitymainnav a:hover, #gallerymainnav a:hover, #pricelistmainnav a:hover {text-indent: -5000px; height: 19px; cursor: pointer; display: block; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} #homemainnav a {background: url(../images/mainnav-headings-all.png) 0 -528px no-repeat;} #aboutmainnav a {background: url(../images/mainnav-headings-all.png) 0 0 no-repeat;} #treatmentsmainnav a {background: url(../images/mainnav-headings-all.png) 0 -19px no-repeat;} #productsmainnav a {background: url(../images/mainnav-headings-all.png) 0 -38px no-repeat;} #thingsmainnav a {background: url(../images/mainnav-headings-all.png) 0 -57px no-repeat;} #pressmainnav a {background: url(../images/mainnav-headings-all.png) 0 -76px no-repeat;} #sciencebeautymainnav a {background: url(../images/mainnav-headings-all.png) 0 -95px no-repeat;} #eventspartiesmainnav a {background: url(../images/mainnav-headings-all.png) 0 -114px no-repeat;} #giftsmainnav a {background: url(../images/mainnav-headings-all.png) 0 -133px no-repeat;} #sustainabilitymainnav a {background: url(../images/mainnav-headings-all.png) 0 -152px no-repeat;} #gallerymainnav a {background: url(../images/mainnav-headings-all.png) 0 -171px no-repeat;} #pricelistmainnav a {background: url(../images/mainnav-headings-all.png) 0 -190px no-repeat;} #aboutmainhead, #treatmentsmainhead, #productsmainhead, #thingsmainhead, #pressmainhead, #sciencebeautymainhead, #eventspartiesmainhead, #giftsmainhead, #sustainabilitymainhead, #gallerymainhead, #pricelistmainhead {text-indent: -5000px; height: 16px; display: block;} #aboutmainhead {background: url(../images/mainnav-headings-all.png) 0 -224px no-repeat;} #treatmentsmainhead {background: url(../images/mainnav-headings-all.png) 0 -243px no-repeat;} #productsmainhead {background: url(../images/mainnav-headings-all.png) 0 -262px no-repeat;} #thingsmainhead {background: url(../images/mainnav-headings-all.png) 0 -281px no-repeat; height: 32px;} #pressmainhead {background: url(../images/mainnav-headings-all.png) 0 -319px no-repeat;} #sciencebeautymainhead {background: url(../images/mainnav-headings-all.png) 0 -338px no-repeat;} #eventspartiesmainhead {background: url(../images/mainnav-headings-all.png) 0 -357px no-repeat;} #giftsmainhead {background: url(../images/mainnav-headings-all.png) 0 -376px no-repeat;} #sustainabilitymainhead {background: url(../images/mainnav-headings-all.png) 0 -395px no-repeat;} #gallerymainhead {background: url(../images/mainnav-headings-all.png) 0 -414px no-repeat;} #pricelistmainhead {background: url(../images/mainnav-headings-all.png) 0 -433px no-repeat;} #newmarket a, #ponsonby a, #takapuna a {text-indent: -5000px; height: 16px; display: block;} #newmarket a {background: url(../images/mainnav-headings-all.png) 0 -464px no-repeat;} #ponsonby a {background: url(../images/mainnav-headings-all.png) 0 -480px no-repeat;} #takapuna a {background: url(../images/mainnav-headings-all.png) 0 -496px no-repeat;} #blockquote-about {text-indent: -5000px; height: 128px; display: block; background: url(../images/blockquote-about.png) 0 0 no-repeat;} /* End Image Replacement */ .subnav {width: 261px; margin-left: 3px; padding-top: 0; font-size: 12px;} .subnav a, .nextprev a {text-decoration: none; color: #ebd9d3;} .subnav a:hover, .nextprev a:hover {color: #fff;} .subnav h2 {font-weight: normal; font-family: Times, serif; color: #666; font-style: italic;} /*#col-body, #col-right, #subscribe, #col-right-wrap, #twitterfeed, #addresses {-webkit-border-radius: 4px; -moz-border-radius: 4px; -opera-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}*/ #col-body {width: 700px; font-size: 12px; margin-right: 15px; margin-bottom: 16px; background-color: #d4aea0;} #col-body-wrap {padding: 32px 16px 0px 16px; border-top: dashed 1px #fff;} #col-body-wrap p, #col-body-wrap q, .bodylist, #col-body-right ul, form {font-family: Times, serif;} #col-body-wrap-blog {padding: 0 16px 0 16px;} #col-body-wrap ul {padding-bottom: 16px;} .bodylist {padding-bottom: 16px;} .bodylist li {xlist-style-type: disc; list-style-position: inside; padding-bottom: 8px; xpadding-left: 8px; xbackground: url(../images/diamond-grey.gif) 0 0.4em no-repeat;} #col-body-right {float: right; width: 400px; padding-bottom: 16px;} .table-wrap {float: left; width: 404px; padding-bottom: 32px;} /*#col-body-wrap, #col-right-wrap {min-height: 500px;}*/ /* Start Pricelist tables */ #pricelist {font-family: Times, Serif; width: 400px; border-collapse: collapse; text-align: left; padding-top: 16px;} #pricelist th {font-size: 13px; font-weight: normal;} #pricelist td {} .table-time {width: 100px;} .fine-print, .fine-print-small, .fine-print-press {color: #797979; font-style: italic;} .fine-print-small {font-size: 10px;} .fine-print-press {padding-left: 30px;} /* End Pricelist tables */ /* Form Styles */ form {padding-bottom: 16px} form #submitbutton {padding-top: 8px} .entry, #entry_0, #entry_1, #entry_2 {border: none; color: #000; background-color: #dfc4b9; padding: 1px; margin: 1px; font-size: 12px; font-family: "Times New Roman", serif; width: 180px;} .entry:focus, #entry_0:focus, #entry_1:focus, #entry_2:focus {background-color: #fff; outline: none;} .button {cursor: pointer; border:1px solid #fff; color: #fff; background: none; font-size: 12px; font-family: "Times New Roman", serif; font-style: italic; padding: 2px 5px;} .button:hover {color: #fff; text-decoration: none;} #col-right {width: 280px; float: right; font-size: 12px;} #subscribe {margin-bottom: 15px; background-color: #b2b2b2; font-family: Times, serif;} #subscribe li {display: inline;} #subscribe-twitter, #subscribe-rss, #subscribe-facebook {padding-left: 10px;} #subscribe-twitter a {color: #e9fcae;} #subscribe-rss a {color: #da6065;} #subscribe-facebook a {color: #4fa6a7;} #subscribe, #twitterfeed, #addresses {padding: 10px;} #addresses {padding-bottom: 0;} #col-right-wrap {width: 280px; background-color: #ddb2b4; padding-top: 12px;} #twitterfeed, #addresses {margin: 0 12px 12px 12px;} /* TABS */ @media projection, screen {.ui-tabs-hide {display: none;}} .ui-tabs-selected a {text-decoration: none; color: #fff;} #twitterfeed {background-color: #4fa6a7; font-family: Times, serif; color: #fff;} a.date {color: #ddb2b4;} #twitterfeed h4 {letter-spacing: 1px; padding-bottom: 8px;} #twitter_update_list li {margin-bottom: 8px; padding-bottom: 8px; border-bottom: dashed 1px #81d1c4;} #addresses {background-color: #515151; color: #d4aea0;} #addresses ul {color: #fff; font-family: Times, serif; font-style: italic;} .addresses-actual {padding: 8px 0 16px 0; padding-left: 2px;} .addresses-actual li {color: #fff;} #addresses-tab-control {color: #3c3c3c} #newmarket, #takapuna {color: #d4aea0; text-transform: uppercase; text-decoration: none; font-size: 11px;} #footer {font-size: 12px; height: 20px; clear: both;} /* Blog-Grrr */ @media all {.post {padding: 16px 0; height: auto; border-top: dashed 1px #fff;}} .post img {border: none;} .post-body {} .post div {margin: 0;} #navbar-iframe {display: none !important;} body #header {margin-top: 0px;}