/*
Theme Name: B and B - Design 3
Theme URI: 
Description:
Version: 1.0
Author: Darren White
Author URI: 
Tags: 

*/
/* >>> ELEMENTS <<< */
* {margin: 0; padding: 0;}
*.x {display: none;}

#logo span {position:absolute;left:-9999px;width:0px;overflow: hidden;}

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

div#container {width: 607px;margin:0 auto 0 auto;text-align: left;}

/* >>> HEADER <<< */
div#header  {height:210px;}
#logo {display:block;height:151px;}
#logo a:link,#logo a:visited,#logo a:hover, #logo a:active {float:left;width:605px;height:151px;
  background:#832c57  url("images/bed-and-breakfeast-woodhill-logo-02.jpg") top right no-repeat;}

/* >>> FLASH <<< */
div#slideshow {display:block;width:100%;height:248px;border-top:2px solid #fff;border-bottom:2px solid #fff;
  background:  url("images/bg_slideshow.jpg") no-repeat;}

/* >>> MENU <<< */
ul#navmenu  {clear:left;width: 597px; /*For KHTML*/list-style: none;height: 55px;padding:3px 4px 0 4px;margin:0;
  border:1px solid #822a54;border-bottom:none;background: #fff url("images/bg_nav.jpg") top left no-repeat;}
ul#navmenu  li {margin: 0 0 0 1px;border: 0 none;padding: 0;float: left; /*For Gecko*/display: inline;
  list-style: none;position: relative;height:55px;background: url("images/bg_li.jpg") bottom left no-repeat;}
ul#navmenu  li.home {background:none;}
/* Root Menu */
ul#navmenu  a {padding: 0;width:98px;float: none !important; /*For Opera*/float: left; /*For IE*/
  display: block;color: #444343;font: normal 12px/55px Tahoma, Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/text-align:center;}
/*ul#navmenu  li.home a {width:84px;}*/
/* Root Menu Hover Persistence */
ul#navmenu  a:hover {color: #7c2350;}
ul#navmenu  .current_page_item a {color: #7c2350;background: url("images/bg_nav_hover.jpg") bottom left repeat-x; }

/* >>> CONTENT <<< */
#content-wrap {zoom:1;width: 597px;padding:0 4px;border-left:1px solid #ada38e;border-right:1px solid #ada38e;
  background:#fff;}
#content-wrap:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
 
div#content {padding:30px 15px;background:  url("images/bg_content.jpg") repeat-x;}

h1,
h2, 
h3, 
h4,
h5,
h6  {font-weight:normal;font-size:2.2em;line-height:1.8em;color: #832c57;margin:0 0 15px 0;}

h2 {font-size:1.7em;margin:15px 0 5px 0;}
h3 {font-size:1.2em;margin:15px 0 5px 0;}
h4 {font-size:1.2em;margin:15px 0 5px 0;}
h5 {font-size:1.2em;margin:10px 0 5px 0;}
h6 {font-size:1.2em;margin:10px 0 5px 0;}

p,
address, 
div#content ul,
div#content ol {margin:0 0 10px 0;font-size:1.2em;line-height:1.3em;}
div#content ul,
div#content ol {margin:0 25px 20px 30px;}
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {margin:0 0 0 55px;font-size:0.9em;}

address {line-height:1.4em;font-style:normal;}

p.more {text-align:right;padding-bottom:10px;border-bottom:1px solid #87BBF4;}

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


#content blockquote {margin:40px 15px 25px 15px;padding: 15px;display: block; border-left:4px solid #e4dcc3;
  background:#e9e8e8;}
#content cite {display: block;text-align:right;font-weight:bold;}	

div#popup {background:#EFEFEF;border:1px solid #999999;margin:0px;padding:7px;width:180px;}
#map {margin:10px 0;width: 552px;height: 340px;border: 5px solid #ddd;}
#content #map img {background:none;}

hr { clear: both; border: 0; height: 1px; background-color: #ddd; color: #ddd; margin: 30px 0 0; }

dl { margin-left: 0; font-size:1.2em;line-height:1.6em;}
dl dt { font-weight: bold; margin-top: 15px;color: #492d28;}

#content #navigation {margin:0 25px;padding:10px;text-align:right;border-top:1px solid #c0bbbb;}
#content #navigation p {margin:0;}

#content a.top {margin:0 0 0 510px;}

hr {padding: 0;margin: 0 25px 10px 25px;padding: 1px; background: #c0bbbb;line-height: 1px;}

/* images */
#content .alignright,
#content .alignleft {float:left;margin-bottom: 5px;border:3px solid #e4deca;}	

#content a:hover img { border-color: #832c57; }
#content .alignright {float:right;margin-left: 10px; }
#content .alignleft {float:left;margin-right: 10px;margin-bottom: 5px;border:3px solid #e4deca; }

p.wp-caption-text {padding: 4px 0;color:#666;font-weight:bold;}

#content .wp-caption {text-align:center;}
#content .wp-caption img {padding: 4px 0 0 0;float:none;border:none;}
  
/* >>> SIDEBAR <<< */
div#sidebar {float: left;width:311px;min-height:400px;text-align:left;}


#sidebar ul,
#sidebar ul li {  width: 311px; /*For KHTML*/  list-style: none;border: 0 none;}
#sidebar ul:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";
  height: 0;visibility: hidden;}
#sidebar ul li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/position: relative;}  
#sidebar ul a {display: block;  height: auto !important;height: 1%; /*For IE*/padding: 0 24px;
  text-decoration: none;color: #fff;
  font: bold 1.3em/30px  Arial, Verdana, Helvetica, sans-serif;
  background: #d82e46 url("images/bg_sidebar_nav.jpg") repeat-x;}

#sidebar ul a:hover,
#sidebar ul .current_page_item a  {color: #FFF;background: #445aca url("images/bg_sidebar_nav_hover.jpg") repeat-x;}


/* >>> FOOTER <<< */
div#footer {clear: both;position:relative;height:80px;margin:0 auto;padding:0 0 40px 0;text-align:center;
  background:#832c57;}
div#footer p {width: 597px;margin:0 auto;padding:30px 4px;font-size:1.1em;color:#492d28;text-align:right;
  border-left:1px solid #ada38e;border-right:1px solid #ada38e;
  background:#e4dcc3 url("images/bg_footer.jpg") repeat-x;}

#footer img {float:left;margin-top:-25px;}

div#footer p a:link,
div#footer p a:visited {color: #492d28;text-decoration:none;border-bottom:1px solid #492d28;}  
div#footer p a:hover,
div#footer p a:active {color: #fff;border-bottom:none;background:#492d28;}  

/* >>> FORM <<< */
#content form {margin: 0 25px;padding:10px 0;}
#content fieldset {border: 0;}
#content legend {display: none;}
#content label {display: block;font-size:12px;margin-bottom: 5px;}
#content input, #content textarea {border: 1px solid #000;margin-bottom: 10px;padding: 3px;width: 340px;
font-size:12px;font-family:Arial, Helvetica, sans-serif;background:#eee;}
#content textarea {height:150px;}
#content input:focus, #content textarea:focus {background:#fff;}
#content button {padding:4px;height:auto;}

#content .LV_validation_message {clear:both;display:block;min-height:15px;
    font-size:1.1em;font-weight:bold;line-height:1.25em;}
#content .LV_validation_message p {margin:0;}
#content .LV_invalid {color:#d44207;}    
#content .LV_invalid_field, 
#content input.LV_invalid_field:hover, 
#content input.LV_invalid_field:active,
#content textarea.LV_invalid_field:hover, 
#content textarea.LV_invalid_field:active {border:1px solid #d44207!important;background:#FFECD9 !important;}

#content .LV_valid {display:none;}

/* >>> MESSAGES <<< */

#content .hint, #content .success  {padding:8px 0;margin:0 0 10px 0;font-weight:bold;color:#000;}
#content .success {}
#content .errortext {clear:left;padding:5px 10px;background:#FBF1BB;
  border:1px solid #E3AF43; border-width:1px 0;}
#content .errortext p {color: #d44207;font-weight:bold;font-style:normal;}
#content .errortext ul {color:#000; margin:0 30px 10px 30px;}
#content .errortext ul li {list-style-type:disc;}