/* Theme Name: FIJI's Across America Theme Description: FIJI's Across America Version: 1.0 Author: Andrew Epperson Author URI: http://twitter.com/eppand */ /* GREEN 7f9b47 PURPLE 5a336f YELLOW ff6 YELLOW HOVER fefea7 /* ------ GLOBAL STYLES ----- */ html {overflow:scroll;} body, div, h1, h2, h3, h4, p, form {margin:0; padding:0;} img {border:0;} div.clear {margin:0; height:0px; clear:both; font-size:0px; line-height:0px;} .center {text-align: center;} .left {text-align: left;} .right {text-align:right;} p {padding: 0 0 12px 0;} ul, ol {margin-top:0; margin-bottom:0; margin-left:10px; padding-left:10px;} h1, h2, h3, h4, h5 {font-family: 'Centruy Gothic', verdana arial, sans-serif;} a {color:#5a336f;} hr {display:none; clear:both;} body {text-align:center; font: 12px verdana, arial, sans-serif; background:#3e3743; color:#333;} /* -- HEADER --------------------------------- */ #head-cont {background: url('images/bg-header.jpg') repeat-x; height:77px; width:100%;} #head-main {margin:0 auto; width:976px; height:77px; background: url('images/tagline.jpg') no-repeat bottom center; position:relative;} #head-main img.logo {position:absolute; top:0; left:0;} a.tab {float:left; background-position:top left; height:46px; overflow:hidden; margin:0; width:150px;} a.tab span {display:none;} a.store {background: url('images/tab-store.jpg') no-repeat; margin-left:257px;} a.donate {background: url('images/tab-donate.jpg') no-repeat;} a.contact {background: url('images/tab-contact.jpg') no-repeat;} a.tab:hover, a.active {background-position: bottom left;} #contact-area {display:none; width:100%; color:#fff; line-height:140%;} #contact-area a {color:#fff;} #contact-area a:hover {color:#ff6;} #contact-area-main {width:976px; margin:0 auto; padding-top:10px; text-align:left;} .contact-col {text-align:left;} .narrow-col {float:left; width:34%; margin-left:3%;} .wide-col {width:58%; float:right;} .contact-col p {padding-left:10px;} .lblContact {float:left; display:block; padding: 2px 2px 0 0; width:80px; text-align:right;} #contact-area form {font: 12px verdana, arial, sans-serif; padding-top:5px;} #contact-area input.contact {width:170px; padding:0; font:11px verdana, arial, sans-serif;} #contact-area textarea.contact {width:300px; height:35px; padding:0; font:11px verdana, arial, sans-serif;} #contact-area fieldset {margin:0;} #contact-area fieldset legend {font-weight:bold; color:#ff6;} label.error {padding-left:3px; font-size:10px; color:#f33;} /* -- HOME MAIN --------------------------------- */ #home-cont {background: url('images/bg-cork.jpg') repeat-x top center; /*height:388px;*/ height:600px; width:100%;} #home-main {margin:0 auto; width:976px; /*height:388px;*/ height:573px; position:relative;} #image-area {background: url('images/bg-home-slide.png') no-repeat; width:262px; height:348px; padding:40px 42px 0 43px; position:absolute; top:0; left:270px;} .slideshow {width:262px; height:315px; overflow:hidden;} .slideshow p {margin:0; padding:0;} #image-area img {display:block; margin:0;} #goal {position:absolute; top:0px; left:0px; background: url('images/bg-home-goal.png') no-repeat top right; width:186px; height:179px; padding: 74px 54px 0 34px;} #goal span {font-size:30px; font-weight:bold; color:#5a336f; display:block; margin:0; margin-bottom:-3px;} #goal p {padding-bottom:10px;} #goal p em {font-size:130%; font-style:normal; font-weight:bold;} #goal a:hover {background:#fefea7;} #social-media {position:absolute; top:250px; left:0px; width:238px; height:100px; padding:44px 0 0 36px; background: url('images/bg-home-media.png') no-repeat top right;} #social-media a {display:block; margin:0; width:64px; height:64px; float:left;} #social-media a span {display:none;} #sidebarSL {position:absolute; top:250px; left:0; width:186px; height:341px; padding:80px 54px 0px 34px; background: url('images/bg-home-sitelinks.png') no-repeat; overflow:hidden; text-align:left;} #sidebarSL h2 {display:none;} #sidebarSL ul, #sidebarYT li {margin:0 auto; padding:0 auto; list-style-type:none;} #sidebarSL li li ul {display:none;} #sidebarSL li li {padding-bottom:5px; font-size:13px; font-weight:bold; list-style-type:disc;} #sidebarSL li li a {text-decoration: none; padding:0 2px;} #sidebarSL li li a:hover {text-decoration:underline; background:#ffb;} #sponsorAds {position:absolute; top:0; right:12px; width:264px; height:247px; padding:70px 40px 0px 40px; background: url('images/bg-home-sponsors.png') no-repeat; overflow:hidden;} #sponsorAds img {padding:1px; border: 1px solid #555; float:right; margin-right:12px;} #sponsorAds img.ocn {margin-top:12px; margin-right:20px;} #sponsorAds a {text-decoration:none;} #sponsorAds a.viewAll {clear:both; text-align:center; font-weight:bold; font-size:11px; text-decoration:underline; display:block; padding-top:6px;} #sidebarYT {position:absolute; top:290px; right:0; width:264px; height:236px; padding:80px 40px 0px 40px; background: url('images/bg-home-youtube.png') no-repeat; overflow:hidden;} #sidebarYT h2 {display:none;} #sidebarYT ul, #sidebarYT li {margin:0; padding:0; list-style-type:none;} #pepsi-refresh {position:absolute; top:415px; left:290px; width:322px; height:185px;} #pepsi-refresh a {display:block; margin:0; width:322px; height:185px;} #pepsi-refresh a img {display:block; margin:0; width:322px; height:185px;} /* -- HOME NAV --------------------------------- */ #hmnav-cont {background: url('images/bg-homenav.jpg') repeat-x; height:92px; width:100%;} #hmnav-main {margin:0 auto; width:926px; padding-left:50px; height:92px;} a.btn {float:left; background-position:top left; height:92px; overflow:hidden; margin:0 5px;} a.btn span {display:none;} a.ride {background: url('images/btn-ride.jpg') no-repeat; width:115px;} a.riders {background: url('images/btn-riders.jpg') no-repeat; width:155px;} a.route {background: url('images/btn-route.jpg') no-repeat; width:159px;} a.followRoute {background: url('images/btn-follow-route.jpg') no-repeat; width:159px;} a.blog {background: url('images/btn-blog.jpg') no-repeat; width:134px;} a.alzheimers {background: url('images/btn-alzheimers.jpg') no-repeat; width:267px;} a.btn:hover {background-position: bottom left;} /* -- MAIN CONTENT --------------------------------- */ #main-cont {width:100%; background:#fff;} #main-area {width:880px; margin:0 auto; padding: 0px 48px 15px 48px;} #main {width:642px; float:right; text-align:left; padding-top:15px;} #main h2 {padding-bottom:8px;} #main img.photo {border:1px solid #3e3743; display:block; float:right; margin-left:25px; padding:1px;} #main img.fl-left {float:left; margin-left:0; margin-right:25px;} #main img {border:1px solid #3e3743; padding:1px;} #main .sponsorlogo {float:left; width:47%; padding:2% 1%; text-align:center;} #main .sponsorlogo img {display:block; margin:0 auto;} #main ul {padding-bottom:12px;} #main ul ul {margin-left:20px; padding-left:20px;} #main ol {margin-left:30px;} #main ol li {padding-bottom:6px;} #main a:hover {background:#fefea7;} #main p {line-height:18px;} #sidebar-contain {width:200px; margin:0; float:left;} #sidebar {float:left; width:200px; height:469px; padding-top:15px; text-align:center; background: url('images/bg-sidebar.jpg') no-repeat bottom; position:relative;} #sidebar ul, #sidebar ul li, #sidebar ul li ul, #sidebar ul li ul li {list-style-type:none; margin:0; padding:0;} #sidebar h2 {display:none;} #sidebar h2.widgettitle {display:none; height:0; padding:0; margin:0; line-height:0;} #sidebar a {color:#7f9b47; text-decoration:none;} #sidebar a:hover {color:#5a336f;} #sidebar li li {margin:0; padding:0;} #sidebar li li a {font: bold 14px 'Centruy Gothic', verdana arial, sans-serif; display:block; margin:2px auto; padding: 8px 0; height:16px; width:180px; background: url('images/btn-sidebar.png') no-repeat; text-align:center;} /* #sidebar li li a {font: bold 14px 'Centruy Gothic', verdana arial, sans-serif; display:block; margin:0 auto; padding: 11px 0; height:16px; width:160px; background: url('images/btn-sidebar.jpg') no-repeat; text-align:center;} */ #sidebar li li ul {display:none;} li.page-item-167, li.page-item-177, li.page-item-179, li.page-item-183 {display:none;} #sidebar a.btnFB {display:block; margin:0; position:absolute; bottom:36px; left:15px; width:170px; height:87px; background:url('images/btn-facebook.png') no-repeat;} #sidebar a.btnFB span {display:none;} #sidebarRB {float:left; width:155px; height:180px; padding:70px 20px 0 25px; text-align:left; background: url('images/bg-rider-blogs.png') no-repeat bottom; position:relative; font-size:14px; font-weight:bold;} #sidebarRB a {text-decoration:none; padding:0 2px;} #sidebarRB a:hover {text-decoration:underline; background:#ffb;} #sidebarRB h2 {display:none;} #sidebarRB ul, #sidebarRB li {list-style-type:none; margin:0; padding:0;} #sidebarRB li {padding-bottom:6px;} #sidebarExpand {position:absolute; top:140px; right:0px; background:#fff; color:#c00; font-weight:bold; width:48px; height:205px;} #sidebarExpand img {display:block; margin:0; cursor:pointer;} #sidebarRBTEST {position:absolute; top:130px; right:0px; width:160px; font-size:16px; height:225px; background: url('images/bg-rider-blogs.gif') no-repeat; display:none;} #sidebarRBTEST ul, #sidebarRBTEST li {list-style-type:none; margin:0; padding:0; text-align:left;} #sidebarRBTEST ul {padding-top:5px;} #sidebarRBTEST li {height:41px;} #sidebarRBTEST a {text-decoration:none; color:#fff; font-weight:bold; line-height:8px;} #sidebarRBTEST a:hover {text-decoration:underline; color:#ff6;} #sidebarRBTEST li img {float:left; padding:0 10px;} #main a.btn-meet {float:left; display:block; margin:5px; width:132px; height:179px; overflow:hidden; background-position: top left;} #main a.meet-tyler {background: url('images/meet-tyler.jpg') no-repeat;} #main a.meet-tyler:hover {background: transparent url('images/meet-tyler.jpg') no-repeat top right;} #main a.meet-chris {background: url('images/meet-chris.jpg') no-repeat;} #main a.meet-chris:hover {background: transparent url('images/meet-chris.jpg') no-repeat top right;} #main a.meet-chaz {background: url('images/meet-chaz.jpg') no-repeat;} #main a.meet-chaz:hover {background: transparent url('images/meet-chaz.jpg') no-repeat top right;} #main a.meet-mitchell {background: url('images/meet-mitchell.jpg') no-repeat;} #main a.meet-mitchell:hover {background: transparent url('images/meet-mitchell.jpg') no-repeat top right;} #main a.meet-andrew {background: url('images/meet-andrew.jpg') no-repeat;} #main a.meet-andrew:hover {background: transparent url('images/meet-andrew.jpg') no-repeat top right;} #main a.meet-justin {background: url('images/meet-justin.jpg') no-repeat;} #main a.meet-justin:hover {background: transparent url('images/meet-justin.jpg') no-repeat top right;} #main a.meet-wade {background: url('images/meet-wade.jpg') no-repeat;} #main a.meet-wade:hover {background: transparent url('images/meet-wade.jpg') no-repeat top right;} #main a.meet-cameron {background: url('images/meet-cameron.jpg') no-repeat;} #main a.meet-cameron:hover {background: transparent url('images/meet-cameron.jpg') no-repeat top right;} #main a.meet-jordan {background: url('images/meet-jordan.jpg') no-repeat;} #main a.meet-jordan:hover {background: transparent url('images/meet-jordan.jpg') no-repeat top right;} a.btn-meet span {display:none;} p.postDate{font-size:10px; padding-bottom:4px;} div.postmetadata {font-size:11px; padding-bottom:10px;} #main .postmetadata p {padding:0 0 6px 0;} #main a.share img {position:relative; bottom:-3px; border:0; padding:0;} #respond textarea {width:89%; border:1px solid #7f9b47; background:#fcfcfc; margin-left:40px;} #respond input {width:180px; border:1px solid #7f9b47; background:#fcfcfc; margin-left:40px;} #respond input.btnSubmit {width:140px; font-size:11px; font-weight:bold; cursor:pointer; color:#5a336f; padding:2px 0;} #respond input.btnSubmit:hover {background:#fefea7;} #respond h3 {padding-bottom:6px;} .vcard cite {font-size: 14px; font-weight:bold; font-style:normal;} .commentlist {padding-top: 6px; padding-right: 26px; padding-bottom: 15px; list-style-type:none;} .commentlist li {background:#fafafa; border: 1px solid #7f9b47; padding:8px; margin-bottom:16px;} .commentlist li p {padding:0;} .commentmetadata {font-size:10px; padding-bottom:4px;} input.storeQuantity {width:30px;} .riderBioLeft {width:45%; float:left; padding-right:5%;} .riderBioRight {width:50%; float:left; padding:0;} #main a.dlForm {padding: 1px 0 2px 20px; background: url('images/icon-pdf.png') no-repeat; text-decoration:none; font-weight:bold;} #main a.dlForm:hover {background: #fefea7 url('images/icon-pdf.png') no-repeat; text-decoration:none;} #main a.dlForm:hover span {text-decoration:underline;} #main a.faq {padding: 1px 0 2px 20px; background: url('images/icon-faq.png') no-repeat; text-decoration:none; font-weight:bold;} #main a.faq:hover {background: #fefea7 url('images/icon-faq.png') no-repeat; text-decoration:none;} #main a.faq:hover span {text-decoration:underline;} ul.faq li {padding-bottom:6px;} /* -- Twitter-RSS --------------------------------- */ .twitterBox {background:#f6f6f6; border:1px solid #ccc; padding:5px 5px 0 5px; margin-top:12px;} #main .twitterBox h2 {background: url('images/twitter.png') no-repeat; font-size:18px; padding:19px 0 19px 65px;} .twitterBox h2 a {text-decoration:none; color:#000;} .twitterBox ul {margin:0; padding:0 0 0 5px;} .twitterBox li {padding: 0 0 12px 0; list-style-type:none; margin:0; line-height:18px;} .entry-meta {display:block; margin:0; podding:3px 0;} .entry-meta a {color:#888; text-decoration:none;} .from-meta, .in-reply-to-meta {margin:0; display:none;} /* -- FOOTER --------------------------------- */ #foot-blog {width:100%;} #foot-main {margin:0 auto; width:920px; text-align:left; color:#ffffeb; padding:5px 28px 30px 28px;} #foot-main a {color:#ffffeb; text-decoration:none;} #foot-main a:hover {color:#ff6;} #sponsors {float:left; width:490px; border-right:1px solid #ffffeb; position:relative; font-weight:bold; font-size:15px;} #sponsors img {float:left; padding:5px;} #resources {float:right; width:292px; font-size:13px; font-weight:bold; background: url('images/foot-resources.jpg') no-repeat; padding:50px 0 0 40px;} #resources li {margin-left:5px padding-left:5px; padding-top:8px; list-style-type:none;} h4 {background: url('images/bg-h4.jpg') no-repeat bottom left; width:360px; height:27px; font-size:18px;} #foot-contact {background: url('images/bg-footer.jpg') repeat-x; height:36px; padding-top: 22px; text-align:center; color:#5a336f; font-size:13px;} #foot-contact a, #foot-contact a:hover {color:#5a336f; text-decoration:none;} /* EVENTS in FOOTER ------------------------------ */ /*#event-area {float:left; width:276px; height:248px; padding: 100px 40px 40px 34px; background: url('images/bg-home-events.png') no-repeat; text-align:left; overflow:hidden;}*/ #event-area {float:left; width:366px; height:248px; padding: 60px 0 0 70px; background: url('images/foot-events.jpg') no-repeat; text-align:left; overflow:hidden;} #event-area a:hover {background:#fefea7;} #event-area h2 {font-size:20px; font-weigt:bold; text-align:center; padding-bottom:10px;} #events-contain {height:244px;} .event {background: url('images/bg-calendar.png') no-repeat; padding-left:46px;} .event h3 {font-size:16px; padding-top:6px;} .event .event_time {font-size:12px; padding-bottom:18px; padding-left:10px; font-weight:bold;} .event .event_time span {font-weight:normal;} .event a {text-decoration:none;} .event a:hover {text-decoration:underline;} #btn-riders {height:70px;} a.btn-foot {float:left; background-position:top left; height:56px; overflow:hidden; margin:0; width:176px;} a.btn-foot span {display:none;} a.tyler {background: url('images/btn-tyler.jpg') no-repeat;} a.chris {background: url('images/btn-chris.jpg') no-repeat;} a.chaz {background: url('images/btn-chaz.jpg') no-repeat;} a.andrew {background: url('images/btn-andrew.jpg') no-repeat;} a.mitchell {background: url('images/btn-mitchell.jpg') no-repeat;} a.btn-foot:hover {background-position: bottom left;} .notes-line {display:none;} #cred {padding:15px 0; text-align:right; font-size:11px; color:#847e89;} #cred a {text-decoration:none; color:#847e89;