/*
Theme Name: Hornsea Lakes
Theme URI: 
Description:
Version: 1.0
Author: Darren White
Author URI: 
Tags: 
*/

* {margin: 0;padding: 0;}
.reset {display:block;clear:both;}
*.x {display: none;}
a img {border:none;}

body {
  color: #fff;  
  font: normal 62.5%/100% Arial, Lucida, Helvetica, Sans-Serif;
  text-align: center;
  background: #736248 url("images/bg_body.jpg") left top repeat-x;
}

#container {position:relative;width: 928px;margin: 0 auto;text-align: left;zoom:1;}
#container:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";
  height: 0;visibility: hidden;}  

/* >>> HEADER <<< */
#header {position:relative;width: auto;margin: 0 auto;height:552px;padding:0;z-index:10;}  

#logo {position:absolute;top:0;left:0;z-index:1000;
  background: url("images/bg_header.png") top left no-repeat;}
#logo span {position: absolute;left: -9999px;width: 0px;overflow: hidden;}
#logo a {display:block;
  width:928px;height:110px;
  background: url("images/logo_v2.png") top left no-repeat; }
#logo a:hover {background: url("images/logo_v2.png") top left no-repeat; }

#slideshow {position:absolute;top:0;left:0;width:928px;height:553px;
  /*background:  url("images/bg_slideshow.jpg") no-repeat;*/z-index:1;} 
#slideshow-content {position:absolute;top:478px;left:0;display:block;width:928px;height:60px;
  padding:15px 0 0 18px;background:  url("images/bg_slideshow_content.png") repeat;z-index:10;}
#slideshow .content img {float:left;}

ul.menu {position:absolute;top:110px;left:0;display:block;/*For KHTML*/list-style: none;
  width:918px;height: 26px;padding:4px 0 0 10px;
  background:  url("images/bg_slideshow_content.png") repeat;z-index:10000;}
ul.menu ul {width: 200px;margin: 0;padding:0;list-style: none;display: none;position: absolute;top: 100%; left: -2px;
  background:  url("images/bg_slideshow_content.png") repeat;z-index:200000000;}  

ul.menu li {float: left; /*For Gecko*/
  display: inline;list-style: none;position: relative;height:26px;}
ul.menu ul li { width: 200px;display: block;height:26px; }

/* Root Menu */
ul.menu a {padding:0 25px;width:auto;float: none !important; /*For Opera*/float: left; /*For IE*/
  display: block;color:#fff;font: normal 15px/22px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/ }

/* Root Menu Hover Persistence */
ul.menu .current_page_item a,
ul.menu a:hover {text-decoration:none;color:#FFCC66;}

/* 2nd Menu */
#header ul.menu li:hover li a, #header ul.menu li.iehover li a {text-align:left;border-bottom:1px solid #666;border-top:none;
  font: normal 14px/26px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  color:#fff;}

/* 2nd Menu Hover Persistence */
#header ul.menu li:hover li a:hover, #header ul.menu li:hover li:hover a, #header ul.menu li.iehover li a:hover,
#header ul.menu li.iehover li.iehover a {color:#FFCC66;}  

/* Hover Function - Do Not Move */
#header ul.menu li:hover ul ul,#header ul.menu li:hover ul ul ul,#header ul.menu li.iehover ul ul,#header ul.menu li.iehover ul ul ul { display: none; }
#header ul.menu li:hover ul,#header ul.menu ul li:hover ul,#header ul.menu ul ul li:hover ul,#header ul.menu li.iehover ul,#header ul.menu ul li.iehover ul,#header ul.menu ul ul li.iehover ul { display: block; }


/* >>> CONTENT <<< */
#content-wrap {position:relative;width: 928px;margin: 0 auto;text-align: left;zoom:1;
  background: #736248 url("images/bg_content_wrap.png") repeat-x;}
#content-wrap:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";
  height: 0;visibility: hidden;}  

#content {float:left;width:520px;min-height:300px;padding:16px 24px 20px 12px;}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {color: #FFCC66;
  font: normal 2.2em/1.2em "Trebuchet MS", Arial, Lucida, Helvetica, Sans-Serif;margin:5px 0 20px 0;}
#content h2 {margin:1.8em 0 0 0;font-size:1.2em;}  
#content h3 {margin:1.6em 0 0 0;font-size:1.2em;}  
#content h4 {margin:1.4em 0 0 0;font-size:1.2em;}
#content h5 {margin:1.2em 0 0 0;font-size:1.2em;}
#content h6 {margin:1.2em 0 0 0;font-size:1.2em;}

#content p,
#content ul,
#content ol,
address {font-size:1.2em;line-height:1.7em;margin:0;margin:5px 0 20px 0;}
address {line-height:1.4em;font-style:normal;}

#content p strong {color: #FFCC66;}

#content ul,
#content ol {clear:left;margin:0 0 10px 3em;}
#content ul ul,
#content ol ol {margin:0 0 0 2em;font-size:0.9em;}

#map {margin:25px 0;width: 510px;height: 345px;border:5px solid #524534;}
#content div#popup {margin:0px;padding:0 4px;}
#content div#popup p {margin:0;padding:0;color:#000;line-height:14px;}
#content div#popup strong {color:#000;}
#content #map img {background:none;}

#content li a:link,
#content p a:link,
#content h2 a:link {text-decoration:none;color:#FFCC66;border-bottom:1px solid #FFCC66;}
#content li a:visited,
#content p a:visited,
#content h2 a:visited {text-decoration:none;color:#FFCC66;border-bottom:1px solid #FFCC66;}
#content li a:hover,
#content p a:hover,
#content h2 a:hover {text-decoration:none;color:#7F450D;border-bottom:1px solid #FFCC66;background:#FFCC66;}
#content li a:active,
#content p a:active,
#content h2 a:active {text-decoration:none;color:#7F450D;border-bottom:1px solid #FFCC66;background:#FFCC66;}

#content .post {clear:left;padding:14px 0 5px 0;margin-bottom:5px;border-bottom:1px solid #eee;zoom:1;}
#content .post:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";
  height: 0;visibility: hidden;}
#content .post h2 {margin:0;}
#content p.post-meta {margin:3px 0 0 0;font-style:italic;}
#content .post .more {text-align:right;}

#content .post img {float:left;}
#content .post-excerpt {margin-left:170px;}
#content .no_image .post-excerpt {margin-left:0;} 

/* images */
#content img {padding: 4px;border:1px solid #eee; }	
#content a img { }
#content a:hover img { border-color: #A30023; }
#content .alignright {float:right;margin-left: 10px;margin-bottom:10px; }
#content .alignleft {float:left;margin-right: 10px;margin-bottom:10px; }
#content .alignnone {margin:10px 0 0 0;}
p.wp-caption-text {padding: 4px;text-align:center;font-weight:bold;}

#content #offers h2 {font-size:22px;margin:0;zoom:1;height:32px;}
#content #offers h2 span {float:left;width:395px;}
#content #offers h2 a {float:right;width:90px;height:29px;font-size:14px;
  color:#FFCC66;border-bottom:none;text-decoration:none;text-indent:-9999px;
  background: url("images/btn_view_all.png") no-repeat;}
#content #offers {margin:25px 0;padding:0 0 0 20px;
  border-left:6px solid #FFCC66;}
#content #offers .post {clear:both;margin:0 0 0 0;}
#content #offers .post:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";
  height: 0;visibility: hidden;}  

#content #offers h3 {margin:0;line-height:24px;}
#content #offers h3 a:link,
#content #offers h3 a:visited {text-decoration:none;color:#FFCC66 !important;border-bottom:1px solid #FFCC66 !important;}
#content #offers h3 a:hover,
#content #offers h3 a:active {text-decoration:none;color:#fff !important;border-bottom:1px solid #FFCC66;background:#FFCC66 !important;}

#content #offers p {margin:5px 0;color:#FFCC66;}
#content #offers img {float:left;padding:0;border:none;}
#content #offers .post-excerpt {margin-left:160px;}
#content #offers .no_image .post-excerpt {margin-left:0;}



/* >>> SIDEBAR <<< */
#sidebar {float:right;width:372px;padding:30px 0;text-align:left;}

#sidebar img {margin:20px 0 0 0;border:5px solid #524534;}
#sidebar h2 {color: #FFCC66;
  font: normal 1.6em/1.2em "Trebuchet MS", Arial, Lucida, Helvetica, Sans-Serif;margin:0 0 10px 0;}

#testimonial {margin:0px 20px 20px 0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#testimonial blockquote {color:#DBD3C3;}
#testimonial blockquote p {margin:0;font-size:18px;line-height:26px;}
#testimonial cite {padding:10px 0 0 0;color:#FFCC66;font-style:normal;font-size:26px;
  font-family:Georgia, "Times New Roman", Times, serif;
}

#content #testimonial {width:400px;margin:20px 0 0 90px;padding:20px;}

/* >>> FOOTER <<< */
#footer {width: 100%;text-align: center;
  background: #5F513C url("images/bg_footer.png") top left repeat-x;}
#footer div {width:908px;margin: 0 auto;padding:10px 10px 20px 10px;text-align:left;
    background: #5A4D39 url("images/bg_footer_inside.png") top left repeat-x;}
#footer ul {float:left;width:300px; /*For KHTML*/list-style: none;height: 10px;}
#footer li {margin: 0;border: 0 none;padding: 0 10px 0 0;float: left; /*For Gecko*/display: inline;
  list-style: none;position: relative;height:10px;border-right:1px solid #fff;}
#footer li.page-item-49 {border-right:none;padding-left:10px;}
/* Root Menu */
#footer li a {float: none !important; /*For Opera*/float: left; /*For IE*/
  display: block;color: #fff;font: normal 1.1em/12px Arial, Helvetica, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/}
#footer li a:hover {color:#fff;background:#00847F;}
 
#footer p {float:right;width:450px;font-size:1.1em;color:#fff;text-align:right;}
#footer p a {color:#fff;text-decoration:none;}
#footer p a:hover {color:#736248;background:#FFCC66;}

/* >>> FORM <<< */
form {padding: 20px 30px 0 30px;}
fieldset {border:0;}
form p {margin: 3px; padding: 0px;}
form p label {float: left; width: 110px;}
form input,
form select { color: #000000; padding: 3px;background-color: #FFFFFF; border: 1px solid #FFCC66; width: 250px;}
form input.date,
form select {width:100px;}
form input.small { color: #000000; background-color: #FFFFFF; border: 1px solid #FFCC66; width: 50px;}
form textarea { color: #000000; background-color: #FFFFFF; border: 1px solid #FFCC66; width: 300px; height: 140px; }
form select {background-color: #FFFFFF; border: 1px solid #FFCC66; font-size: 10px;}
form input.checkbox {color: #000000; background-color: #FFFFFF; border: 1px solid #b0d50a; width: 20px;}

button,
form input.submit {width: auto; margin-left: 110px; color: #fff; font-weight:bold; background-color: #FFCC66;
  border: 1px solid #BC261B; padding:5px 10px; font-size: 12px;}  

.wpcf7-response-output {font-size:13px;}

#content .errortext {margin-bottom:2em;padding:0.5em 1.0em;font-size:1.2em;line-height:1.2em;
  border-top:1px solid #b7241b;border-bottom:1px solid #b7241b;background:#f9f8f3;}
#content .errortext strong {font-size:1.2em;color:#2d8585}  
#content .errortext p {margin:0;}
#content .errortext ul {margin:5px 0 5px 30px;}
#content .errortext ul li {margin:0;line-height:14px;}


.LV_validation_message{float:left;font:bold 1.2em/2.0em Verdana, sans-serif;margin-bottom:1.0em;}
.LV_valid {display:none;visibility:hidden;}
#content .LV_invalid {color:#CC0000;}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #26839D;}   

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #26839D;}
