/*  
Theme Name: Heating Support
Theme URI: http://www.heatingsupport.co.uk
Description: The Heating Support Wordpress Theme
Version: 2.0
Author: Rob Jeffries

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* ------------------------------------------------------------------------------- */
/* General / common styles */
/* ------------------------------------------------------------------------------- */

body,div,p,h1,h2,h3, h4 { 
	margin: 0;
	padding: 0;
}


body {
	font-family: "Trebuchet ms", Tahoma, Verdana, Helvetica, Arial, sans-serif; 
	font-size: small;
	background: #f2f2f2;
	color: #282828;
	text-align: center; /* Added for IE5/Win to center the content */
}

#innerbody {
	background: #f2f2f2 url(images/wrapback.gif) repeat-y fixed center top;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 130%;
	letter-spacing: -1px;
}

h3 {
	font-size: 110%;
}

a {
	text-decoration: none;
	outline: none;
}

ul, ol {
	list-style: none;
}

blockquote {
	margin: 1em 0 1em 0;
	background:#e5e5e5;
	padding: 10px 10px 0 10px;
	border:1px dotted #999999;
	line-height: 1.5em;
}

#posts img, #sideposts img, #page img, #myiframe {
	display: block;
	padding: 5px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#myiframe {
	width: 701px;
}

.center, .edit {
	text-align: center;
}

.edit {
	padding: 0 0 1em 0;
}

.edit a {
	color: #335588;
	border-bottom: 1px dotted #335588;
}

.edit a:hover {
	color: #282828;
	border-bottom: 1px solid #282828;
}

/* ------------------------------------------------------------------------------- */
/* Main  Layout  */
/* ------------------------------------------------------------------------------- */

/*#wrap, #header-inner, #footer-inner, #posts, #pagecontrol, #sideposts, #thecomments, #page, #link { /* Just for that clear float function! */
#wrap, #posts, #headline, #thecomments {
	overflow:hidden; /* To clear float */
}

/*#wrap, #header-inner, #footer-inner {*/
#wrap {
	clear: both;
	width: 984px; /*60em;*/
	margin: 0 auto;
	text-align: left;
	background: #fafafa;
}


/* ------------------------------------------------------------------------------- */
/* Header Layout */
/* ------------------------------------------------------------------------------- */

#header {
	height: 100px;
	min-width: 984px;
	background-color: #282828;
	background-image: url(images/background.png);
}

#header-title {
	float: left;
	margin: 30px 0 0 35px;
}

#header-title img {
	border: 0;
}

/* Header - search form layout */

#header-search {
	float: right;
	text-align: right;
	margin: 20px 20px 0 0;
}

#searchform button {
	margin: 0 0 0 10px;
	font-size: 90%;
	cursor: pointer;
	color: #727272;
	background: #e5e5e5;
	padding: 2px;
	border: 1px solid #727272;
}

#searchform button:hover {
	border: 1px solid #f3bd38;
	color: #282828;	
}

#searchform input , #searchform button{
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#searchform input {
	border: 1px solid #e5e5e5;
	padding: 2px;
	background: #fafafa;
	margin: 0;
}

#searchform input:hover {
	border: 1px solid #f3bd38;
}

#searchform input:focus {
	border: 1px solid #f3bd38;
}

/* Header - navigation layout */

#header ul {
	float: right;
	text-align: right;
	width: 60em;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

#header li {
	display: inline;
}

#header li a {
	color: #f2f2f2;
	padding: 0 10px;
}

#header li a:hover {
	color: #f2f2f2;
	background: #383838;
}

/* Menu */

#menubar {
	float: left;
	min-width: 984px;
	background: #333;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu {
	width: 984px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #333;
}

#menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#menu a {
	font-family: "Century Gothic", "Trebuchet ms", Tahoma, Verdana, Helvetica, Arial, sans-serif; 
	font-weight: bold; 
	background: #333;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: #2580a2;
	color: #fff;
	padding-bottom: 8px;
}

body#home a#nav-home,
body#links a#nav-links,
body#about a#nav-about,
body#contact a#nav-contact
{
	background: #f2f2f2;
	color: #282828;
	padding-bottom: 8px;
}


/* ------------------------------------------------------------------------------- */
/* Headline Layout */
/* ------------------------------------------------------------------------------- */

#headline {
	width: 984px;
	background: #f2f2f2;
	padding: 10px;
}

#theheadline {
	float: left;
	width: 320px;
	height: 370px;
}

#theheadline img {
	display: block;
	margin: 10px;
	padding: 5px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* ------------------------------------------------------------------------------- */
/* Main Content */
/* ------------------------------------------------------------------------------- */

/*#content-left {*/
#main-content {
	float: left;
	width: 713px;
	padding: 0 20px 10px 20px; /*0 1em 1em 0;*/
	border-right: 1px solid #e5e5e5;
	background: #f2f2f2;
}

#posts {
	line-height: 1.7em;
	padding-top: 10px;
}

#posts img {
	float: left;
	margin: 10px 10px 0 0;
}

#posts h2 a {
	color: #282828;
}

p.postinfo {
	font-size: 110%;
	margin-bottom: 10px;
	width: 539px;
	font-style:italic; 
	letter-spacing: -1px;
	color: #aaaaaa;
	text-align:left;
	
}

p.postinfo a {
	color: #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
}

p.postinfo a:hover {
	color: #727272;
	border-bottom: 1px solid #727272;
}

#postmain p {
	margin-bottom: 0.75em;
}

#postmain a {
	color: #335588;
	border-bottom: 1px dotted #335588;
}

#postmain a:hover {
	color: #282828;
	border-bottom: 1px solid #282828;
}

p.posttags {
	margin: 20px 0;
	padding: 2px 4px 2px 0;
	float: right;
	width: 709px; /* Was 713px but  had to minus 4px for right padding in ie6 and ie55 */
	background:#e5e5e5;
	font-style:italic; 
	letter-spacing: -0.5px;
	color: #aaaaaa;
	text-align:right;
}

p.posttags a {
	color: #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
}

p.posttags a:hover {
	color: #727272;
	border-bottom: 1px solid #727272;
}

/* ------------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------------- */

#navigation {
	text-align: center;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
}

#navigation p a {
	color: #335588;
	border-bottom: 1px dotted #335588;
}

#navigation p a:hover {
	color: #282828;
	border-bottom: 1px solid #282828;
}

/* ------------------------------------------------------------------------------- */
/* Sidebar */
/* ------------------------------------------------------------------------------- */

#sidebar {
	float: right;
	width: 190px;
	padding: 0 20px;
}

#sideposts {
	line-height: 1.7em;
	padding-top: 10px;
	font-size: 95%;
}
#sideposts h3 {
	text-align: center;
}

.sidemainimg {
	margin: 0 auto;
}

.sidetelephone, .sidefax, .sideemail, .siderss {
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center left;
	padding: 2px 0 2px 26px;
}

.sidetelephone {
	background-image: url(images/telephone.png);
}

.sidefax {
	background-image: url(images/printer.png);
}

.sideemail {
	background-image: url(images/email_go.png);
}

.sideemail a, .siderss a {
	color: #282828;
	border-bottom: 1px dotted #aaaaaa;
}

.sideemail a:hover, .siderss a:hover {
	border-bottom: 1px solid #aaaaaa;
}

.siderss {
	background-image: url(images/feed.png);
}

.sidecloud a {
	color: #aaaaaa;
}

.sidecloud a:hover {
	color: #727272;
}

/* ------------------------------------------------------------------------------- */
/* Display Comments Layout */
/* ------------------------------------------------------------------------------- */

#comments {
	margin-top: 10px;
	padding: 0;
}

#comments h2 {
	text-align: center;
}

#comments ol {
	margin: 0;
	padding: 0;
}

.commentnumber {
	font-style:italic; 
	letter-spacing: -0.5px;
	color: #aaaaaa;
	font-size: 110%;
	text-align: center;
	margin-bottom: 10px;
}

#thecomments {
	clear: both;
	border-bottom: 1px solid #D9E0E6;
	padding-bottom: 10px;
	margin-top: 10px;
}

#commentgravater {
	float: left;
	width: 50px;
}

#commenttext {
	float: right;
	width: 468px;
	padding-left: 10px;
	border-left: 1px solid #D9E0E6;
}

.commentinfo {
	font-style:italic; 
	letter-spacing: -0.5px;
	color: #aaaaaa;
	font-size: 110%;
}

.commentinfo a {
	color: #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
}

.commentinfo a:hover {
	color: #727272;
	border-bottom: 1px solid #727272;
}

/* ------------------------------------------------------------------------------- */
/* Comment and Contact Form layout */
/* ------------------------------------------------------------------------------- */

.loggedin a {
	color: #335588;
	border-bottom: 1px dotted #335588;
}

.loggedin a:hover {
	color: #282828;
	border-bottom: 1px solid #282828;
}
	
#commentform p.allowedtags {
	color: #727272;
	margin: 5px 0;
}

#commentform input, #commentform textarea, #commentform button, div.wpcf7 input, div.wpcf7 textarea, div.wpcf7 button{
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#commentform input, #commentform textarea, div.wpcf7 input, div.wpcf7 textarea {
	border: 1px solid #e5e5e5;
	padding: 5px;
	background: #fafafa;
	margin: 5px 0;
}

#commentform input:hover, #commentform textarea:hover, div.wpcf7 input:hover, div.wpcf7 textarea:hover {
	border: 1px solid #727272;
}

#commentform input:focus, #commentform textarea:focus , div.wpcf7 input:focus, div.wpcf7 textarea:focus{
	border: 1px solid #727272;
}

#commentform input, div.wpcf7 input  {
	width: 300px;
}

#commentform button, div.wpcf7 button {
	margin: 10px 0 0 0;
	font-size: 90%;
	cursor: pointer;
	color: #727272;
	background: #e5e5e5;
	padding: 2px;
	border: 1px solid #727272;
}

#commentform button:hover, div.wpcf7 button:hover  {
	border: 1px solid #282828;
	color: #282828;	
}

#commentform textarea, div.wpcf7textarea  {
	width: 527px;
}

#commentform label {
	font-size: 110%;
	color: #282828;
}

/* ------------------------------------------------------------------------------- */
/* Pages (styles are defined in content not page.php) */
/* ------------------------------------------------------------------------------- */

#pagemain { /* Main wrap for all Pages with the 2em border at the bottom */
	margin-bottom: 10px;
	overflow:hidden; /* To clear float  and also stops collapsing margin on containing div */
}

#page { /* div that contains each paragraph / section for the page content */
	margin: 10px 0 20px 0;
}

#page h2 {
	clear: both;
	margin-bottom: 5px;
}

#page img {
	margin: 0px 10px 10px 0;
	float: left;
}

#page p {
	clear: both;
	margin-bottom: 10px;
}

#page a {
	color: #335588;
	border-bottom: 1px dotted #335588;
}

#page a:hover {
	color: #282828;
	border-bottom: 1px solid #282828;
}


/* ------------------------------------------------------------------------------- */
/* Link specific */
/* ------------------------------------------------------------------------------- */

#link {
	clear: both;
	margin: 10px 0;
	padding: 0;
}

#link h2 {
	margin-bottom: 5px;
}

#link ul {
	margin: 0;
	padding: 0;
}

#link li {
	display: inline;
	float: left;
	padding: 0 10px 10px 0;
}

#link li a {
	color: #282828;
	border-bottom: 1px dotted #aaaaaa;
}

#link li a:hover {
	border-bottom: 1px solid #aaaaaa;
}


#linkcard {
	float: left;
	width: 344px; /* 984px - 230px (sidebar)  - 20px (L margin) - 20px (R margin) - 1px (R vertical line) */
	margin: 0;
	display: block;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#linkcard img {
	display: block;
	margin: 10px;
	padding: 0;
	border: 1px dashed #C8CDD2;
}

#linkcard h4 a {
	color: #335588;
	border-bottom: 1px dotted #335588;
}

#linkcard h4 a:hover {
	color: #282828;
	border-bottom: 1px solid #282828;
}

#linkcard h4, #linkcard  p {
	font-size: 100%
}

#linkleft {
	float: left;
	width: 97px;
}

#linkright {
	float: right;
	width: 243px;
	margin: 5px 0;
}

/* ------------------------------------------------------------------------------- */
/* Footer Layout */
/* ------------------------------------------------------------------------------- */

#footer {
	background-color: #282828;
	background-image: url(images/background.png);
	min-width: 984px;
}

#footer p {
	padding: 20px 0;
	text-align: center;
	color: #727272;
	letter-spacing: -1px;
}

#footer p a {
	color: #727272;
}

#footer p a:hover {
	color: #aaa;
}