/*
Theme Name: TopFlite
Theme URI: http:/topfliteloftconversions.co.ukc/
Description: Default theme for Top Flite Loft Conversions.
Version: 1
Author: Equal Design
Author URI: http://equaldesign.co.uk/
Tags: 
*/


* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}
a {
	color: #F4462B;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
p {
	margin-bottom: 10px;
	line-height: 1.5;
}
h1, h2, h3, h4 {
	font-family: Helvetica, Arial;
}

#container-top {
	background-image: url(images/container-top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 59px;
	width: 1143px;
	margin-right: auto;
	margin-left: auto;
}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 1123px;
	background-image: url(images/container-middle.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#container-bottom {
	background-image: url(images/container-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 168px;
	width: 1143px;
	margin-right: auto;
	margin-left: auto;	
}

#header {
	width: 835px;
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 156px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#header h1, #header p {
	text-indent: -9999px;
}

#page-wrap {
	margin-right: auto;
	margin-left: auto;
	width: 787px;
}

#navbar {
	width: 638px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1px;
}
#navbar ul {
	list-style-type: none;
}
#navbar ul li {
	float: left;
	display: block;
}
#navbar ul li a {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 158px;
	height: 38px;
	border-right: 2px solid #667E9A;
}
#navbar ul li.home a {
	background-image: url(images/home-button.jpg);	
}
#navbar ul li.projects a {
	background-image: url(images/projects-button.jpg);
}
#navbar ul li.contact a {
	background-image: url(images/contact-button.jpg);
}
#navbar ul li.links a {
	background-image: url(images/links-button.jpg);
	border-right: none;
}
#navbar ul li.home a:hover {
	background-image: url(images/home-button-over.jpg);
}

#navbar ul li.projects a:hover {
	background-image: url(images/projects-button-over.jpg);
}

#navbar ul li.contact a:hover {
	background-image: url(images/contact-button-over.jpg);
}

#navbar ul li.links a:hover {
	background-image: url(images/links-button-over.jpg);
	border-right: none;
}

#home-image {
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
}
#page-wrap p.tel-number {
	background-image: url(images/freephonenumber.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 70px;
	width: 787px;
	text-indent: -9999px;
	margin-top: -35px;
	position: relative;
	z-index: 2;
}
#home-left, #sidebar {
	float: left;
	display: inline;
	width: 227px;
	margin-right: 10px;
	background-image: url(images/home-left-bg-velux.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 120px;
}
#home-right {
	float: left;
	display: inline;
	width: 550px;
}
.home-post {
	padding-left: 3px;
}
#home-left ul {
	padding-left: 10px;
	margin-left: 16px;
	list-style-image: url(images/home-left-bullet.gif);
}
#home-left ul li {
	font-weight: bold;
	margin-bottom: 10px;
}
#home-left h2 {
	font-size: 1.15em;
	color: #FFFFFF;
	background-image: url(images/home-sidebar-header-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 227px;
	padding-top: 6px;
	text-align: center;
	margin-bottom: 3px;
}
#header-right {
	float: left;
	display: inline;
	width: 319px;
}
.home-post-header {
	background-image: url(images/home-post-header.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 550px;	
	margin-bottom: 10px;
}
.home-post-header h2 {
	padding-left: 12px;
	padding-top: 14px;
	color: #FFFFFF;
	font-size: 1.7em;
}

#posts {
	padding-top: 15px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #B8D2ED;
}
.cat-pad {
	padding-left: 10px;
}
.cat-pad h2 {
	color: #5E7994;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: normal;
}
.post-entry {
	float: left;
	display: inline;
	width: 249px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.post-entry img.cat-img {
	margin-bottom: 5px;
}
.post-entry h3 a {
	font-weight: normal;
	color: #5E7994;
	text-decoration: none;	
}
.post-entry p {
	font-size: 0.9em;
}

#content {
	width: 787px;
	margin-bottom: 10px;
}
#content h2 {
	font-weight: normal;
	color: #5E7994;
	text-decoration: none;
	margin-bottom: 10px;
}
#content ul, #content ol {
	padding-left: 10px;
	margin-left: 20px;
}
#content ul {
	list-style-image: url(images/home-left-bullet.gif);
}
#content li {
	margin-bottom: 10px;
}

#sidebar {
	margin-top: 15px;
}

#footer {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #CCCCCC;
	margin-top: 10px;
	margin-top: -128px;
}
#footer a {
	text-decoration: none;
	color: #CCCCCC;
}
#footer a:hover {
	text-decoration: underline;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.hidden {
	display: none;
}