/* Site: Meylah Static Pages Description: Slick, yet nifty Version: 0.1 Author: Stress Limit Design (http://www.stresslimitdesign.com) */ @import url("/static/fonts/clarendon/light.css"); @import url("/static/fonts/clarendon/medium.css"); @import url("/static/fonts/clarendon/bold.css"); /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Table of Contents: Defaults Basic Layout General Styles text links lists forms tables images utility Section-Specific Styles header & menu welcome tour subscription wizard popup footer Print +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* -------------------------------------------------------------- DEFAULTS -------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:100%; font-family: inherit; vertical-align: baseline; } ol, ul { list-style: none;} :focus { outline: 0;} html { background:#b7bfc4; } body { font-size:14px; color:#858585; font-family:Georgia, Times, serif; } /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------*/ #container { width:940px; height:auto; margin:0 auto; position:relative; display:block; background:#ffffff; } #header { padding:20px 35px; background:url('/static/images/pages/bringingcloser.jpg') 40px 100px no-repeat; } #content { padding:0 35px; } #content.tour, #content.subscription { padding:0 42px 42px; } #content.wizard, #content.feedback { padding-bottom:40px; margin-bottom:40px; } #footer { clear:both; background:url('/static/images/pages/bg/footer.jpg') 0 76px no-repeat; border-bottom:9px solid #3e4e57; font-family:Helvetica, Arial; } .third { width:290px; display:block; float:left; width:270px; } /* -------------------------------------------------------------- GENERAL STYLES -------------------------------------------------------------*/ /* ----- Text ----- */ p { padding:0 0 1.3em 0; line-height:1.8; } /* p.small, span.small { font-size:9px; line-height:12px; margin-top:2px; color:#a5a5a5; } */ .bigger p { font-size:18px; /*color:#242424;*/ line-height:1.4; padding-bottom:1em; } .tourspan { font-family:"Clarendon Light", Georgia, serif; font-size:18px; color:#64879b; } b, strong { font-weight:bold; } i, em { font-style:italic; } blockquote { padding:6px 12px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background:#eee; font-style:italic; margin:6px 0px 15px 0px; } blockquote p { padding-bottom:5px; } h1,h2,h3,h4,h5,h6 { font-family:Georgia, Times, serif; font-weight:normal; color:#111; z-index:1; } h1 { font-size:38px; color:#64879b; margin-bottom:20px; font-weight:bold; } h2 { font-size:30px; font-family:"Clarendon Light", Georgia, serif; color:#606060; } /* Banner headings */ h3 { font-size:22px; font-weight:bold; color:#64879b; margin-bottom:8px; } /* footer, secondary headings */ h4 { font-size:17px; font-weight:bold; color:#64879b; padding-bottom:10px; } /* thirds headings */ h5 { font-size:18px; padding-top:10px; margin-left:8px; } h6 { font-size:14px; font-weight:bold; color:#64879b; padding:0 0 4px; } /* one time in subscription */ h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { text-decoration:none; color:#626466; } /* ----- Links ----- */ a:link, a:visited { color:#83a216; text-decoration:none } a:hover, a:active { text-decoration:underline; } a img { border:0; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a#logo { border:none; } /* ----- Lists ----- */ ul { } ul li { } ul.bullets { list-style-type:disc; margin-left:20px; } ul.bullets li { line-height:1.8; } ul.bigger { font-size:18px; } ul.left { padding-right:90px; } /* ----- Forms ----- */ form { } input, textarea { background:#fff url('/static/images/admin/bg/input.gif') left top no-repeat; border:1px solid #b3b3b3; width:266px; color:#3b3b3b; padding:5px 7px; height:18px; line-height:18px; font-size:14px; /* font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif; */ } button { border:none; background:none; margin:0; padding:0; cursor:pointer; } .validation-advice { color:#f00; padding:5px; display:inline-block; margin:-14px 0 5px; } #sbox-content .validation-advice { margin-top:0; } textarea { height:135px; } select { margin:2px 0; } /* ----- Tables ----- */ table { border-collapse: collapse; } thead { } tbody { } tfoot { padding-bottom:6px; } th { text-align:left; } tr { } td { text-align:center; } /* ----- Images ----- */ img.mini { padding:2px; border:2px solid #ddd; } /* ----- Utility ----- */ .errorInput { border: 2px red solid; } /* -------------------------------------------------------------- SECTION SPECIFIC STYLES -------------------------------------------------------------*/ /* Header & Menu Welcome Tour Subscription Wizard - Personalize - About You - Store Policies Popup - Request Invite Footer Print */ /* HEADER & MENU --------------- */ #header a img { margin-bottom:40px; } #header #menu { position:absolute; right:18px; top:38px; } #header #menu li { float:left; height:21px; margin:17px 0 22px; border-right:1px dotted #979797; } #header #menu li.selected a, #header #menu li a:hover { border-bottom:4px solid #83a1b2; } #header #menu li a { font:18px "Clarendon Light", Georgia, serif; color:#83a1b2; line-height:21px; margin:0 14px; padding-bottom:2px; text-decoration:none; display:block; border-bottom:4px solid transparent; } #header #menu li.end { border:none; } #header #menu li.end a { margin-right:0; } #header #menu li#requestInvite { margin:0; padding:17px 16px 22px 0; border:none; } #header #menu li#requestInvite a { color:#fff; padding-bottom:5px; } #header #menu li#requestInvite a:hover { border:none; } #steps li { float:left; height:35px; padding-bottom:4px; padding-left:8px; } #steps li.selected, #steps li:hover { border-bottom:4px solid #83a1b2; } #steps li a { color:#fff; font:18px "ClarendonFSRegular", Georgia, serif; display:block; line-height:34px; } #steps li a:hover { text-decoration:none; } #header #steps { height:42px; margin:18px 0 24px 4px; } #header #steps li { padding-left:30px; } #header #steps li.step1 { width:108px; background:url('/static/images/pages/bg/tourstep1.gif') 0 0 no-repeat; margin-right:3px; } #header #steps li.step2 { width:231px; background:url('/static/images/pages/bg/tourstep2.gif') 0 0 no-repeat; margin-right:3px; } #header #steps li.step3 { width:207px; background:url('/static/images/pages/bg/tourstep3.gif') 0 0 no-repeat; margin-right:1px; } #header #steps li.step4 { width:188px; background:url('/static/images/pages/bg/tourstep4.gif') 0 0 no-repeat; } /* WELCOME --------- */ #banners { display:block; width:790px; height:272px; padding:16px 53px 24px 27px; margin-bottom:42px; background:url('/static/images/pages/bg/cardstock.gif') 0 0 no-repeat; position:relative; } #main { } #arrowRibbon { position:absolute; right:20px; top:20px; width:57px; height:50px; padding:9px 0 0 25px; z-index:999; background:url('/static/images/pages/arrowribbon.png') 0 0 no-repeat; } #prevBanner, #nextBanner { display:block; height:26px; width:15px; float:left; cursor:pointer; background:url('/static/images/pages/buttons/arrowprev.gif') 0 0 no-repeat; } #nextBanner { margin:8px 0 0 4px; background:url('/static/images/pages/buttons/arrownext.gif') 0 0 no-repeat; } #prevBanner:hover, #nextBanner:hover { background-position:0 100%; } #numberRibbon { position:absolute; right:1px; top:75px; width:119px; height:39px; padding-left:30px; padding-top:3px; z-index:999; background:url('/static/images/pages/numberribbon.png') 0 0 no-repeat; } #numberRibbon ul li { float:left; width:18px; font:19px "Clarendon Light", Georgia, serif; color:#51b293; cursor:pointer; } #numberRibbon ul li.num-1 { padding-top:2px; } #numberRibbon ul li.num-2 { padding-top:1px; } #numberRibbon ul li.selected { color:#fff; /*border-bottom:1px solid #fff;*/ } #banners h2 { letter-spacing:1px; } #banners h2 span { color:#5e9dad; } #banners #bannerFrame { width:790px; height:272px; overflow:hidden; position:relative; } #banners #bannerSlider { width:2370px; height:272px; background:url('/static/images/pages/bg/paperbg.jpg') 0 0 no-repeat; } #banners .banner { height:272px; width:790px; position:relative; float:left; } #banners .banner p { font-size:24px; line-height:1.2; font-family:"Clarendon Light"; color:#606060; padding:80px 0 0 250px; letter-spacing:1px; } #banners .banner a { position:absolute; bottom:9px; right:0px; font:24px "Clarendon Light", Georgia, serif; color:#fff; text-align:center; letter-spacing:1px; margin:15px; width:250px; height:38px; } #banners .banner a:hover { text-decoration:none; background: url('/static/images/pages/bg/requestinvite.png') no-repeat 0 100%; } #banners .banner.one { background:url('/static/images/pages/bg/banner1.gif') 280px 10px no-repeat; } #banners .banner.one h2 { padding:50px 52px; width:375px; } #banners .banner.one a { bottom:56px; } #banners .banner.two { background:url('/static/images/pages/bg/banner2.gif') 6px 26px no-repeat; } #banners .banner.two h2 { padding:10px 0 0 250px; font-size:32px; } #banners .banner.three { background:url('/static/images/pages/bg/banner3.gif') 16px 11px no-repeat } #banners .banner.three h2 { padding:45px 0 0 250px; font-size:32px; color:#58929b; } #banners .banner.three p { padding:12px 40px 0 250px; } /* TOUR ------ */ .tour h3 { font-size:18px; } .tour p { line-height:23px; } .tour .bigger h3 { font-size:22px; } .tour .third { margin-right:38px; width:260px; } /* SUBSCRIPTION -------------- */ .subscription h1, .subscription h3 { margin-bottom:0; } .subscription h4 { padding-bottom:14px; } .subscription input, .subscription select { margin:8px 4px 14px 0; } .subscription select { height:30px; width:282px; /* font-size:40px; padding:4px 0; */} .subscription p.small { margin-top:2px; font-size:12px; line-height:16px; padding:0; width:282px; } .subscription .floated > div { float:left; } .subscription #storeID { width:675px; height:243px; padding-top:76px; padding-left:76px; margin-left:-42px; color:#fff; font-size:15px; background:url('/static/images/pages/bg/storeID.jpg') -10px 0 no-repeat; } .subscription #storeID input { width:308px; } .subscription #storeID input#subscrForm_username { width:170px; } .subscription #storeID label { font-size:18px; font-weight:bold; } .subscription #storeID p.small { color:#fff; width:100%; line-height:12px; } .subscription #storeID span { line-height:33px; vertical-align:middle; } /* for IE */ .subscription #address, .subscription #payment { padding-top:26px; } .subscription #address #subscrForm_address { margin-bottom:0; } .subscription #yourself, .subscription #address, .subscription #payment, .subscription #yourself > div, .subscription #address > div { clear:both; } .subscription #payment p.price { font-size:15px; line-height:50px; font-weight:bold; color:#606060; } .subscription #payment p.price span { font-size:38px; color:#83a216; } .subscription #payment p.price span span { color:#606060; } .subscription input#subscrForm_date_agreement { width:18px; margin:8px 4px 0; border:none; } .subscription #promo_code_response, .subscription #username_response { display:inline-block; vertical-align:top; zoom:1; *display:inline; /* IE7 hacks */} .subscription .response { vertical-align:top; margin-top:7px; color:#c0f19b; height:33px; line-height:33px; width:280px; display:inline-block; } .subscription .response.good { background:url('/static/images/pages/bg/good.png') 5px 0 no-repeat; } .subscription .response.bad { background:url('/static/images/pages/bg/bad.png') 5px 0 no-repeat; } .subscription .response p { display:none; vertical-align:top; background:#319d08; padding:2px 10px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } .subscription .response.good p { display:inline-block; } .subscription .response div { float:right; width:226px; padding-left:8px; background:url('/static/images/pages/bg/point.png') 0 6px no-repeat; } .subscription label span { display:none; color:red; padding-left:10px; } #advice-validate-required-check-subscrForm_date_agreement , #advice-required-subscrForm_address { margin-top:0; } /* exceptions in subscription form */ .subscription div.error label span { display:inline; } .subscription div.error + input { border: 2px red solid; } .errorMessage {color:red;} .subscription .stepWrap { padding-left:70px; } /* FEEDBACK ---------- */ .feedback .section { display:none; padding-top:26px; overflow:hidden; } .feedback #info, .feedback #mood, .feedback .smudge { margin-top:26px; } .feedback #info span { vertical-align:top; line-height:44px; display:inline-block; } .feedback label.title { font-size:22px; font-weight:bold; color:#64879b; } .feedback h3 span { color:#606060; } .feedback input { margin:8px 4px 14px 0; } .feedback textarea { height:70px; padding:5px; width:390px; margin-top:8px; } .feedback #options, #feedback #problems { width:400px; } .feedback #mood { padding-bottom:10px; } .feedback #mood label { cursor:pointer; display:inline; zoom:1; padding:3px 10px;} .feedback #mood label.selected { border-bottom:4px solid #83a1b2; } .feedback #mood input { display:none } .feedback #name, #feedback #email { width: 350px; } .feedback #storeid { width: 220px; } .feedback #advice-required-message { margin-top:0; } /* WIZARD -------- */ .stepWrap { clear:both; height:54px; padding-top:22px; padding-left:46px; background:url('/static/images/pages/bg/wizardsmudge.jpg') 0 0 no-repeat; font-size:12px; color:#606060; } .stepWrap a, .stepWrap button { font:22px 'Clarendon Light', Georgia, serif; } .stepWrap a { padding-right:46px; margin-left:18px; background:url('/static/images/pages/buttons/nothanks.gif') 4px right no-repeat; } .stepWrap button { color:#fff; margin-right:60px; } .stepWrap button:hover { background: url('/static/images/pages/bg/requestinvite.png') no-repeat 0 100%; } /* Personalize */ .wizard h1 { margin-bottom:8px; } .wizard h3 { width:870px; color:#606060; overflow:hidden; } .wizard h3 a { font-size:14px; font-weight:normal; padding-left:8px; padding-right:44px; background:url('/static/images/pages/buttons/nothanks.gif') top right no-repeat; } .wizard #steps { height:42px; margin:32px 0 24px; } .wizard #steps li.step1 { width:276px; background:url('/static/images/pages/bg/wizardstep1.gif') 0 0 no-repeat; margin-right:4px;} .wizard #steps li.step2 { width:321px; background:url('/static/images/pages/bg/wizardstep2.gif') 0 0 no-repeat; margin-right:2px; } .wizard #steps li.step3 { width:243px; background:url('/static/images/pages/bg/wizardstep3.gif') 0 0 no-repeat; } .wizard .delete { width:15px; height:16px; background:transparent url('/static/images/admin/buttons/delete.png') right top no-repeat; text-indent:-9999em; display:inline-block; } /* About You */ .wizard #blogTheme { background:url('/static/images/pages/bg/themes.jpg') 0 0 no-repeat; height:292px; width:100%; padding:70px 50px; margin-left:-35px; clear:both; } .wizard #blogTheme h3 { color:#ffffff; margin:0; padding-left:8px; } .wizard #blogTheme span { font-size:14px; color:#ffffff; padding-left:8px;} .wizard #blogTheme ul#design_template li.design_div { float:left; width:251px; margin: 0 6px; } .wizard #blogTheme ul#design_template li.design_div input { visibility:hidden; } .wizard #blogTheme ul#design_template li.design_div img { width:251px; height:171px; padding-bottom:5px; } .wizard #blogTheme ul#design_template li.design_div label.info img { border-bottom:6px solid #667f10; } .wizard #blogTheme ul#design_template li.design_div label img:hover { border-bottom:6px solid #83A216; } .wizard ul#storeImage { height:130px; } .wizard ul#storeImage li { float:left; margin-right:20px; line-height:100px; } #images-logo, #attach-logo { width:100px; height:100px; } #attach-banner, #images-banner { width:375px; height:100px; } #attach-logo, #attach-banner { background:#e0e0e0; display:block; border:1px solid #d0d8d9; text-align:center; position:absolute; } .wizard button#attach { height:25px; line-height:25px; color:#535353; background:url('/static/images/pages/bg/circlearrow.png') 0 0 no-repeat; padding-left:30px; font:14px Georgia, serif; cursor:pointer; } .wizard #mceWrap, .wizard #photoWrap { padding-bottom:40px; } .wizard #mceWrap label, .wizard #photoWrap h3 { font-size:17px; font-weight:bold; color:#64879b; padding-bottom:10px; } .wizard #mceWrap table { width:360px !important; } /* Store Policies */ .wizard .socialMediaWrapper { position:relative; width:700px; } .wizard .socialMedia { width:306px; } .wizard .connect-portlet { width:304px; position:absolute; bottom:277px; right:100px; } .wizard .socialMedia div { height:35px; } .wizard .socialMedia input { display:inline; width:174px; padding:3px 7px; margin-left:8px; vertical-align:top; display:none; } .wizard .socialMedia .delete { margin:4px 4px 0 0; display:none; float:right; } .socialMedia { width:630px; margin-bottom: 38px; } .socialMedia label { display:block; width:83px; height:25px; line-height:25px; background:url('/static/images/pages/bg/bg_social.gif') left top no-repeat; text-align:center; font-family:'Clarendon Light', serif; color:#fff; cursor:pointer; float:left; } .socialMedia .disabled label { cursor:default; background-position: 0px -25px; color:#666; } .socialMedia input, .socialMedia span.delete { display:none; } .socialMedia .selected input, .socialMedia .selected span.delete { display:block; } .socialMedia input { float:left; margin-left:1em; } .socialMedia span.delete { float:right; display:block; cursor:pointer; } .socialMedia div { clear:both; } .takeme { display:inline; background:url('/static/images/pages/bg/takeme.gif') bottom left no-repeat; padding:0 0 22px 18px; } /* POPUP (from stepWrap) ----------------------- */ .buttonWrap, .actions { margin-top: 16px; float: right; clear:both; height:54px; padding-top:22px; padding-left:46px; background:url('/static/images/pages/bg/wizardsmudge.jpg') 0 0 no-repeat; font-size:12px; color:#606060; } .buttonWrap button, .actions button { font:22px 'Clarendon Light', Georgia, serif;} .buttonWrap #crop-cancel, .actions .cancel {color: #83A216; margin-right: 16px; margin-left:18px; background:url('/static/images/pages/buttons/nothanks.gif') 4px right no-repeat; } .buttonWrap #crop-save, .actions .button { color:#fff; margin-right:84px; padding-left: 24px; } .buttonWrap #crop-save:hover, .actions .button:hover { background: url('/static/images/pages/bg/requestinvite.png') no-repeat 0 100%; } .buttonWrap #crop-cancel:hover, .actions .cancel:hover {border-bottom: #83A216 solid;} /* Request Invite */ .request-invite-form { background-image: url(/static/images/request_invite/background.jpg); position:relative; } .request-invite-form .message { color:#fff; position:absolute; left:50px; top:55px; width:280px; } .request-invite-form h2 { color:#fff; font-size:24px; } .request-invite-form p { font-size:16px; } .request-invite-form input[type=text] { left:50px; position:absolute; top:90px; width: 310px; } .request-invite-form button { background-color:transparent; color:#7CA426; font-family:Georgia, Times, serif; font-size:26px; font-weight:bold; text-align:left; height:60px; width:140px; line-height:30px; padding-left:30px; position:absolute; top:170px; right:20px; display:block; } .request-invite-form button .icon { background-image: url(/static/images/request_invite/go_button_icon.png); display:inline-block; vertical-align:top; margin: 4px 0 0 10px; height:23px; width:23px; } .request-invite-form button:hover { background-image: url(/static/images/request_invite/go_button_hover.jpg); } .request-invite-form .validation-advice { color: #FF5555; font-size: 18px; left: 50px; position: absolute; top: 120px; width: 310px; } .request-invite-form .overTxtLabel { font-size: 14px; } .request-invite-form .working input[type=text], .request-invite-form .working button { display: none; } /* FOOTER -------- */ #footer #requestBanner { height:83px; width:940px; font-family:"Clarendon Medium", Georgia, serif; background:url('/static/images/pages/bg/requestRibbon.jpg') 0 0 no-repeat; position:relative; } #footer #requestBanner span { font-size:24px; color:#83a216; line-height:83px; padding-left:192px; } #footer #requestBanner a { color:#fff; font-size:22px; position:absolute; left:510px; line-height:28px; margin-top:26px; top:0px; } #footer #requestBanner a:hover { text-decoration:none; color:#83a1b2; } #footer .thirdsWrapper { padding:20px 35px; } #footer #twitterList { border-left:1px dotted #979797; border-right:1px dotted #979797; padding:0 20px; margin-bottom:16px; font-size:12px; } #footer h3 { font-family:"Clarendon Light", Georgia, serif; color:#474747; margin-bottom:18px; padding-left:20px; font-weight:normal; } #footer p { padding-bottom:4px; line-height:1.4; } #footer a { color:#4f3b86; } #footer li { padding-bottom:8px; } #footer ul.arrows { margin-left:20px; } #footer ul.arrows li { padding-bottom:16px; } #footer ul.arrows li a { color:#606060; padding:6px 0 4px 40px; display:block; background:url('/static/images/pages/bg/circlearrow.png') 0 0 no-repeat; } #footer ul.arrows li a:hover { background-position:0 -75px; } #footer ul.social { margin-left:20px; padding-bottom:24px; } #footer ul.social li { height:26px; padding-bottom:8px; } #footer ul.social li a { color:#606060; height:15px; padding:6px 0 4px 40px; display:block } #footer ul.social li.email a { background:url('/static/images/pages/bg/email.png') 0 0 no-repeat; } #footer ul.social li.facebook a { background:url('/static/images/pages/bg/facebook.png') 0 0 no-repeat; } #footer ul.social li.twitter a { background:url('/static/images/pages/bg/twitter.png') 0 0 no-repeat; } #footer ul.social li.flickr a { background:url('/static/images/pages/bg/flickr.png') 0 0 no-repeat; } #footer .quote { background:#474747; padding:12px 10px 14px; color:#fff; } #footer .quote p { overflow: hidden; } #footer .quote a { color:#bbd759; } #footer .author { background:url('/static/images/pages/bg/bubble.png') 152px 0 no-repeat; height:70px; } #footer .author p { float:right; padding-top:28px; } #footer .author a { font-family:Helvetica, Arial; font-weight:bold; color:#83a216; } #footer .author img { width:34px; height:34px; padding:5px 7px 7px 5px; margin-top:8px; margin-left:10px; background:url('/static/images/pages/bg/pic.png'); float:right; } #invite { display:none; } .invitePop { width:426px; height:245px; background:url('/static/images/pages/bg/invite.jpg') 0 0 no-repeat; background:url('/static/images/pages/bg/invite.jpg') 0 0 no-repeat; } /* -------------------------------------------------------------- CLEARING & VARIOUS UTILITY -------------------------------------------------------------*/ .hidden { display:none; } .clear { clear:both; } .space { padding-top:45px; } .left { float:left; padding-right:48px; } .right { float:right; padding-left:48px; } #content:after, #footer:after, { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* -------------------------------------------------------------- PRINT -------------------------------------------------------------*/ @media print { body, html { background: white; font-size: 10pt; } #menu { display: none; } #content { background: transparent none; border:0; color:black; float:none !important; margin:0; padding:0; width:auto; } } /* -------------------------------------------------------------- SMUDGE -------------------------------------------------------------*/ .smudge { background: url(/static/images/pages/smudge.jpg) no-repeat; height: 60px; text-align: center; width: 175px; } .smudge a { padding-left: 0 !important; } .smudge a:hover { background: url(/static/images/pages/smudge_underline_long.png) no-repeat 10px 100%; padding-bottom: 5px !important; } .smudge button { background-color: transparent; color: #FFFFFF; font-family: 'Clarendon Light', Georgia, serif; font-size: 18px; margin-top: 15px; padding-bottom: 2px; } .smudge.short a:hover, .smudge.short button:hover { background: url(/static/images/pages/smudge_underline_short.png) no-repeat 0 100%; }