/*
Theme Name: Fisher Diamond	
Theme URI: http://www.fisherdiamondroofing.com/
Description: Fisher Diamond Roofing
Author: Andrew Morgan	
Author URI: http://www.idesignwebsites.co.uk/
*/



/* basics */

* {margin:0; padding:0;}

body {
	background: #091a45 url('images/background.jpg') repeat-x center top;
	font-family : Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 100%;
	color:#fff;
}

p {
	margin:20px 0;
}

h1 {font-size: 1.2em;}
h2 {font-size: 1em; margin-top:10px;}
h3 {font-size: 1em; margin-top:10px;}
h4 {font-size: 0.9em;}

strong {
	font-weight:bold;
}

ul {
	list-style-type:square;
	margin-left:50px;
}

li {
padding:7px 0;
}

/* Form Code */

form {
	display:block;
}

fieldset {
	border:none;
}

legend {
	display:none;
}

.form p {
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 250px; /*width of left column containing the label elements*/
height: 1%;
}

.form label{
float: left;
margin-top:18px;
margin-left: -250px; /*width of left column*/
width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
	background:none;
	border:1px solid #5070b8;
	color:#fff;
	font-size:1em;
	font-family:"Century Gothic", Arial, Sans-Serif;
}

.form textarea{
	width: 250px;
	height: 200px;
	margin-top:18px;
	overflow:hidden;
	background:none;
	border:1px solid #5070b8;
	color:#fff;
	font-size:1em;
	font-family:"Century Gothic", Arial, Sans-Serif;
}

* html .threepxfix {
margin-left: 3px;
}

.submitbutton {
	width:180px;
	padding:4px 0px;
	display:block;
	border:0;
	margin:30px auto;
	background:none;
	border:1px solid #5070b8;
	color : #fff;
	font-weight: bold;
	font-family : Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 0.8em;
	margin-left: 240px;
}

.submitbutton:hover{
	cursor:pointer;
}
textarea:hover, input:hover {
	cursor:text;
 }


/* images and misc. */

img{ border: none; padding: 6px; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 10px; margin:10px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;}


/* links */

a	{
	color:#5070b8;
	text-decoration:none;
	border: none;
	}

a:hover{color:#5070b8;text-decoration: none; border: none;}



/* container */


#container {
	width: 760px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	overflow: hidden;
	}
	
/* header */

#header {
  	width:100%; 
  	height:125px;
	margin-top:30px;
	}

#centerheader {
	background: #002DB3 url('images/header.png') repeat-none;
	margin:0 auto;
	width:760px;
}

/* content */


#content {
	float: right;
	width: 550px;
	overflow: hidden;
	margin:0 0 20px 0;
	}

#content img {
	border:1px solid #5070b8;
}

.post {
	margin: 0 10px;
	padding:0px;
	}
	
.post h2{
	font-family: baskerville, georgia, times, serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #df7c3a;
	padding-bottom:25px;
	}
	
.post h2 a{
	color: #df7c3a;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #df7c3a;
	text-decoration: none;
	}
	
.postmetadata {
	display:none;
}

.postmetadata{
	clear: both;
	padding:6px;
	margin-top: 16px;
	}
	
	.alignleft {float:left; margin:25px;}
	.alignright {float:right; margin:25px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}

#box1, #box2, #box3, #box4 {
	width:250px;
	height:170px;
	font-size:0.8em;
}

#box1, #box4 {
	float:right;
}

/* sidebar */

#sidebar {
	font-size:1em;
		font-family : Arial, Verdana, Helvetica, Sans-Serif;
	color: #df7c3a;
	width: 200px;
	float:left;
	margin: 12px 0 24px 0;
	padding: 120px 0 0 0;
	border-right: 1px solid #df7c3a;
	border-bottom: 1px solid #df7c3a;
	text-align:right;
}

#sidebar ul {
	margin: 6px 0 10px 12px;
	padding:0;
	list-style-type: none;
}

#sidebar li {
	list-style-type: none;
	padding:3px 12px 3px 7px;
}

#sidebar a:hover {
	color: #df7c3a;
	text-decoration:none;
}

/* footer */

#logos {
	clear: both;
	text-align:right;
	margin:60px 26px 0 100px;
	padding:0;
}

#footer {
	clear: both;
	position:relative;
	width: 760px;
	margin:0px 0 35px 100px;
	font-family: verdana, arial, tahoma;
	font-size: 0.8em;
	border-top: 1px solid #df7c3a;
	padding:5px;
	}

#footer1, #footer2, #footer3 {
	width:240px;
	float:right;
	font-size:0.8em;
}

#roofer {
	position:absolute;
	bottom:-10px;
	left:-70px;
}