/* Theme Name: WPC Theme URI: wheatleyparishcouncil.gov.uk Description: Theme for Wheatley Parish Council based on the starkers Wordpress theme by Elliot Jay Stocks . Version: 1.0 Author: Jonathan Crowe Author URI: http://ox-design.co.uk Tags: wheatley, parish, council, ox-design, */ @import "style/css/superfish.css"; @import "style/css/enhancement.css"; /*############################### COLOURS ############################### */ /* #08224b - DARK BLUE */ /* #0d58a6 - MAIN BLUE */ /* #FFFFFF - WHITE */ /*############################### RESET ############################### */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} /* remember to define focus styles! */ :focus { outline: 0;} /* remember to highlight inserts somehow! */ ins { text-decoration: none;} del { text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;} /*############################ WORDPRESS ############################*/ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter, .alignleft, .alignright {} .aligncenter { display:block; margin:0 auto;} .alignleft { float:left; margin-right:10px;} .alignright { float:right; margin-left:10px;} .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /*############################ BASIC TYPE ############################*/ body { font-family:Arial, Helvetica, sans-serif; background:url(./style/images/body_bg.png) top center repeat-x #d9edff; z-index:1;} h1, h2, h3, h5, h5, h6 { font-weight:normal; font-family:Helvetica, Arial, sans-serif; } h1 { font-size:32px; line-height:50px; letter-spacing:-1px; font-weight:normal;} h2 { font-size:24px; line-height:32px;} h3 { font-size:20px; line-height:28px;} h4 { font-size:16px; line-height:22px;} h5 { font-size:20px; line-height:28px;} p { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#595959;} /* You might find the following useful */ div, ul, li { position:relative } /*This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */ br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */ /*############################ HEADER ############################*/ .pageWrap { width:960px; margin:0 auto; background:none;} .header { padding:0; width:960px; height:80px; background:url(./style/images/header_bg.png) top left no-repeat; z-index:1000;} #siteTitle { width:207px; height:80px; float:left; margin-right:100px;} #siteTitle h1 { height:80px; width:207px; background:none; padding:0; display:inline; float:left;} #siteTitle a { color:#fff; display:block; width:100%; line-height:80px; font-size:32px; letter-spacing:normal; background:none; text-indent:-9999px;} #siteTitle p { font-size:12px; line-height:22px; height:80px; line-height:80px; font-weight:normal; float:left; letter-spacing:2px; color:#000; background:none; clear:none; display:inline;} /* SEARCH */ #siteSearch { background:none; width:350px; height:80px; float:left;} #searchform { float:left; width:350px; height:40px; margin-top:20px;} #searchbox { float:left; width:304px; height:30px; background:url(./style/images/search_box_bg.png) top left no-repeat; border:none; padding:5px; line-height:30px; font-size:24px; color:#FFF; font-weight:normal;} #searchbox:focus { background:url(./style/images/search_box_bg_h.png) top left no-repeat;} .searchbutton { width:36px; height:40px; float:left; display:block; border:none; background:url(./style/images/search_btn.png) top left no-repeat; color:#ccc; font-size:16px; line-height:28px; text-indent:-9999px;} .searchbutton:hover { background:url(./style/images/search_btn_h.png) top left no-repeat; color:#fff; cursor:pointer;} /*############################ NAVIGATION ############################*/ #navFrame { background:#c3dae7; width:940px; z-index:999; padding:0 10px;} #navCats { width:180px; height:40px; padding:0; float:right; position:relative; margin:20px 0 0 0; min-height:40px; height:auto !important; z-index:999; display:inline;} #navCatsBtn { background:url(./style/images/nav_cats_bg.png) top right no-repeat; width:180px; height:40px; text-align:center;} #navCatsBtn:hover, #navCatsBtn.sfHover { background:url(./style/images/nav_cats_bg_h.png) top right no-repeat;} /* navigation structure found in superfish.css */ /*############################ GLOBAL ############################*/ .contentTop, .contentBody, .contentBtm {float:left; width:940px; height:auto; padding:0 0 0 20px;} .contentTop { background:url(./style/images/content_top_bg.png) top center no-repeat !important; padding-top:20px; margin-top:10px;} .contentBody { background:url(./style/images/content_body_bg.png) top center repeat-y !important;} .contentBtm { background:url(./style/images/content_btm_bg.png) bottom center no-repeat !important; padding-bottom:23px; margin-bottom:20px; clear:both;} #siteMain { width:640px; float:left; display:inline; margin-right:20px; background:none;} .pageBtm { width:640px; height:38px; margin-top:10px; display:block; float:left;} #siteMain a.btn { width:140px; height:40px; line-height:40px; background:#60a6d2; text-align:center; display:block; margin-bottom:10px; float:left; font-size:14px; color:#fff; margin-right:25px; border:1px solid #9fd5f8;} #siteMain a.btn:hover { text-decoration:underline;} /*############################ PAGENATION ############################*/ .pagenation { display:inline-block;} .pagenation a { display:inline-block; line-height:30px; text-align:center; font-size:14px; color:#ccc; font-family:Arial, Helvetica, sans-serif;} .pagenation a:hover, .pagenation a:active { color:#fff;} /* PAGEBTM PAGENATION */ .pagenation { width:640px; height:30px; float:left; background:none;} .pagenation div { float:left; height:30px;} .pagenation a { width:128px; height:30px; display:block; line-height:30px; font-size:14px; color:#404040;} .pagenation a:hover, .pagenation a:active { color:#fff; background:url(./style/images/pagenation_h.png) top left no-repeat;} .pagenation .pageOlder { width:213px;} .pagenation .pageTop { width:214px;} .pagenation .pageNewer { width:213px;} .pagenation .pageOlder a { width:128px; float:left;} .pagenation .pageTop a { width:128px; margin-left:42px;} .pagenation .pageNewer a { width:128px; float:right;} .pagenation .pageOlder a:hover { width:128px; float:left;} .pagenation .pageTop a:hover { width:128px;} .pagenation .pageNewer a:hover { width:128px;} /* INTRO PAGENATION */ #introFooter .pagenation{} /* TO TOP */ a.toTop { width:40px; height:30px; display:block; line-height:30px; background:url(./style/images/top_bg.png) center left no-repeat; text-align:center; font-weight:bold;font-size:14px; color:#ccc; margin:0; position:relative; float:left;} a.toTop:hover { background:url(./style/images/top_h_bg.png) center left no-repeat; color:#fff;} /*############################ BREADCRUMBS ############################*/ #crumbs { padding:8px; line-height:20px; background:#fafdff; color:#96b6cb; font-size:12px; margin-bottom:10px; clear:both;} #crumbs a { color:#96b6cb;} #crumbs a:hover { color:#808080;} #crumbs span.current { color:#808080;} /*############################ POSTS ############################*/ .post { background:none; float:left; display:block; margin:0 0 20px 0; width:640px;} .post a { color:#062c5d;} .post a:hover { color:#444; text-decoration:underline; display:inline;} /* POST HEADER */ .postHeader { float:left; width:638px; margin-bottom:10px; position:relative;} .postTitle { width:618px; padding:0 10px 6px; float:left; display:block; background:none;} .post .postTitle h2, .post .postTitle h2 a, .post .postTitle h3, .post .postTitle h3 a { font-size:24px; line-height:32px; color:#000; padding:0; margin:0; display:inline; float:left;} .post .postTitle h2 a:hover, .postTitle h3 a:hover { color:#062a5c; text-decoration:underline;} /* POST BODY */ .postBody { width:620px; float:left; padding:0 10px 8px; overflow:hidden;} .postBody h1 { font-size:28px;} .postBody h2 { font-size:18px;} .postBody h3 { font-size:14px; font-weight:bold;} .postBody p, .postBody address { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#595959;} .postBody p { margin:0 0 20px 0;} .postBody address { font-style:normal;} .postBody a { color:#193c74;} .postBody a:hover { border-bottom:1px dotted #193c74;} .postBody ul { margin:0px 0 25px 25px; clear:both;} .postBody ul ul { margin:5px 0 5px 25px;} .postBody ul li { list-style:outside disc; padding-left:0px; margin-bottom:5px; font-size:16px; line-height:22px; color:#404040;} .postBody ul ul li { list-style:outside lower-roman; padding-left:0px; margin-bottom:5px; font-size:16px; color:#404040;} .postBody ul ul ul li { list-style:outside lower-alpha; padding-left:0px; margin-bottom:5px; font-size:16px; color:#404040;} .postBody ul ul ul ul li { list-style:outside circle; padding-left:0px; margin-bottom:5px; font-size:16px; color:#404040;} .postBody ol { margin:0px 0 25px 25px; clear:both;} .postBody ol ol { margin:5px 0 5px 25px; } .postBody ol li { list-style:outside decimal; padding-left:0px; margin-bottom:5px; font-size:16px; line-height:22px; color:#404040;} blockquote { background:#f2f2f2; padding:20px 20px 0 20px; margin:0 20px 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} blockquote p { margin-bottom:20px !important;} .postBody pre { background:#f2f2f2; margin-bottom:20px; font-size:16px; line-height:20px; padding:4px;} /* POST INFO */ .postInfo { width:622px; padding:8px 8px; min-height:20px; margin:0; background:#f2f2f2; border:1px solid #cccccc; float:left; position:relative;} .postInfo p { margin:0; padding-bottom:0; line-height:20px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;} .postCats { padding-left:20px; background:url(./style/images/post_cats_icon.png) top left no-repeat; width:300px; float:left; line-height:20px; clear:none;} .postTags { padding-left:20px; margin-top:10px; background:url(./style/images/post_tags_bg.png) top left no-repeat; width:600px; float:left;} .postComs {} .postAuthor { float:right; font-style:oblique; font-size:12px !important; color:#666 !important; margin-left:5px;} .postAuthor span { color:#000; font-style:normal; } .postInfo .post-edit-link {line-height:20px; color:#000 !important; text-align:center; float:right; margin-left:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;} .postInfo .post-edit-link:hover { text-decoration:underline;} /* DATEBOX */ .dateBox { width:106px; height:20px; display:block; float:left; background:url(./style/images/datebox_bg_nocat.png) top left no-repeat; margin-right:8px;} .dateBox p.theDate { width:106px; float:left; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#fff; text-transform:uppercase; clear:none !important;} .category-planning .dateBox { background:url(./style/images/datebox_bg_planning.png) top left no-repeat;} /* green */ .category-finance .dateBox { background:url(./style/images/datebox_bg_finance.png) top left no-repeat;} /* yellow */ .category-full .dateBox { background:url(./style/images/datebox_bg_general.png) top left no-repeat;} /* pink */ .category-traffic .dateBox { background:url(./style/images/datebox_bg_traffic.png) top left no-repeat;} /* blue */ .category-news .dateBox { background:url(./style/images/datebox_bg_news.png) top left no-repeat;} /* red */ .category-uncategorized .dateBox { background:url(./style/images/datebox_bg_nocat.png) top left no-repeat;} /* grey */ .category-planning .postInfo { background:#f9fff2; border:1px solid #b8cca3;} /* green */ .category-finance .postInfo { background:#fffef2; border:1px solid #ccc8a3;} /* yellow */ .category-full .postInfo { background:#fff2fb; border:1px solid #cca3be;} /* pink */ .category-traffic .postInfo { background:#f2f8ff; border:1px solid #a3b4cc;} /* blue */ .category-news .postInfo { background:#fff2f2; border:1px solid #cca3a3;} /* red */ .category-uncategorized .postInfo { background:#f2f2f2; border:1px solid #cccccc;} /* grey */ .alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.*/ /* POST IMAGES */ .post img { padding:0 ; margin:0 ;} .post .size-full {} .post img.alignleft { margin:0 20px 10px 0; display:inline-block; float:left;} .pageTitle { width:620px; height:80px; padding:20px; background:red; margin-top:10px;} /*############################ BLOG ############################*/ .blog .postHeader { margin-bottom:0; background:none;} .blog .postTitle { background:none; padding:6px 10px 6px; margin-bottom:0; border:1px solid #ccc; border-bottom:none;} /*############################ SINGLE ############################*/ .single .post { border-bottom:none !important;} /*############################ PAGE ############################*/ .page .postTitle { width:620px;} .page .post { border-bottom:none !important;} /*############################ LINKS PAGE ############################*/ #links { padding:20px 20px 0 20px;} #links .xoxo {background:#f2f2f2; padding:10px; margin:0 0 20px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #links li { list-style:none;} /*############################ ARCHIVE ############################*/ .archive .postHeader { margin-bottom:0; background:none;} .archive .postTitle { background:none; padding:6px 10px 6px; margin-bottom:0; border:1px solid #ccc; border-bottom:none;} .archive #intro { border-bottom:4px solid #ccc; margin-bottom:15px;} .archive .introHeader { width:640px;} .archive .introHeader h2 span { font-size:46px; line-height:64px !important; letter-spacing:-1.5px;} body.category #intro .introHeader h2 { font-size:46px; line-height:52px !important; letter-spacing:-1.5px;} /* ARCHIVE INTRO STYLING */ body.category-finance #intro { border-bottom-color:#d7c635;} body.category-planning #intro { border-bottom-color:#95ca61;} body.category-full #intro { border-bottom-color:#d465ae;} body.category-traffic #intro { border-bottom-color:#104e80;} body.category-news #intro { border-bottom-color:#d24949;} body.category-agendas #intro { border-bottom-color:#;} body.category-minutes #intro { border-bottom-color:#;} /* ARCHIVE ICON */ body.category-finance .introHeader span { padding-left:50px; background:url(./style/images/post_title_finance.png) center left no-repeat;} body.category-planning .introHeader span { padding-left:50px; background:url(./style/images/post_title_planning.png) center left no-repeat;} body.category-full .introHeader span { padding-left:50px; background:url(./style/images/post_title_general.png) center left no-repeat;} body.category-traffic .introHeader span { padding-left:50px; background:url(./style/images/post_title_traffic.png) center left no-repeat;} body.category-news .introHeader span { padding-left:50px; background:url(./style/images/post_title_news.png) center left no-repeat;} body.category-agendas .introHeader span { padding-left:50px; background:url(./style/images/post_title_agendas.png) center left no-repeat;} body.category-minutes .introHeader span { padding-left:50px; background:url(./style/images/post_title_minutes.png) center left no-repeat;} .archive .introFooter { width:640px;} /*############################ SIDEBAR ############################*/ #sidebar { background:/*url(./style/images/sidebar_header_bg.png) top left no-repeat*/none; width:280px; margin:0 !important; display:inline; float:right; padding:/*20px*/ 0 0 0 !important;} #sidebarFooter { float:left; height:20px; width:250px; background:url(./style/images/sidebar_footer_bg.png) bottom left no-repeat; border-top:1px solid #e5e5e5;} .widget { width:240px; float:left; padding:0 20px 10px !important; margin-bottom:10px; background:/*url(./style/images/widget_bg.png) bottom center no-repeat*/none;} .widgettitle { text-align:left; background:url(./style/images/widget_title_bg.png) top left no-repeat; margin:0 -20px 10px -20px; /*min-height:38px;*/ line-height:38px; color:#062a5c; font-size:18px; padding-left:10px;} .widget h4 { margin:0; padding:0 0 3px 0;} .widget a { display:inline; line-height:20px; padding:5px 0px; color:#666 !important;} .widget a:hover { color:#0c5bc2 !important;} .widget ul { clear:both;} .widget li { padding:0; margin:0 0 0 0px; line-height:24px;} .widget li ul { margin-left:0px !important; background:none;} .widget li li { padding:0 0 0 20px; margin:0 0 0 0px !important; border-top:none; border-bottom:none;} .widget_categories li { padding-left:20px; background:url(./style/images/post_cats_bg.png) center left no-repeat;} .widget_categories li:hover { padding-left:20px; background:url(./style/images/post_cats_bg_h.png) center left no-repeat;} .widget_pages li a { padding-left:20px; background:url(./style/images/pages_item_bg.png) center left no-repeat;} .widget_pages li a:hover { padding-left:20px; background:url(./style/images/pages_item_bg_h.png) center left no-repeat;} .widget_archive li { padding-left:20px; background:url(./style/images/archives_item_bg.png) center left no-repeat; line-height:20px !important; margin-bottom:4px;} .widget_archive li:hover { padding-left:20px; background:url(./style/images/archives_item_bg_h.png) center left no-repeat; line-height:20px !important;} .widget_archive li a { width:200px; display:block; line-height:30px; height:30px; padding:0 !important;} /* RECENT */ .widget_recent_entries {} .widget_recent_entries .widgettitle { margin-bottom:0 !important;} .widget_recent_entries ul { background:none; padding:0;} .widget_recent_entries li { display:block !important; padding:0px 0 7px 20px; width:220px; min-height:30px; background:url(./style/images/posts_item_bg.png) top left no-repeat; /*border-bottom:1px solid #fff; border-top:1px solid #e5e5e5;*/ margin:5px 0 0; line-height:0px !important;} .widget_recent_entries li:hover {background:url(./style/images/posts_item_bg_h.png) top left no-repeat #fafdff;} .widget_recent_entries li a { font-size:12px; width:218px; line-height:15px; color:#000; margin:0 !important; display:block !important; padding:8px 0 0 !important;} .widget_recent_entries li a:hover { /*text-decoration:underline;*/} /* LINKS */ .widget_links .widgettitle { font-size:14px;} .widget_links li a { padding-left:20px; background:url(./style/images/links_item_bg.png) center left no-repeat; font-size:14px;} .widget_links li a:hover { padding-left:20px; background:url(./style/images/links_item_bg_h.png) center left no-repeat;} /* WP WEATHER */ .widget_wpweather { background:none; position:relative; line-height:22px; font-size:18px;} .weather_info { background:none;} .widget_wpweather .weatherDate { background:none; text-align:center; color:#595959;} .widget_wpweather .weatherImage { background:none; float:left; display:block; width:128px; height:128px; margin:0 !important; padding:0 !important;} .widget_wpweather .weatherCurrent { background:none; float:left; width:122px; height:128px; line-height:128px;} .widget_wpweather .weatherCurrent span.number { background:none; font-size:50px; font-weight:bold; display:block; height:128px; width:61px; float:left; text-align:right;} .widget_wpweather .weatherCurrent span.symbol { background:none; font-size:20px; display:block; height:128px; width:61px; line-height:108px; float:left; text-align:left;} .widget_wpweather .weatherCondition { background:none; float:left; width:260px; height:24px; color:#595959; line-height:24px; text-align:center; font-size:22px; display:block;text-align:center;} .widget_wpweather .weatherFeel { background:none; float:left; width:260px; display:none;} .widget_wpweather .weatherHilo { background:none; float:left; display:none; width:260px;} /*############################ FOOTER ############################*/ .footerWrap { width:100%; background:url(./style/images/footer_bg.png) top left repeat-x #404040; position:relative;} #siteFooter { background:none; width:960px; height:auto; margin:0 auto; padding:30px 0 30px 0; position:relative;} #siteFooter p { color:#ccc; line-height:30px;} #siteFooter a { line-height:30px; height:30px; display:inline-block; color:#fff;} #siteFooter a:hover { color:#000;} #siteFooter p a.footerWP { color:#fff; padding-left:25px; background:url(./style/images/footer_wp_logo.png) center left no-repeat;} #siteFooter p a.footerWP:hover { color:#000;} .floatLeft { float:left;} .floatRight { float:right;} #footerLegal { float:left; background:none; width:960px; margin-bottom:20px;} #footerForm { width:480px; background:none; float:left;} #footerForm p { font-size:12px; line-height:20px; font-weight:bold;} #footerForm span.star { color:#red; font-size:18px;} #footerForm form { float:left;} #footerForm #footerFormInputs { width:220px; background:none; float:left; margin-bottom:0px; margin-right:20px;} #footerForm #footerFormInputs p { width:220px; height:22px; margin-bottom:13px;} #footerForm #footerFormInputs input { width:138px !important; padding:2px !important; height:16px; background:#fff; border:1px solid #ccc; float:right;} #footerForm #footerFormMessage { width:240px; background:none; float:left; clear:none;} #footerForm #footerFormMessage textarea { width:228px; height:70px; float:left; padding:15px 5px 5px 5px; margin:0 0 10px; background:url(./style/images/footer_form_message_bg.png) top left no-repeat #fff; border:1px solid #ccc;} #footerForm #footerFormInputs input:focus, #footerForm #footerFormMessage textarea:focus { border:1px solid #5abbfb;} #footerForm #footerFormMessage input { width:100px; height:30px; float:right; padding:0px; background:#96b6cb; border:0;} #footerForm #footerFormMessage input:hover { background:#5abbfb; cursor:pointer;} #footerRss { background:url(http://www.mozilla.org/images/feed-icon-14x14.png) center right no-repeat; padding-right:18px;} #footerNav { float:right; background:none; width:440px; padding:0 0 0 20px; margin-bottom:10px;} #footerCats, #footerPages { float:right; width:160px; margin-left:20px; font-size:18px; line-height:28px; padding-bottom:10px; background:#4d4d4d;} #footerCats {} #footerPages {} #footerCats li, #footerPages li { text-align:center; color:#ccc;} #footerCats ul, #footerPages ul { background:#333 !important; line-height:20px; padding:10px 20px; float:left;} #footerCats ul li, #footerPages ul li { float:left; width:120px; background:none; text-align:left;} #footerCats li a, #footerPages li a { float:left; width:120px; height:20px; line-height:20px; background:none; font-size:12px; color:#ccc;} #footerCats li a:hover, #footerPages li a:hover { color:#fff;} a#footerAdmin { display:block; width:80px; height:30px; text-align:center; background:#333; clear:both; margin:0; position:absolute; bottom:0; left:0; font-size:12px; line-height:30px;} a#footerAdmin:hover { background:#666;} *a#footerAdmin { position:relative;} /*############################ HOME ############################*/ /* POST */ .home #siteMain .postBody { border:none; padding-bottom:0;} .home #siteMain .post { margin-bottom:10px; padding-bottom:-10px;} .postInfoHome { background:url(./style/images/post_info_home_bg.png) bottom left no-repeat; height:34px;} .home .post .postTitle { width:640px; margin-bottom:10px;} .home .post .postBody h2 { padding-bottom:10px;} .page .post { border-bottom:1px solid #ccc;} #intro h2 { font-size:34px; line-height:36px; text-align:left; width:620px !important; display:block;} #intro .postTitle span { color:#0d58a6;} #homeSidebar { float:right; width:280px; background:none;} /* SIDEBAR */ #recentAgendas h3 { /*background:url(./style/images/recent_agendas_bg.png) center left no-repeat;*/} #recentMinutes h3 { /*background:url(./style/images/recent_minutes_bg.png) center left no-repeat;*/} #recentAgendas span, #recentMinutes span { font-size:10px; line-height:12px !important;} .home .widgettitle:hover { background:url(./style/images/widget_title_bg_h.png) top left no-repeat;} /* HOME CATS */ #homeCategories { float:left; background:none; width:640px; padding:0; padding-top:10px; border-top:1px solid #ccc;} #homeCategories li { width:91px; height:40px; background:# ; float:left;} #homeCategories li a { width:91px; height:40px; display:block; float:left; background:none; color:#000; line-height:40px; text-align:center;} #homeCategories li a:hover { text-decoration:underline;} #homeContact { float:left; width:295px; min-height:228px; background:#fafdff; border:1px solid #ebebeb; padding:9px; margin:0 10px 10px 0;} #homeContact .colLeft, #homeContact .colRight { width:140px; float:left;} #homeContact h3 { font-size:22px; margin-bottom:10px;} #homeContact h4 { font-size:12px;} #homeContact p { margin-bottom:20px;} #homeContact .colRight p { margin-bottom:10px;} #homeContact a { color:#062a5c;} #homeContact a:hover { text-decoration:underline;} #homeContactEmail { margin-bottom:10px; display:block;} #homeGoogleLink { width:315px; height:57px; float:left; display:block; background:url(./style/images/home_google_link.png) top left no-repeat; text-indent:-9999px;} #homeGoogleLink:hover { background:url(./style/images/home_google_link_h.png) top left no-repeat;} #homeGoogleMap { float:right; margin-bottom:10px; width:295px; height:295px; background:#fafdff; border:1px solid #ebebeb; padding:9px;} /* FEEDS */ #homeFeeds { width:920px; float:left; margin-top:10px;} #bbcFeed { float:left; width:640px;} #bbcFeed h4 { width:140px; height:40px; padding-left:20px; line-height:40px; display:block; background:url(./style/images/oxford_feed_bg.png) center left no-repeat; float:left; font-size:14px; font-weight:normal; text-align:center;} #bbcFeed .simplepie { width:480px; height:40px; float:left; background:url(./style/images/bbc_feed_title_bg.png) top left no-repeat #f2faff;} #bbcFeed .simplepie li { float:left; width:480px; height:40px; background:none;} #bbcFeed .simplepie .simpleFavicon { float:left; width:32px; height:32px; line-height:40px; padding:4px; background:#fff; margin-right:10px;} #bbcFeed .simplepie .simpleFavicon img {} #bbcFeed .simplepie .simpleTitle{ width:380px; height:38px; line-height:38px; padding:0 50px; float:left; display:block; text-align:center;} #bbcFeed .simplepie .simpleMore { width:60px; float:left; background:purple; display:block; text-align:left; font-size:12px;} #bbcFeed .simplepie li a { line-height:40px; color:#062a5c; width:100%;} #bbcFeed .simplepie li a:hover { text-decoration:underline;} #bbcFeed .simplepie span.date { float:left; width:80px; height:40px; font-size:10px; line-height:40px;} #feedCycle { width:480px; height:40px; float:left; overflow:hidden;} #homeRss { width:220px; height:40px; float:right; padding-left:20px; background:url(./style/images/home_rss.png) top right no-repeat; font-size:18px; text-align:center; line-height:38px; color:#fff;} #homeRss:hover { background:url(./style/images/home_rss_h.png) top right no-repeat #ffd9b2;} /*############################ FIXES ############################*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0;} .clearfix { display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} /* ################################## COMMENTS ################################## */ div.comment {margin:10px 0 30px 0; padding:10px 0; border-bottom:1px dotted #ccc;} p.comment-details {font:normal 130% Georgia, serif;} .avatar {float:left; margin:0 20px 0 0; border:5px solid #eee;-moz-border-radius:5px;-webkit-border-radius: 5px;} div.comment-text {margin:50px 0 0 0;} div.author-comment {background: #f9fbc1;-moz-border-radius:5px;-webkit-border-radius:5px; padding: 10px !important; border:1px solid #f1f1f1;} h2#comment-header {margin:40px 0 10px 0 !important; border-bottom:1px dotted #ccc; padding:0 0 5px 0;} h2#respond {margin:40px 0 10px 0 !important;} h3#no-comments {font:italic bold 110% Georgia, serif !important; color:#666 !important;} /* ################################## FORMS ################################## */ label {display:block; margin:0 0 5px 0;} .text {width:350px; margin:0 0 10px 0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;} textarea {width:450px; height:150px; margin:0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc; -moz-border-radius:5px;} .submit {width:auto; padding:15px 20px; margin:5px 0; color:#fff; background:#333; border:1px solid #333; -moz-border-radius:5px;-webkit-border-radius: 5px;} #warningWrap { width:100%; background:#f4f07b; height:30px; display:none;} #warning { width:960px; height:30px;margin:0 auto;} #warning p { line-height:30px; text-align:center;} #warning strong { color:#000;} #warning a { font-weight:bold; color:#00F;}