@charset "utf-8"; /* CSS Document */ /* Tom Leppert Site Copyright (c) 2010, Tom Leppert. All rights reserved. version: 2.0 */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } /* Anchor CSS */ a:link, a:visited { color:#55a0ce; text-decoration:underline; } a:hover, a:active { color:#efb415; text-decoration:none; } #footer a:link, #footer a:visited{ color:#ffffff; text-decoration:none; } #footer a:hover, #footer a:active{ color:#ffffff; text-decoration:underline; } /* Site Structure CSS */ /* Top Section */ div#leaderboard { background:#225faa; width:100%; height:30px; } div#leaderboard-inner { width:960px; height:20px; margin:0 auto; padding:5px 0; overflow:hidden; } div#leaderboard-inner #form-title, div#leaderboard-inner #form-emailaddress, div#leaderboard-inner #form-zip, div#leaderboard-inner #form-submit { float:left; display:inline; margin-right:5px; } div#leaderboard-inner #form-hidden { display:none; } div#leaderboard-inner #form-title { margin:1px 7px 0 535px; width:110px; } div#leaderboard-inner #form-title img { margin:3px 0; width:110px; height:14px; } div#leaderboard-inner #form-emailaddress { width:159px; } div#leaderboard-inner #form-zip { width:69px; } div#leaderboard-inner #form-submit { margin-right:0; } div#leaderboard-inner input[type="text"] { border:1px solid #2d4150; padding:0px 3px; margin-top:1px; margin-bottom:1px; height:16px; background:#2d4150; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#ffffff; } input#email { width:151px; } input#zipcode { width:61px; } div#leaderboard-inner input[type="text"]:focus { border:1px solid #999999; outline:none; } div#leaderboard-inner input[type="submit"] { width:69px; height:24px; margin:1px 0 0 -5px; } /* Main Section */ div#main { width:960px; margin:0 auto; min-height:600px; } /* Header Section */ div#header { margin:20px 0; height:85px; overflow:hidden; } #header-left { width:202px; float:left; } h1.logo { position:absolute; text-indent:-9999px; overflow:hidden; margin:0; padding:0; background:url(/images/tom_leppert_logo.png) no-repeat; } .logo a { display:block; width:202px; height:85px; cursor:pointer; } #nav { float:right; height:19px; margin:66px 0 0 0; } #nav ul { overflow:hidden; margin:0; } #nav li { float:right; list-style:none; } /* Navigation CSS */ #nav ul li a { display:block; height:15px; overflow:hidden; text-indent:-9999px; margin:0 0 0 70px; padding:0; } #nav ul li.tom a { background:url(/images/nav_meet_tom.png) no-repeat; width:84px; } #nav ul li.issues a { background:url(/images/nav_issues.png) no-repeat; width:52px; } #nav ul li.blog a { background:url(/images/nav_blog.png) no-repeat; height:19px; width:38px; } #nav ul li.multimedia a { background:url(/images/nav_multimedia.png) no-repeat; width:99px; } #nav ul li.contribute a { background:url(/images/nav_contribute.png) no-repeat; width:95px; } #nav ul li.volunteer a { background:url(/images/nav_volunteer.png) no-repeat; width:87px; } /* Feature Container Section */ div#feature-container { margin:0 0 20px 0; padding:0; width:960px; height:300px; overflow:hidden; clear:both; } div#feature { margin:0; padding:0; width:704px; float:left; display:inline; overflow:hidden; } h2.featuredimage { position:absolute; text-indent:-9999px; overflow:hidden; margin:0; padding:0; background:url(/images/homepage_feature_making_a_difference.jpg) no-repeat; } .featuredimage a { display:block; width:704px; height:300px; cursor:pointer; } div#supporter-center { margin:0; padding:0 0 0 6px; width:250px; height:300px; float:right; display:inline; overflow:hidden; background:url(/images/homepage_supporter_center_bg.jpg) no-repeat; } div#supporter-center-header { margin:0; padding:0; width:227px; height:50px; } div#supporter-center-form-header { margin:30px auto 0 auto; padding:0; width:227px; height:23px; } div#supporter-center-form { margin:12px auto 0 auto; padding:0; width:200px; } div#supporter-center-form input[type="text"] { width:192px; height:15px; padding:3px 3px; margin-bottom:8px; border:1px solid #55a0ce; display:block; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#555555; clear:both; } div#supporter-center-form input[type="text"]#firstname { width:88px; margin-right:8px; display:inline; float:left; clear:none; } div#supporter-center-form input[type="text"]#lastname { width:88px; display:inline; float:left; clear:none; } div#supporter-center-form input[type="text"]:focus { border:1px solid #555555; outline:none; color:#000000; } div#supporter-center-form-submit { margin:12px auto 0 auto; padding:0 0 0 3px; width:160px; height:34px; } /* Page Content Section */ div#page-content { margin:0 0 20px 0; padding:0; width:960px; overflow:hidden; clear:both; } h2.full { width:960px; height:39px; margin:0 0 20px 0; padding:0; display:block; text-indent:-9999px; overflow:hidden; } #page-content h2.full-connect{ background:url(/images/subheader_full_connect_with_tom.png) no-repeat; } #page-content h2.full-contact{ background:url(/images/subheader_full_contact_tom.png) no-repeat; } #page-content h2.full-contribute{ background:url(/images/subheader_full_contribute_today.png) no-repeat; } #page-content h2.full-latest-news{ background:url(/images/subheader_full_latest_news.png) no-repeat;} #page-content h2.full-meet-tom{ background:url(/images/subheader_full_meet_tom.png) no-repeat; } #page-content h2.full-multimedia{ background:url(/images/subheader_full_multimedia.png) no-repeat; } #page-content h2.full-privacy-policy{ background:url(/images/subheader_full_latest_privacy_policy.png) no-repeat; } #page-content h2.full-supporter-center{ background:url(/images/subheader_full_supporter_center.png) no-repeat; } #page-content h2.full-thank-you{ background:url(/images/subheader_full_thank_you.png) no-repeat; } #page-content h2.full-top-issues{ background:url(/images/subheader_full_top_issues.png) no-repeat; } div#main-content { width:615px; margin:0 35px 0 0; padding:0; float:left; overflow:hidden; } #main-content h2.wide { width:615px; height:39px; margin:0 0 20px 0; padding:0; display:block; text-indent:-9999px; overflow:hidden; } #main-content h2.wide-connect{ background:url(/images/subheader_wide_connect_with_tom.png) no-repeat; } #main-content h2.wide-contact{ background:url(/images/subheader_wide_contact_tom.png) no-repeat; } #main-content h2.wide-contribute{ background:url(/images/subheader_wide_contribute_today.png) no-repeat; } #main-content h2.wide-latest-news{ background:url(/images/subheader_wide_latest_news.png) no-repeat; } #main-content h2.wide-meet-tom{ background:url(/images/subheader_wide_meet_tom.png) no-repeat; } #main-content h2.wide-multimedia{ background:url(/images/subheader_wide_multimedia.png) no-repeat; } #main-content h2.wide-privacy-policy{ background:url(/images/subheader_wide_privacy_policy.png) no-repeat; } #main-content h2.wide-supporter-center{ background:url(/images/subheader_wide_supporter_center.png) no-repeat; } #main-content h2.wide-thank-you{ background:url(/images/subheader_wide_thank_you.png) no-repeat; } #main-content h2.wide-top-issues{ background:url(/images/subheader_wide_top_issues.png) no-repeat; } /* Home News Content Section */ .blog-main .post-details{ margin:0; } .blog-main .calendar-date { float:left; display:inline; width:80px; height:80px; padding-top:5px; padding-bottom:5px; text-align:center; background:#ececec; } .blog-main .calendar-date span.month { text-transform:uppercase; color:#4698ca; font-size:17px; display:block; } .blog-main .calendar-date span.day { text-transform:uppercase; color:#183651; font-size:58px; line-height:45px; display:block; } .blog-main .calendar-date span.year { font-style:italic; font-size:15px; color:#4698ca; } .blog-main .post-body{ width:480px; min-height:80px; padding:10px 15px 0 15px; background: url(/images/blog_homepage_post_bg.png) repeat-x; float:right; display:inline; } .blog-main .post-body p, .blog-main .post-body div{ color:#183651; } /* Multimedia Page */ .multimedia-video { margin:15px 0; padding:0; width:615px; height:215px; overflow:hidden; clear:both; } .videoleft{ margin:0 15px 0 0; padding:0; width:320px; height:205px; border:5px solid #dee7ed; overflow:hidden; float:left; } .videodescriptionright{ margin:0; padding:0; width:270px; height:215px; text-align:left; float:left; } .videodescriptionright h2.first{ margin-top:0; padding-top:0; } div#sidebar-content { width:310px; margin:0; padding:0; float:left; overflow:hidden; } #sidebar-content h2.narrow { width:310px; height:39px; margin:0 0 20px 0; padding:0; display:block; text-indent:-9999px; overflow:hidden; } #sidebar-content h2.narrow-connect{ background:url(/images/subheader_narrow_connect_with_tom.png) no-repeat; } #sidebar-content h2.narrow-contact{ background:url(/images/subheader_narrow_contact_tom.png) no-repeat; } #sidebar-content h2.narrow-contribute{ background:url(/images/subheader_narrow_contribute_today.png) no-repeat; } #sidebar-content h2.narrow-latest-news{ background:url(/images/subheader_narrow_latest_news.png) no-repeat; } #sidebar-content h2.narrow-meet-tom{ background:url(/images/subheader_narrow_meet_tom.png) no-repeat; } #sidebar-content h2.narrow-multimedia{ background:url(/images/subheader_narrow_multimedia.png) no-repeat; } #sidebar-content h2.narrow-privacy-policy{ background:url(/images/subheader_narrow_privacy_policy.png) no-repeat; } #sidebar-content h2.narrow-supporter-center{ background:url(/images/subheader_narrow_supporter_center.png) no-repeat; } #sidebar-content h2.narrow-thank-you{ background:url(/images/subheader_narrow_thank_you.png) no-repeat; } #sidebar-content h2.narrow-top-issues{ background:url(/images/subheader_narrow_top_issues.png) no-repeat; } #sidebar-content div.video{ margin:0 0 20px 0; padding:0; } #sidebar-content div.facebook{ margin:0 0 20px 0; padding:0; } #sidebar-content div.twitter{ margin:0; padding:0; } /* Footer Section */ div#footer { margin:0; padding:30px 0 75px; width:100%; background:#002d55 url(/images/footer_header_bg.png) repeat-x; color:#ffffff; overflow:hidden; } div#footer-inner { width:960px; margin:0 auto; overflow:hidden; } .footer-col { float:left; display:inline; width:150px; margin-right:50px; } p.col-header { font-size:14px; font-weight:bold; color:#efb415; } .footer-address { float:right; display:inline; width:200px; } div#disclaimer { width:300px; margin:25px auto 0; text-align:center; padding:5px; border:1px solid #ffffff; overflow:hidden; } /* Image Floats CSS */ .imageright { margin-left:20px; margin-bottom:20px; float:right; border:5px solid #dee7ed; } .imageleft { margin-right:20px; margin-bottom:20px; float:left; border:5px solid #dee7ed; } /* Video Frame CSS */ .videocenter{ margin:15px auto; padding:0; width:560px; height:340px; border:5px solid #dee7ed; clear:both; } .videocenter-flv{ margin:15px auto; padding:0; width:560px; height:315px; border:5px solid #dee7ed; clear:both; } .videoleft-flv{ margin:15px auto 15px 0; padding:0; width:560px; height:315px; border:5px solid #dee7ed; clear:both; } /* Form Error Message CSS */ #msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.png) left center no-repeat; padding-left:7px; } #msgcontent { display:block; background:#99c1e4; border:2px solid #002d55; border-left:none; padding:5px; min-width:150px; max-width:250px; color:#000000; } /* Video Popover Message CSS */ #welcomevideo{ position:absolute; top:0; left:0; width:100%; height:100%; background: url(/images/overlay_bg.png); z-index: 1000; } #welcomevideo-wrapper{ position:absolute; top:100px; left:200px; width:730px; height: 455px; display:block; } #welcomevideo .video{ width:720px; height: 405px; border:5px solid #dee7ed; background: #ffffff; display:block; } #close { width:730px; height:35px; cursor:pointer; } .hide { display:none; } .show { display:block; }