/*
Theme Name: Mike Lee for Senate
Theme URI: http://www.mikelee2010.com
Description: Default theme for the Mike Lee's Senatorial campaign
Version: 1.0
Author: Connor Boyack
Author URI: http://connorboyack.com
*/



body{ font:12px "Myriad Pro", Helvetica, Arial, sans-serif; margin:0; padding:0; }
p, li{ color:#333; font-size:14px; line-height:14px; }
a{ color:#1e539c; text-decoration:underline; }
a:hover{ color:#333; text-decoration:underline; }
a:active, a:visited{ color:#000; }
a, a:active{ outline: none; }
a img{ border:none; }
.clr{ clear:both; }
#wrapper{ width:960px; margin:0 auto; position:relative; padding-top:50px; }
#masthead{ width:960px; height:198px; background:url(img/masthead.jpg) top left no-repeat; border-top:13px solid #c20303; position:relative; }
#masthead a{ display:block; text-indent:-9999px; position:absolute; top:15px; right:-10px; width:317px; height:43px; background:url(img/banner.gif) top left no-repeat; }
#masthead a#buttons{ top:60px; width:235px; height:51px; background:url(img/banner_buttons.gif) top left no-repeat; }
#masthead a#endorsements{ top:33px; width:268px; height:43px; background:url(img/banner_endorsements.gif) top left no-repeat; }
#masthead a#business{ top:93px; width:317px; height:43px; background:url(img/business_endorsements.gif) top left no-repeat; }
#masthead a#badge{ display:none; top:-13px; right:auto; left:25px; width:121px; height:158px; background:url(img/mike_badge.png) top left no-repeat; }

#nav ul, #nav ul li{ margin:0; padding:0; list-style-type:none; }
#nav ul{ height:62px; }
#nav ul li a{ display:block; background-position:top left; background-repeat:no-repeat; height:62px; text-indent:-9999px; }
#nav ul li a:hover{ background-position:0 -62px; }
#nav ul li{ float:left; height:62px; }
#nav ul li#home a{ background-image:url(img/nav_home.jpg); width:130px; }
#nav ul li#about a{ background-image:url(img/nav_about.jpg); width:154px; }
#nav ul li#issues a{ background-image:url(img/nav_issues.jpg); width:137px; }
#nav ul li#videos a{ background-image:url(img/nav_mm.jpg); width:155px; }
#nav ul li#events a{ background-image:url(img/nav_events.jpg); width:167px; }
#nav ul li#join a{ background-image:url(img/nav_join.jpg); width:217px; }

#social{ height:21px; position:absolute; top:15px; left:0; }
#social h3{ height:21px; margin:0; width:147px; text-indent:-9999px; background:url(img/social_wheretofind.jpg) top left no-repeat; float:left; margin-right:18px; margin-left:15px; }
#social ul, #social ul li{ margin:0; padding:0; list-style-type:none; }
#social ul{ height:21px; width:800px; display:block; padding-left:160px; }
#social ul li{ float:left; margin-right:16px; height:21px; }
#social ul li a{ display:block; height:21px; background-position:top left; background-repeat:no-repeat; text-indent:-9999px; }
#social ul li#twitter a{ width:155px; background:url(img/social_twitter.jpg); }
#social ul li#facebook a{ width:172px; background:url(img/social_facebook.jpg); }
#social ul li#youtube a{ width:233px; background:url(img/social_youtube.jpg); }
#social ul li#email a{ width:152px; background:url(img/social_email.jpg); }

.col_left{ float:left; width:568px; margin-right:32px; padding-top:15px; }
.col_right{ float:left; width:360px; padding-top:10px; }

.col_left h2{ font-size:46px; margin:0; color:#1e539c; padding-left:15px; padding-bottom:17px; background:url(img/bg_rectangles.jpg) bottom left repeat-x; }
.col_left h2 a, .col_left h2 a:visited{ color:#1e539c; text-decoration:none; }
.col_left #blog_subscribe, .col_left #blog_subscribe li{ margin:0; padding:0; list-style-type:none; }
.col_left #blog_subscribe{ float:right; text-align:right; padding-top:7px; }
.col_left #blog_subscribe li{ padding:3px 20px 0 0; background-position:center right; background-repeat:no-repeat; }
.col_left #blog_subscribe li#blog_subscribe_rss{ background-image:url(img/blog_subscribe_rss.jpg); }
.col_left #blog_subscribe li#blog_subscribe_email{ background-image:url(img/blog_subscribe_email.jpg); }
.col_left #blog_subscribe li a{ color:#999; text-decoration:none; font-size:14px; }
.col_left #blog_subscribe li a:hover{ text-decoration:underline; }

.post{ padding:10px 0 10px 15px; }
.col_left h3{ color:#1e539c; font-weight:normal; font-size:32px; margin:0; }
.col_left h3 a{ color:#1e539c; text-decoration:none; }
.col_left h4{ font-weight:bold; font-size:24px; margin:0; color:#1e539c; text-transform:uppercase; padding-bottom:10px; }
.col_left h5{ font-weight:bold; font-size:20px; margin:0; color:#1e539c; text-transform:uppercase; padding-bottom:10px; }
.post .meta{ font-size:14px; color:#999; margin:0; padding:5px 0 10px 0; }
.col_left p{ margin:0; padding:0 0 12px 0; line-height:16px; }
.post .meta_links, .post .comment_link{ font-size:12px; border-top:1px solid #eee; padding-top:3px; clear:both; }
.post .comment_link{ font-size:14px; padding-top:0; border:none; }
.post .meta_links a, .post .comment_link a{ color:#999; text-decoration:none; }
.post .meta_links a:hover, .post .comment_link a:hover{ color:#333; text-decoration:underline; }
.meta_links .links_left, .meta_links .links_right{ float:left; width:50%; font-size:12px; }
.meta_links .links_right{ text-align:right; }
.col_left ul, .col_left ol{ margin:0; padding:5px 0 10px 30px; }
.col_left li{ margin-bottom:3px; }
.post .photo{ text-align:center; margin-top:10px; }
.post .caption{ font-size:12px; color:#666; }

.col_left form{ margin:0; padding:0; }
.col_left label, .col_left span{ display:block; float:left; width:135px; text-align:right; font-size:14px; color:#333; margin-right:10px; padding-top:8px; }
.col_left label span{ display:inline; float:none; width:auto; margin:0; padding:0; }
.col_left input{ padding:6px; border:1px solid #ccc; color:#1e539c; font-size:14px; width:200px; margin:0; }
.col_left select{ font-size:14px; width:212px; }
.col_left textarea{ width:400px; height:180px; padding:4px; font-size:13px; border:1px solid #ccc; }
.col_left form p{ padding-bottom:6px !important; clear:both; margin:0; }
.col_left .radio input, .col_left .radio label, .col_left .checkbox input, .col_left .checkbox label{ float:left; display:block; margin-right:5px; width:auto; margin-top:9px; border:none; }
.col_left .radio label, .col_left .checkbox label{ font-size:12px; padding-top:2px; }
.col_left form p.submit{ padding:10px 0 0 145px; }
.col_left form p.submit input{ width:124px; height:31px; background:url(img/button_submit.jpg) top left no-repeat; padding:0; border:none; text-indent:-9999px; font-size:0; line-height:0; display:block; cursor:pointer; }
.col_left form p.submit input.active{ background-position:0 -31px; }
.col_left .req{ font-weight:bold; color:red !important; display:inline; float:none; margin:0; padding:0; width:auto; }

#post_navigation{ background:url(img/bg_rectangles.jpg) top left repeat-x; }
#post_navigation div{ background:url(img/bg_rectangles.jpg) bottom left repeat-x; height:41px; padding-top:25px; }
#post_navigation h5{ text-transform:uppercase; color:#3171c3; font-size:14px; margin:0; float:left; width:55px; font-weight:normal; }
#post_navigation ul, #post_navigation ul li{ margin:0; padding:0; list-style-type:none; }
#post_navigation ul li{ float:left; margin-right:6px; padding-top:2px; }
#post_navigation ul li a{ color:#3171c3; text-decoration:none; }
#post_navigation ul li a:hover, #post_navigation p a:hover{ color:#333; text-decoration:underline; }
#post_navigation p{ float:right; margin:0; }
#post_navigation p a{ color:#3171c3; text-decoration:none; }

.col_right h4{ padding-bottom:15px; margin:0; width:360px; }
.col_right h4 a{ display:block; text-indent:-9999px; background-position:top left; background-repeat:no-repeat; }
#meet_mike{ height:177px;  }
#meet_mike a{ height:177px; background-image:url(img/meet_mike.jpg); }
#donate, #news, #presskit{ height:112px; }
#donate a{ height:112px; background-image:url(img/donation.jpg); }
#news a{ height:112px; background-image:url(img/news.jpg); }
#presskit a{ height:112px; background-image:url(img/press_kit.jpg); }

#subscribe{ background-color:#ceeafe; overflow:hidden; margin-bottom:15px; }
#subscribe_highlight{ padding:18px 18px 9px 18px; }
#subscribe h5{ color:#527bbc; margin:0; font-size:24px; text-transform:uppercase; padding-bottom:10px; }
#subscribe form{ margin:0; padding:0; width:400px; }
#subscribe form p{ width:168px; float:left; margin:0; padding:0 0 10px 0; }
#subscribe form p#subscribe_fname, #subscribe form p#subscribe_lname{ width:84px; float:left; }
#subscribe form p#subscribe_fname input, #subscribe form p#subscribe_lname input{ width:66px; }
#subscribe form p input{ width:147px; padding:7px 4px; border:1px solid #999; }
#subscribe form p#subscribe_submit{ width:auto; margin-right:15px; }
#subscribe form p#subscribe_submit input{ width:124px; height:35px; background:url(img/button_subscribe.jpg) top left no-repeat; padding:0; border:none; text-indent:-9999px; display:block; font-size:0; line-height:0; cursor:pointer; }
#subscribe #subscribe_disclaimer{ font-size:12px; width:180px; padding-top:2px; color:#666; }

#recently{ padding:25px 15px 15px 15px; }
#recently h5, #involved h5{ color:#666; margin:0; padding:0 0 10px 0; text-transform:uppercase; font-size:16px; }
#recently p, blockquote{ font-family:Georgia, "Times New Roman", serif; color:#666; font-size:20px; line-height:25px; margin:0; font-style:italic; }
blockquote{ padding:0 0 15px 15px; }
#recently span{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-size:12px; }
#recently .view_all{ margin:0; padding:15px 0 0 70px; clear:both; font:14px "Myriad Pro",Helvetica,Arial,sans-serif;  }
#recently .view_all a{ text-decoration:none; color:#3171c3; }
#recently .view_all a:hover{ text-decoration:underline; color:#333; }


#events{ padding-top:20px; }
#events h5, #photos h5{ color:#b20404; text-transform:uppercase; margin:0; font-size:24px; padding:0 0 15px 15px; background:url(img/bg_rectangles.jpg) bottom left repeat-x; }
#events table, table.eventlist{ margin:0 0 0 13px; display:block; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; }
#events td, .eventlist td{ vertical-align:top; padding:25px 4px 4px 4px; }
.post .eventlist td{ padding-top:0 !important; }
.post .eventlist_main td{ padding-top:25px !important; }
#events .event_date, .eventlist .event_date{ color:#999; width:70px; }
#events span, .eventlist span{ display:block; font-size:14px; line-height:14px; }
#events .date, .eventlist .date{ font-size:20px; line-height:20px; }
#events p, .eventlist p{ margin:0; }
.eventlist p{ padding:0; }
.eventlist .city{ line-height:auto; }
.eventlist .city a{ text-decoration:none; cursor:pointer; }
.eventlist .city a:hover{ text-decoration:underline; }

/*#events .details, .eventlist .details{ width:182px; }*/

#events .city, .eventlist .city{ font-size:20px; color:#3171c3; padding-bottom:10px; }
#events .rsvp, .eventlist .rsvp{ font-size:11px;  padding-top:10px; }
#events .rsvp a, .eventlist .rsvp a{ color:#3171c3; text-decoration:none; }
#events .rsvp a:hover, .eventlist .rsvp a:hover{ color:#333; text-decoration:underline; }
#events .map, .eventlist .map{ width:95px; text-align:right; }
.col_right .view_all{ margin:0; padding:15px 0 0 70px; clear:both; }
.col_right .view_all a{ text-decoration:none; color:#3171c3; }
.col_right .view_all a:hover{ text-decoration:underline; color:#333; }

#involved{ padding-top:35px; }
#involved h4{ width:245px; height:32px; margin:0; text-indent:-9999px; background:url(img/how_to_be_involved.jpg) top left no-repeat; }
#involved .quote{ font-family:Georgia, "Times New Roman", serif; color:#666; font-size:20px; line-height:25px; margin:0; padding-bottom:15px; font-style:italic; }
#involved .quote span{ display:block; margin-left:70px; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-size:14px; font-style: normal; }

#photos{ padding-top:35px; }
#photos ul, #photos ul li{ margin:0; padding:0; list-style-type:none; }
#photos ul{ padding:15px 0 0 17px; }
#photos ul li{ float:left; width:155px; margin:0 15px 13px 0; }

#footer{ margin-top:25px; /*background:#1e539c;*/ background:#295799; padding:20px; }
#footer #logo{ width:82px; height:91px; text-indent:-9999px; margin:0; background:url(img/logo_footer.gif) top left no-repeat; float:left; margin-right:35px; }
#footer_stripe{ border-bottom:13px solid #c20303; background:#fff; height:1px; margin-bottom:25px; }
#footer .third{ width:230px; margin-right:30px; float:left; }
#footer h5{ font-size:20px; margin:0; color:#fff; text-transform:uppercase; padding-bottom:15px; }
#footer p{ color:#ccc; margin:0; }
#footer a{ text-decoration:underline; color:#ccc; }
#footer a:hover{ color:#fff; }
#footer .last{ padding-top:40px; }

.success, .error{ margin:0 0 10px 0; padding:5px 5px 5px 23px; background-position:2px 4px; background-repeat:no-repeat; font:12px Arial; font-weight:bold; display:none; }
.success{ background-color:#def1ca; background-image:url(img/success.gif); color:#58941c; border:1px solid #c6e4a9;  }
.error{ background-color:#f1caca; background-image:url(img/error.gif); color:#941c1c; border:1px solid #e4a9a9;  }

ol.commentlist{ margin:0 0 0 110px; padding:0; list-style-type:none; }
ol.commentlist li, ol.commentlist li.alt{ background:url(img/forum_posts_bubble.png) top left no-repeat; font-size:12px; margin:0; padding:20px 20px 15px 33px; position:relative; width:400px; min-height:50px; height: auto !important; height:50px; }
/*ol.commentlist li.admin{ background-image:url(img/forum_posts_bubble_admin.png); }*/
ol.endorsements li{ background-image:url(img/forum_posts_bubble_admin.png); }
ol.endorsements li.alt{ background-image:url(img/forum_posts_bubble_blue.png); }
ol.commentlist p{ width:380px; }
ol.commentlist div.comment_metadata{ left:-110px; position:absolute; top:22px; width:100px; }
ol.commentlist span{ float:none; width:auto; margin:0; padding:0; }
ol.commentlist span.comment_posted_by{ color:#222; display:block; font-size:12px; line-height:15px; /*max-height:3.8em;*/ overflow:hidden; text-align:right; }
ol.commentlist span.comment_date_posted{ color:#888; display:block; font-size:10px; line-height:15px; text-align:right; margin-top:5px; }

.photo_gallery, .photo_gallery li{ margin:0; padding:0; list-style-type:none; }
.photo_gallery{ margin:5px 0 0 28px; }
.photo_gallery li{ width:250px; height:166px; margin:0 10px 15px 0; float:left; }

#error{ background:#e59090; padding:10px; border:1px solid #511212; font-weight:bold; color:#3a0a0a; display:none; margin-top:10px; clear:both; }

#footer_social, #footer_social li{ margin:0; padding:0; list-style-type:none; }
#footer_social li{ margin-bottom:2px; padding:3px 0 4px 24px; background-position:top left; background-repeat:no-repeat; }
#footer_social li#fs_t{ background-image:url(/wp-content/themes/mikelee/img/twitter_16.png); }
#footer_social li#fs_y{ background-image:url(/wp-content/themes/mikelee/img/youtube_16.png); }
#footer_social li#fs_f{ background-image:url(/wp-content/themes/mikelee/img/facebook_16.png); }
#footer_social li a{ text-decoration:none; color:#fff; }
#footer_social li a:hover{ font-weight:bold; text-decoration:none; }


.red{ color:#d01f26 !important; }
#sitemap_links{ margin:0 0 25px 0; padding:0; text-align:right; font-size:10px; }
#sitemap_links a{ color:#333; text-decoration:none; }
#sitemap_links a:hover{ text-decoration:underline; }

#share_buttons p{ margin:0; padding:0; }
#share_buttons input{ width:550px; padding:2px; font-size:10px; color:#333; margin-bottom:20px; }

.col_left .comment_link span{ float:none; display:inline; margin:0; padding:0; width:auto; }