/* Theme Name: BlogHerald Theme URI: http://www.blogherald.com Description: A professional publishing template for The Blog Herald by so-called "uber designer" Chris Pearson. Version: 1.0 Author: Chris Pearson Author URI: http://www.pearsonified.com/ */ body { background: #fff url('images/top_bg.gif') repeat-x; color: #2f2f2f; font: 62.5% "Lucida Grande", Verdana, Arial, sans-serif; text-align: center; } * { padding: 0; margin: 0; } /*---:[ global elements ]:---*/ a { color: #3872dc; text-decoration: none; } a:visited { color: #3872dc; text-decoration: none; } a:hover { color: #3872dc; text-decoration: none; } /*---:[ link styles within blog entries ]:---*/ .entry a, .entry a:visited { ; } .entry a:hover { border-bottom: 1px dotted #2f2f2f; } /*-------------------------------------------*/ .line_hr { width: 100%; background: url('images/today_hr.gif') 0 50% repeat-x; text-align: center; float: left; } .line_hr span { padding: 0 10px; font-weight: bold; font-size: 1.2em; letter-spacing: 0.25em; text-transform: uppercase; background: #fff; } blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; } blockquote p { margin-bottom: 7px; } code { color: #090; font-family: "Courier New", Courier, monospace; } pre { width: 700px; margin-bottom: 15px; font-size: 1.2em; float: left; } * html pre { font-size: 1.0em; overflow: hidden; } /*---:[ headlines ]:---*/ h1 { font-weight: bold; font-size: 2.2em; } h1 a, h1 a:visited, h1 a:hover { } h2 { font-weight: bold; font-size: 1.8em; } h3 { font-weight: bold; font-size: 1.4em; } /*---:[ core layout elements ]:---*/ #wrap { width: 775px; padding: 0 10px; margin: 0 auto; text-align: center; } * html #wrap { width: 779px; } #top_bar { width: 775px; height: 30px; margin-bottom: 10px; text-align: left; float: left; } * html #top_bar { width: 779px; } #banner { width: 775px; height: 81px; margin-bottom: 20px; background: url('images/bh_banner.gif') 50% 0 no-repeat; float: left; } * html #banner { width: 779px; } #today_hr { margin-bottom: 2px; } #banner_ad { width: 775px; padding-bottom: 10px; border-bottom: 1px solid #c8c8c8; float: left; } * html #banner_ad { width: 779px; } #content { width: 775px; padding: 20px 0 0 0; text-align: left; float: left; clear: both; } * html #content { width: 779px; } #comments_wrap { width: 100%; padding: 20px 0 16px 0; background: #8d8d8d; text-align: center; float: left; clear: both; } #sidebar_wrap { width: 100%; padding: 20px 0; background: #3f3f3f; border-top: 4px solid #8d8d8d; text-align: center; float: left; clear: both; } #footer_wrap { width: 100%; padding: 6px 0; background: #8d8d8d; text-align: center; float: left; clear: both; } /*---:[ top_bar styles ]:---*/ #feed { height: 30px; padding-left: 29px; background: url('images/icon_feed.gif') 0 50% no-repeat; font-weight: bold; letter-spacing: 0.25em; text-transform: uppercase; line-height: 30px; color: #fff; float: left; } #feed a, #feed a:visited { color: #fff; } #feed a:hover { color: #fff; border-bottom: 1px dotted #fff; } #search { float: right; } /*---:[ banner styles ]:---*/ #banner a, #banner a:visited, #banner a:hover { display: block; width: 627px; height: 81px; margin: 0 auto; text-decoration: none; } /*---:[ leaderboard ad styles ]:---*/ #leaderboard { width: 728px; padding-right: 15px; float: left; } #lead_sponsor { width: 230px; height: 88px; border: 1px solid #2f2f2f; float: left; } a.get_sponsor { display: block; width: 230px; height: 88px; background: url('images/premier_ad.gif') no-repeat; } /*---:[ today_hr styles ]:---*/ /*---:[ content layout styles ]:---*/ #content_left { width: 875px; padding-right: 20px; overflow: hidden; float: left; } #news { width: 469px; padding-right: 20px; float: left; } #news a { font-weight: bold; } #features { width: 270px; margin-bottom: 30px; float: left; } #blogads { width: 150px; padding: 0 68px; margin-bottom: 30px; font-size: 1.1em; line-height: 1.4em; clear: both; } #still_fresh { width: 236px; margin-bottom: 30px; clear: both; } #still_fresh h2 { width: 236px; height: 37px; padding-bottom: 3px; margin-bottom: 5px; background: url('images/still_fresh.gif') no-repeat; border-bottom: 1px solid #c8c8c8; } #still_fresh ul { width: 236px; margin-bottom: 30px; list-style: none; } #still_fresh li { width: 266px; padding: 5px 0 5px 20px; margin: 0; background: #fff url('images/icon_arrow.gif') 0 50% no-repeat; font-size: 1.1em; line-height: 1.4em; } #still_fresh li a { color: #3872dc; } #still_fresh li a:visited { color: #2f2f2f; } #still_fresh li a:hover { color: #3872dc; border-bottom: 1px dotted #2f2f2f; } #single_post { width: 775px; padding-right: 20px; float: left; } .navigation { text-align: center; margin: 8px 0 0; padding: 0 0 40px; width: 100%; } .navigation .alignleft { float: left; width: 40%; text-align: left; padding-left: 0 0 10px 5px; } .navigation .alignright { float: right; width: 40%; text-align: right; padding-right: 0 15px 10px 0; } // #single_ad { width: 150px; float: left; } .single_ad_google { width: 120px; padding: 0 15px; margin-bottom: 30px; } .post { margin-bottom: 15px; float: left; } .post h3 a:hover { border-bottom: 1px dotted #2f2f2f; } .news { width: 473px; } .features { width: 280px; border: 3px solid #ccc; } .single { width: 775px; } .archives { width: 400px; margin-bottom: 15px; } .archives_intro { width: 641px; padding: 15px 15px 0 15px; margin-bottom: 30px; border: 2px solid #ccc; background: #dedede; float: left; } .post h1, .post h2 { margin-bottom: 5px; } .post h1 a, .post h2 a { color: #3872dc; } .post h1 a:visited, .post h2 a:visited { color: #2f2f2f; } .post h1 a:hover, .post h2 a:hover { color: #3872dc; border-bottom: 1px dotted #2f2f2f; } .archives_right h2 { margin-bottom: 5px; } .time_and_author { padding-right: 6px; color: #aaa; float: left; } .time_and_author a, .time_and_author a:visited { color: #aaa; font-weight: normal; text-decoration: underline; } .time_and_author a:hover { color: #3872dc; font-weight: normal; text-decoration: underline; border-bottom: none; } #feature_picture img { border-bottom: 1px solid #ccc; max-width: 210px; height: auto; width: expression(this.width > 210 ? 210: true); } #feature_picture a img { border: none; border-bottom: 1px solid #ccc; } #feature_content { width: 268px; padding: 5px 6px; float: left; } #feature_content h2 { font-size: 1.4em; margin-bottom: 0; } #feature_content p { margin: 0 0 15px 0; font-size: 1.1em; line-height: 1.75em; } #feature_content p.more_features { padding-left: 23px; margin: 0 0 5px 0; background: url('images/icon_features.gif') no-repeat; } .more_features a { font-weight: bold; } .more_features a:hover { border-bottom: 1px dotted #2f2f2f; } #ads_rectangle { width: 369px; } .archives_left { width: 400px; float: left; } .archives_right { width: 250px; padding-left: 25px; float: left; } // #content_right { width: 230px; float: left; } #content_right { width: 80px; float: left; } h2.bnw { width: 230px; height: 15px; padding-bottom: 3px; margin-bottom: 5px; background: url('images/head_bnw.gif') no-repeat; border-bottom: 1px solid #c8c8c8; } h2.bnw a { display: block; width: 230px; height: 15px; } h2.jobs { width: 230px; height: 19px; padding-bottom: 3px; margin-bottom: 5px; background: url('images/head_jobs.gif') no-repeat; border-bottom: 1px solid #c8c8c8; } h2.jobs a { display: block; width: 230px; height: 19px; } h2.bh_categories { width: 230px; height: 15px; padding-bottom: 3px; margin-bottom: 5px; background: url('images/bh_categories.gif') no-repeat; border-bottom: 1px solid #c8c8c8; } h2.bh_categories a { display: block; width: 230px; height: 15px; } h2.bh_sponsors { width: 230px; height: 15px; padding-bottom: 3px; margin-bottom: 5px; background: url('images/bh_sponsors.gif') no-repeat; border-bottom: 1px solid #c8c8c8; } h2.bh_sponsors a { display: block; width: 230px; height: 15px; } h2.bm_blogroll { width: 230px; height: 15px; padding-bottom: 3px; margin-bottom: 5px; background: url('images/bm_blogroll.gif') no-repeat; border-bottom: 1px solid #c8c8c8; } h2.bm_blogroll a { display: block; width: 230px; height: 15px; } #content_right ul { width: 230px; margin-bottom: 30px; list-style: none; } #content_right ul li { width: 260px; padding: 5px 0 5px 20px; margin: 0; background: #fff url('images/icon_arrow.gif') 0 50% no-repeat; font-size: 1.1em; line-height: 1.4em; } #content_right ul li a { color: #3872dc; } #content_right ul li a:visited { color: #2f2f2f; } #content_right ul li a:hover { color: #3872dc; border-bottom: 1px dotted #2f2f2f; } /*---:[ blog entry styles ]:---*/ /*---:[ these apply to single post pages only ]:---*/ .tags { width: 100px; margin: 0 0 10px 10px; text-align: center; background: #dedede; float: right; clear: both; } .tags .tags_head { width: 100px; padding: 5px 0; background: #2f2f2f; } .tags_head span { padding-left: 22px; background: url('images/icon_tags.gif') 0 50% no-repeat; font-size: 1.2em; color: #dedede; } .tags ul { list-style: none; } .tags ul li { width: 100px; text-align: center; font-size: 1.1em; border-bottom: 1px solid #ccc; } .tags ul li a, .tags ul li a:visited { display: block; width: 100px; padding: 5px 0; border-bottom: none; text-align: center; color: #2f2f2f; } .tags ul li a:hover { background: #2f2f2f; color: #dedede; border-bottom: none; } /*-------------------------------------------------*/ /* .entry { font-size: 1.1em; line-height: 1.75em; } */ .entry { font-size: 1.5em; line-height: 1.4em; } .entry p { margin: 0 0 15px 0; } .entry ul, .entry ol { margin: 0 0 9px 40px; } .entry ul { list-style-type: disc; } .entry li { padding: 0 0 6px 0; } .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; } .entry dl { margin-bottom: 15px; } .entry dt { font-weight: bold; } .entry dd { margin: 0 0 0 20px; font-style: italic; } .entry img.left { padding: 6px; margin: 0 10px 5px 0; border: 1px solid #ccc; float: left; } .entry img.left_off { margin: 0 10px 5px 0; float: left; } .entry img.right { padding: 6px; margin: 0 0 5px 10px; border: 1px solid #ccc; float: right; } .entry img.right_off { margin: 0 0 5px 10px; float: right; } .entry img.center { display: block; padding: 6px; margin: 0 auto 15px auto; border: 1px solid #ccc; clear: both; } .entry img.center_off { display: block; margin: 0 auto 15px auto; clear: both; } p.to_comments { padding-left: 26px; background: url('images/icon_comments.gif') no-repeat; } /*---:[ sidebar styles ]:---*/ #sidebar { width: 100%; margin: 0 auto; color: #999; } #flickr_stream { width: 775px; margin-bottom: 30px; float: left; } #flickr_stream ul { list-style: none; padding-left: 60px; padding-right: 55px; } #flickr_stream ul li { padding-right: 5px; float: left; } #flickr_stream ul li a { padding: 2px; border: 1px solid #666; float: left; } #flickr_stream ul li a:hover { border-color: #999; background: #999; } #flickr_stream ul li a img { border: none; } #sidebar h2 { font-size: 1.2em; text-transform: uppercase; text-align: center; padding: 12px 0 6px 0; border-bottom: 1px solid #aaa; background: url('images/h2_bg.gif') 0 0 no-repeat; color: #ddd; } #sidebar ul.sidebar_items { width: 750px; padding: 0 2px 0 23px; list-style: none; clear: both; float: left; } ul.sidebar_items li.sidebar_item { width: 215px; padding-right: 20px; text-align: left; float: left; } li.sidebar_item ul { list-style: none; width: 215px; } li.sidebar_item ul li { width: 215px; padding: 6px 0; border-bottom: 1px solid #666; font-size: 1.1em; line-height: 1.4em; } li.sidebar_item ul li a, li.sidebar_item ul li a:visited { color: #999; } li.sidebar_item ul li a:hover { color: #ddd; } li.sidebar_item ul li a span { padding-right: 8px; } li.sidebar_item ul li small { padding-left: 10px; } /*---:[ footer styles ]:---*/ #footer { width: 775px; margin: 0 auto; font-size: 1.1em; line-height: 1.75em; } #footer a { font-weight: bold; color: #2f2f2f; } #footer a:visited { color: #666; } #footer a:hover { color: #2f2f2f; border-bottom: 1px dotted #2f2f2f; } /*---:[ comment styles ]:---*/ #comments { width: 775px; margin: 0 auto; } #comments_left { width: 505px; color: #ddd; text-align: left; float: left; } #comments_left h2 { margin-bottom: 10px; } #comments_left a, #comments_left a:visited { font-weight: bold; color: #ddd; text-decoration: none; } #comments_left a:hover { color: #fff; border-bottom: none; } .comments_rss { padding-left: 20px; background: url('images/feed_icon_small.gif') no-repeat; float: right; } .comments_rss a { display: block; width: 16px; height: 16px; } .comment_, .comment_alt, .comment_author_comment_, .comment_author_comment_alt { width: 473px; padding: 15px 15px 0 15px; margin-bottom: 15px; border: 1px solid #999; background: #555; float: left; } .comment_alt, .comment_author_comment_alt { background: #3f3f3f; } .comment_intro { width: 473px; margin-bottom: 15px; line-height: 1.75em; } /** html .comment_intro { margin-bottom: 0; } .author_comment_ .comment_intro { width: 453px; padding-left: 27px; background: url('images/icon_author.gif') 0 50% no-repeat; } .author_comment_alt .comment_intro { width: 453px; padding-left: 27px; background: url('images/icon_author_alt.gif') 0 50% no-repeat; } */ img.gravatar { height: 32px; width: 32px; margin: 0 10px 0 0; border: 1px solid #999; background: url('images/icon_no_grav.gif') no-repeat; float: left; } .comment_author { font-weight: bold; font-size: 1.4em; text-transform: uppercase; } .comment_meta a, .comment_meta a:visited, .comment_meta a:hover { font-weight: normal !important; } #comments .entry { clear: both; } #comments .entry ul, #comments .entry ol { padding: 0; margin: 0 0 9px 40px; border: none; float: none; } #comments .entry ul { list-style-type: disc; } #comments .entry li { padding: 0 0 6px 0; border: none; float: none; } #comments .entry ul li ul, #comments .entry ul li ol, #comments .entry ol li ul, #comments .entry ol li ol { margin: 0 0 0 30px; } /*---:[ comment form styles ]:---*/ #comment_form { width: 505px; float: left; } #comment_form p { padding: 6px 0; margin-bottom: 0; } #comment_form label { padding-left: 10px; } #comment_form .text_input { width: 40%; padding: 3px; color: #444; font: normal 1.1em "Lucida Grande", Verdana, Arial, sans-serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #comment_form .text_area { width: 495px; padding: 3px; color: #444; font: normal 1.1em "Lucida Grande", Verdana, Arial, sans-serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #comment_form .text_input:focus, #comment_form .text_area:focus { border-top: 2px solid #444; border-left: 2px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } /*---:[ search form styles ]:---*/ #search_form { height: 24px; padding: 3px 0; float: left; } #search_form .text_input { width: 200px; height: 16px; padding: 3px; color: #2f2f2f; background: #dedede; font: normal 1.1em "Lucida Grande", Verdana, Arial, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f; } #search_form .text_input:focus { background: #fff; }