/*
************************************************
Title: style.css (CSS Document)
Author: Magical Design (www.magicaldesign.co.uk)
Created: 01/07/2013
************************************************
*/

/* ----- Base ----- */

html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }  
table { border-collapse:collapse; border-spacing:0 }  
fieldset, img { border:0 }  
ul { list-style:none }

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
    html {
    -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
    }
}

body {
	background-color: #3e2010;
}

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
	margin:30px 0;
}

.left {
    float: left;
}
 
.right {
    float: right;
}

.hide {
    display: none;
}
 
.show {
    display: block;
}

h1 {
	font-family: 'Bitter', arial, sans-serif;
	color: #0b5545;
	margin-bottom:25px;
}

h2 {
	font-family: 'Bitter', arial, sans-serif;
	color: #793f1f;
	font-size: 24px;
	margin-bottom:20px;
	padding-top: 10px;
}

p {
	font-family: arial, sans-serif;
	margin-bottom:20px;
}

#sbc-calendar-wrapper {
	margin-left:18px;
}

.widgettitle {
	margin-bottom:20px;
}

.attachment-thumbnail {
	background-color: #fff !important;
	padding:4px !important;
	border:1px #ddd solid !important;
}

/* ----- Header----- */


#darkbar {
	background-color:#000;
	height:80px;
	position: absolute;
	bottom:0px;
	width:100%;
	max-width:1500px;
	margin:0 auto;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	z-index:0;
	overflow:hidden;
}

#header {
}

.sitewidth {
	width: 960px;
	margin: 0 auto;
}
.sitewidth-alt {
	max-width: 960px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#greenbar {
	width: 100%;
	height: 97px;
	background-color: #0b5545;
	border-top: 8px #083c30 solid;
	border-bottom: 8px #ffcf8d solid;
}

#phone {
	float: left;
	margin-right:8px;
	margin-top: 16px;
}

#top-contact {
	width: 500px;
	float:left;
}

#greenbar h1 {
	color: #ffeec5;
	font-family: 'Bitter', arial, sans-serif;
	font-weight: 700;
	font-size: 28px;	
	margin-top:13px;
	float: left;
	text-shadow: 1px 1px 0px #083c30;
}

#greenbar h2 {
	color: #b0cec8;
	font-family: 'Bitter', arial, sans-serif;
	font-weight: 700;
	font-size: 14px;	
	margin-top:-17px;
	float: left;
	clear:left;
	text-shadow: 1px 1px 0px #083c30;
}

.side-button {
	text-align:center;
	margin-bottom:10px;
}

.top-button {
	float: right;
	clear:none;
	margin-left:10px;
	margin-top:23px;
}

.top-button-group {
	float: right;
	clear:none;
	margin-left:10px;
	margin-top:13px;
}

.top-photo {
	max-width: 1500px;
	height: 340px;
	margin: 0 auto;
	overflow: auto;
}

#photo-01 {
	/*background: #3e2010 url('images/photo-01.jpg') no-repeat;*/
	background: #3e2010 url('http://tidmoorfarm.co.uk/wp-content/uploads/2021/05/Durdle-Door-3-1.jpg') no-repeat;
	background-position: center center;
}

#logo {
	margin-top:30px;
	float:left;
}

/* ----- Menu ----- */

.table {
    display: table;
    margin-left: 0 auto;
    position: relative;
    padding-bottom: 20px;
}

#nav {
	clear: right;
	list-style: none;
    margin-top:-50px; 
    padding: 0;
    z-index:999 !important;
}

#nav li {
   float: left;
}

#nav li a {
    display: block;
    color: #ffeec5;
    font-family: 'Bitter', arial, sans-serif;
    font-weight: 700;
    font-size: 19px;
    text-shadow: 1px 1px 0px #083c30;
    padding: 0 15px;
    text-decoration: none;
    z-index: 999;
}

#nav li a:hover {
	color:#fff;
}


.table {margin-top: -50px;}
#nav {margin-top:0px !important; top: 0px !important;position:relative;}

/* ----- Content ----- */

#mainbox {
	clear:both;
	width:900px;
	margin: 0px auto 0 auto;
	background-color: #ffeec5;
	border-top: 5px #774c34 solid;
	overflow: hidden;
	padding:30px;
	border-bottom: 5px #083e32 solid;
}

#main-photo {
	float: right;
	background-color: #fff;
	padding:4px;
	border:1px #ddd solid;	
	max-height: 250px;
	margin: 0 20px 0 20px;
}

/* ----- Footer ----- */


#tidmoor-footer {
	background-color: #0b5545;
	width:100%;
	height: 290px;
	margin-top:-35px;
	z-index: -999 !important;
	position: absolute;
}

#footer-logo {
	margin-top:65px;
}

.footer-button {
	float: none;
	clear:none;
	margin-top: 15px;
	margin-left: 2px;
	margin-right: 2px;
}

#footer-telephone {
	bottom: 0;
	margin-top: 40px;
	margin-left: 205px;
	position: relative;
}

#copyright {
	margin-top: 25px;
	color: #fff;
	font-size: 14px;
}

#credit {
	color:#a5c5be;
}

/* ----- Theme ----- */