/* Theme Name: Wheels and Waves Theme URI: http://www.gravit-design.com Description: Custom theme for Wheels and Waves Version: 1.0 Author: Ralph Gustavsen Tags: mantle color, variable width, two columns, widgets . Modifications by Ralph Gustavsen http://www.gravit-design.com . . */ body { font-size: 100%; font-family: Arial, HelveticaNeue, sans-serif; margin: 0; padding: 0; text-align: center; background: #000000; width: 100%; position: relative;} #page {width: 980px; margin: 0 auto 10px auto; text-align: left; border: 1px solid #333333; background-color: #FFF; position: relative; } #container_home { width: 980px; text-align: center; margin: 0 auto 0 auto; } /* Home Table */ #HomeTable { font-size: 12px; margin: 20px auto 40px auto; text-align: left; } #HomeTable td { padding: 10px; } #HomeTable td img { filter: alpha(opacity=100); opacity:1; border: none; } #HomeTable td img:hover { filter:alpha(opacity=50); opacity:1; border: none; } #mainContent { padding: 0; background-color: #FFF; margin: 20px; position: relative } #mainContent-splash {text-align: center; width: 980px; } #mainContent h2 {font-size: 18px; color: #333; } #mainContent h3 {font-size: 14px; color: #666; } #mainContent P {color: #6b6b6b; } #mainContent ul {color: #465d44;} #header {height: 150px; background: #000; padding: 0 10px 0 20px; background-image: url(/images/header.jpg); background-repeat: no-repeat; position: relative;} #header a {text-decoration: none; } #header img { border: 0;} #social {width: 50px; position: absolute; left: 440px; top: 20px; } #social img {border: 0; margin-bottom: 8px; } .ShareThis {position: relative; float: right; top: 20px; left: -80px;} .address {position: absolute; left: 280px; top: 6px; font-size: 12px; color: #ffffff; padding: 10px; width: 120px; } #addthis {padding: 0; } #navbar {height: 23px; padding: 4px 0 4px 0; background-repeat: no-repeat; background: #000000; font-size: 13px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; text-align: center; position: relative; } #dropdown, #dropdown ul {padding: 0; margin: 0 0 0 10px; list-style: none;} #dropdown a {display: block; color: #ffffff; text-decoration: none; padding: 2px 0 2px 6px; width: 100px; text-align: center; border-width: 1px; border-style: solid; border-color: #000000;} #dropdown li {float: left; margin: 0; padding: 0 4px 0 0; } #dropdown li ul {position: absolute; left: -999em; width: 9em; padding: 0; } #dropdown li ul a { } #dropdown li:hover ul { left: auto; color: #ffff66; } #dropdown li:hover ul, #dropdown li.sfhover ul { left: auto; } #dropdown a:hover, #dropdown a:focus { color: #ffffcc; background-color: #353535; } .headerbar {position: absolute; width: 980px; height: 70px; background-color: #666666; background-image: url(/images/headerbar_back.png); background-repeat: repeat-x; position: relative;} .headerbar h1 {font-weight: bolder;font-size: 22px; padding: 0 ;color: #ffffff; position:absolute; left: 20px; top: 10px; margin: 0;} .headerbar h1 a {color: #ffffff;text-decoration: none;} .headerbar h1 a:hover {color: #999999;text-decoration: underline;} .headerbar h2 { font-size: 13px; color: #FFFF99; position: absolute; font-weight: bolder; left: 20px ; top: 30px;} #hours {height: 50px; position: absolute; top: 10px; right: 20px; text-align: right;} #hours p {font-size: 11px;color: #ffffff; line-height: 150%; margin: 0;} .leftimage { float: left; margin: 20px 20px 20px 40px; border: 1px solid #000000; } .rightimage {float: right; margin: 20px 20px 20px 40px; border: 1px solid #000000; background-color: #096; } .twitter_div { background-color: #096;} .MouseOver {padding: 1px; background-color: #000000; } .MouseOver:hover {padding: 1px; background-color: #ffffff; } .ServiceTable {font-size: 12px; background: #fff; margin: 20px 20px 40px 20px; border-collapse: collapse; text-align: left; width: 650px;} .ServiceTableHeader {font-size: 14px; font-weight: normal; color: #333333; border-bottom: 1px solid #6678b1; height: 10px;} #notes {width: 200px; background-color: #CCC; float: right; padding: 20px;} #notes p { color:#000;} /* Team Table */ .TeamTable {font-size: 12px; background: #fff; margin: 20px 20px 40px 20px; border-collapse: collapse; text-align: left;} .TeamTableHeader {font-size: 14px; font-weight: normal; color: #333333; border-bottom: 1px solid #6678b1; height: 10px;} .TeamTableHeader h4 {font-size: 14px; margin: 5px 0 10px 0; } .TeamTable td {color: #669; padding: 9px 8px 0px 8px;} .TeamTable tbody tr:hover td {color: #009;} .team {width: 520px; height: 400px; background-color: #006633;} .team_p {position: relative; left: 20px; top: 20px;} .riderimage {width: 75px; height: 75px; float: left; margin: 4px;} .riderthumb {width: 75px; height: 75px; float: left; margin: 25px; border: 1px #FFFFFF solid; margin: 0 0 0 25px;} .riderthumb:hover, .riderthumb:focus {border: 1px #FFFF99 solid; } /* Team Table */ #merchandise {padding: 0; margin: 0 40px 0 0; width: 200px; position: relative;} #merchandise_nav, #merchandise_nav ul {padding: 0; margin: 0; list-style: none; width: 200px; height: 500px; position: absolute; left: 0; top: 0;} #merchandise_nav a {display: block; color: #000000;text-decoration: none;padding: 4px;margin: 0 0 2px 0;width: 120px;text-align: left;border-width: 0 0 1px 0;border-style: solid;border-color: #CCC;font-size: 16px;font-weight: 700;} #merchandise_nav li {margin: 0;padding: 0 4px 0 0;} #merchandise_nav li ul {position: absolute; left: -999em; width: 9em; padding: 0;} #merchandise_nav li ul a { } .merchandise_nav li:hover ul {left: auto; color: #ffff66;} #merchandise_nav li:hover ul, #merchandise_nav li.sfhover ul {left: auto;} #merchandise_nav a:hover, #merchandise_nav a:focus {color: #ffffcc; background-color: #353535;} #merchandise_text {width: 520px;float: right;padding: 0 20px 0 0;} #merchandise_text p {font-size: 18px; color:#666;} #merchandise_text ul {font-size: 18px; color:#666;} /* .vendorimg:hover{filter:alpha(opacity=60);opacity:0.6;} */ .vendordiv {width: 100%; font-size: 10px;margin: 20px 0 20px 0; text-align: center; padding: 0;} .vendorimg {filter:alpha(opacity=100); opacity:1;border: none;margin: 0 40px 40px 0;} .vendordiv p {position: relative;top: -5px;} .product_image {float: right;clear: both;position: relative;} .rental_div {width:350px;position: relative;left: 240px;} .right_image {float: right;clear: both;} .hotel_address {float: right;clear: both;padding: 10px;background-color:#CCC;border: 1px solid dotted;margin: 0 10px 10px 10px;width: 150px;} .hotellogo {width: 150px;height: 75px;float: left;margin: 4px;} .menubar {text-align: center; color: #000000; padding: 10px 0 0 0; width: 840px; margin: 8px;height: 50px; background-repeat: no-repeat; } #SurfReportNavDiv { height: 30px;width: 100%;font-size: 13px;text-align: center;margin: 20px 0 0 0;bgcolor: #9F0;border-bottom: 1px solid #333;} #SurfReportNav, #SurfReportNav ul { padding: 0; margin: 0; list-style: none; font-weight: bolder;} #SurfReportNav a {display: block;color: #FFF;text-decoration: none; width: 150px;text-align: center;height: 23px;margin: 0 0 0 40px;padding: 7px 0 0 0; background-image: url(../../../../images/surf_report_nav_button.png); background-repeat: repeat-x;} #SurfReportNav li { float: left;margin: 0;padding: 0 4px 0 0;} #SurfReportNav li ul {position: absolute;left: -999em;width: 9em;padding: 0;} #SurfReportNav li ul a {} #SurfReportNav li:hover ul {left: auto; color: #ffff66;} #SurfReportNav li:hover ul, #SurfReportNav li.sfhover ul {left: auto;} #SurfReportNav a:hover, #SurfReportNav a:focus {color: #ffffcc;} #SurfReportLandingContent { height: 320px; background-color: #474747; padding: 60px 0 0 80px; position: relative; } .iphone {position: absolute; left: 880px; top: 330px;} #SurfReportLandingContent td { padding: 10px; } #SurfReportLandingContent td img { filter: alpha(opacity=100); opacity:1; border: none; } #SurfReportLandingContent td img:hover { filter:alpha(opacity=50); opacity:1; border: none; } .swellwidget {float: right; position: relative} .FeedPopUp {width: 320px; height: 416px; text-align: left;background-color: #000;color: #FFF;padding: 10px; position: relative; border: #333 solid 4px; z-index: 10;} .FeedPopUpDiv {position: relative; top: 4px;} .FeedPopUp h3 p {color:#FFF;} .FeedPopUp strong{text-align: left;color: #565A0A;} .CloseButtonText{position: absolute;border-style: none;left: 260px;top: 10px;} .BuoyIcon {border: none;} .BuoyMap {width: 100%; height: 600px; border: 1px dotted #999; background-color: #CCC; position: relative; background-image: url(/images/map_background.png);background-repeat: no-repeat;} .BuoyDiv {position: absolute;border: none;z-index: 1px;} .BuoyDiv b{text-decoration: none;font-size: 14px;background-color: #000;color: #FFF;padding: 2px;position: relative;left: -8px; top: -8px;} .LinkButton {color: #009900; text-decoration: underline; } .LinkButton:hover {color: #006600; text-decoration: none; } .rates_box {width: 935px; background-color: Aqua; margin-top: 20px;} table.rates {width: 350px; margin: 0; background-color: #000000;} table.rates td.title {background-color: #000000; color: #ffffff; text-align: center; padding: 16px; font-size: 16px; font-weight: bold;} table.rates td.head {font-weight: bold;background-color: #a8b68c; text-align: center; padding: 8px; font-size: 13px;} table.rates td {background-color: #c2d3a1; text-align: center; padding: 8px; font-size: 12px;} table.rates td.foot {background-color: #fffce5;text-align: left;padding: 16px;font-size: 12px;} table.rates p {line-height: 20px;} table.rates li {position: relative;left: -23px;line-height: 18px;} table.hours {width: margin: 0;} table.hours td {text-align: right; padding: 0 6px 0 0; font-size: 11px; color:#FFF; vertical-align: middle;} /* wordpress post elements */ /* wordpress image wrapping */ .alignright {float:right; margin:0 0 1em 1em; } .alignleft {float:left; margin:0 1em 1em 0} .aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em; text-decoration: none} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /* wordpress image wrapping */ #leftcontent { position: absolute; left:10px; top:50px; width:200px; background:#fff; border:1px solid #000;} /* wordpress post elements */ #maincol {margin: 0 40px 0 0; width: 600px; position: relative; top: 0px; float: left; padding: 0;} .entry_head { clear: both; position: relative; height: 80px; margin: 0; padding: 0;} .entry_head h2 a {position: absolute; left: 0px; top: 0px; margin: 0; padding: 0; font-size: 18px; font-weight: bolder; text-decoration: none; color: #333} .entry_head h2 a:hover {text-decoration: over; color:#ffcc66;} .entry_head p.date {position: absolute;top: 15px; color: #666; font-size: 12px;} .FBShareButton { margin: 0 0 0 0; position: absolute; top: 48px; width: 100px; height: 20px;} .entry {border-bottom: 1px solid #999; font-size: 14px; clear: both; position: relative; margin: 0 0 20px 0; padding-bottom: 20px;} .entry a {color: #333333; text-decoration: none;} .entry p {line-height: 150%;color: #5d5d5d; margin: 0;} .entry ul {position: relative;top: 15px; padding: 10px; font-size: 120%;line-height: 175%;color: #666666;margin-left: 20px;list-style:none;} .entry li { background: url(images/bullet.png) no-repeat left center; padding: 0 0 3px 18px; margin: 0;} .entry strong { font-weight: 100;} .postmetadata {padding: 4px; margin-top: auto; width: 640px; } .navigation { } .more-link { display: block; position: relative; font-size: 9px; background-image: url(../../../../images/more-button.png); background-repeat: no-repeat; width: 54px; height: 18px; background-position: left; margin-top: 15px; margin-left: 500px; } a.more-link {color: #FFF;} a.more-link:hover { background-image:url(../../../../images/more-button-over.png)} /* Search Widget */ #searchform { font-size: 11px; color:#CCC} .screen-reader-text{ } #s{ background:#FFFFFF; url(/images/search.png) no-repeat 4px 4px; padding:4px 4px 4px 22px; border:1px solid #CCCCCC; width:230px; height:18px; } #searchsubmit{ margin: 5px 0 0 0; color: #999; background-color: #FFF; border:1px solid; border-color: #999; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); } /* this column is 270 wide 250 + 20 + 20 */ #sidebar {position: relative; float: right; width: 280px; margin: 0 20px 0 0; padding: 0; background-repeat: no-repeat; } #sidebar a {text-decoration: none;} #sidebar h2 {font-size: 110%;font-weight:bolder;color: #666;border-bottom: #CCC 1px solid;} #sidebar p {color: #666666; font-size: 80%;} #sidebar ul {position: relative; color: #666666; margin-left: 0;list-style:none; line-height: 20px; font-size: 80%; left: -30px;} #sidebar ul li{background: url(../../../../images/bullet_side.png) no-repeat left center; padding: 0 0 3px 18px; margin: 0; font-size: 12px;} #sidebar a {color: #666666;} #sidebar a:hover {left: auto; color:#ffcc66;} #sidebar li:hover { background: url(../../../../images/bullet_side_over.png) no-repeat left center; } /* Captions */ .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto; } .wp-caption {text-align: center;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px;margin: 0;} /* photo gallery style elements */ .gallery-caption {font-size: 12px;color: #666;padding: 0 15px 0 15px;} /* this item encloses the picture */ .gallery-icon {padding: 5px 0 5px 0;} /* this item encloses the caption */ .gallery-item { margin: 0 0 15px 0;} /*to remove the border from the img change .gallery img { border: 2px solid #cfcfcf; } to .gallery img { border: 0px; } in wp-include/media.php */ .gallery-icon a {text-decoration: none;} .attachment-thumbnail { } /* End captions */ /*Twitter Widget */ .twitterwidgetdiv { border-bottom: 1px dotted #CCC; margin: 0 0 10px 10px; padding: 4px;} .twitterwidget { } .twitterwidget-title{margin-left: 5px; } .twitterwidget-rss{ } .entry-content { color:#666; font-size: 12px; } .entry-content a { font-weight: 100;} .entry-meta {} .time-meta {} .from-meta {font-size: 11px; } .MouseOver_Vendor {padding: 1px; background-color: #ffffff; width: 35px; height: 35px; } .MouseOver_Vendor:hover {background-color: #000000; } #footer {text-align: center; padding: 15px 0 30px 0; margin: 0; color: #000000; clear: both; background-color: #ffffff; border-top: solid 1px #000000;} #footer ul { padding: 0; margin: 0; font-size: 12px; } #footer ul li { display: inline; margin: 0; } #footer ul li a {color: #000000; text-decoration: none; text-align: center; width: 9em; padding: 0 28px 0 0; } #footer ul li a:hover, #nav ul li a:focus {color: Blue; } /* jqModal base /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (in jqModal.js). You can change this value by either; a) supplying one via CSS b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500}); */ .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 320px;height: 416px; background-color: #000; color: #FFF; border: #333 solid 4px; padding: 10px; } .jqmOverlay { background-color: #000; } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }