/*

	Theme Name: Weatherill Default

	Theme URI: http://www.weatherillbrothers.co.uk

	Description: The first WordPress theme built for Weatherill by Juno

	Version: 1.0

	Author: Juno Media

	Author URI: http://www.junomedia.co.uk/

*/



/***** Global *****/

	/* Reset */

		html, body, div, span, applet, object, iframe,

		h1, h2, h3, h4, h5, h6, p, blockquote, pre,

		a, abbr, acronym, address, big, cite, code,

		del, dfn, em, font, img, ins, kbd, q, s, samp,

		small, strike, strong, sub, sup, tt, var,

		dl, dt, dd, ol, ul, li,

		fieldset, form, label, legend,

		table, caption, tbody, tfoot, thead, tr, th, td {

			margin: 0;

			padding: 0;

			border: 0;

			outline: 0;

			font-weight: inherit;

			font-style: inherit;

			font-size: 100%;

			font-family: inherit;

			vertical-align: baseline

		}

		

		:focus {outline: 0}

		

		ol, ul {list-style: none}

		

		/* Tables need 'cellspacing="0"' on markup */

		table {

			border-collapse: separate;

			border-spacing: 0

		}

		

		caption, th, td {

			text-align: left;

			font-weight: normal

		}

		

		blockquote:before, blockquote:after, q:before, q:after {content: ""}

		blockquote, q {quotes: "" "" }



/* Body */

	body {

	    line-height: 1.4;

	    font-size: 81.25%; /* 100% = 16px */

		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;

	    color: #2e2e2e;

	    background: #b4b4b4;

		margin: 0;

		padding: 0;

		text-align: left

	}



/* Headers */

	h2 {font-size: 153.84%}

	h3 {font-size: 128.57%}

	h4 {font-size: 121.42%}

	h5 {font-size: 114.28%}

	h6 {font-size: 107.14%}

	

	h2, h3, h4, h5, h6 {color: #96080c; margin-bottom: .7em; font-weight: normal}

	

/* Links */

	a {outline: 0}

	a img {border: 0px; text-decoration: none}

	a:link, a:visited {color: #920004; text-decoration: underline}

	a:hover, a:active {text-decoration: none}

	.hire {font-weight: bold}
	
	

/* Paragraphs */

	p {

	    margin-bottom: 1.5em;

	    text-align: left

	}

	

	strong, b {font-weight: bold}

	em, i {font-style: italic}



/* Lists */

ul {

  margin: 1em 0 1.5em 1.5em;

  list-style: outside disc

}



ol {

  margin: 1em 0 1.5em 1.5em;

  list-style: outside decimal

}



/* Quotes */

blockquote {font-style: italic; color: #96080C; margin-bottom: 1em}

blockquote p {margin-bottom: .5em}



cite {font-style: italic; display: block; color: #920004}



/* Tables */

table {width: 98%; margin: .5em 0 1.5em 0; border: 1px solid #eee}



thead th {background: #920004; color: #fff; text-align: left; padding: .5em .4em}



tbody td, tbody th {padding: .5em .4em}

tbody .alt td {background: #c4c4c4}



/* Images */

.size-medium {width: 336px; height: 254px}



/***** Layout *****/

#shadow {

	width: 938px;

	background: url('images/shadow.png') repeat-y top center !important;

	background: url('images/shadow-ie.gif') repeat-y top center;

	margin: 0 auto

}



/* Header */

#header {

	background: url('images/head-bg.png') no-repeat top center;

	padding: 40px 34px 0 34px;

	overflow: hidden;

	height: 1%

}



#head-img {border: 1px solid #dcdad4; padding: 2px; background: #e5e5e5; clear: both; margin-top: 20px}



	/* Logo and Slogan */

	#logo {

		width: 268px;

		float: left;

		margin: 0

	}

	

	#slogan {float: right; margin: 0 0 20px 0}



/* Menu */

#menu {

	width: 844px;

	margin: 0 22px;

	background: #fff url('images/menu-bg.png') no-repeat top center;

	height: 47px;

	overflow: hidden;

	margin-bottom: 35px;

	padding: 0 25px;

	list-style: none;

	font-family: 'trebuchet ms', tahoma, arial, sans-serif;

	font-weight: bold

}



#menu li {

	float: left;

	padding: 0 12px 0 12px;

	border-right: 1px solid #c0b878;

	height: 1em;

	line-height: 1;

	margin-top: 1.1em

}



#menu li:last-child, #menu li.last {border: 0}



#menu a:link, #menu a:visited {text-decoration: none; color: #505050}

#menu a:hover, #menu a:active, #menu .current a:link, #menu .current a:visited {color: #920004}



/* Body */

#body {

	width: 834px;

	margin: 0 22px;

	padding: 0 30px 0 30px;

	background: #fff;

	overflow: hidden;

	height: 1%

}



#body img.right, #body img.alignright {float: right; clear: right; border: 3px solid #e5e5e5; margin: 0 0 .8em 2em}
#body .caption {display: block; width: 336px; font-size: .8em; float: right; clear: right; margin: 0 0 .8em 2em}



	/* Content and sidebar */

	#content {width: 580px; float: left}

	

	#sidebar {

		width: 210px;

		float: right;

		background: url('images/sidebar-bg.png') repeat-y top left;

		padding: 10px 0 15px 20px

	}

	#sidebar h2 {font-size: 128.57%}



	/* Featured Box */

	#body .featured {

		clear: both;

		width: 834px;

		margin: 30px -30px 0 -30px;

		padding: 20px 30px;

		position: relative;

		background: #f1f1f1 url('images/foot-bg.png') repeat-x top left;

		overflow: hidden;

		height: 1%

	}

	

	.featured .alignleft {float: left; margin: 0 2em 0 0; border: 3px solid #e5e5e5}

	.featured .alignright {float: right; margin: 0 0 0 2em; border: 3px solid #e5e5e5}

	.featured a:hover .aligneft, .featured a:hover .alignright {border: 3px solid #920004}

	

	#body .featured h2 {font-size: 153.84%}

	#body .featured p {line-height: 1.5}

	#body .featured img {width: 214px; height: 160px}


	/* News List Box */

	#body .news-list {

		clear: both;

		width: 834px;

		margin: 0 -30px;

		padding: 20px 30px;

		position: relative;

		background: #9A1216 url('images/featured-bg.png') repeat-x top left;
		
		border-top: 1px solid #601316;

		color: #F4D2D3;

		overflow: hidden;

		height: 1%

	}

	#body .news-list h2 {color: #fff}

	#body .news-list a:link, #body .news-list a:visited {color: #fff}



/* Footer */

#footer {

	margin: 0 22px;

	background: #7E070A;

	color: #fff;

	padding: 15px 10px;

	font-family: 'trebuchet ms', tahoma, arial, sans-serif;

	font-weight: bold;
	
	overflow: hidden; height: 1%;

}



#footer-img {

	background: url('images/foot-bg.gif') no-repeat bottom left;

	padding: 0 34px 23px 34px;

	margin: 0 auto 0 auto;

	width: 894px

}

#footer a:link, #footer a:visited {color: #fff}

#footer .links {float: left}
#footer .juno {float: right}
	

/***** Sections *****/

/* News List */

#news-list {list-style: none; margin: 0; padding: 1.5em 0 0 0}

#news-list li {overflow: hidden; height: 1%; margin-bottom: 1.2em}



#news-list img.thumb {border: 3px solid #e5e5e5; float: left; margin-right: 30px}

#news-list div.cont {

	width: 655px;

	float: left

}



#news-list h3 {font-family: 'trebuchet ms', tahoma, arial, sans-serif; line-height: 1.1}



/* Gallery */

#gallery, ul.gallery {

	overflow: hidden;

	height: 1%;

	margin: 0;

	padding: 1em 0 1em 0;

	list-style: none;

	width: 861px

}



#gallery li, ul.gallery li {width: 252px; float: left; margin: 0 35px 20px 0}

#gallery img, ul.gallery img {display: block; margin-bottom: .3em; width: 252px; height: 170px}



#gallery a:link, #gallery a:visited, ul.gallery a:link, ul.gallery a:visited {color: #000; text-decoration: none}

#gallery a:hover, #gallery a:active, ul.gallery a:hover, ul.gallery a:active {color: #920004}



#gall-full-img {

	float: left;

	width: 520px;

	overflow: hidden;

	margin: 0 30px 30px 0

}



#gallery-desc {

	width: 280px;

	float: left;

	margin: 0 0 30px 0

}



a.box-link:link, a.box-link:visited, .inactive {

	color: #fff;

	background: #96080c;

	display: block;

	padding: .5em 1em .7em 1em;

	text-decoration: none;

	margin: 0 0 1em;

	line-height: 1.1

}

.inactive {background: #ccc; cursor: default}


/* Contact Us */

#contact-form {

	background: #c4c4c4;

	padding: 30px 20px;

	margin: 0 30px 0 0;

	overflow: hidden;

	height: 1%;

	width: 480px;

	float: left;

	color: #000

}



#contact-success {width: 480px; float: left}



#contact-form label {width: 110px; float: left; clear: left; margin: 0 0 1em 0; line-height: 23px}

#contact-form .text, #contact-form textarea {

	border: 0;

	margin: 0 0 1em 0;

	background: #fff;

	padding: .3em .2em;

	width: 360px;

	font-size: 100%

}



#contact-form .button {

	color: #fff;

	background: #96080c;

	display: block;

	padding: 0 1.5em;

	text-decoration: none;

	margin: 1em 5px 0 0;

	display: inline;

	float: right;

	border: 0;

	height: 28px;

	line-height: 28px;

	cursor: pointer

}



#contact-address {

	float: left;

	line-height: 1.25;

	font-style: normal

}



#contact-address strong {font-weight: normal; color: #96080c}



#location-map {

	background: #c4c4c4;

	margin-top: 15px;

	padding: 10px 20px 20px 20px;

}



#map-canvas {width: 480px; height: 370px}



#location-map .button {

	color: #fff;

	background: #96080c;

	display: inline;

	padding: 0 1.5em;

	text-decoration: none;

	border: 0;

	float: right;

	position: relative;

	margin: 0 5px 0 0;

	bottom: 28px;

	clear: none;

	height: 28px;

	line-height: 28px;

	cursor: pointer

}



#location-map input.text, #location-map textarea {

	color: black;

	border: 1px #dddcd4 solid;

	background-color: #fff;

	padding: .3em .5em;

}



#to {

	width: 120px

}



#detailed-text img.hidden {display: none}

#detailed-text {overflow: hidden; height: 1%; color: #fff; background: #96080c; padding: .5em}

#detailed-text span {float: left}

#detailed-text img{float: right; cursor: pointer; margin-top: 3px}



/* Blog */

#post-list {margin: 0; list-style: none}



.post {margin-bottom: 3em; line-height: 1.4}



.post h3, .post h2 {font-size: 128.57%}

.post .meta {display: block; font-size: .8em; margin-bottom: 1em; color: #666}



/* Comments */

#comments h2 {font-size: 128.57%; margin-bottom: .8em; line-height: 1; text-decoration: none}

#comments ul {margin: 0 0 2em 0; padding: 0; list-style: none}

#comments ul li {background: #c4c4c4; padding: 1em; margin-bottom: 1em}



#comments blockquote {margin: 0; padding: 0; color: #000; font-style: normal}

#comments blockquote p {margin-bottom: 0}

#comments cite {font-size: 76.92%; color: #acacac}



/* Comments Form */

#comment-form {margin: 0 0 1em 0; overflow: hidden; height: 1%}

#comment-form div {background: #c4c4c4; padding: 1.8em; margin-bottom: 15px; overflow: hidden; height: 1%}



#comment-form label {

	display: block;

	float: left;

	margin-bottom: 15px;

	line-height: 20px;

	width: 75px;

	clear: left

}

#comment-form .text, #comment-form textarea {

	border: 0;

	display: block;

	float: left;

	margin-bottom: 15px;

	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;

	font-size: 100%;

	padding: .2em .5em;

	width: 440px;

	color: #888;

	background: #fff

}



#comment-form textarea {float: none; width: 515px; height: 125px}



#comment-form .button {

	float: right;

	background: #96080c;

	color: #fff;

	font-size: 115.38%;

	border: 0;

	padding: .3em 2em .3em 2em;

	cursor: pointer

}

 

/* Archives */

/* Archives */

#archives {list-style: none}

#archives ul {margin: .5em 0 1.5em .5em}

#archives li {float: left; width: 45%; padding: 0 4% 0 0; font-size: 116.66%; background-image: none}

#archives li ul li {float: none; width: auto; padding: 0; font-size: 84.71%}



/* Cols */

.price-cols {overflow: hidden; height: 1%; padding-top: 1.5em}

.price-cols .first-col {width: 45%; float: left}

.price-cols .second-col {width: 45%; float: right}