/*
Theme Name: The Bungalow Centre
Theme URI: http://www.expertagent.co.uk
Description: Theme for The Bungalow Centre by Spence at ExpertAgent
Version: 1
Author: Spencer Davies
Author URI: http://www.expertagent.co.uk
Tags: the bungalow centre, default theme, expertagent
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
.clear { clear:both }

/* TYPOGRAPHY */
/* ----------------------------------------- */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 { font-weight:bold } 

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* Main Styles */

body{
	font: 12px/16px Helvetiva, Arial;
	background: url(images/bg.gif) repeat-x scroll center top;
	/* background-color: #d5d5ea; */
}

ul, li{
	list-style-type: disc;
	list-style-position: inside;
}

li{
	margin: 0 0 10px 0;
}

#container{
	width: 960px;
	margin: 0px auto;
}

#hpwrapper{
	background-color: #ffffff;
	width: 960px;
}

#hpleft{
	width: 470px;
	margin-right: 20px;
	padding: 20px 0 20px 0px;
	float: left;
	background-color: #ffffff;
}

ul#bottombullets{
	background-image:url('images/couple.jpg');
	padding: 0 0 0 20px;
}

h1.redbig{
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #ed1c24;
}

p.bigblue{
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #220097;
}

span.phoneno{
	font-size: 30px;
	line-height: 28px;
}

span.email{
	font-size: 22px;
	line-height: 28px;
}

#hpright{
	width: 450px;
	float: left;
	padding: 20px 20px 20px 0;
	background-color: #ffffff;
	text-align: right;
}



p, h1, h2, h3, h4, h5{
	margin-bottom: 10px;
}

.post{
	padding: 10px 0 0 0;
}

.post h2{
	font-size: 20px;
	color: #2d2d75;
	margin: 10px 0 15px 0;
}

#sidebar{
	float: left;
	width: 230px;
	margin: 0 0 0 10px;
	background-color: #fff;
	padding: 10px;
}

#main{
	float: left;
	width: 680px;
	background-color: #fff;
	padding: 10px;
}

#footer{
	background-color: #e8e8e8;
	padding: 5px;
	text-align: center;
	width: 940px;
	margin: 0px auto;
	line-height: 20px;
}

#footer p{
	margin-bottom: 0px;
}

/* Menu */

ul#menu{ 
	width: 100%;
	height: 35px;
	background: #b0b0d5 url("images/menu-bg.gif") top left repeat-x; 
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
ul#menu li {
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
	}
ul#menu li a { 
	height: 35px; 
	color: #777; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 15px 0; 
	}
ul#menu li a:hover { 
	color: #333; 
	}
ul#menu li a.current{ 
	color: #FFF; 
	background: #d5d5ea url("images/current-bg.gif") top left repeat-x; 
	padding: 5px 15px 0; 
	}
                    
                    

.wpcf7-list-item{
	display: block;
	margin-top: 10px;
	position: relative;
	left: -5px;
}