/* Theme Name: Swimrun Theme URI: http://www.theclaruscompany.com Version: 1.0 Author: David Eilers */ /* Reset */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, td, tr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } img { border: none; } td {vertical-align:top;} .clear {clear:both;} .clear-left {clear:left;} /* /* [1. Body] */ body {background: #999;} /* [2. Header] */ .header {margin:0 auto; width:950px; height:100px; display:block; background: url('images/header.jpg') no-repeat; } .logo {margin:0; width:420px; height:90px; display:block; text-indent:-2500px; float:left;} .swimandrunshop {margin:0; width:200px; height:90px; display:block; float:right; } .splash {margin:0 auto; width:950px; height: 316px; display:block; background: url('images/splash.jpg') no-repeat;} .splash-swim {margin:0; width: 470px; height:316px; display:block; float:left;} .splash-run {margin:0 0 0 5px; width: 470px; height:316px; display:block;float:left;} /* [3. Menu] */ .menu {margin:0 auto; width:950px; height:38px; display:block; background: url('images/menu.jpg') no-repeat;} .menu ul {margin:0; padding:0;list-style:none;font: 14px/100% Arial, Helvetica, sans-serif;font-weight:bold;} .menu ul li {margin:0; padding: 0px; float:left;} .menu ul li a {padding: 0px; text-decoration:none; color:#666; display:block;} .menu li a:hover, .menu .current-page_item a {text-decoration:none; color:#000;} /* [4. General Content] */ .container {margin:0 auto; padding: 10px 0; width:950px;background-color: #fff} /* [5. Page Content] */ .left-column {margin: 0; width:260px;float:left;} .right-column {margin:0; width:670px;float:right;} /* [5a. Home/Splash ] */ .h1-feature {margin:0; width:670px; height:31px; display:block; background: url('images/h1-feature.jpg') no-repeat;} .h1-join {margin:0; width:670px; height:31px; display:block; background: url('images/h1-join.jpg') no-repeat;} .join-info-block {margin:0; width:670px; height:100px; display:block; background: url('images/join-info-block.jpg') no-repeat;} .social {margin:0 0 0 380px; height: 90px;} .social a {margin:0; padding:0; width: 247px; height:30px;display:block;} .social a:hover {width: 247px; height:30px; display:block; border: 3px solid #ccc;} .welcome-home{font-family: Helvetica, Arial, sans-serif; font-size:16px; font-style:normal; font-weight:normal; text-transform:none; letter-spacing:normal; line-height:1.5em; margin:10px 0px; padding-right:15px;} .welcome-swim{font-family:Helvetica, Arial, sans-serif; font-size:18px; font-style:normal; font-weight:bold; text-transform:Uppercase; letter-spacing:normal; line-height:32px; margin:10px 0px; display:block; background:#99cc33; color:#fff; padding-left:10px;} .welcome-run{font-family:Helvetica, Arial, sans-serif; font-size:18px; font-style:normal; font-weight:bold; text-transform:Uppercase; letter-spacing:normal; line-height:32px; margin:10px 0px; display:block; background:#0099cc; color:#fff; padding-left:10px;} .welcome-tri{font-family:Helvetica, Arial, sans-serif; font-size:18px; font-style:normal; font-weight:bold; text-transform:Uppercase; letter-spacing:normal; line-height:32px; margin:10px 0px; display:block; background:#6cc497; color:#fff; padding-left:10px;} .welcome-accessories{font-family:Helvetica, Arial, sans-serif; font-size:18px; font-style:normal; font-weight:bold; text-transform:Uppercase; letter-spacing:normal; line-height:32px; margin:10px 0px; display:block; background:#999999; color:#fff; padding-left:10px;} .welcome-footwear{font-family:Helvetica, Arial, sans-serif; font-size:18px; font-style:normal; font-weight:bold; text-transform:Uppercase; letter-spacing:normal; line-height:32px; margin:10px 0px; display:block; background:#cc3399; color:#fff; padding-left:10px;} /* [6. Left Column ] */ .brand-container {margin-left:8px;width: 260px:} .h1-brands {width:256px; height:31px; display:block; background: url('images/h1-brands.jpg') no-repeat;} .h2-brand-runwear {margin:15px 0 7px 0; width:56px; height:10px; display:block; background: url('images/h2-runwear.jpg') no-repeat;} .h2-brand-swimwear { margin:15px 0 7px 0; width:65px; height:10px; display:block; background: url('images/h2-swimwear.jpg') no-repeat;} .h2-brand-coverwear { margin:15px 0 7px 0; width:73px; height:10px; display:block; background: url('images/h2-coverwear.jpg') no-repeat;} .h2-brand-footwear { margin:15px 0 7px 0; width:56px; height:10px; display:block; background: url('images/h2-footwear.jpg') no-repeat;} .brand-row {margin:0; padding:0; width:250px; text-indent:-2500px;} .brand {margin:1px; padding:0; width:58px; height:58px; float:left; border:1px solid #ddd;} .brand:hover {border:1px solid #0da1d1;} .column-kids-image {margin: 0 0 0 8px; padding:1px; width:246px; height:166px; display:block; background: url('images/kids-left-column.jpg') no-repeat;} /* [7. Footer] */ .footer-border {margin:0 auto; padding:0;width:950px; height:7px; display:block; background: url('images/footer-border.jpg') no-repeat; } .footer { margin:0 auto; width: 950px; height:97px; background:#fff url('images/footer-bkg.jpg') no-repeat; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {margin:0 0 0 8px; padding: 10px 0 0 0; width:100px; font-family:Arial, Helvetica, sans-serif;font-size:10px; text-transform:uppercase;float:left; } .footer-brands-label {width:100px;height:88px;display:block;background: url('images/footer-brands-label.jpg') no-repeat;} .footer-ul { margin:0; padding:0; color: #999; width:100px; margin:0px auto; font-size: 10px;text-transform:uppercase; list-style:none;} .footer-ul li { margin:0; padding:1px 0; color: #999; width:100px; margin:0px auto; font-size: 10px;text-transform:uppercase; list-style:none;} .footer-ul li a {color:#999; text-decoration:none;} .footer-ul li a:hover {text-decoration:underline;} a.footer-clarus {float:right; width:280px; height:67px; display:block; text-indent:-2500px;} /* [8. Brand Images ] */ /* [ -- runwear -- ] */ .b_moving-comfort {width:58px; height:58px; display:block; background: url('images/brands2/_0051_moving-comfort.png') no-repeat center center;} .b_nike {width:58px; height:58px; display:block; background: url('images/brands2/_0002_nike.png') no-repeat center center;} .b_saucony {width:58px; height:58px; display:block; background: url('images/brands2/_0004_saucony.png') no-repeat center center;} .b_pearl-izumi {width:58px; height:58px; display:block; background: url('images/brands2/_0003_Pearl-Izumi.png') no-repeat center center;} .b_orca {width:58px; height:58px; display:block; background: url('images/brands2/_0050_orca.png') no-repeat center center;} .b_cwx {width:58px; height:58px; display:block; background: url('images/brands2/_0049_cw-x.png') no-repeat center center;} .b_sporthill {width:58px; height:58px; display:block; background: url('images/brands2/_0048_sporthill.png') no-repeat center center;} /* [ -- swimwear -- ] */ .b_2bamboo {width:58px; height:58px; display:block; background: url('images/brands2/_0046_2bamboo.png') no-repeat center center;} .b_la-blanca {width:58px; height:58px; display:block; background: url('images/brands2/_0042_la-blanca.png') no-repeat center center;} .b_rampage {width:58px; height:58px; display:block; background: url('images/brands2/_0040_rampage.png') no-repeat center center;} .b_local-motion {width:58px; height:58px; display:block; background: url('images/brands2/_0039_localmotion.png') no-repeat center center;} .b_billabong {width:58px; height:58px; display:block; background: url('images/brands2/_0009_billabong.png') no-repeat center center;} .b_body-glove {width:58px; height:58px; display:block; background: url('images/brands2/_0045_body-glove.png') no-repeat center center;} .b_carve {width:58px; height:58px; display:block; background: url('images/brands2/_0038_carve.png') no-repeat center center;} .b_delta-burke {width:58px; height:58px; display:block; background: url('images/brands2/_0000_delta-burke.png') no-repeat center center;} .b_dolfin-ocean {width:58px; height:58px; display:block; background: url('images/brands2/_0037_dolfin-ocean.png') no-repeat center center;} .b_speedo {width:58px; height:58px; display:block; background: url('images/brands2/_0010_speedo.png') no-repeat center center;} .b_tyr {width:58px; height:58px; display:block; background: url('images/brands2/_0008_tyr.png') no-repeat center center;} .b_jantzen {width:58px; height:58px; display:block; background: url('images/brands2/_0036_jantzen.png') no-repeat center center;} .b_jag {width:58px; height:58px; display:block; background: url('images/brands2/_0035_jag.png') no-repeat center center;} .b_curvallure {width:58px; height:58px; display:block; background: url('images/brands2/_0055_curvallure.png') no-repeat center center;} .b_longitude {width:58px; height:58px; display:block; background: url('images/brands2/_0041_longitude.png') no-repeat center center;} .b_malibu-dream-girl {width:58px; height:58px; display:block; background: url('images/brands2/_0034_malibu.png') no-repeat center center;} .b_gossip {width:58px; height:58px; display:block; background: url('images/brands2/_0033_gossip.png') no-repeat center center;} .b_24th-and-ocean {width:58px; height:58px; display:block; background: url('images/brands2/_0032_24th-and-ocean.png') no-repeat center center;} .b_kenneth-cole {width:58px; height:58px; display:block; background: url('images/brands2/_0043_kenneth-cole.png') no-repeat center center;} .b_maxine {width:58px; height:58px; display:block; background: url('images/brands2/_0031_maxine.png') no-repeat center center;} .b_hobie {width:58px; height:58px; display:block; background: url('images/brands2/_0030_hobie.png') no-repeat center center;} .b_kenneth-cole-reaction {width:58px; height:58px; display:block; background: url('images/brands2/_0044_kenneth-cole-reaction.png') no-repeat center center;} .b_split {width:58px; height:58px; display:block; background: url('images/brands2/_0047_split.png') no-repeat center center;} .b_nautica {width:58px; height:58px; display:block; background: url('images/brands2/_0029_nautica.png') no-repeat center center;} .b_next {width:58px; height:58px; display:block; background: url('images/brands2/_0028_next.png') no-repeat center center;} /*.b_nike repeat*/ .b_athena {width:58px; height:58px; display:block; background: url('images/brands2/_0027_athena.png') no-repeat center center;} .b_oniell {width:58px; height:58px; display:block; background: url('images/brands2/_0026_oniell.png') no-repeat center center;} .b_penbrooke {width:58px; height:58px; display:block; background: url('images/brands2/_0025_penbrooke.png') no-repeat center center;} .b_point-conception {width:58px; height:58px; display:block; background: url('images/brands2/_0024_point.png') no-repeat center center;} .b_sunsets-separates {width:58px; height:58px; display:block; background: url('images/brands2/_0023_sunsets-seperates.png') no-repeat center center;} .b_kechika {width:58px; height:58px; display:block; background: url('images/brands2/_0022_kechika.png') no-repeat center center;} .b_quiksilver {width:58px; height:58px; display:block; background: url('images/brands2/_0006_quicksilver.png') no-repeat center center;} .b_raisins {width:58px; height:58px; display:block; background: url('images/brands2/_0021_raisins.png') no-repeat center center;} .b_leilani {width:58px; height:58px; display:block; background: url('images/brands2/_0001_lelani.png') no-repeat center center;} .b_radio-fiji {width:58px; height:58px; display:block; background: url('images/brands2/_0020_radio-fiji.png') no-repeat center center;} .b_guess {width:58px; height:58px; display:block; background: url('images/brands2/_0019_guess.png') no-repeat center center;} .b_tommy-hilfiger {width:58px; height:58px; display:block; background: url('images/brands2/_0018_tommy-hilfiger.png') no-repeat center center;} .b_reebok {width:58px; height:58px; display:block; background: url('images/brands2/_0053_reebok.png') no-repeat center center;} .b_reef /*reef-swim */{width:58px; height:58px; display:block; background: url('images/brands2/_0007_reef.png') no-repeat center center;} .b_roxy {width:58px; height:58px; display:block; background: url('images/brands2/_0005_roxy.png') no-repeat center center;} .b_beach-house {width:58px; height:58px; display:block; background: url('images/brands2/_0017_beach-house.png') no-repeat center center;} .b_gabar {width:58px; height:58px; display:block; background: url('images/brands2/_0016_gabar.png') no-repeat center center;} .b_roxanne {width:58px; height:58px; display:block; background: url('images/brands2/_0012_roxanne.png') no-repeat center center;} .b_the-life {width:58px; height:58px; display:block; background: url('images/brands2/_0015_the-life.png') no-repeat center center;} .b_white-sierra {width:58px; height:58px; display:block; background: url('images/brands2/_0014_white-sierra.png') no-repeat center center;} /* [ -- covers -- ]*/ .b_dotti {width:58px; height:58px; display:block; background: url('images/brands2/_0013_dotti.png') no-repeat center center;} .b_line-art {width:58px; height:58px; display:block; background: url('images/brands2/_0056_line-art.png') no-repeat center center;} /*.b_roxy repeat */ /*.b_billabong repeat */ /*.b_oniell repeat */ /* [ -- footwear -- ] */ .b_teva {width:58px; height:58px; display:block; background: url('images/brands2/_0011_teva.png') no-repeat center center;} /* .b_reef repeat */ .b_water-gear {width:58px; height:58px; display:block; background: url('images/brands2/_0054_water-gear.png') no-repeat center center;} /*.b_speedo repeat */ /*.b_roxy repeat */ /*.b_oniell repeat */