/* Theme Name: Heating Guide Theme URI: http://www.bronco.co.uk/ Description: Heating Guide is a development of the Heating Guide website design to suit the usual blog layout. Version: 1.0 Author: Kean Richmond Author URI: http://www.bronco.co.uk */ /*---------------------------------------------------- Reset CSS Document Created: Wed 19.12.07 @ 11:09 a.m. Updated: Mon 25.02.08 @ 16:42 p.m. Author: Kean Richmond ----------------------------------------------------*/ html, * {margin:0; padding:0;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} fieldset, iframe, img {border:0;} table {border-collapse:collapse; border-spacing:0;} th {font-style:normal; font-weight:normal; text-align:left;} ol,ul {list-style:none;} .alignleft {border:1px solid #DADADA; float:left; margin:5px 7px 5px 0px; padding:4px;} .alignright {border:1px solid #DADADA; float:right; margin:5px 7px 5px 0px; padding:4px;} .relatedRight .label {background:#F3F3F3; color:#666666 !important; font-size:1em !important; margin:10px 0 10px 0; padding:8px !important; margin-top:19px; display:block;} .related .label {background:#F3F3F3; color:#666666 !important; font-size:1em !important; margin:10px 0 0 0; padding:8px !important; margin-top:20px; display:block;} .related ol {font-size:1.1em; list-style:none; margin:10px 5px;} .related ol li {background:url(/images/arrow_green.gif) no-repeat scroll 4px 5px transparent; line-height:1.4em; margin-bottom:7px; padding-left:16px; list-style:none;} /*--- 03. Left Column Elements ---------------------------------------------------------------------------*/ #left_column {display:inline; float:left; margin:9px 0 9px 14px; padding:0 8px; width:178px;} #parent_nav {} #parent_nav li {font-size:1.1em; font-weight:bold; margin:27px 0 0 0;} #suppliers {color:#039238;} #energy {color:#EA620C;} #central-heating {color:#B40E34;} #boiler-resources {color:#003399;} #energy-efficiency {color:#FF6600;} #renewable-energy {color:#42A453;} #articles {color:#039238;} #grants-and-rebates {color:#663366;} #boiler-manufacturers {color:#FF6600;} .child_nav {background:url(/images/hgi_split_01.jpg) repeat-x; padding:6px 0 0 12px;} .child_nav li {font-size:0.9em!important; font-weight:normal!important; margin:0!important; margin-bottom: 7px !important;} .child_nav a {color:#333333; line-height:1.2em; text-decoration:none;} .child_nav a:hover {color:#999999;} .child_blognav {background:url(/images/hgi_split_01.jpg) repeat-x; padding:6px 0 0 12px;} .child_blognav li {font-size:0.9em!important; font-weight:normal!important; margin:0!important;} .child_blognav a {color:#333333; line-height:1.4em; text-decoration:none;} .child_blognav a:hover {color:#999999;} #grandchild_nav {padding:2px 0 15px 6px;} #grandchild_nav li {font-size:1em!important;} #grandchild_nav a {background:url(/images/hgi_bkg_gnav.jpg) 0 6px no-repeat; padding:0 0 0 9px;} .current {color:#A10D13!important;} #home a {background:#E85A21; color:#FFFFFF; padding:5px 10px; text-decoration:none;} #home a:hover {background:#E8A421;} #archive {color:#B40E34;} #category {color:#003399;} #pages {color:#FF6600;} #meta {color:#42A453;} /*#left_column ul ul {background:url(images/hgi_split_01.jpg) repeat-x; padding:6px 0 0 12px;} #left_column ul ul li {font-size:0.9em!important; font-weight:normal!important; margin:0!important;} #left_column ul ul li a {color:#333333; line-height:1.8em; text-decoration:none;} #left_column ul ul li a:hover {color:#999999;}*/ /*--- 00. Common Elements ---------------------------------------------------------------------------*/ body {background:url(images/hgi_bkg.png) repeat-x #EFE457; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;} h1 {background:url(/images/hgi_flame_sm.jpg) 8px 4px no-repeat; border-bottom:1px solid #DADADA; font-weight:bold; color:#E85A21; font-size:1.5em; margin:0 0 5px 0; padding:1px 50px 7px 35px;} h2 {color:#E85A21; font-size:1.3em; font-weight:bold; padding:20px 7px 5px 7px;} h3 {font-size:1.3em;} h6 {color:#666666 !important; font-size:1em !important; padding:7px 0px 0px 7px;} /*--- 01. Main Layout Elements ---------------------------------------------------------------------------*/ #main_container {font-size:1.1em; margin:0 auto; position:relative; width:982px;} #content_container {padding:132px 0 10px 0;} #content_background {background:url(images/hgi_bkg_content.jpg) repeat-y; float:left; width:842px;} /*--- 02. Header Elements ---------------------------------------------------------------------------*/ #header {clear:both; height:132px; position:absolute; top:0; width:982px;} #logo {display:block; margin:14px 0 0 24px;} #slogan {color:#FFFFFF; font-weight:bold; margin:1px 0 0 24px;} #hdr_ad {position:absolute; right:5px; top:16px;} #top_navigation {background:url(images/hgi_bkg_topnav.jpg) no-repeat; bottom:0; height:38px; position:absolute; width:842px} #breadcrumb {color:#666666; float:left; font-weight:bold; padding:14px 0 0 22px;} #breadcrumb a {color:#666666; font-weight:bold; text-decoration:none;} #breadcrumb a:hover {color:#999999;} #hdr_search {float:right; text-align:right; padding:10px 18px 0 0;} #hdr_search form {margin:0!important; padding:0!important;} #hdr_search #searchsubmit {background:#F2D94F; border:1px solid #E85A21; color:#E85A21; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:20px; width:75px;} #hdr_search #searchsubmit:hover {background:#F5EDC1;} /*--- 03. Left Column Elements ---------------------------------------------------------------------------*/ /*#left_column {display:inline; float:left; font-size:1.1em; margin:9px 0 9px 14px; padding:0 8px; width:178px;} #left_column li {font-size:1.1em; font-weight:bold; margin:27px 0 0 0;} #left_column ul {} #left_column ul li {} #left_column ul li h2 {font-size:1em!important; font-weight:bold; padding:27px 0 0 0!important;} #left_column ul ul {background:url(images/hgi_split_01.jpg) repeat-x; padding:6px 0 0 12px;} #left_column ul ul li {font-size:0.9em!important; font-weight:normal!important; margin:0!important;} #left_column ul ul li a {color:#333333; line-height:1.8em; text-decoration:none;} #left_column ul ul li a:hover {color:#999999;}*/ /*--- 04. Right Ad Elements ---------------------------------------------------------------------------*/ #right_ads {float:right; margin:-38px 5px 0 5px; width:120px;} /*--- 05. Content Elements ---------------------------------------------------------------------------*/ #content {display:inline; float:right; margin:9px 16px 9px 0; width:608px;} #content p {font-size:1.1em; line-height:1.4em; padding:7px 7px 7px 7px;} .post ul {font-size:1.1em; list-style:square; margin:0px 20px;} .post ol {font-size:1.1em; list-style:decimal; margin:0px 20px;} .post li {line-height:1.4em;} /*--- 07. Post Elements ------------------------------------------------------------------------------*/ .post {padding:20px 0 0 0; position:relative;} .post h1 a {color:#E85A21; text-decoration:none;} .post p {font-size:1.1em; line-height:1.3em; padding:8px 0;} .post_info {background:#F3F3F3; color:#666666 !important; font-size:1em !important; padding:8px !important; margin-top: 20px; clear:both} div.related {width:280px; float:right; margin-right:10px;} div.relatedRight {width:300px; float:right; margin-right:10px; margin-top:-7px} .post_comment {background:url(images/hgi_bkg_comment.gif) 0 1px no-repeat; font-size:1.4em!important; font-weight:bold; height:27px; padding:0!important; position:absolute; right:10px; text-align:center; top:20px; width:36px;} .post_comment a {color:#E85A21; display:block; margin:4px 0 0 0; text-decoration:none;} .post_comment a:hover {color:#E85A21;} .entry {padding:8px 0;} .clear {clear:both; height:0px; width:100%} /*--- 08. Post Elements ------------------------------------------------------------------------------*/ .navigation {font-size:0.9em; font-weight:bold; margin:20px 0;} .navright {float:right; width:40%} .navright a {background:url(images/hgi_btn_128.gif) no-repeat; color:#FFFFFF; display:block; float:right; font-size:11px; font-weight:bold; height:15px; padding:3px 20px 3px 8px; text-align:right; text-decoration:none; width:100px;} .navright a:hover {background-position:0 -21px; color:#A7360A;} .navleft {float:left; width:40%} .navleft a {background:url(images/hgi_btn_128_rev.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:15px; padding:3px 8px 3px 20px; text-decoration:none; width:100px;} .navleft a:hover {background-position:0 -21px; color:#A7360A;} /*--- 09. Content Searchbox Elements -------------------------------------------------------------------------*/ #content #searchform {padding:20px 0 0 0;} /*--- 10. Comment List Elements -------------------------------------------------------------------------*/ .comment_list {color:#999999; list-style:none; margin:0 !important;padding:16px 15px 9px 11px !important;} .comment_list li {margin:6px 0px 8px 0px !important; padding:11px 4px 5px 4px !important;} .comment_list li.alt {background:#F3F3F3; border:1px solid #DADADA;} .comment_author_section {padding:2px 0 0 0 !important;} .comment_author {color:#E85A21; font-weight:bold; padding:2px 0 0 10px;} .comment_author a {color:#E85A21; text-decoration:none;} .comment_author a:hover {text-decoration:underline;} .comment_info {padding:0 0 6px 10px !important;} .comment_info a {color:#666666; text-decoration:none;} .comment_info a:hover {text-decoration:underline;} .comment_text p {color:#666666 !important; padding:6px 10px 6px 10px !important;} /*--- 11. Comment Form Elements -------------------------------------------------------------------------*/ form {font-size:1.1em; margin:10px 30px;} form p {padding:3px 0 !important;} form label {float:left; margin:6px 0 0 0; width:100px;} form .req {color:#999999; font-size:0.9em; font-style:italic; padding:0 0 0 5px; vertical-align:3px;} form .input_box, form select, form textarea {background:#EEEEEE; border:1px solid #CCCCCC; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:2px 0; padding:3px; width:250px;} form select {padding:2px;} form select option {margin:2px;} form textarea {width:350px;} form .selected {background:#FAF4F4; border:1px solid #DD9595;} form .text_selected {color:#DD9595;} form .form_buttons {margin:10px 0 20px 100px;} form .form_buttons #submit {background:url(images/hgi_btn_128.gif) no-repeat; border:0; color:#FFFFFF; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:21px; padding:0 0 0 6px; text-align:left; text-decoration:none; width:128px;} form .form_buttons #submit:hover {background-position:0 -21px; color:#A7360A;} /*--- 50. Footer Elements ---------------------------------------------------------------------------*/ #footer {background:url(images/hgi_bkg_footer.jpg) bottom no-repeat; clear:both; padding:0 6px 6px 6px;} #footer div {background:#FFFFFF; border-top:1px solid #FFFFFF; padding:0px 8px 8px 8px;} #footer p {border-top:1px solid #CCCCCC; line-height:1.6em; padding:8px 0 0 0;} #bronco {color:#666666; text-decoration:none;} #bronco:hover {color:#999999;} /*--- 51. Button Elements ---------------------------------------------------------------------------*/ .button_left {float:left; margin:7px;} .button_right {float:right; margin:7px;} .link_128 {background:url(images/hgi_btn_128.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:15px; padding:3px 8px; text-decoration:none; width:112px;} .link_128:hover {background-position:0 -21px; color:#A7360A;} .link_128_rev {background:url(images/hgi_btn_128_rev.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:15px; padding:3px 8px 3px 20px; text-decoration:none; width:112px;} .link_128_rev:hover {background-position:0 -21px; color:#A7360A;} .link_175 {background:url(images/hgi_btn_175.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:15px; padding:3px 8px; text-decoration:none; width:159px;} .link_175:hover {background-position:0 -21px; color:#A7360A;} .link_300 {background:url(images/hgi_btn_300.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:15px; padding:3px 8px; text-decoration:none; width:284px;} .link_300:hover {background-position:0 -21px; color:#A7360A;} .link_350 {background:url(images/hgi_btn_350.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:15px; padding:3px 8px; text-decoration:none; width:334px;} .link_350:hover {background-position:0 -21px; color:#A7360A;} /*--- 98. Error Elements ------------------------------------------------------------------------------*/ #error_box {background:#FAF4F4; border:1px solid #DD9595; color:#CE6262; margin:10px; padding:0 10px 10px 10px;} #sorry {color:#CE6262 !important; font-weight:bold;} #errors {list-style:none;} #errors li {} /*--- 100. Link Elements--------------------------------------------------------------*/ a {color:#E85A21;} a:hover {color:#FEAE31;} a[href$='.pdf'] {background:url(images/icon_acrobat.png) 0 2px no-repeat; padding:3px 0px 2px 19px;} /*--- 101. Clearfix Elements--------------------------------------------------------------*/ .clearfix:after {clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden;} .clearfix {display:inline-block;} html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;}