/* Theme Name:Ride for Refugees Theme URI:http://rideforrefugees.com.au Description:Ride for Refugees theme Version:1.0.0 Author:Robert Lincolne Author URI:http://roblincolne.com Tags:blue,fixed width,widgets,jquery sliders */ /* Begin Typography & Colors */ @charset "utf-8";html{height:100%;} html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,a,img{margin:0px;padding:0px;border:0px;} .header li {list-style-type:none;width:auto;float:left;padding:0;display:inline;} .nav_left li {list-style-type:none;width:auto;float:left;padding:0;display:inline;} .nav_right li {list-style-type:none;width:auto;float:left;padding:0;display:inline;} .content_header li {list-style-type:none;width:auto;float:left;padding:0;display:inline;} .sponsors li {list-style-type:none;width:auto;float:left;padding:0;display:inline;} .footer li {list-style-type:none;width:auto;float:left;padding:0;display:inline;} a,img{outline:none;} body{height:100%;min-width:1000px;font-size:100.1%;font-family:Arial;background:url(images/body-x_bg.jpg) repeat-x top;background-color:#000A1F;} #body_main{background:url(images/body_bg.jpg) no-repeat center top;width:100%;height:100%;} .main{width:1020px;margin:0 auto;} /***** HEADER *****/ .header{width:1020px;float:left;margin-bottom:-10px;} ul.linksbar_top,.footer_links{float:right;font-size:14px;color:#4898BE;margin:20px 40px 0 0;position:relative;z-index:10;} ul.linksbar_top li,.footer_links li{margin:0 4px;} ul.linksbar_top a,.footer_links a{text-transform:uppercase;color:#FFF;float:left;text-decoration:none;font-size:11px;padding-top:3px;} .colorfull_nav{width:100%;float:right;} .colorfull_nav div{width:auto;float:right;text-align:right;position:relative;} .colorfull_nav div a{font-size:24px;color:#FFF;text-decoration:none;position:relative;z-index:15;} .colorfull_nav .button_yellow{background:url(images/button_volunteer_bg.png) no-repeat;width:225px;height:57px;margin-right:10px;top:-4px;padding:30px 37px 0 0;} .colorfull_nav .button_green{background:url(images/button_give_bg.png) no-repeat;width:214px;height:71px;margin-right:-30px;top:-16px;padding:40px 47px 0 0;} .colorfull_nav .button_blue{background:url(images/button_ride_bg.png) no-repeat;width:341px;height:70px;margin-right:-10px;top:-13px;padding:35px 34px 0 0;} .waves{background:url(images/arrow_dottedline_top.png) no-repeat;width:1163px;height:153px;float:left;position:relative;z-index:5px;margin-top:-148px;left:-135px;} #logo{background:url(http://rideforrefugees.com.au/wp-content/themes/rideforrefugees/images/logo.png) no-repeat;width:328px;height:136px;float:left;position:relative;z-index:25;margin-top:-130px;left:-30px;} /***** CONTENT *****/ .content{width:860px;float:left;margin-left:135px;} /*** Nav Left ***/ .nav_left{width:100px;float:left;margin-right:15px;} .box{float:left;width:100%;height:auto;margin-bottom:10px;} .box div{float:left;width:auto;} .blackbox{background:url(images/boxblack_top.png) no-repeat top;height:auto;width:100%;padding-top:7px;} .box .blackbox_bottom{background:url(images/blackbox_bottom.png) no-repeat bottom;height:auto;width:100%;padding-bottom:10px;} .box .blackbox_bg{background:url(images/boxblack_bg.png) repeat-y;height:auto;width:90px;padding-right:10px;} .box .blackbox_bg ul{width:77px;float:right;} .box .blackbox_bg li{width:100%;text-align:right;padding-bottom:3px;margin:4px 0;} .box .blackbox_bg a{width:auto;float:right;text-decoration:none;text-transform:uppercase;font-size:12.5px;color:#FFFFFF;} .box .blackbox_bg li{margin-bottom:0;} .box .blackbox_bg li a{color:#FFFFFF;} .box .blackbox_bg li{background:url(images/bg_oneline.gif) repeat-x bottom;} .lhs_promo{padding:0 0 10px 0;} .lhs_promo a {padding:10px 0 0 0;} /*** METR ***/ .box .level_bg{background:url(./images/metr_bg.png) no-repeat;width:100px;height:448px;float:left;} .box .level_bg .top_box{background:url(./images/level_topbox.png) no-repeat;width:84px;height:52px;padding:0 8px;} .box .level_bg .top_box h6,.box .level_bg .top_box h5{float:right;width:100%;clear:both;text-align:right;color:#FFF;margin-top:8px;} .box .level_bg .top_box h5{letter-spacing:1.5px;text-align:center;} .box .level_dll{width:65px;float:left;text-align:right;color:#fff;height:25px;position:relative;z-index:10;} .box .level_gos{background:url(./images/level_bg.png) repeat-x top;width:55px;float:left;margin-left:15px;margin-top:2px;} /*** METR END ***/ /*** Article Part ***/ .content_body{width:500px;float:left;margin-top:2px;margin-right:11px;} .noslider{background:url(images/content_top.png) no-repeat top;padding-top:48px;} .content_header{width:100%;float:left;background-color:#30343A;height:17px;margin-bottom:7px;} .content_header ul{width:auto;margin:2px 0 0 8px;font-size:11px;text-transform:uppercase;color:#FFFFFF;} .content_header li{margin-right:2px;} .content_header li a{float:left;text-decoration:none;color:#0C83B3;} .content_main h2 {float:none;} .content_main h3 {color:#333333;margin:0 0 10px 10px;float:none;} .content_main h3 a {color:#333333;} .content_main p a {color:#00abe2;} .content_main p a:hover {color:#12223c;} .content_main{float:left;padding:15px 8px;width:483px;background-color:#FFFFFF;min-height:485px;} .block{margin-bottom:15px;float:left;width:483px;} .content_main a.toplink,.content_subject{width:auto;clear:both;float :left;color:#0D2D5D;font-size:12px;font-style:italic;float:left;} .content_subject{float:left;background-color:#D9F0FA;margin-bottom:7px;padding:7px;width:469px;} .content_main a.toplink{text-decoration:none;margin-bottom:17px;margin-left:7px;} .content_main p{font-size:14px;color:#4D4D4F;padding:0 0 15px 11px;float:none;} .content_main .block ol {list-style-type:decimal;padding:0 40px 20px 40px;display:block;float:left;font-size:90%;} .content_main .block ol a {color:#00ABE2;font-weight:bold;border-bottom:1px dotted #00ABE2;text-decoration:none;} .content_main .block ol a:hover {border-bottom:1px solid #00ABE2;text-decoration:none;} .content_main .block ol li {padding:5px 0 0 0;margin:0;ist-style-type:decimal;} .content_main .block ol li span {padding:0;margin:0;line-height:50%;} .content_main .block ol li em {padding:0;margin:0;line-height:50%;} .content_main img {border:0;} .content_main img.alignleft {float:left;} .content_main img.alignright {float:right;} .content_main #rider-listing {text-decoration:none;list-display-style:none;margin:5px;} .content_main #rider-listing li{list-style-type:none;padding:4px;text-transform:uppercase;} .content_main #rider-listing a{text-decoration:none;font-size:120%;color:#0485bc;} .content_main #rider-listing a:hover{color:#000;} .content_main #rider-search-input {background:#f1f1f1;padding:5px;font-size:120%;color:#333;border:2px solid #f1f1f1;width:350px;} .read_more{margin-left:11px;float:left;background:url(images/readmore_bg.gif) repeat-x;line-height:0.4em;margin-top:5px;width:440px;} .read_more a{float:right;background-color:#FFFFFF;text-transform:uppercase;font-size:9px;color:#009DDC;text-decoration:none;padding-left:8px;} /*** Right Nav ***/ .nav_right{width:230px;float:left;position:relative;z-index:15;top:-20px;} #content-login-form {float:left;background-color:#baeaff;width:100%;border:2px solid #dedede;} #content-login-form form {padding:10px;} #content-login-form br {clear:both;} #content-login-form label {float:left;font-size:13px;padding:5px;line-height:25px;width:55px;} #content-login-form input {float:left;padding:5px;width:100px;margin:5px;border:1px solid #0289c5;} #content-login-form.loginsubmit {background:#0289c5;color:#FFF;} .loginform{background:url(images/your_ride_head.png) no-repeat top;width:230px;padding-top:23px;} .loginform form label {float:left;font-size:13px;padding:5px;line-height:25px;width:55px;} .loginform form input {float:left;padding:5px;width:100px;margin:5px;border:1px solid #0289c5;} .loginform .loginsubmit {background:#0289c5;color:#FFF;} .loginform_bottom{background:url(images/sponsors_bottom.png) no-repeat bottom;width:100%;padding-bottom:8px;} .box .loginform_bg{background:url(images/sponsors_bg.png) repeat-y;width:230px;} .sponsors{background:url(images/sponsors_head.png) no-repeat top;width:230px;} .sponsors img{border:0;} .sponsors .sponsors_head {color:#FFF;font-style:italic;font-size:15px;padding:3px 10px 1px 0;float:right;} .sponsors_bottom{background:url(images/sponsors_bottom.png) no-repeat bottom;width:100%;padding-bottom:8px;} /* Opera fixes(all versions)… */ @media all and (min-width:0px){.sponsors_bottom{margin-left:0px;} } .box .sponsors_bg{background:url(images/sponsors_bg.png) repeat-y;width:230px;} .testimonials{background:url(images/testimonials_head.png) no-repeat top;padding-top:12px;margin:7px 0 0 0;} .testimonials_bottom{background:url(images/testimonials_bottom.png) no-repeat bottom;padding-bottom:28px;} .box .testimonials_bg{background:url(images/testimonials_bg.png) repeat-y;padding-right:15px;width:215px;} .testimonials p{font-size:14px;color:#FFFFFF;width:210px;float:right;text-align:right;font-style:italic;} .testimonials p span{font-weight:bold;} .testimonials p span.author{font-weight:normal;float:right;clear:both;width:auto;} a.submit{float:right;font-size:11px;color:#59BFE8;text-transform:uppercase;text-decoration:none;position:relative;top:30px;} .twitter{background:url(images/twitter_head.png) no-repeat top;padding-top:9px;display:none;} .twitter_bottom{background:url(images/twitter_bottom.png) no-repeat bottom;padding-bottom:28px;} .box .twitter_bg{background:url(images/twitter_bg.png) repeat-y;padding:0 10px;width:210px;} .twitter ul{float:left;width:auto;font-size:11px;color:#59BFE8;} .twitter ul a{float:left;width:100%;clear:both;font-size:12px;color:#76797D;margin-top:10px;} .lower_lhs_logo {color:#FFF;font-size:80%;text-align:center;line-height:30px;} .lower_lhs_logo a {color:#FFF;} .lower_lhs_logo img a {border:none;} /*** FOOTER ***/ .footer{display:none;width:1020px;height:56px;margin:20px auto;background:#30343A;} .footer ul{float:right;width:auto;padding:5px;} ul.bookmarks{margin-right:15px;margin-top:8px;padding:5px;} ul.bookmarks li{background:url(images/square.png) no-repeat left;padding-left:25px;margin-left:25px;height:19px;} ul.bookmarks li a{font-size:9px;text-transform:uppercase;color:#939598;text-decoration:none;float:left;margin-top:5px;} .footer_links{margin:10px 240px 0 0;} .hidetitle{display:none;} /* New page added - Nguyen's team */ #registerform{ float: left; width: 100%;display:none;} #registerform label{ font-size: .86em; font-weight: bold; } #registerform #username-p, #registerform #username-p input{ float: left; width: 160px;} #registerform #email-p, #registerform #email-p input{ float: left; width: 160px;} #registerform #first_name-p, #registerform #first_name-p input{ float: left; width: 160px; clear: both;} #registerform #last_name-p, #registerform #last_name-p input{ float: left; width: 160px;} #registerform #phone-p, #registerform #phone-p input{ float: left; width: 96%;} #registerform #address-p, #registerform #address-p input{ float: left; width: 96%;} #registerform #city-p, #registerform #city-p input{ float: left; width: 96%;} #registerform #postcode-p, #registerform #postcode-p input{ float: left; width: 96%;} #registerform #state-p, #registerform #state-p input{ float: left; width: 96%;} #registerform #team-p{ float: left; width: 97%; margin-bottom: 5px; padding-top: 15px; background: #ffffdd; } #login_error{ float: left; width: 93%; margin: 5px 0 10px 0; padding: 6px 3%; font-size: 12px; line-height: 150%; background: #ffe8e8; border: 1px solid #da9696; } #message{ background: #ffffdd; border: 1px solid #dac987; font-size: 12px; line-height: 150%;} .rider-profile{ float: left; width: 100%; font-size: 12px; line-height: 160%;} .rider-profile #profile-image{ float: left; margin: 0 15px 0 0; display: inline;} .rider-profile h1 {font-size:220%;font-weight:normal;color:#0785bf;margin:0 0 10px 0;} .rider-profile p {float:none;padding:5px;} #captain-info {background:#f1f1f1;padding:2px 0 1px 5px;font-color:#333;color:#1597b9;font-style:italic;text-transform:uppercase;} .donate-content{ float: right; width: 483px; font-size: 12px; margin: 10px 0 10px 20px; display: inline;} .donate-content ul{ float: left; width: 100%;} .donate-content ul li{ list-style-type: none;margin:0 0 5px 0;} .donate-content #support-ride{ display: block; padding: 15px 20px; background: #ffeb44; color: #0789c5; text-transform: uppercase; font-size: 1.1em; text-decoration: none;font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .donate-content #join-team{ display: block; padding: 15px 20px; background: #41b627; color: #FFFFFF; text-transform: uppercase; font-size: 1.1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .donate-content #donation-count{ display: block; margin-top: 5px; padding: 10px 20px; background: #ffb900; color: #fff; font-size: 3em; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .donate-content #donation-count span{ clear: both; font-size: .6em; font-weight: normal;} .donate-content #rider-share-fb{ display: block; margin-top: 5px; padding: 10px 20px; background: #375296; color: #fff;text-decoration:none;text-transform:uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .donate-content #rider-share-twitter{ display: block; margin-top: 5px; padding: 10px 20px; background: #16a8e7; color: #fff;text-decoration:none;text-transform:uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .logged-in{ padding: 10px; font-size: 13px; } .logged-in a{ color: #3a3a3a;} .logged-in a:hover{ color: #000;} .message.success{ float: left; width: 93%; padding: 10px 3%; background: #ffffdd; border: 1px solid #dac987; font-size: .8em; margin-bottom: 25px;} .message.error{ float: left; width: 93%; padding: 10px 3%; background: #ffffdd; border: 1px solid red; font-size: .8em; margin-bottom: 25px; color:red;} #user-profile-form{ float: left; width: 100%;} #user-profile-form label{ font-size: 11px; color: #3a3a3a; font-weight: bold;} #user-profile-form label.label{ float: left; width: 150px;} #user-profile-form input{ } #edit-team-form { float: left; width: 100%;} #edit-team-form label{ font-size: 11px; color: #3a3a3a; font-weight: bold;} #edit-team-form label.label{ float: left; width: 150px;} #edit-team-form input{ } #teams-list { float: left; width: 100%;} .state{ float: left; width: 100%;} .state li{ float: left; margin: 0 2px; display: inline;} .state input{ background: none; padding: 3px; background: #fff; border: none; cursor: pointer; font-weight: bold; font-size: 12px;} .state input:hover{ background: #dcdcdc;} #sponsor-rotator img {margin-left:15px;} /* BB Additions to the RFR Registration Fields */ #registerform input {font-size:110%;color:#000;padding:5px 1px 5px 3px;margin:2px;border:1px solid #ccc;background:#fffad8;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #registerform select {font-size:110%;padding:5px 1px 5px 3px;margin:2px;border:1px solid #ccc;background:#fffad8;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #registerform textarea {padding:5px 3px 5px 8px;margin:2px;border:1px solid #ccc;background:#fffad8;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;width:455px;height:90px;font-family:Arial;font-size:130%;} #registerform .button-primary {background:#0e86bb;color:#FFF;padding:5px 20px;float:right;font-weight:bold;} #registerform input#postcode {width:50px;} #registerform input#user_email {width:250px;} #registerform input#phone {width:250px;} #registerform input#city {width:250px;} #registerform input#state {width:150px;} #registerform input#team_id {font-weight:bold;width:350px;color:#06648f;} #registerform input#team_name {font-weight:bold;width:350px;color:#06648f;} #registerform #tshirt-p {clear:both;} #registerform #ride_location-p {clear:both;} #registerform #fundraising_goal-p {clear:both;} .tshirt-p input {margin-left: 35%;} .odd {background:#f4f4f4;} .clear {clear:both;}