/*
Theme Name: Landlordsure Theme
Theme URI: http://landlordsure.co.uk/
Description: The Landlordsure WordPress theme based on the <a href="http://landlordsure.co.uk/">http://landlordsure.co.uk</a> main site.
Version: 1.0
Author: Arthur Bezner
Author URI: http://step-two.co.uk/
Tags: custom, landlordsure, red

*/

/* Style sheet basic */
body{margin:0;padding:0;font-family:'trebuchet ms', sans-serif;font-size:0.75em;}
h1,h2,h3,h4,h5,h6{margin:0.3 0;padding:0;font-weight:normal;color:#c1272d;}
h1{font-size:2em;}
h2{font-size:1.6em;}
h3{font-size:1.2em;}
h4,h5,h6{font-weight:bold;font-size:1em;}
p{font-family:'trebuchet ms', sans-serif;font-size:12px;color:#000000;line-height:14px;}
a{color:#c1272d;}
img{vertical-align:middle;border:0px;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.w25{width:25%;}
.w33{width:33%;}
.w50{width:50%;}
.w66{width:66%;}
.w75{width:75%;}
.auto{width:auto;}
.box{display:block;margin:0.5em 0em;padding:1em;}
.green{background-image:url("files/images/green-bg.png");background-position:center center;background-repeat:repeat-y;}
.blood{background-image:url("files/images/blood-bg.png");background-position:center center;background-repeat:repeat-y;}
.blood p{color:#ffffff;}
.emphasis{text-decoration:none;font-size:1.4em;}
.emphasis a{text-decoration:none;}
.info{margin-left:1.5%;padding-left:1.5%;border-left:1px solid #999999;}
.w33.info{width:30%;}
.info.first{margin:0;padding:0;border-left:0px;}
.info h2{padding-left:1.4em;background-image:url("files/images/bull.png");background-position:left center;background-repeat:no-repeat;font-size:1.4em;color:#333333;}
.field{padding-top:0.3em;padding-bottom:0.3em;}

/* Style sheet style */
span.captcha_text{}
.blood .formbody p{color:#ffffff;}
.formbody table{width:100%;}
.inline{display:inline;}
.inline *{display:inline;}
.formbody td{padding-top:0.5em;padding-bottom:0.5em;vertical-align:top;border-bottom:1px solid #b44044;border-collapse:collapse;}
.formbody td.colspan,.formbody tr.row_last td{border-bottom:0;border-collapse:collapse;}
.formbody td.col_first{width:25%;}
.formbody input.text{width:99%;}
.formbody div.error{margin-top:0.3em;margin-bottom:0.3em;padding-top:0.5em;padding-bottom:0.5em;padding-left:3em;background-image:url("files/images/exclamation.gif");background-position:left center;background-repeat:no-repeat;color:#FCEE21;}
.formbody div.checkbox_container span{display:block;}
.formbody span{color:#ffffff;}
#footer p{text-align:center;color:#ffffff;}
.blood .box,.green .box{padding:2em;}
.blood h2{margin-top:0;color:#ffffff;}
div.blood p,div.blood a{color:#ffffff;}
label{color:#ffffff;}
.info label{color:#333333;}

#top{margin:0px;padding:0px;text-align:center;background-color:#bc0f1c;}

#wrapper{background-color:#ffffff;background-image:url("images/bg.png");background-position:center top;background-repeat:no-repeat;}

#header{width:800px;margin:0 auto;text-align:left;}
#header .inside{padding:0px 3px 6px 3px;}

#logo{height:140px;position:relative;}
#logo img{top:40px;left:23px;position:relative;}
#container{width:800px;margin:0 auto;text-align:left;min-height:20em;height:auto !important;height:20em;}

#main {float:left; width:530px;}
#main .inside {padding:10px 0 10px 30px;}

#sidebar {float:right; width:250px;}
#sidebar .inside {padding:10px 30px 10px 0;}

#footer{margin:0px;padding:30px;text-align:center;background-color:#bc0f1c;background-image:url("files/images/footer-bg.png");background-position:center top;background-repeat:repeat-x;}
#banner{float:right;margin-top:35px;margin-right:140px;}
#footer .inside{width:800px;margin:0 auto;}
#logout{text-align:right;}
#logout p{margin:0px;padding:10px 0px 0px 0px;}

/* Style sheet navigation */
#header .inside {z-index:999;}
#navigation{height:64px;background-image:url("images/navigation-bg.png");background-position:left top;background-repeat:no-repeat;}
#navigation,#navigation ul{margin:0;padding:0.75em 1em;list-style:none;}
#navigation ul a,#navigation ul span{display:block;margin:0.15em 0.25em;padding:0.15em 0.25em;text-decoration:none;color:#efc2c5;line-height:1.5em;}
#navigation ul a:hover,#navigation ul span{color:#ffffff;}
#navigation ul li{float:left;margin:0.25em;}
#navigation ul li:hover,#navigation ul li.hover{}
#navigation ul li ul{width:22em;left:-999em;position:absolute;background-color:#C1272D;}
#navigation ul li ul li{width:22em;}
#navigation ul li:hover ul,#navigation ul li.hover ul{left:auto;}

/* Clear fix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}

/* sidebar */
#sidebar ul#widgets {
	margin:0;
	padding:0;
	list-style:none;
}

#sidebar ul#widgets li h2 {
	margin:10px 0 5px;
	padding:5px 10px;
	background:url(images/blood-bg.png) center center repeat-y;
	font-size:14px;
	color:#fff;
}

#sidebar ul#widgets li ul {
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
}

#sidebar ul#widgets li ul li ul {
	padding-left:15px;
	list-style:url(images/line.png) outside;
}

/* 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 */