/* Theme Name: huwy_EE Theme URI: http://wordpress.org/ Description: HUWY EE Theme Version: 0.1 Author: Colin Brown Author URI: http://www.dogdigital.co.uk/ Tags: */ /* HUWY CSS Document */ body.main-bg{ background-image:url(images/bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:white; line-height:14px; background-color:#F3F3EB; } a, a:hover, a:visited { color:#73C067; } input { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; } textarea { width:99%; border:1px solid #E3E3E3; } p { color:#3F3F3F; line-height:18px; font-size:12px; padding:7px 0px 7px 0px; } small { color:#3F3F3F; } strong { font-weight:bold; } .em { color:#3C5AA2; } em { font-style:italic; } h1 { color:#3C5AA2; font-size:20px; margin-left:7px; font-weight:normal; margin-bottom:12px; } h2 { color:#3C5AA2; font-size:18px; font-weight:normal; margin-bottom:10px; } h3 { color:#3C5AA2; font-size:15px; font-weight:bold; margin-bottom:10px; margin-top:10px; } ol { margin:5px 0px 5px 35px; font-size:12px; } ol li { color:#526CAA; list-style-type:decimal; line-height:16px; } ol li span { color:#3F3F3F; } ul { margin:5px 0px 5px 35px; font-size:12px; } ul li { color:#526CAA; list-style-type:disc; line-height:16px; } ul li span { color:#3F3F3F; } div.nopad p { padding:0px; margin:0px; } .floatleft { float:left; } .floatright { float:right; } .error { color:red; font-weight:bold; } .nobg { background-image:none !important; } .nomargin { margin:0px !important; } .image-border { margin:0px 0px 10px 20px; } .hr-dotted { font-size:0px; border-bottom:1px dotted #304888; line-height:0px; height:1px; width:100%; clear:both; margin:3px 0px 3px 0px; } .small { font-size:11px !important; } .red { color:red !important; } .white { color:white !important; } .bold { font-weight:bold; } .spacer-right-20px { width:20px; } .underline { text-decoration:underline; } .green { color:#73C067; } .blue { color:#526CAA; } .indent { margin-left:15px; } .focus-box { background-color:#F2F2F2; padding:10px 8px 16px 8px; border:1px solid #EAEAEA; margin-bottom:15px; } .focus-box h2 { font-size:18px; color:#3C5AA2; font-weight:bold; margin:0px; padding:0px 0px 5px 0px; } .focus-box p { padding:5px 0px 5px 0px; } .focus-box a { text-decoration:none; } .message { font-weight:bold; } .login-links { margin-left:20px; font-size:12px; } .back-to { text-align:right; width:100%; margin:0px; padding:0px; margin-bottom:5px; } .display { display:block !important; } img.alignright { float:right; margin:5px 0px 10px 10px; } .profile-image { width:60px; float:left; margin-right:10px; } .profile-image img { border:1px solid #E3E3E3; } #container { width:986px; margin:0 auto 0 auto; margin-top:0px; /*19px*/ } #container #header { margin-left:11px; width:960px; height:242px; } #container #header .logo { width:379px; height:145px; padding-top:8px; padding-left:0px; } #container #header .portal { float:right; background-image:url(images/header_portal_bg.jpg); background-repeat:repeat-x; height:42px; line-height:42px; color:white; padding:0px 0px 0px 21px; font-size:12px; } #container #header .portal .select-portal { float:left; margin-right:13px; height:42px; } #container #header .portal .select-portal a { text-decoration:none; color:white; } #container #header .portal .select-portal a:hover { text-decoration:underline; } #container #header .portal .portal-icons { float:left; margin-top:10px; margin-right:4px; } #container #header .portal .portal-icons img { margin-right:5px; float:left; width:23px; height:24px; } #container #header .portal .portal-splitter { width:3px; float:left; font-size:1px; height:42px; background-image:url(images/header_portal_splitter.jpg); background-repeat:no-repeat; margin:0px 20px 0px 8px; } #container #header .login-user { float:left; padding-right:10px; } #container #header .portal .envelope { margin-top:6px; margin-left:2px; margin-right:10px; width:25px; height:25px; float:left; } #container #header .portal .search { float:left; } #container #header .portal .search input { width:148px; margin-top:13px; height:16px; border:1px solid #A8A8A8; float:left; } #container #header .portal .search .search-btn { float:left; margin-left:4px; margin-top:6px; width:26px; height:27px; margin-right:7px; } #container #header .header-main { position:relative; width:960px; height:200px; background-image:url(images/header_huwy_bg.jpg); background-repeat:no-repeat; } #container #header .header-main .header-main-top { height:164px; width:960px; } #container #header .header-main .header-main-top .description { width:400px; min-height:50px; font-size:19px; position:absolute; left:170px; font-weight:lighter; top:98px; line-height:24px; } #container #header .header-main .nav { top:164px; width:960px; height:36px; font-size:14px; padding-left:12px; } #container #header .header-main .nav ul { display:block; margin:0 auto 0 auto; } #container #header .header-main .nav ul li { display:block; float:left; border-right:1px solid #272634; line-height:36px; } #container #header .header-main .nav ul li.over, #container #header .header-main .nav ul li.current_page_item, #container #header .header-main .nav ul li.current_page_ancestor { background-image:url(images/nav_bg_over.png) !important; background-repeat:repeat-x; } #container #header .header-main .nav ul li.last { border-right:none; } #container #header .header-main .nav ul li a { text-decoration:none; font-size:13px; font-weight:normal; color:white; display:block; padding:0px 22px 0px 22px; } #container #tabs { margin-left:11px; width:986px; background-position:left bottom; height:auto; background-image:url(images/tabs/tab_bg_0.jpg); background-repeat:repeat-y; } #container #tabs h5 { font-family:Arial, Helvetica, sans-serif; color:white; font-size:14px; font-weight:bold; line-height:20px; display:block; width:180px; margin:0px; padding:20px 0px 0px 0px; margin-left:10px; } #container #tabs h5 a { text-decoration:none; color:white; display:block; } #container #tabs .left-tab { width:192px; float:left; } #container #tabs .left-tab .ltab-bg { width:192px; background-image:url(images/tabs/tab_left_mid.jpg); background-repeat:repeat-y; } #container #tabs .left-tab .ltab-content { height:62px; background-image:url(images/tabs/tab_left_top.jpg); background-repeat:no-repeat; } #container #tabs .left-tab.over .ltab-bg, #container #tabs .left-tab.selected .ltab-bg { background-image:url(images/tabs/tab_left_mid_over.jpg); } #container #tabs .left-tab.over .ltab-content, #container #tabs .left-tab.selected .ltab-content { background-image:url(images/tabs/tab_left_top_over.jpg); } #container #tabs .mid-tab { width:192px; float:left; } #container #tabs .mid-tab .mtab-bg { width:192px; background-image:url(images/tabs/tab_mid_mid.jpg); background-repeat:repeat-y; } #container #tabs .mid-tab .mtab-content { height:62px; background-image:url(images/tabs/tab_mid_top.jpg); background-repeat:no-repeat; } #container #tabs .mid-tab.over .mtab-bg, #container #tabs .mid-tab.selected .mtab-bg { background-image:url(images/tabs/tab_mid_mid_over.jpg); } #container #tabs .mid-tab.over .mtab-content, #container #tabs .mid-tab.selected .mtab-content { background-image:url(images/tabs/tab_mid_top_over.jpg); } #container #tabs .right-tab { width:191px; float:left; } #container #tabs .right-tab .rtab-bg { width:191px; background-image:url(images/tabs/tab_right_mid.jpg); background-repeat:repeat-y; } #container #tabs .right-tab .rtab-content { height:62px; background-image:url(images/tabs/tab_right_top.jpg); background-repeat:no-repeat; } #container #tabs .right-tab.over .rtab-bg, #container #tabs .right-tab.selected .rtab-bg { background-image:url(images/tabs/tab_right_mid_over.jpg); } #container #tabs .right-tab.over .rtab-content, #container #tabs .right-tab.selected .rtab-content { background-image:url(images/tabs/tab_right_top_over.jpg); } #container #tabs-base { width:960px; height:18px; clear:both; margin-left:11px; background-color:#3A3937; } #container #tabs-base .ltab-base { width:192px; height:18px; background-image:url(images/tabs/tab_left_base.jpg); background-repeat:no-repeat; float:left; } #container #tabs-base .mtab-base { width:192px; height:18px; background-image:url(images/tabs/tab_mid_base.jpg); background-repeat:no-repeat; float:left; } #container #tabs-base .rtab-base { width:191px; height:18px; background-image:url(images/tabs/tab_right_base.jpg); background-repeat:no-repeat; float:left; } #container #tabs-base .ltab-base.over, #container #tabs-base .ltab-base.selected { background-image:url(images/tabs/tab_left_base_over.jpg); } #container #tabs-base .mtab-base.over, #container #tabs-base .mtab-base.selected { background-image:url(images/tabs/tab_mid_base_over.jpg); } #container #tabs-base .rtab-base.over, #container #tabs-base .rtab-base.selected { background-image:url(images/tabs/tab_right_base_over.jpg); } #container .topics-title-header { margin-left:11px; background-image:url(images/topics_header_bar.jpg); background-repeat:no-repeat; width:960px; height:62px; } #container .topics-title-header h1 { color:white; padding-top:30px; margin-left:16px; font-size:18px; font-weight:normal; } #container #body { width:986px; background-image:url(images/body_bg.jpg); background-repeat:repeat-y; /*padding-bottom:35px; */ } #container #body.dark { background-image:url(images/body_bg_dark.jpg) !important;} #container #body #page { background-image:url(images/bg_main_head.jpg); background-repeat:no-repeat; width:986px; min-height:100px; padding-top:30px; } #container #body #page h1 { margin-left:20px; } #container #body #page .page-3-column { width:954px; margin-left:14px; padding-bottom:35px; } #container #body #page .page-3-column .page-3-col { float:left; width:318px; background-image:url(images/3_col_bg.gif); background-repeat:repeat-y; } #container #body #page .page-3-column .page-3-col img { margin-left:11px; } #container #body #page .page-3-column .page-3-col h2 { color:#3C5AA2; font-size:15px; padding:10px 11px 5px 11px; line-height:18px; } #container #body #page .page-3-column .page-3-col p { color:#3F3F3F; padding:5px 11px 5px 11px; font-size:12px; } #container #body #page .page-3-column .page-3-col .btn-pos { margin:5px 11px 5px 11px; } #container #body #page .page-1-column { width:954px; margin-left:20px; padding-bottom:35px; } #container #body #actual-story { width:986px; padding-bottom:0px; } #container #body #actual-story.about-bg { background-image:url(images/about_bg.jpg); background-repeat:repeat-y; } #container #body #actual-story ul { margin:5px 0px 5px 35px; font-size:12px; } #container #body #actual-story ul li { color:#526CAA; list-style-type:disc; line-height:16px; padding:3px 0px 3px 0px } #container #body #actual-story ul li span { color:#3F3F3F; } #container #body #actual-story .actual-col1 { width:730px; float:left; min-height:100px; } #container #body #actual-story .actual-col1 .story-header { width:730px; float:left; height:50px; background-image:url(images/story_col1_header.jpg); background-repeat:no-repeat; } #container #body #actual-story .actual-col1 .about-header { width:730px; float:left; min-height:30px; background-image:url(images/header_left_col_standard.jpg); background-repeat:no-repeat; } #container #body #actual-story .actual-col1 .about-header h1 { color:#3C5AA2; display:block; width:650px; font-size:18px; font-weight:normal; margin-bottom:16px; padding-left:20px; padding-top:34px; } #container #body #actual-story .actual-col1 .about-header p { font-weight:normal; margin-bottom:6px; padding-left:20px; } #container #body #actual-story .actual-col1 .story-header h1 { color:white; font-size:18px; font-weight:normal; margin-bottom:0px; padding-left:22px; padding-top:19px; } #container #body #actual-story .actual-col1 .the-story { width:670px; padding:20px 30px 35px 30px; background-image:url(images/story_col1_bg.jpg); min-height:150px; background-repeat:repeat-y; } #container #body #actual-story .actual-col1 .the-story h2 { color:white; font-size:20px; font-weight:normal; padding:0px 0px 18px 0px; } #container #body #actual-story .actual-col1 .the-story li { color:white; } #container #body #actual-story .actual-col1 .the-story p { color:white; } #container #body #actual-story .actual-col1 .the-story .added { font-size:12px; color:white; margin-bottom:10px; } #container #body #actual-story .actual-col2 { width:256px; float:left; min-height:100px; background-image:url(images/story_col2_bg.jpg); background-repeat:repeat-y; } #container #body .col2-header { min-height:64px; width:246px; background-image:url(images/story_col2_header.jpg); background-repeat:no-repeat; padding-top:1px; } #container #body .col2-header h2 { background-image:url(images/col2-header.jpg); background-repeat:no-repeat; width:100%; height:41px; color:white; font-size:18px; line-height:34px; font-weight:normal; padding-left:8px; } table.stories-table { border-collapse:separate; } .stories-table tbody tr td { border-bottom:1px solid #304888; } #container #body #actual-story .actual-col1 .related-topics { padding-top:35px; } #container #body #actual-story .actual-col1 .related-topics h2 { background-image:url(images/heading_bg.gif); line-height:22px; background-repeat:no-repeat; background-position:18px 12px; height:30px; width:696px; padding-left:34px; color:#3C5AA2; font-size:18px; font-weight:normal; padding-bottom:12px; } #container #body #actual-story .actual-col1 .related-topics .topic-box { width:700px; margin-top:10px; margin-left:22px; background-image:url(images/related_topics_box_bg.jpg); background-repeat:repeat-y; padding-bottom:20px; } #container #body #actual-story .actual-col1 .related-topics .topic-box .topic-box-top { width:700px; min-height:27px; background-image:url(images/related_topics_box_top.jpg); background-repeat:no-repeat; padding-top:12px; } #container #body #actual-story .actual-col1 .related-topics .topic-box .topic-box-top .topic-box-col1 { padding-left:12px; width:83px; float:left; } #container #body #actual-story .actual-col1 .related-topics .topic-box .topic-box-top .topic-box-col2 { width:585px; padding-right:20px; float:left; color:#3F3F3F; font-size:12px; line-height:18px; } #container #body #actual-story .actual-col1 .related-topics .topic-box .topic-box-top .topic-box-col2.wider { padding-left:20px; width:665px !important; } #container #body #actual-story .actual-col1 .related-topics .topic-box .topic-box-top .topic-box-col2 h3 { color:#3C5AA2; font-size:18px; font-weight:normal; } #container #body #actual-story .actual-col1 .related-topics .topic-box .topic-box-top .topic-box-col2 p { padding:8px 0px 8px 0px; color:#3F3F3F; } #container #body #actual-story .actual-col2 .recently-posted-story { width:231px; background-image:url(images/hr_recent_story.gif); background-repeat:repeat-x; background-position:bottom; } #container #body #actual-story .actual-col2 .recently-posted-story img { margin:9px 0px 5px 7px; } #container #body #actual-story .actual-col2 .added { font-size:12px; color:#3F3F3F; padding-left:7px; } #container #body #actual-story .actual-col2 h3 { color:black; font-size:12px; font-weight:normal; padding:5px 0px 10px 7px; margin:0px; line-height:18px; } #container #body #actual-story .actual-col2 .view-all { margin:5px 25px 15px 0px; } #container #body #actual-story .actual-col2 .view-all a { color:#73C067; font-size:12px; text-decoration:underline; } #container #body #actual-story .actual-col2 .list ul { margin:0px; padding:0px; list-style-type:none; } #container #body #actual-story .actual-col2 .list a { text-decoration:none; color:black; line-height:26px; } #container #body #actual-story .actual-col2 .list ul li { width:232px; color:black; list-style-type:none; margin:0px; text-indent:0px; padding:0px; padding-left:22px; height:25px; line-height:25px; background-image:url(images/right_nav.jpg); background-repeat:no-repeat; } #container #body #actual-story .actual-col2 .list ul li.current_page_item, #container #body #actual-story .actual-col2 .list ul li.over { background-image:url(images/right_nav_selected.jpg) !important; } #container #body #right_nav_events .event-hr { height:3px; font-size:0px; line-height:1px; width:230px; background-image:url(images/right_nav_hr.gif); background-repeat:repeat-x; background-position:bottom; } #container #body #right_nav_events .event { height:40px; width:220px; line-height:16px; margin-left:6px; background-image:url(images/right_nav_hr.gif); background-repeat:repeat-x; background-position:bottom; } #container #body #right_nav_events .event .event-date { background-image:url(images/bull.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:15px; color:#3F3F3F; font-weight:bold; font-size:12px; } #container #body #right_nav_events .event .event-title a { line-height:17px; padding-left:15px; color:#3C5AA2; font-weight:bold; font-size:12px; } #container #body #right_nav_events .event .event-title a:hover { text-decoration:underline; } #container #body #right_nav_comments h2 { margin-left:0px; background-image:url(images/col2-header.jpg); background-repeat:no-repeat; width:223px; height:41px; color:white; font-size:18px; line-height:34px; font-weight:normal; padding-left:8px; } #container #body #right_nav_comments .event-hr { margin-left:7px;height:3px; font-size:0px; line-height:1px; width:230px; background-image:url(images/right_nav_hr.gif); background-repeat:repeat-x; background-position:bottom; } #container #body .recent-comment { color:black; width:220px; line-height:16px; margin-left:6px; background-image:url(images/right_nav_hr.gif); background-repeat:repeat-x; background-position:bottom; } #container #body .recent-comment .comment-date { padding-left:20px; } #container #body .recent-comment .comment-name { background-image:url(images/bull.gif); background-repeat:no-repeat; background-position:7px 5px; padding-left:7px; color:#3F3F3F; font-weight:bold; font-size:12px; } #container #body .recent-comment .news-title { background-image:url(images/bull.gif); background-repeat:no-repeat; background-position:7px 5px; padding-left:8px; line-height:16px; padding-bottom:5px; color:#3F3F3F; font-weight:bold; font-size:12px; } #container #body .recent-comment .news-title a { color:#3F3F3F; } #container #body .recent-comment a { line-height:17px; padding-left:15px; text-decoration:none; font-weight:bold; color:#3C5AA2; font-size:12px; } #container #body .recent-comment a:hover { text-decoration:none; font-weight:bold; color:#3C5AA2; } #container #body .recent-comment .comment-body { padding:2px 0px 8px 20px; } #container #body #comments { width:696px; } #container #body #comments .single-comment { background-color:white; } #container #body #comments .single-comment.policy-maker { background-color:#EEF6ED; } #container #body #comments .single-comment.admin { background-color:#FFFFDF; } #container #body #comments h2 { background-image:url(images/heading_bg.gif); line-height:22px; background-repeat:no-repeat; background-position:18px 12px; height:30px; width:696px; padding-left:34px; color:#3C5AA2; font-size:18px; font-weight:normal; padding-bottom:12px; } #container #body #comments #respond { padding-left:34px; clear:both; } #container #body #comments .single-comment .comment-content { border:1px solid #E3E3E3; padding:2px 10px 15px 10px; color:#3F3F3F; } #container #body #comments .single-comment .comment-content .hr-dotted { padding:3px 0px 3px 0px; } #container #body #comments .single-comment .comment-base { background-image:url(images/comment_base.jpg); height:14px; width:100%; } #container #body .related-tags { color:white; font-size:12px; line-height:25px; height:25px; } #container #body .related-tags a { color:#73C067; text-decoration:underline; } #container #body .related-tags a:hover { text-decoration:none; } #container #body .related-tags-dark { color:#3F3F3F; font-size:12px; line-height:25px; height:25px; } #container #body .related-tags-dark a { color:#62A756; text-decoration:underline; } #container #body .related-tags-dark a:hover { text-decoration:none; } /* About */ #container #body #actual-story .about-box { width:700px; min-height:100px; margin-left:22px; background-color:#EEEEE9; } #container #body #actual-story .about-box .about-top { width:700px; height:26px; background-image:url(images/about_box_top.jpg); background-repeat:repeat-x; } #container #body #actual-story .about-box .about-content { padding:0px 13px 24px 13px; } #container #body #actual-story .about-box .about-content img { padding:10px 0px 15px 0px; } #container #body #actual-story .about-box .about-content ul li { list-style-type:disc; color:#3f3f3f; margin-left:15px; line-height:18px; } #container #body #actual-story .about-box .about-content ul li a { font-size:12px; padding-left:0px; } #container #body #actual-story #results-main { padding-left:5px; } #container #body #actual-story #results-main h3 { padding-left:17px; } #container #body #actual-story #news-template { width:700px; margin:0px 0px 0px 20px; } #container #body #actual-story #news-template .news-item { position:relative; width:700px; min-height:50px; background-color:white; } #container #body #actual-story #news-template .news-item .news-header-green { width:700px; height:36px; position:absolute; top:0px; left:0px; z-index:1; background-image:url(images/news_box_green_top.jpg); background-repeat:no-repeat; display:none; } #container #body #actual-story #news-template .news-item .news-header-blue { width:700px; height:36px; position:absolute; top:0px; left:0px; z-index:2; background-image:url(images/news_box_blue_top.jpg); background-repeat:no-repeat; } #container #body #actual-story #news-template .news-item .header-text { width:700px; position:absolute; top:0px; left:0px; z-index:3; } #container #body #actual-story #news-template .news-item .header-text h2 { line-height:36px; font-size:16px; font-weight:bold; color:white; margin-left:10px; display:block; width:650px; float:left; } #container #body #actual-story #news-template .news-item .header-text h2 a { color:white; text-decoration:none; } #container #body #actual-story #news-template .news-item .header-text h2 a:hover { text-decoration:underline; } #container #body #actual-story #news-template .news-item .header-text .toggle-button { width:27px; height:25px; position:relative; background-color:transparent; float:left; margin-top:6px; } #container #body #actual-story #news-template .news-item .header-text .toggle-button .expand-news { position:absolute; top:0px; left:0px; cursor:pointer; background-image:url(images/news_blue_expand.jpg); background-repeat:no-repeat; width:27px; height:25px; } #container #body #actual-story #news-template .news-item .header-text .toggle-button .contract-news { position:absolute; top:0px; left:0px; cursor:pointer; background-image:url(images/news_green_contract.jpg); background-repeat:no-repeat; width:27px; height:25px; display:none; } #container #body #actual-story #news-template .news-body { display:none; z-index:0; padding-top:36px; border:1px solid #E5E9E5; border-top:none; border-bottom:none; background-color:white; } #container #body #actual-story #news-template .news-body .news-content { padding:14px 14px 14px 14px; color:#3F3F3F; font-size:12px; line-height:18px; } #container #body #actual-story #news-template .news-body .news-content ul li { color:#3F3F3F; font-size:12px; line-height:18px; } #container #body #actual-story #news-template .news-body .news-content ol li { color:#3F3F3F; font-size:12px; line-height:18px; } #container #body #actual-story #news-template .news-item .news-footer { background-image:url(images/news_box_green_base.jpg); height:12px; width:700px; background-repeat:no-repeat; margin-bottom:32px; } #container #body #results-header { width:986px; height:64px; background-image:url(images/header_left_col_standard.jpg); background-repeat:no-repeat; } #container #body #results-header h1 { color:white; font-size:18px; font-weight:normal; margin-bottom:16px; padding-left:30px; padding-top:36px; } #container #body #results h2 { padding-left:0px; } #container #results { width:986px; min-height:100px; background-image:url(images/results_bg.jpg); background-repeat:repeat-y; margin-bottom:30px; padding-top:13px; padding-left:20px; } /*#container { margin-left:0px; width:703px; float:left; } #container h2 { margin-left:17px; } */ /* #container #results .results-col2 { width:241px; float:left; } */ #container #report { width:678px; padding:10px; min-height:200px; background-color:#EEEEE9; border:1px solid #E7E7E2; margin:35px 0px 0px 18px; } #container #report .avatar { padding-right:16px; } #container #report .report-header { padding:4px 0px 15px 0px; } #container #report .report-header .report-date { font-size:12px; color:#3F3F3F; font-weight:bold; padding:0px 0px 4px 0px; } #container #report .report-header h2 { font-size:16px; color:#3F3F3F; font-weight:bold; margin:0px; padding:0px 0px 6px 0px; } #container #report .report-header h3 { font-size:18px; color:#3C5AA2; font-weight:bold; margin:0px; padding:0px 0px 4px 0px; } #container #report .report-header h3 a { color:#62A756; text-decoration:underline; font-size:11px; } #container #results .results-col2 { min-height:64px; float:left; width:241px; background-image:url(images/story_col2_header.jpg); background-repeat:no-repeat; padding-top:33px; } #container #results .results-col2 .related-results { width:232px; margin-left:6px; padding-bottom:10px; } #container #results .results-col2 .related-header { background-image:url(images/results_accordion_top.jpg); background-repeat:no-repeat; width:232px; height:72px; } #container #results .results-col2 .related-header h2 { color:white; font-size:18px; line-height:22px; font-weight:normal; padding-top:5px; padding-left:8px !important; } #container .accord-header { cursor:pointer; width:232px; height:25px; background-image:url(images/results_accordion_contracted_bg.gif); line-height:27px; background-repeat:repeat-x; color:black; font-size:12px; } #container .accord-header .green { color:#59A34D; } #container .accord-header .accord-bullet { padding-left:8px; } #container .accord-header.expanded { color:#3C5AA2; font-weight:bold; background-image:url(images/results_accordion_expanded_bg.gif); } #container .accord-body { width:224px; background-repeat:repeat-x; background-color:white; padding-left:8px; } #container .accord-body ul { padding-left:8px; padding-bottom:8px; margin:0px; } #container .accord-body ul li { display:block; height:22px; line-height:22px; color:#3C5AA2; background-color:white; } #container .accord-body ul li.over { display:block; height:22px; line-height:22px; color:#3C5AA2; background-color:#59A34D; } #container .accord-body ul li.selected { display:block; height:22px; line-height:22px; color:#3C5AA2; background-color:#59A34D; } #container .accord-body ul li a { color:#3C5AA2; text-decoration:none; font-size:11px; padding-left:8px; } #container .accord-body ul li.over a { color:white !important; } #container .accord-body ul li.selected a { color:white !important; } #container .accord-body .results-nav { margin-left:0px; padding:0px; } #container #body #story-landing { background-image:url(images/story_landing_head_bg.jpg); background-repeat:no-repeat; width:986px; /*padding-bottom:40px;*/ } #container #body #story-landing h1 { color:white; font-size:18px; font-weight:normal; margin:0px; padding:34px 0px 16px 30px; } #container #body #story-landing .home-puff { margin-top:14px; } #container #body #story-landing .story-row { width:955px; padding:0px 25px 0px 16px; min-height:100px; background-image:url(images/bg_recent_mid.jpg); background-repeat:repeat-y; } #container #body #story-landing .story-row h2 { color:white; font-size:18px; font-weight:normal; margin-bottom:16px; padding-left:10px; } .hr-story { width:100%; height:3px; margin-top:15px; font-size:1px; line-height:3px; background-image:url(images/hr.gif); background-repeat:repeat-x; } #container #body #recent { width:955px; padding:0px 25px 0px 16px; min-height:100px; background-image:url(images/bg_recent_mid.jpg); background-repeat:repeat-y; } #container #body #recent h2 { color:white; font-size:18px; font-weight:normal; margin-bottom:16px; padding-left:10px; } #container #body .recent-top { width:986px; height:32px; background-image:url(images/bg_recent_top.jpg); background-repeat:no-repeat; } #container #body .recent-base { width:986px; height:17px; background-image:url(images/bg_recent_base.jpg); background-repeat:no-repeat; } #container #body .col-3-layout { width:317px; height:310px; float:left; min-height:100px; margin-bottom:20px; } #container #body .col-3-layout.home { height:auto; } #container #body .col-3-layout .story1 { width:295px; margin-left:8px; } #container #body .col-3-layout .story2 { width:295px; margin-left:9px; } #container #body .col-3-layout .story2 p { height:50px; /* this keeps the buttons in line */} #container #body .col-3-layout .story3 { width:295px; margin-left:11px; } #container #body #basic-1-column { width:930px; padding:0px 25px 0px 22px; } #container #body .col-3-layout .posted-date { padding:10px 0px 0px 9px; } #container #body .home-puff { width:295px; height:183px; position:relative; z-index:1; } #container #body .home-puff .puff-overlay-text { z-index:2; font-size:14px; font-weight:lighter; width:210px; position:absolute; top:135px; left:10px; line-height:19px; color:white; } #container #body .col-3-layout p { font-size:11px; color:white; padding:8px 0px 15px 9px; } #container #body .col-3-layout.big-para p { font-size:12px; color:#3F3F3F; padding:6px 0px 5px 0px; } #container #body .col-3-layout a { color:#59A34D; text-decoration:underline; } #container #body .col-3-layout a:hover { color:#59A34D; text-decoration:none; } #container #body .col-3-layout .about-huwy { margin-bottom:0px; width:295px; margin-left:8px; } #container #body .col-3-layout .about-huwy p { color:#3F3F3F; font-size:12px; padding-left:0px; line-height:16px; } #container #body .col-3-layout .about-huwy h1 { font-size:15px; font-weight:bold; color:#3C5AA2; line-height:21px; padding:0px; margin-bottom:8px; } #container #body #featured { width:955px; padding:0px 25px 0px 16px; background-image:url(images/bg_featured_mid.jpg); background-repeat:repeat-y; } #container #body #newsletter-box { width:317px; margin-left:0px; height:156px; background-image:url(images/newsletter_mid.jpg); background-repeat:repeat-y; margin-top:7px; } #container #body #newsletter-box .newsletter-top { width:306px; height:32px; background-image:url(images/newsletter_top.jpg); background-repeat:no-repeat; } #container #body #newsletter-box .newsletter-top h2 { margin-left:15px; display:block; color:#3C5AA2; padding-top:6px; line-height:28px; font-size:17px; } #container #body #newsletter-box p { padding-left:15px; width:168px; color:#3F3F3F; font-size:12px; } #container #body #newsletter-box .button-pos { margin-left:15px; } #container #body #newsletter-box .newsletter-main { width:195px; float:left; } #container #body #newsletter-box .newsletter-bg { float:left; margin-top:20px; width:69px; height:72px; background-image:url(images/envelope.jpg); background-repeat:no-repeat; } #container #body .newsletter-base { width:306px; height:22px; background-image:url(images/newsletter_base.jpg); background-repeat:no-repeat; } #container #body #login { width:306px; background-image:url(images/login_mid.jpg); background-repeat:repeat-y; } #container #body #login h2 { width:291px; height:32px; display:block; background-image:url(images/login_top.jpg); background-repeat:no-repeat; color:#3C5AA2; padding-top:6px; line-height:28px; font-size:17px; padding-left:15px; } #container #body #login h3 { padding-left:15px; line-height:18px; font-size:12px; font-weight:normal; padding-bottom:0px; } #container #body #login label { color:#3C5AA2; font-weight:bold; font-size:12px; padding-bottom:3px; display:block; padding-top:6px; } #container #body #login p { padding-left:15px; width:270px; color:#3F3F3F; font-size:12px; padding-bottom:4px; padding-top:0px; } #container #body #login fieldset { padding-left:18px; } #container #body #login .login-btn-pos { margin-top:14px; float:left; width:88px; } #container #body #login .login-register { float:left; margin-left:10px; margin-top:22px; width:140px; } #container #body .login-base { width:306px; height:9px; background-image:url(images/login_base.jpg); background-repeat:no-repeat; } /* News & Events */ #container #body #news { margin-left:5px; width:310px; background-image:url(images/news_bg.jpg); background-repeat:repeat-y; } #container #body #news p { color:#3F3F3F; } #container #body #news .news-tabs { padding-left:8px; width:302px; height:38px; background-image:url(images/news_top_bg.jpg); background-repeat:no-repeat; } #container #body #news .news-tabs .ntab { float:left; cursor:pointer; } #container #body #news .news-tabs .ntab .nleft { width:5px; height:38px; float:left; background-image:url(images/news_tab_off.jpg); background-repeat:no-repeat; } #container #body #news .news-tabs .ntab .nmid { height:32px; padding:6px 4px 0px 4px; float:left; background-image:url(images/news_tab_off.jpg); background-repeat:repeat-x; line-height:38px; text-decoration:none; color:#3F3F3F; font-size:13px; font-weight:bold; } #container #body #news .news-tabs .ntab .nright { width:5px; height:38px; float:left; background-image:url(images/news_tab_off.jpg); background-repeat:no-repeat; } #container #body #news .news-tabs .ntab.selected .nleft { background-image:url(images/news_tab_left.jpg); } #container #body #news .news-tabs .ntab.selected .nmid { background-image:url(images/news_tab_mid.jpg); color:#3C5AA2; } #container #body #news .news-tabs .ntab.selected .nright { background-image:url(images/news_tab_right.jpg); } #container #body #news .news-content { width:310px; min-height:100px; padding-top:6px; } #container #body #news .youth-group-content { width:310px; min-height:100px; padding-top:6px; } #container #body .result-by-youth-group h3 { margin-bottom:0px; } #container #body .result-by-youth-group p { margin-left:17px; margin-bottom:2px; } #container #body #news .news-item { margin-left:14px; width:282px; padding:8px 0px 8px 0px; border-bottom:1px solid #DFDFDF; } #container #body #news .news-item .news-col1 { width:70px; padding-right:10px; float:left; } #container #body #news .news-item .news-col2 { width:200px; float:left; } #container #body #news .news-item .news-col2 h4 { font-size:14px; color:black; margin-bottom:3px; font-weight:bold; } #container #body #news .news-item .news-col2 h4 a { color:#3C5AA2; font-weight:bold; text-decoration:none; } #container #body #news .news-item .news-col2 h5 { font-size:11px; color:#3F3F3F; line-height:14px; font-weight:normal; padding:0px; } #container #body #news .news-item .news-col2 p { font-size:11px; color:#3F3F3F; line-height:14px; font-weight:normal; padding:3px 0px 3px 0px; } #container #body #news .news-item .news-col2 h5 a { font-size:11px; color:#47843D; text-decoration:underline; font-weight:normal; } #container #body #news .news-view-link { padding:10px 0px 10px 18px; } #container #body #news .news-view-link a { color:#727272; text-decoration:underline; } #container #body .news-base { margin-left:5px; width:310px; height:10px; background-image:url(images/news_base.jpg); background-repeat:no-repeat; } #container #body #involved { width:955px; padding:10px 25px 0px 16px; min-height:100px; background-image:url(images/bg_involved_mid.jpg); background-repeat:repeat-y; } #container #body #involved-top { width:986px; height:18px; background-image:url(images/bg_involved_top.jpg); background-repeat:no-repeat; } #container #body #involved h2 { color:#3C5AA2; font-size:20px; margin-left:7px; font-weight:normal; margin-bottom:12px; } #container #body #involved h3 { color:#3C5AA2; font-size:16px; font-weight:bold; margin-bottom:12px; line-height:18px; } #container #body .youth-group { width:675px; margin-top:10px; margin-left:18px; background-image:url(images/related_topics_box_bg.jpg); background-repeat:repeat-y; padding-bottom:20px; } #container #body .youth-group .youth-group-top { width:675px; min-height:27px; background-image:url(images/related_topics_box_top.jpg); background-repeat:no-repeat; padding-top:12px; } #container #body .youth-group .youth-group-top .youth-group-col1 { padding-left:12px; width:83px; float:left; } #container #body .youth-group .youth-group-top .youth-group-col2 { width:560px; padding-right:20px; float:left; } #container #body .youth-group .youth-group-top .youth-group-col2 h3 { color:#3C5AA2; font-size:18px; font-weight:normal; } #container #body .youth-group .youth-group-top .youth-group-col2 p { padding:8px 0px 8px 0px; color:#3F3F3F; } #container #footer { width:976px; height:95px; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; padding:8px 0px 0px 20px; } #container #footer .footer-col1 { width:510px; float:left; } #container #footer .footer-col1 p { color:white; font-size:12px; padding:0px 0px 7px 0px; } #container #footer .footer-col2 { float:right; margin-right:35px; width:420px; margin-top:3px; } #container #footer .footer-col2 ul { list-style-type:none; display:inline; } #container #footer .footer-col2 ul li { list-style-type:none; display:inline; padding:0px 5px 0px 5px; border-right:1px solid white; } #container #footer .footer-col2 ul li.footer-last { border:none; } #container #footer .footer-col2 ul li a { text-decoration:none; color:white; font-size:12px; } #container #footer .footer-col2 ul li a:hover { text-decoration:underline; color:white; font-size:12px; } .green-button { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:white; height:34px; line-height:30px; cursor:pointer; text-decoration:none; display:inline; } .green-button a, .green-button a:visited, .green-button a:hover { text-decoration:none !important; color:white !important; } .green-button .gleft { width:7px; height:34px; float:left; background-image:url(images/btn_green_left.png); background-repeat:no-repeat; } .green-button .gmid { height:34px; float:left; background-image:url(images/btn_green_mid.png); background-repeat:repeat-x; padding:0px 7px 0px 5px; text-decoration:none; } .green-button .gright { width:11px; height:34px; float:left; background-image:url(images/btn_green_right.png); background-repeat:no-repeat; } .green-button.over .gleft { background-image:url(images/btn_green_left_over.png) !important; background-repeat:no-repeat; } .green-button.over .gmid { background-image:url(images/btn_green_mid_over.png) !important; background-repeat:repeat-x; text-decoration:none; } .green-button.over .gright { background-image:url(images/btn_green_right_over.png) !important; background-repeat:no-repeat; } .silver-button { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#3F3F3F; height:34px; line-height:30px; cursor:pointer; text-decoration:none; display:inline; } .silver-button a, .silver-button a:visited, .silver-button a:hover { text-decoration:none; color:#3F3F3F; } .silver-button .sleft { width:7px; height:34px; float:left; background-image:url(images/btn_silver_left.png); background-repeat:no-repeat; } .silver-button .smid { height:34px; float:left; background-image:url(images/btn_silver_mid.png); background-repeat:repeat-x; padding:0px 7px 0px 5px; } .silver-button .sright { width:11px; height:34px; float:left; background-image:url(images/btn_silver_right.png); background-repeat:no-repeat; } .silver-button.over .sleft { background-image:url(images/btn_silver_left_over.gif) !important; background-repeat:no-repeat; } .silver-button.over .smid { background-image:url(images/btn_silver_mid_over.gif) !important; background-repeat:repeat-x; } .silver-button.over .sright { background-image:url(images/btn_silver_right_over.gif) !important; background-repeat:no-repeat; } .rate-button { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:white; height:34px; line-height:30px; cursor:pointer; text-decoration:none; display:inline; } .rate-button a, .rate-button a:visited, .rate-button a:hover { text-decoration:none; color:white; } .rate-button .rleft { width:7px; height:34px; float:left; background-image:url(images/btn_green_left.png); background-repeat:no-repeat; } .rate-button .rmid { height:34px; float:left; font-weight:bold; background-image:url(images/btn_green_mid.png); background-repeat:repeat-x; padding:0px 7px 0px 5px; text-decoration:none; } .rate-button .rmid .star { cursor:pointer; float:left; margin-top:8px; margin-left:0px; width:15px; height:13px; display:inline; background-image:url(images/rate_off.gif); background-repeat:no-repeat; } .rate-button .rmid .star.on { background-image:url(images/rate_on.gif) !important; background-repeat:no-repeat; } .rate-button .rmid .rate-text { float:left; margin-right:2px; } .rate-button .rright { width:11px; height:34px; float:left; background-image:url(images/btn_green_right.png); background-repeat:no-repeat; } #wp-calendar table tr th { width:32px; height:23px; color:white; background-color:#3C5AA2; text-align:center; vertical-align:middle; border:1px solid white; } #wp-calendar table tr td { background-color:#EDEDEB; color:#3C5AA2; width:32px; height:29px; border:1px solid white; text-align:center; vertical-align:middle; } #wp-calendar table tr td.ec3_eventday { background-color:#D1E1CE; text-decoration:underline; border-bottom:3px solid #73C067; height:27px; } #wp-calendar table tr td.ec3_eventday a { color:#3C5AA2; } #wp-calendar .cal-nav { background-image:url(images/cal_header_bg.jpg); background-repeat:repeat-x; width:230px; height:31px; } #wp-calendar .cal-nav .cal-prev { width:26px; height:24px; margin:3px 0px 0px 10px; float:left; } #wp-calendar .cal-nav .cal-next { width:26px; height:24px; margin:3px 0px 0px 0px; float:left; } #wp-calendar .cal-nav .cal-month { width:150px; height:31px; line-height:31px; font-size:12px; text-align:center; float:left; } #wp-calendar .cal-header { width:222px; height:35px; background-color:#3C5AA2; color:white; font-size:18px; line-height:35px; font-weight:normal; padding-left:8px; border-bottom:1px solid #8E919C; } #register {float: left; display: block; width:420px; margin: 0 24px 0 12px; border-right: 1px solid #ddd; padding-right:10px;} #register h2 {border-bottom: 1px solid #ddd; padding-bottom: 10px;} #register fieldset {color: #3c5aa2; font-size: 14px;} #register fieldset fieldset {font-size: 12px; color: #3f3f3f;} fieldset p {clear: both;} fieldset p label {float: left; width: 140px;} fieldset p input {float: left; width: 140px;} fieldset p textarea {float: left; width: 200px; height:100px; border:1px solid #7F9DB9; } .required {color: #59a34d;} .row { color: #3F3F3F; font-size: 12px; line-height:22px;} legend { color: #3F3F3F; font-size: 14px; font-weight:bold; } /* Profiles */ #container #body #actual-story #profile { width:700px; margin-left:22px; background-color:#f2f2f2; color: #3f3f3f;} #container #body #actual-story #profile h2 {color:#3C5AA2; font-size:20px; font-weight:normal; background: url(images/profile_hdr_bg.gif) repeat-x bottom left; padding: 12px;} .profiles-comment { background-image:url(images/pm_comment_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#EEEEE9; margin:20px; padding: 16px 12px 16px 12px;} .comment-spacer { width:100%; height:20px; background-color:white; } .maker-main-profile {padding: 0 12px 12px 12px;} .further-main-info {padding: 0 12px 30px 12px; font-size:12px; } #container #body #actual-story #profile h3 {font-weight: normal; font-size: 18px; background: url(images/profile_hdr_bg.gif) repeat-x bottom left; padding-bottom: 12px; margin: 5px 0;} .icon {float: left; display: inline; width: 61px; margin-right: 12px;} .icon img { border:1px solid #E3E3E3; } .maker-details {float: left; display: inline; width: 590px; padding-bottom: 6px;} .comments-header {margin: 5px 0 5px 22px; width: 700px;} .comments-header h2 {color: #3C5AA2; border-bottom: 1px solid #3C5AA2; padding: 6px 12px; background: url(images/comments_hdr_bg.gif) no-repeat 100% 50%;} /* Topic */ .topic-image {float: right; display: inline; padding: 0 0 0 10px;} .topic-question {background-color: #fff; border: 1px solid #dbdad8; padding: 12px; margin: 10px 0;} .topic-question .question {font-size: 14px; color: #3C5AA2; line-height: 1.3;} #container #body #actual-story .topic-question ul { margin-left: 16px;} #container #body #actual-story .topic-question ul li {color: #3f3f3f; font-style: oblique; line-height: 12px;} p.buttons img {margin-right: 20px;} .topic-thumb {float: left; display: inline; width: 70px; margin-right: 10px; padding: 0;} #container #body .col2-header h2.sub-head {background: none; color: #3C5AA2; margin-bottom: -32px;} .tag-cloud { border:1px solid #E0DFDF; width:201px; margin-left:6px; background-color:white; padding:10px;} .tag-cloud-base { background-image:url(images/tag_cloud_base.jpg); background-repeat:no-repeat; width:223px; height:13px; margin-left:6px; } .tag-cloud a { text-decoration:none; } .partners { width:680px; margin-top:10px; } .partners a { text-decoration:none; } .partners .partner { float:left; margin-right:7px; height:140px; min-height:140px; text-align:center; width:161px; margin-bottom:12px; } .partners .partner .partnertext { padding-top:5px; } .ug-results li { font-size:12px; line-height:22px; } #right_nav_comments h2 { padding-left:10px !important; } .topic-puff { width:120px; float:left; margin-left:10px; } .topic-puff img { margin-bottom:4px; } .topic-puff-text { text-align:center;} .topic-puff-text a { font-size:11px; color:#3C5AA2; } #newsletter {} #newsletter legend { font-weight:bold; font-size:14px; padding-top:15px; padding-bottom:5px; text-indent:0px; padding-left:0px; } #newsletter label { display:block; width:250px; float:left; } #newsletter select, #newsletter input { font-size:12px; color:#666666; font-weight:normal; } #newsletter #topics-interests label { width:250px; display:block; clear:both; } #newsletter .row { width:100%; clear:both; height:25px; } .factsheet-main { margin:0px 24px 0px 24px; } .featured-widget { height:130px; overflow:hidden; } .expand-widget, .contract-widget { color:#3D5BA3; text-decoration:underline; font-size:11px; font-weight:bold; cursor:pointer; margin-right:20px; }