body {color: #000;background:url('../img/site/backgrounds/skin_v2.gif') #000 repeat-x;font:17px helvetica, 'Lucida Grande', Verdana, sans-serif;} /* general text styles */ h2 {font-size:26px;font-weight:normal;color:#0066cc;} h3 {font-size:18px;margin-bottom:10px;} #content {margin:0 auto;width:950px;} /* site header */ #header {height:134px;margin-top:30px;position:relative;} #header h1 {display:block;float:left;width:302px;height:108px;background:url('../img/site/logo_v3.png') no-repeat 0 0;text-indent:-10000px;} #header h1 a {display:block;width:100%;height:100%;} #header h1 a:hover {background:url('../img/site/logo_v3.png') no-repeat 0 -108px;} #header ul {display:block;float:right;width:628px;height:108px;background:url('../img/site/nav/menu.png') no-repeat 0 0;list-style:none;} #header ul li {display:block;float:left;height:108px;text-indent:-10000px;} #header ul li a {display:block;width:100%;height:100%;} #header #home {width:152px;} #header #pricing {width:167px;} #header #blog {width:130px;} #header #signup {width:179px;} #home a:hover {background:url('../img/site/nav/menu.png') no-repeat 0 -108px;} #pricing a:hover {background:url('../img/site/nav/menu.png') no-repeat -152px -108px;} #blog a:hover {background:url('../img/site/nav/menu.png') no-repeat -319px -108px;} #signup a:hover {background:url('../img/site/nav/menu.png') no-repeat -449px -108px;} #header #nav-badge-try { display:block;position:absolute;right:-30px;top:-30px;z-index:100; } #header #returning { display:block;position:absolute;right:50px;top:-20px;z-index:90;font-size:14px; } #header #returning { color:#fff !important; } #header #returning a { color:#fff;text-decoration:none; } #header #returning a:hover { text-decoration:underline; } #returning .spacer { margin:0 10px; } /* all content sits inside this */ #real-content {margin-top:30px;} /* site footer */ #footer {border-top:1px solid #666;border-bottom:1px solid #666;margin:25px 5px 5px 0;} #footer #links {float:right;} #footer #links a {color:#fff;text-decoration:none;font-size:12px;line-height:45px;padding:0 10px;border-left:1px solid #fff;} #footer #links a:hover {text-decoration:underline;} #footer #links a.first {border-left:0;} #footer #social-links a {display:block;width:100px;height:35px;margin-top:10px;color:#fff;font-size:9px;line-height:14px;padding-left:35px;text-decoration:none;float:left;} #footer #social-links a span {font-size:12px;} #footer #social-links #facebook {background:url('../img/site/icons/fb-block.png') no-repeat;} #footer #social-links #twitter {background:url('../img/site/icons/twitter-block.png') no-repeat;} /* our copyright notice */ #notice {font-style: italic;text-transform:uppercase;text-align:left;color:#999;font-size:.6em;margin-bottom:50px;} /* PAGE STYLES */ /* the sliding features pane on the homepage */ #slides-vp {overflow:hidden;height:387px;width:950px;position:relative;} #slides {margin-left:0;width:10000px;} #slides .slide {height:387px;width:950px;position:relative;margin-right:50px;float:left;} #slides .slide .copy {position:absolute;width:360px;height:250px;left:80px;top:60px;text-align:center;} #slides .slide .copy h1 {color:#fff;font-size:24px;text-transform:none;font-weight:normal;} #slides .slide .copy h2 {color:#fff;font-size:14px;line-height:20px;text-transform:none;margin-top:20px;font-weight:normal;} #slides .slide .img {position:absolute;right:35px;top:0;width:422px;height:387px;background:url('../img/site/slides/slide_01.jpg') no-repeat 0 0;} #slides .slide .slide-01 {background:url('../img/site/slides/slide_01.jpg') no-repeat 0 0;} #slides .slide .slide-02 {background:url('../img/site/slides/slide_02.jpg') no-repeat 0 0;} #slides .slide .slide-03 {background:url('../img/site/slides/slide_03.jpg') no-repeat 0 0;} #slides .slide .slide-04 {background:url('../img/site/slides/slide_04.jpg') no-repeat 0 0;} #slides .slide .slide-05 {background:url('../img/site/slides/slide_05.jpg') no-repeat 0 0;} #slides .slide .slide-06 {background:url('../img/site/slides/slide_06.jpg') no-repeat 0 0;} #slides .slide .slide-07 {background:url('../img/site/slides/slide_07.jpg') no-repeat 0 0;} #slides .slide .slide-08 {background:url('../img/site/slides/slide_08.jpg') no-repeat 0 0;} #slides .slide .slide-09 {background:url('../img/site/slides/slide_09.jpg') no-repeat 0 0;} #slides .slide .slide-10 {background:url('../img/site/slides/slide_10.jpg') no-repeat 0 0;} #slides .slide .slide-11 {background:url('../img/site/slides/slide_11.jpg') no-repeat 0 0;} #slides .slide .slide-12 {background:url('../img/site/slides/slide_12.jpg') no-repeat 0 0;} #slides .slide .slide-13 {background:url('../img/site/slides/slide_13.jpg') no-repeat 0 0;} #slides .slide .slide-14 {background:url('../img/site/slides/slide_14.jpg') no-repeat 0 0;} /* scroll buttons for the sliders on the homepage */ .slide-scroll-btn {position:absolute;top:162px;width:30px;height:27px;overflow:hidden;text-indent:-9999px;display:block;background:url('../img/site/icons/arrows.gif') no-repeat 0 0;} #slides-scroll-left {left:-40px;} #slides-scroll-right {right:-40px;background-position:-30px 0;} #slides-scroll-left:hover {background-position:0 -27px;} #slides-scroll-right:hover {background-position:-30px -27px;} /* free signup button */ a#free-site-creation {display:block;position:absolute;z-index:100;bottom:50px;left:90px;width:345px;height:53px;background:url('../img/site/buttons/free-site-creation.png') no-repeat 0 0;text-indent:-10000px;margin-top:25px;} a:hover#free-site-creation {background-position:0 -53px;} a#free-site-creation.btn-cp-sell-photos {background:url('../img/site/buttons/sell-your-photos-now.png') no-repeat 0 0;} a:hover#free-site-creation.btn-cp-sell-photos {background-position:0 -53px;} a#free-site-creation.btn-cp-instagram {background:url('../img/site/buttons/free-instagram-site.png') no-repeat 0 0;} a:hover#free-site-creation.btn-cp-instagram {background-position:0 -53px;} a#free-site-creation.btn-cp-free-websites {background:url('../img/site/buttons/create-free-website.png') no-repeat 0 0;} a:hover#free-site-creation.btn-cp-free-websites {background-position:0 -53px;} a#free-site-creation.btn-cp-free-portfolios {background:url('../img/site/buttons/create-free-portfolio.png') no-repeat 0 0;} a:hover#free-site-creation.btn-cp-free-portfolios {background-position:0 -53px;} /* pricing page (rest in shared.css) */ #pricing-leader {height:455px;position:relative;margin-top:65px;} #create-now-box {height:100px;} #create-now-box #free-site-creation {position:relative;margin:auto;left:auto;bottom:auto;margin-top:30px;} /* wrapper for all the signup pages */ #signup-wrapper {float:left;margin-left:20px;width:700px;} #signup-wrapper h2 {margin-bottom:40px;} #signup-wrapper #signup-bar {margin-bottom:20px;} #signup-wrapper .signup-action {text-align:right;width:700px;margin-top:10px;clear:both;} #signup-wrapper #signup-bar img {float:left;} #signup-wrapper #signup-bar img.process {margin-top:3px;} /* various background boxes used on the site */ .bigbox {width: 632px;background: url('../img/site/boxes/doors/bottom.png') no-repeat bottom left;padding-bottom:20px;min-height:100px;} .boxhead {background: url('../img/site/boxes/doors/top.png') no-repeat top left;height:25px;} .bigbox_w {width: 950px;background: url('../img/site/boxes/doors/bottom_wide.png') no-repeat bottom left;padding-bottom:20px;} .boxhead_w {background: url('../img/site/boxes/doors/top_wide.png') no-repeat top left;height:25px;} .bigbox h2, .bigbox_w h2 {margin-bottom:20px;} .bigbox p, .bigbox_w p {margin-bottom:30px;} .bigbox .inner, .bigbox_w .inner {margin:0 25px 0 20px;padding-bottom:50px;} /* general dark bordered box */ .check-it-out {border:1px solid #7a7a7a;background-color:#000;height:225px;margin-top:15px;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;} .check-it-out h2 {color:#fff;font-weight:normal;text-align:center;margin-top:20px;font-size:24px;text-transform:none;} /* FORMS (GENERAL) */ .field-set {margin-bottom:15px;} .field-set label {color:#262626;margin-bottom:5px;display:block;} .field-set label .required {color:red;margin-left:5px;} .field-set .editable {background-color:#f5fcfb;border: 2px solid #999;height: 24px;position: relative;-moz-border-radius: 7px;border-radius: 7px;-webkit-border-radius: 7px;width:670px;padding:4px 10px;font-size:1.1em;} .field-set input[type="radio"] {float:left;margin-right:10px;} .field-set .larger {height: 32px;padding:10px 10px 0 10px;font-size:1.2em;} .field-set-checkbox input {width:auto;} .field-set-checkbox label {display:inline;} .field-set-two .field-set {float:right;} .field-set-two .first {margin-right:29px;float:left;} .field-set-two .field-set input {width:308px;} .field-set select.editable {width:331px;height:36px;} .form-val-bad input {background-color:#ffcccc !important;} .form-val-good input {background-color:#ccffcc !important;} .validation {margin-bottom:20px;color:red;} .validation p {margin-bottom:5px;} .old-skool-login input {width:308px;} /* FORMS (SPECIFIC) */ .field-set input#un_field {display:block;float:left;width:308px;} #username.field-set .support, #domain.field-set .support {margin-top:0;margin-left:10px;display:block;float:left !important;font-size:.9em;line-height:1.3em;} #username .support #new-home, #domain .support #new-home {color:red;} #username #status-unavailable, #domain #status-unavailable {color:red;} #username #status-available, #domain #status-available {color:green;} .signupfrm input {width:308px;} .su-optin label {font-size:14px;} .never-share {font-size:14px;margin:5px 0 !important;color:#222;} /* pricing page */ .price-plan {width:305px;height:504px;background-image:url('../img/site/boxes/tall.png'); text-align:center; position:relative;} .price-plan h2 {font-size:16px; border-bottom:1px solid #c0c0c0;display:block; width:280px; margin:10px auto 20px auto; padding-bottom:10px;} .price-plan p {font-size:16px; border-bottom:1px solid #e0e0e0;display:block; width:250px; margin:5px auto 0 auto; padding-bottom:5px;} .price-plan div {margin-top:20px;} .price-plan div a {color:#000;} .price-plan .btn {margin:10px 5px 0 0;} #pricing-options {-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;} /* general white text box */ .general-box { background-color:#fff; } .general-box .inner { margin:0 45px; padding:45px 0; } .general-box h2 { font-size:26px; font-weight:normal; color: #0066cc; } .general-box h3 { font-size:18px; margin-top: 20px; margin-bottom: 15px; } .general-box h4 { font-size:15px; margin-top: 0px; margin-bottom: 8px; } .general-box ol { list-style: lower-roman; margin-left: 40px; } .general-box li { padding-left: 15px; margin-bottom:15px; } .general-box p { padding-bottom:15px; } /* terms and conditions heading */ #terms_conditions_of_use { margin-top: 10px; } /* about page */ .pg-about { background-color:#fff; } .pg-about > .inner { margin:0 45px; padding:45px 0; } .pg-about #mc_embed_signup input.email { background-color: #f5fcfb; border: 2px solid #999; height: 24px; margin-top:3px; position: relative; border-radius: 7px; -webkit-border-radius: 7px; padding: 4px 10px; font-size: 1.1em; } .pg-about #mc_embed_signup form { padding:0; } .pg-about #mc_embed_signup #mc-embedded-subscribe {display:block;width:232px;height:45px;background:url('../img/site/buttons/join-now.png') no-repeat 0 0;text-indent:-10000px;} .pg-about #mc_embed_signup #mc-embedded-subscribe:hover {background-position:0 -45px;} /* reasons to go pro page */ #reasons-to-go-pro .reasons {} #reasons-to-go-pro .reasons li {padding-left:100px;margin-bottom:30px;} #reasons-to-go-pro .reasons h2 {margin-bottom:10px;text-transform:none;font-weight:normal;} #reasons-to-go-pro .bigbox .inner { padding-bottom:24px; } #reasons-to-go-pro .reasons .reason-1 {background:url('../img/site/examples/b_w/ex_01.jpg') no-repeat;} #reasons-to-go-pro .reasons .reason-2 {background:url('../img/site/examples/b_w/ex_02.jpg') no-repeat;} #reasons-to-go-pro .reasons .reason-3 {background:url('../img/site/examples/b_w/ex_03.jpg') no-repeat;} #reasons-to-go-pro .reasons .reason-4 {background:url('../img/site/examples/b_w/ex_04.jpg') no-repeat;} #reasons-to-go-pro .reasons .reason-5 {background:url('../img/site/examples/b_w/ex_05.jpg') no-repeat;} #reasons-to-go-pro .reasons .reason-6 {background:url('../img/site/examples/b_w/ex_06.jpg') no-repeat;} /* affiliates page */ #aff-page p {margin-bottom:10px;} #aff-page .bigbox_w .inner {margin:0 50px;} #aff-payout-head {border-bottom:1px solid #000;margin-bottom:20px;padding-bottom:20px;} #aff-payout-head p {margin-bottom:0;} #aff-payout-head .leader {font-size:20px;line-height:26px;} #aff-highlights {padding:20px 0;} #aff-highlights ul {margin-left:20px;} #aff-payout-struct {border:2px solid #0099cc;background-color:#f0f9fb;-moz-border-radius:7px;border-radius:7px;-webkit-border-radius:7px;margin-top:20px;} #aff-payout-struct .inner {margin:20px !important;padding-bottom:0;} #aff-payout-struct p {margin-bottom:15px;} #aff-payout-struct table {width:770px;} #aff-payout-struct table td {width:470px !important;} #aff-payout-struct table td.price {text-align:left;width:auto;} /* user voice tab */ .uv-feedback {text-indent:-9999px;background:url('../img/site/icons/feedback.png');display:block;width:25px;height:104px;position:fixed;top:250px;} .uv-feedback:hover {background:url('../img/site/icons/feedback.png') -25px 0;} /* feature sites element */ #featured-sites {height:215px;} #featured-sites #sites {margin-left:15px;margin-top:35px;} #featured-sites #sites .featured-site {display:block;width:165px;height:100px;margin-left:15px;float:left;text-indent:-9999px;border: 1px solid #333;} /* testimonials element */ #testimonials {height:auto;} #testimonials h2 {text-align:left;margin:20px 25px 10px 25px;margin-top:20px;} #testimonials #from-who {color:#dd1e1e;margin-left:25px;margin-bottom:20px;} #testimonials #from-who a {color:#dd1e1e;text-decoration:none;} #testimonials #from-who a:hover {text-decoration:underline;} /* alternative skins*/ .pricing-skin body {background:url('../img/site/backgrounds/skin_pricing.gif') #333 repeat-x;} .home body {background:url('../img/site/backgrounds/skin_home.gif') #333 repeat-x;} .home #real-content {margin-top: 35px;} .home #leader {height:387px;position:relative;} /* sample images */ .candy-5, .candy-4, .candy-3, .candy-2 , .candy-1 {background:url('../img/site/examples/strip-of-5.png');width:80px;height:440px;} .candy-5 {height:440px;} .candy-4 {height:350px;} .candy-3 {height:260px;} .candy-2 {height:170px;} .candy-1 {height:80px;} .shot {width:300px;height:300px;margin-bottom:25px;} .shot-banksey {background:url('../img/site/shots/1.jpg') no-repeat;} .shot-travel {background:url('../img/site/shots/2.jpg') no-repeat;} /* buttons */ .btn {display:inline-block;text-indent:-9999px;border:none;background-color:transparent !important;cursor:pointer;width:250px;height:37px;overflow:hidden;white-space:nowrap;text-align:left;} .btn-blue-signup {background:url('../img/site/buttons/sign-up.png');width:288px;height:53px;} .btn-signup-pro {background:url('../img/site/boxes/site_types/pro.gif?v=5');width:288px;height:120px;} .btn-create-it {background:url('../img/site/buttons/create-it.png');width:194px !important;height:53px;} .btn-login-facebook {background:url('../img/site/buttons/login_with_facebook.gif');width:154px;height:22px;} .btn-badge-signup {background:url('../img/site/buttons/badge_try-now.png');width:101px;height:105px;} /* widgets section */ .widgetSection h2 {text-transform:none;margin-bottom:15px;} .widgetSection a { color:#666; text-decoration:none; } .widgetSection a:hover {text-decoration:underline;} .widgetSection h2, .widgetSection h2 a {color:#0066cc;} .widgetSection .icon {float:left;text-align:center;} .widgetSection .desc {float:right;} .widgetSection .desc p {margin-bottom:10px;} /* listing page */ .widgetBrief {border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;} .widgetBrief .icon {width:180px;} .widgetBrief .icon img {margin-bottom:20px;} .widgetBrief .desc {width:400px;} /* widget page */ .widget .icon {margin:0 20px 20px 0;width:250px;float:left;position:relative;} .widget p {margin-bottom:15px;} /* Mail Checker */ .widgetScrollButton {float:left;display:block;width:9px;height:9px;margin-top: 65px;} #mailLeftArrow { background:url('../img/site/widgets/arrows.gif') 0 0 no-repeat; } #mailRightArrow { background:url('../img/site/widgets/arrows.gif') -9px 0 no-repeat; } #mailLeftArrow:hover { background:url('../img/site/widgets/arrows.gif') 0 -9px no-repeat; } #mailRightArrow:hover { background:url('../img/site/widgets/arrows.gif') -9px -9px no-repeat; } #mailCheckerDisplayShell {text-align: center;float: left;margin:30px 20px 0 0;width: 250px;} #appleConditions {color:#999;font-size:12px;}