/* Theme Name: CharmCityCurrent Theme URI: http://www.example.com Description: A custom theme for use on a specific site. Version: 1.6 Author: Some Guy (design), Some Guy (php/css) Author URI: http://www.example.com Tags: yellow, widgets, thumbnails */ @import "reset.css"; /*************************************************************************************** general ***************************************************************************************/ body { text-align:center; background:#000; font-family:georgia,times,serif; color:#333; } a {text-decoration:none; color:#92620f;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} blockquote { display:block; max-width:80%; margin:20px 20px 20px 30px; border-top:1px dotted #734002; border-bottom:1px dotted #734002; padding-top:10px; } strong {font-weight:bold;} em {font-style:italic;} hr { clear:both;color: #e2e2e2;background: #e2e2e2;height: 1px;border:0px;padding:0px;margin:15px 0px; } li:after, ul:after, div:after, .clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } p, entry { font-size:12px; line-height:160%;margin-bottom:15px; } #content { padding-bottom:24px; } /*************************************************************************************** index ***************************************************************************************/ /* links */ #index_top_half li span.home-post-title a:link, #index_top_half li span.home-post-title a:visited { color:#fff;text-decoration: none; } #index_top_half li span.home-post-title a:hover, #index_top_half li span.home-post-title a:active { color:#fff;background:#d61810; } #index_top_half li span.home-blog-title a:link, #index_top_half li span.home-blog-title a:visited { color:#ffd600;text-decoration: none; } #index_top_half li span.home-blog-title a:hover, #index_top_half li span.home-blog-title a:active { color:#ffd600;text-decoration: underline; } /* yellow header */ #top_background { background: #fff url('./images/yellow_header_bg.jpg') top left repeat-x;} #header { background:url(./images/CharmCityNow_logo.gif) left no-repeat; height:188px; width:970px; margin:auto; } #header h1, #header h1 a, #header h1 a:visited { color:#ffd600; } #header_clickable { width:366px; height:99px; float:left;margin-top:28px; } #header a:hover, #header_clickable:hover { text-decoration:none; } #header ul, #header li { display:inline; } #header li img { display:inline;border:1px solid #ffd600;border-left:1px solid #000; } #header li img:hover { display:inline;border:1px solid #000; } #header ul:after, #header li:after { content:none; } .description{ display:none; } /* top navigation */ .pagenav { margin:106px 0px 0px 0px; float:right; } .pagenav ul, .pagenav li, .pagenav a { display:inline; color:#000; font-size:12px; font-weight:bold; } .pagenav ul li { margin:0px 18px; } .pagenav ul li:last-child { margin-right:20px; } .pagenav ul li:first-child { margin-left:0px; } /* the mix */ #index_top_half { width:970px; background:#000; margin:auto; margin-bottom:25px; overflow:auto; padding-bottom:20px; .padding-bottom:40px; } #index_top_half h2 { height:30px;font-size:18px;color:#fff;text-align:left; margin:18px 0px 10px 24px; font-size:20px; } #modified_thumbs { overflow:auto; } #modified_thumbs li {float:left; height:225px; width:171px;border-left:1px solid #ffd600; overflow:hidden; margin:0px 0px 20px 7px;padding-left:6px;} #index_top_half .thumb0, #index_top_half .thumb5, #index_top_half .thumb10, #index_top_half .thumb15 { margin-left:24px;_margin-left:12px; } #index_top_half li { font-size:13px;text-align:left;color:#fff; } #index_top_half li span.home-blog-title { font-style:italic;font-size:11px;} /* index widgets (bottom of page) */ #index_bottom_half {width:970px; margin:auto; margin-top:40px; background: #fff url('./images/index_secondary_bg.gif') top left no-repeat; } #index_bottom_half .widget { float:left; width:186px; } #index_bottom_half .widget ul { min-height:336px; text-align:left; margin-right:14px; padding-bottom:24px; } #index_bottom_half .widget h2 { margin-top:6px;height:28px;font-size:18px; } #index_bottom_half .widget ul li { display:block; margin-left:7px; } #index_bottom_half ul.secondary_widgets{margin-left:24px;_margin-left:12px;float:left;} /* the float keeps ie6 in line */ #index_bottom_half ul.secondary_widgets li li { padding-top:10px; font-size:13px;} #index_bottom_half ul.secondary_widgets li ul {padding-top:10px;} /* top blogs widget */ #index_bottom_half li.top_blogs_widget_1 li .pop_blogs_blog_title { color:#333;margin-bottom:4px;} #index_bottom_half li.top_blogs_widget_1 li .pop_blogs_blog_title a { text-decoration:none; color:#333;} #index_bottom_half li.top_blogs_widget_1 li .pop_blogs_blog_title a:visited { text-decoration:none; } #index_bottom_half li.top_blogs_widget_1 li .pop_blogs_blog_title a:hover { text-decoration:underline;color:#734002; } #index_bottom_half li.top_blogs_widget_1 li .pop_blogs_post_title { font-size:11px;margin-bottom:7px;margin-left:5px;} #index_bottom_half .italicized_post_title { font-style:italic; } /* popular posts widget */ #index_bottom_half li.top_posts_widget_1 a { color:#333; } #index_bottom_half li.top_posts_widget_1 a:hover { color:#734002; } #index_bottom_half li.top_posts_widget_1 .blogname { display:block; font-style:italic;padding-bottom:7px;font-size:11px; } #index_bottom_half li.top_posts_widget_1 .blogname a { color:#734002; } /* recent comments widget */ #index_bottom_half .ccc_sitewide_comments li a { display:block; margin-left:5px; } #index_bottom_half .ccc_sitewide_comments li { font-size:11px !important; font-style:italic; } #index_bottom_half .ccc_sitewide_comments .comment_author { font-style:normal; font-size:13px; margin-bottom:4px; display:block; } /*************************************************************************************** footer ***************************************************************************************/ #footer { clear:both;background:#000; color:#fff; padding:24px 0px;border-top:1px solid #999; } #footer p { width:970px; margin:auto; text-align:left;padding-top:18px; padding-bottom:18px;font-size:11px; } #footer a { color:#ffd600; margin-right:18px; } /*************************************************************************************** ads ***************************************************************************************/ /* index */ #index_bottom_half ul#sidebar_ad_position {width:350px; float:right; display:inline;} #index_bottom_half .charmcity_cube_ad_1 { margin-top:-25px;width:365px !important;text-align:center;} /* inside */ .generic_side .charmcity_cube_ad_1 h2 { display:none; } .generic_side .charmcity_cube_ad_1 { margin-top:40px; text-align:center; margin-bottom:30px; } .advert-notice p { display:none; } .advert-notice { margin:auto;;width:99px;height:15px; background: url('./images/advertisement.gif') top center no-repeat; } /*************************************************************************************** all blogs ***************************************************************************************/ .all_blogs dd { margin-bottom:30px; margin-top:15px; border-bottom:1px solid #e2e2e2; width:95% } .all_blogs a {font-size:24px;} /*************************************************************************************** interior pages ***************************************************************************************/ #centered_wrapper { background: #fff url(images/centered-wrapper-bg.gif) repeat-y; margin:auto; text-align: left; width:970px; } .post, #respond, form#commentform, #comment { width:570px; } .widecolumn { text-align:left; margin-top:40px; width:590px; float:left;font-size:12px; } .entry * { max-width:540px; } .post-body { margin-left:32px; padding-top:16px; clear:left; margin-bottom:40px; margin-right:15px; } .post { clear:both; } /* black bar blog title */ #blog-home-header-wrapper { background: #000; color: #fff; height: 92px; } #blog-home-header-wrapper h2 { font-size:39px; padding-left:24px; padding-top:25px; } /* "archives for..." text */ .widecolumn h2 { background:none; color:#ccc; width:550px; margin: 0px 0px 5px 24px;font-size:16px; } /* yellow bar post title */ .blog-post-head { width:590px; float:left; background:#ffd600; } .blog-post-head h3 { margin-top:9px; .margin-bottom:3px; margin-left:24px; font-size:18px; color:#000; } .widecolumn h3 a { color:#000; } /* post text */ p.timestamp { margin-bottom:15px;font-style:italic;font-size:14px !important;color:#000 !important;} .post a, #respond a { font-weight:bold; } .post img.alignleft { float:left; margin:15px 15px 15px 0px; } .entry p { color: #333; } .entry ul li { list-style-type:disc;font-size:12px;margin-bottom:7px; } .entry ol li { list-style-type:decimal;font-size:12px; } .entry ul, .entry ol { margin-bottom:20px; } .entry ul, .entry ol { padding-left:30px; } .entry table.chart td { border:1px #ccc solid;padding:5px; } /* meta box */ div.data { margin:0px 25px;border:1px #e2e2e2 solid;padding:20px 20px 10px 20px;margin-top:15px;font-size:11px !important;} div.data p, div.data a {font-size:11px; } /* newer and older posts buttons */ .alignleft { float:left; } .alignright { float:right; } .older_posts_button { padding-left:24px; } .newer_posts_button { padding-right:24px;text-align:right; } .navigation { clear:both;} /*************************************************************************************** sidebar ***************************************************************************************/ .generic_side {float:right; width:336px; margin-top: 40px; margin-bottom:24px; margin-right:24px;_margin-right:0px;_padding-right:15px;text-align:left;} .generic_side ul, .generic_side li { list-style-type:none; } #sidebar_generic_side_top, #sidebar_generic_side_bottom, .generic_side #sidebar_ad_position { margin-left:20px; } .generic_side h2 { margin-top:30px; padding-bottom:5px; font-size:18px; height:28px; } .generic_side .widget_text h2 { margin-top:0px !important; } .generic_side h2 a.rsswidget img {display:none;} /* Hides RSS icons */ .generic_side .widget { font-size:12px;clear:left; } .generic_side ul, .generic_side p { padding-left:10px; } .generic_side ul li { padding-bottom:10px; } .generic_side .widget_text img { float:left;margin:0px 15px 15px 0px; } .generic_side li li { list-style-type:disc;margin-left:13px;color:#92620F;.padding-left:15px; } .generic_side li#tag_cloud-3 div { margin-left:13px; } /*************************************************************************************** comments ***************************************************************************************/ ol.commentlist { width:570px;margin-bottom:40px;.margin-bottom:15px; } ol.commentlist li {margin-left:24px;clear:left;margin-right:15px;margin-bottom:25px;border-bottom:1px #e2e2e2 solid; padding-bottom:25px;} ol.commentlist li:last-child { border-bottom:none;padding-bottom:0px; } ol.commentlist p { color:#555;clear:both; } ol.commentlist .userdata { padding:0px 0px 3px 0px; } ol.commentlist .userdata .comment-author { margin-bottom:4px;color:#333;font-size:14px; } ol.commentlist .userdata .comment-author cite.fn { font-weight:bold !important; } ol.commentlist .userdata .comment-meta { margin-bottom:6px;font-size:10px;font-style:italic;} ol.commentlist .avatar { float:left;width:48px;margin-right:10px; } ol.commentlist .comment_body {float:left;width:460px;} #comments_label { width:590px; float:left; background:#ffd600; margin-bottom:25px; } #comments_label h3 { margin-top:9px; .margin-bottom:3px; margin-left:24px; font-size:18px; color:#000; } /*************************************************************************************** leave a reply ***************************************************************************************/ #submit { margin-bottom:20px; clear:both; } form#commentform { width:540px; padding-top:16px; margin-bottom:40px; margin-left:24px; clear:left; margin-right:15px; } form#commentform textarea { width:450px; height:200px; } p.must_be_logged_in { margin-left:24px; padding-top:15px;.padding-top:40px;_padding-top:15px; } #respond_label { width:590px; float:left; background:#ffd600; } #respond_label h3 { margin-top:9px; .margin-bottom:3px; margin-left:24px; font-size:18px; color:#000; } /*************************************************************************************** search form ***************************************************************************************/ form#searchform { margin-left: 24px; } /*************************************************************************************** contact page ***************************************************************************************/ #post-55 .post-body { padding-top:0px; } #post-55 h3:first-child { margin-top:0px; } #post-55 h3 { margin-bottom:0px; } #post-55 p { margin-bottom:5px; }