/* Theme Name: driveless Theme URI: http://drivelesschallenge.com Description: Drive Less Challenge theme. Version: 1 Author: The Graphic Works Author URI: http://thegraphicworks.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /*-------------------------- Structure Styles ---------------------------*/ *, html, body { margin:0; padding:0; } body { outline:0; font-family:Arial, Helvetica, sans-serif; } a:focus { outline:0; } a, img { border:none;} #wrapper { width:1000px; margin:0 auto; padding-bottom:50px; } #header { margin:0; padding:0; height:130px; } #headerimg { margin-top:16px; padding:0; float:left; width:420px; } /*--------------------------------- Styles the Top Home Box for the Widget + Challenge message area ---------------------------------*/ #top-home-box, #middle-home-box, #bottom-home-box { width:1000px; margin:0; padding:0; } #top-home-box { background:url(images/top-blue-box.gif) no-repeat top center; padding:0; margin:0; height:8px; } #middle-home-box { background:url(images/middle-blue-box.gif) repeat-y center; padding:0; } #bottom-home-box { background:url(images/bottom-blue-box.gif) no-repeat center bottom; padding:0; margin-bottom:15px; height:8px; } #left-home-box { margin:20px 0px 20px 20px; float:left; padding:0; width:630px; } #left-home-box h3 { color:#666; font-size:16px; font-weight:400; } #left-home-box p { margin-bottom:5px; display:block; width:600px; } #right-home-box { margin:0; float:right; padding:0; width:315px; } /*--------- Styles the Pre Sign Up Form -----*/ #pre-form { width:290px; margin-top:20px; padding:0; color:#fff; } #pre-form h2 { color:#fff; } #pre-form p { color:#fff; margin-bottom:15px;} #pre-name, #pre-email, #pre-city { width:290px; border:none; height:20px; padding:1px; font-size:16px; } #pre-comments { width:292px; border:none; height:70px; margin:0 auto; } #sumbtn { border:1px solid #fff; padding:2px 5px; color:#fff; font-size:14px; background:#4587ff; } /*--------------------------------- Styles the Main Content Area for the Blog + Pages ---------------------------------*/ #container_top, #container_middle, #container_bottom { width:1000px; margin:0; padding:0;} #container_top { background:url(images/top-container.gif) no-repeat top center; margin:0; padding:0; height:8px;} #container_middle { background:url(images/middle-container.gif) repeat-y center; margin:0; padding:0;} #container_bottom { background:url(images/bottom-container.gif) no-repeat center bottom; margin:0; padding:0;height:8px;} /*-------------------------- Styles Global Font ---------------------------*/ h1, h2, h3, h4, h5, h6, code, p, td, ul, ol, li, a { margin:0; padding:0; text-align:left; } h1 { font-size:24px; } h2 { font-size:22px; } h3 { font-size:20px; } h4 { font-size:16px; } h5 { font-size:14px; } h6 { font-size:12px; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin-bottom:10px; color:#4f739c; text-decoration:none; } p { margin-bottom:10px; font-weight:200; text-align:justify; font-size:14px; } ul { margin:0px 0px 10px 40px; } ol { margin:10px 0px 10px 30px; } .alignleft { float:left; } .alignright { float:right; } .alignnone { float:none; } /*-------------------------- Styles Main Navigation at the very top of site ---------------------------*/ #main_nav { width:auto; float:right; padding:0; margin-top:65px; } #main_nav ul { width:auto; list-style:none; } #main_nav li { display:inline; margin:0px 10px 0px 0px; } #main_nav a { color:#4f739c; font-size:18px; font-weight:600; text-decoration:none; } #main_nav a:hover { color:#4a88c3; text-decoration:underline; } /*-------------------------- Styles Main Navigation TABS the very top of site ---------------------------*/ #nav_wrapper { margin:10px 60px 0px 0px; padding:0; float:right; width:867px; display:block; height:35px; } .nav { width:867px; height:35px; position:relative; top:0; margin:0; padding:0; background:url(images/main-nav.gif) no-repeat; } .nav li { display:inline; } .nav li a:link, .nav li a:visited { position:absolute; top:0; height:35px; text-indent:-9000px; overflow:hidden; z-index:1; } /*-------------------------- The RollOver + Selected States on the Sprite for the TABS ---------------------------*/ .nav .bike a:link, .nav .bike a:visited { left:0px; width:172px; } .nav .bike a:hover, .nav .bike a:focus { background:url(images/main-nav.gif) no-repeat 0px -35px; } .nav .bike a:active { background:url(images/main-nav.gif) no-repeat 0px -35px; } .nav .transit a:link, .nav .transit a:visited { left:172px; width:173px; } .nav .transit a:hover, .nav .transit a:focus { background:url(images/main-nav.gif) no-repeat -172px -35px; } .nav .transit a:active { background:url(images/main-nav.gif) no-repeat -172px -35px; } .nav .carpool a:link, .nav .carpool a:visited { left:346px; width:174px; } .nav .carpool a:hover, .nav .carpool a:focus { background:url(images/main-nav.gif) no-repeat -346px -35px; } .nav .carpool a:active { background:url(images/main-nav.gif) no-repeat -346px -35px; } .nav .shop a:link, .nav .shop a:visited { left:520px; width:174px; } .nav .shop a:hover, .nav .shop a:focus { background:url(images/main-nav.gif) no-repeat -520px -35px; } .nav .shop a:active { background:url(images/main-nav.gif) no-repeat -520px -35px; } .nav .challenge a:link, .nav .challenge a:visited { left:694px; width:173px; } .nav .challenge a:hover, .nav .challenge a:focus { background:url(images/main-nav.gif) no-repeat -694px -35px; } .nav .challenge a:active { background:url(images/main-nav.gif) no-repeat -694px -35px; } /*-------------------------- Styles Sub Navigation on Pages area ---------------------------*/ #subnav { margin:0; width:auto; height:18px; padding:0; } #subnav ul { list-style:none; text-align:left; margin:0; padding:0; } #subnav li { display:inline; padding:0; margin:0; } #subnav a { text-decoration:none; padding:0 8px; color:#5e6060; font-size:18px; } #subnav a:hover { color:#6e69b0; text-decoration:underline; } #subnav .current_page_item a:link, #subnav .current_page_item a:visited, #subnav .current_page_item a:active { color:#6e69b0; text-decoration:underline; } /*-------------------------- Styles Page Content + Blog Posting ---------------------------*/ #entry { width:965px; margin:0 auto; padding-top:10px; } .entry { width:620px; float:left; margin:0; padding:0; } #post-wrapper { width:620px; float:left; margin:0; padding:0; } #post-container { width:620px; margin-bottom:50px; padding:0; display:block; border-bottom:dotted #999; } .thumbnail { border:2px solid #98cc60; margin-bottom:25px; width:131px; height:131px; float:left; } #post-entry { width:470px; float:right; margin:0; padding:0;} #post-entry h1, #post-entry h2, #post-entry h3 a { margin-bottom:10px; color:#4f739c; font-size:22px; text-decoration:none; } #post-entry h3 a:hover { color:#6593c7; text-decoration:underline; } #post-entry p { margin-top:5px; text-align:justify; font-size:14px; } .more-link { margin:10px 0px 20px 0px; padding:0; height:22px; width:119px; float:right; } #share-block { margin-bottom:18px; padding:0; width:623px; } /*-------------------------- Styles for Pagnigation Bottom Links of Blog ---------------------------*/ #navgition { width:auto; margin-bottom:15px; padding:0;} .wp-pagenavi { width:auto; margin:0; padding:0;} .wp-pagenavi .pages { border:none; } .wp-pagenavi .current { border:1px solid #eeeeee; padding:1px 7px; margin-right:7px; } .wp-pagenavi .page { border:1px solid #ccdeff; background:#ebf2ff; padding:1px 7px; margin-right:7px;} .wp-pagenavi .page a { text-decoration:none; } /*-------------------------- Styles Sidebar + Widgets ---------------------------*/ #sidebar { width:315px; margin-bottom:10px; padding-bottom:15px; border:1px solid #aaaaaa; float:right; display:block; } #sidebar p { width:285px; margin:0 auto; padding:15px 0px 10px 0px; font-size:14px; } #sidebar .widget_recent_entries h3, #sidebar .widget_links h3, #sidebar .widget_categories h3, #sidebar .widget_search, #sidebar .widget_pages h3, #sidebar .widget_text h3, #sidebar .widget_tag_cloud h3, #sidebar .widget_meta h3, #sidebar .widget_recent_comments h3, #sidebar .widget_archive h3, #sidebar .widget_calendar h3, #sidebar .widget_twitter h3 a { padding:3px 0px 0px 6px; margin:0; height:32px; display:block; background-color:#98cc60; color:#fff;} #sidebar .widget_recent_entries ul, #sidebar .widget_links ul, #sidebar .widget_categories ul, #sidebar .widget_pages ul, #sidebar .widget_text ul, #sidebar .widget_tag_cloud ul, #sidebar .widget_meta ul, #sidebar .widget_recent_comments ul, #sidebar .widget_archive ul, #sidebar .widget_twitter ul { list-style:none; margin:0 auto; padding:15px 0px 10px 0px; width:285px; font-size:14px; } #sidebar .widget_recent_entries li, #sidebar .widget_links li, #sidebar .widget_categories li, #sidebar .widget_pages li, #sidebar .widget_tag_cloud li, #sidebar .widget_meta li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_text li { margin-bottom:4px; } #sidebar .widget_twitter li { margin-bottom:15px; } #sidebar .widget_recent_entries li a, #sidebar .widget_links li a, #sidebar .widget_categories li a, #sidebar .widget_pages li a, #sidebar .widget_tag_cloud li a, #sidebar .widget_meta li a, #sidebar .widget_recent_comments li a, #sidebar .widget_archive li a, #sidebar .widget_calendar a, #sidebar .widget_text li a { color:#3b5998; font-size:16px; text-decoration:none; } #sidebar .widget_twitter li a { color:#3b5998; } #calendar_wrap { margin-top:10px; } #wp-calendar { width:285px; margin:0 auto; padding-top:10px; } /*------- Styles the Google Donate Form + Box -------*/ #donate-form-box { margin-bottom:20px; } #BB_BuyButtonForm { border:1px solid #333; margin:0 auto; width:230px; padding:3px; } /*------------------ Styles 'Share Your Story' Form --------------------*/ legend { width:600px; } fieldset { width:600px; } #whoami_name { width:250px; } #whoami_email{ width:250px; } #whoami_webpage{ width:250px; } #content-title-tf{ width:250px; } #content-text-ta{ width:600px; } #uploadfiles_inline{} #notifyme{} #tdomf_form1_preview{} #tdomf_form1_send{} /*-------------------------- Styles Sponsors Logos at Bottom of Site ---------------------------*/ #logo-box { width:980px; margin:0 auto; padding:20px 0px 10px 0px; } /*---- Comments Styles ---*/ #comments { margin-top:40px; width:600px; } .commentlist { color:#666; list-style:none; margin:20px 0px 0px 0px; padding:0; } .commentlist li { margin-bottom:10px; padding:0; width:600px; color:#575757; background:#effaeb; border:1px solid #999; padding:10px; } .commentlist p { margin-top:10px; width:520px; color:#575757; text-align:justify; } .commentlist a { color:#575757; text-decoration:none; } .comment { margin:0; padding:0; } #comment { width:600px; height:200px; padding:10px; font-size:18px; } #respond { margin-top:40px; } .comment-author img { margin:0px; border:1px solid #fff; float:left; width:32px; height:32px; padding:0px; } .comment-meta { margin:0px; width:540px; float:right; text-align:left; } #submit { width:100px; height:30px; border:1px solid #fff; font-size:16px; color:#000; } /*-------------------------- Styles Footer Links + Copyright ---------------------------*/ #footer { width:990px; margin:0 auto; padding:20px 0px 40px 0px; } #footer ul { width:600px; margin:0; padding:0; float:left; list-style:none; } #footer li { display:inline; margin:0px 5px 0px 0px; padding:0; text-align:left; } #footer a { color:#636363; font-size:12px; text-decoration:underline; border-right: 1px solid #999; padding-right:5px; } #footer a:hover { color:#4a88c3; text-decoration:underline; } #footer p { text-align:right; color:#636363; font-size:12px; width:350px; float:right;} /*-------------------------- Styles for Clearing Floats ---------------------------*/ #clear-post, #clear-tabs, #clear-home-box, #clear_comment {clear:both;}