/*
	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;
	    font-size: 87.5%; /* 100% = 16px */
		font-family: georgia, 'times new roman', times, serif;
	    color: #2e2e2e;
	    background: #6e0609 url('images/bg.png');
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 214.28%}
	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}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside decimal
}

/* Quotes */
blockquote {font-style: italic}
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: #eee}

/* 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: 884px;
	margin: 0 22px;
	background: #fff url('images/menu-bg.png') no-repeat top center;
	height: 47px;
	overflow: hidden;
	margin-bottom: 35px;
	padding: 0 5px;
	list-style: none;
	font-family: 'trebuchet ms', tahoma, arial, sans-serif;
	font-weight: bold;
	font-size: 97%
}

#menu li {
	float: left;
	padding: 0 10px 0 10px;
	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 0px 30px;
	background: #fff;
	overflow: hidden;
	height: 1%
}

#body img.right, #body img.alignright {float: right; clear: right; border: 3px solid #e5e5e5; margin: 0 0 1.5em 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;
		padding: 20px 30px;
		position: relative;
		background: #e4e0d3 url('images/foot-bg.png') repeat-x top left;
		border-top: 1px solid #e8e7e1;
		border-bottom: 1px solid #e8e7e1;
		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: 157.14%}
	#body .featured p {line-height: 1.5}
	#body .featured img {width: 214px; height: 160px}

/* Footer */
#footer {
	margin: 0 22px;
	background: #e4e0d3 url('images/foot-bg.png') repeat-x top left;
	padding: 10px 10px 26px;
	border-top: 1px solid #e8e7e1;
	font-family: 'trebuchet ms', tahoma, arial, sans-serif;
	font-size: 94%;
	font-weight: bold
}

#footer .company {float: left}

#footer .juno {float: right}
#footer span.juno a:link,#footer span.juno a:visited {text-decoration: none;}
#footer span.juno a:active ,#footer span.juno a:hover {text-decoration: underline;}
#footer-img {
	background: url('images/foot-bg.gif') no-repeat bottom left;
	padding: 0 34px 23px 34px;
	margin: 0 auto 0 auto;
	width: 894px
}
	
/***** 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 {
	color: #fff;
	background: #96080c;
	display: block;
	padding: .5em 1em .7em 1em;
	text-decoration: none;
	margin: 1em 0;
	line-height: 1.1
}

/* Contact Us */
#contact-form {
	background: #eeede5;
	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 {
	clear: both;
	background: #eeede5;
	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: #eee; 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: #eee; 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}