/*
Theme Name: Adlards Roofing
Theme URI: http://www.adlardsroofing.co.uk
Description: WordPress theme by Mockett Media
Version: 1.0
Author: Caroline Mockett
Tags: variable width, two columns, widgets

Adlards Roofing theme by Caroline Mockett || http://www.mockettmedia.com
*/

/* Colours: 

Mid grey: #70787b
Pale grey: #eee
Red: #cd071e

*/

a {
	color: #cd071e;
	text-decoration: none;
	font-weight: bold;
}

a img {
	border: 1px solid #70787b;
}

a:visited {
	color: #cd071e;
}

a:hover {
	color: #cd071e;
	text-decoration: underline;
}

acronym, abbr {
	border-bottom: 1px dashed #70787b;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	background: url(images/quotes_left.gif) top left no-repeat;
	padding-left: 3.5em;
	margin-left: 0;
}
h1 { 
	color: #cd071e;
	}
h2, h2 a {
	color:#cd071e;
	}
h2.storytitle {
	clear: left;
	}
h3 {
	color: #cd071e;
	}
em, strong { 
	color: #cd071e;
	}
.border {
	border: 2px solid #cd071e;
	}
p.dateposted {
	margin-left: 10px;
	color: #70787b;
	font-size: 0.7em;
	}
ul.nobullets {
	list-style: none;
	}

body {
	margin: 0;
	padding: 0 10px 10px 10px;
	color: #70787b;
	background: #eee;
	font-size: 110%;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	}
.rap {
	padding: 0;
	margin: 0 ;
	}
#content {
	background: #fff url(images/knockback_triangle.gif) bottom left no-repeat;
	margin-bottom: 20px;
	min-height: 650px;
	}
/* ____________________________________________________________= header _____________*/

#header {
	background: #eee;
	}
/* Gilder-levin replaces header with image */
#header #headerimg {
	width: 980px;
	height: 125px;
	position: relative;
	}
#header p {
	margin: 0;
	padding: 0;
	height: 0;
	}
#header #headerimg span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
#header h1 span {
	background: url(images/header.gif) right top no-repeat;
	}
#header .description {
	position: absolute;
	top: -22px;
	left: 10px;
	width:512px;
	height:150px;
	}
#header .description span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
/* ____________________________________________________________= mainnav _____________*/

#mainnav {
	top: 100px;
	left:10px;
	border-top:3px solid #fff;
	border-left:3px solid #fff;
	padding: 10px 0 0 0;
	width: 99.5%;
	margin-bottom: 40px;
}
#mainnav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background: #70787b;
	width: 100%;
}

#mainnav a {
	display: block;
	width: 9.5em;
	w\idth:7.9em;
	color: #fff;
	text-decoration: none;
	padding: 0.25em;
}

#mainnav li {
	float: left;
	padding: 0;
	width: 7.9em;
	background: #70787b;
	border-right: 3px solid #fff;
	height: 35px;
}

#mainnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 18em;
	w\idth: 16em;
	font-weight: normal;
	border-right: none;
	margin: 0;
}

#mainnav li li a {
	padding-right: 0;
	width: 14em;
}

#mainnav li ul a {
	width: 14em;
	w\idth:9em;
}

/* _______________________________________= content id/class matches list item with hover on nav elements __ */
#mainnav li:hover, 
#mainnav li.sfhover {
	color: #fff;
	background: #70787b ;
}
/* _______________________________________= content id/class matches list item with main nav elements __ */
#post-15 #mainnav #home, /* localhost ID */
#post-13 #mainnav #home, /* remote ID */
#post-3 #mainnav #contact, /* localhost/remote ID same */
#post-2 #mainnav #about, /* localhost/remote ID same */
#post-57 #mainnav #links, /* localhost ID */
#post-48 #mainnav #links, /* remote ID */
#post-62 #mainnav #gallery, /* localhost ID */
#post-51 #mainnav #gallery, /* remote ID */
#post-64 #mainnav #terms, /* localhost ID */
#post-146 #mainnav #terms, /* remote ID */
.post #mainnav #archives {
	color: #fff;
	background: #cd071e ;
	}

	
/* ____________________________________________________________= content etc _____________*/
#content {
	margin-bottom: 0;
	}
#content img {
	border: 1px solid #70787b;
}
#content img.noborder {
	border: none;
	}
ul.linklogos li {
	height:60px;
	width: 135px;
	margin-right: 10px;
	display:inline-block;
	}
ul.galleryimgs {
	padding-left: 0;
	}
ul.galleryimgs li {
	height:220px;
	width: 310px;
	margin-right: 5px;
	margin-left: 0;
	display:inline-block;
	}
.storytitle, .storycontent {
	margin: 10px 10px 10px 10px;
	}
.alignleft {
	float: left;
	margin: 5px 10px 10px 0;
	}
.alignright {
	float: right;
	margin: 5px 0 10px 10px;
	}
.feedback {
	clear: both;
	}
.clearleft {
	clear:left;
	}
.clearright {
	clear: right;
	}
.displayblock {
	display: block;
	}
.clearboth {
	clear: both;
	}
.surveys {
	font-weight: bold;
	}
.wp-caption {
	margin-bottom: 0;
	}
p.wp-caption-text {
	font-size: 0.8em;
	color: #cd071e ;
	font-weight: bold;
	text-align: center;
	}
div#attachment_42 {
	clear: left;
	}
br.clearleft {
	height: 0;
	}
div#googlemap {
	float: right;
	margin-left: 10px;
	}
div#googlemap small {
	text-align: center;
	}
a.mailto {
	padding-right: 15px;
	background: url(images/mailto_link.gif) no-repeat center right;
	}
a.pdf {
	padding-left: 60px;
	background: url(images/PDF_icon.jpg) no-repeat center left;
	line-height: 60px;
	display: inline-block;
	}
#post-3 .wpcf7 {
	color: #70787b;
	font-weight: bold;
	margin-left: 0;
	}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap img {
	border: 1px solid #cd071e;
	}
/* ____________________________________________________________= sidebar etc _____________*/
#menu {
	width: 250px;
	position: absolute;
	top: 200px;
	right: 20px;
	background: #eee;
	padding:  20px 0 0 0;
	border: 1px solid #f00;
	}
#menu ul {
	margin: 0;
	background: #eee;
	padding: 0 0 20px 20px;
	list-style: none;
	}
#menu ul li {
	font-size: 100%;
	font-weight: bold;
	}
#menu ul.blogroll li {
	list-style:circle;
	}
#menu ul.blogroll li a {
	font-size: 90%;
	}
/* ____________________________________________________________= Terms & Conditions _____________*/

#post-64 .storycontent,
#post-146 .storycontent {
	font-size: smaller;
	width: 680px;
	padding-bottom: 150px;
	}
#post-64 .storycontent li, 
#post-146 .storycontent li {
	margin-bottom: 10px;
	}
#post-64 .storycontent ol ol ol.letters,
#post-146 .storycontent ol ol ol.letters {
	list-style: lower-latin;
	}
#post-64 .storycontent ol ol ol ol.lowerroman,
#post-146 .storycontent ol ol ol ol.lowerroman {
	list-style: lower-roman;
	}
#post-64 .storycontent ol ol ol li,
#post-164 .storycontent ol ol ol li {
	margin-bottom: 0;
	}

/* ____________________________________________________________= footer _____________*/
p.legal {
	margin-top: 0;
	background: #eee url(images/footer_bullet.gif) no-repeat top left;
	padding: 13px 0 0 55px;
	font-size: 0.75em;
	font-weight: bold;
	border-top: 3px solid #cd071e;
	}
p.legal img {
	margin-right: 5px;
	}
p.legal2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 0.75em;
	font-weight: normal;
	}
p.credit {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 0.65em;
	}
p img.rightalign {
	float: right;
	}