/*  
Theme Name:Hemingway meets Innerhaven
Description:A Shades of blue and grey version of Hemingway. I've modified many aspects of the CSS, XHTML.
Version:1.00
Author:Norton Miller
Author URI:http://lopressure.com/
*/
* {padding:0;margin:0}
body{background:#222;color:#2c2c2c;font-size:.85em;font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 0}
img{border:1px solid #3c78a7}
img.fb_button{border:none}
li, dd {margin-left:5%}
fieldset {padding:.5em}
select option{padding:0 5px}
#header{background:#ececec /*url('images/bg-tile.png')top left*/}
#header .inside{padding:1em 0 3em 0}
#header .navigation {padding:0 0 2em 0}
#header .changefontsize{float:right;top:0;margin:0;padding:.5em 0 0 0}
#header .changefontsize img{display:inline}
form.chgfontsizeoptions{float:right;width:70px;margin:0;padding:0}
#header h2{font-size:2.25em;margin:0 .5em 0 0;padding:0 .5em .25em 0;border-right:2px solid #fff;float:left;font-weight:bold;color:#fff}
#header h2.logo {border:none;margin:0;padding:0;text-indent:-6000px;background:url('images/Innerhaven-Logo.png') no-repeat;width:360px;height:60px}
#header a.logolink {width:360px;height:60px;display:block;text-decoration:none}
#header a:hover.logolink {background:transparent;text-decoration:none}
#header h2 a{text-decoration:none}
#header h2 a:active{outline:none}
#header h2 a:focus{-moz-outline-style:none}
#header p{padding:1em 0;margin:0;line-height:1em}
#header p.hidden{text-indent:-6000px}
.description {color:#fff}
#header .breadcrumbs{}
.highlight{color:#3c78a7}
/* This class sets the width and position for all rows */
.inside{width:80%;margin:0 auto}
a{color:#3c78a7}
a:hover{text-decoration:none;background:#3c78a7;color:#ececec}
a img{display:block}
a:hover img{text-decoration:none;background:none;display:block}
h1{color:#3c78a7;font-size:2em;font-weight:bold;margin:1em 0}
h2, h3{font-size:1.15em;color:#ececec;font-weight:normal;text-shadow:0 1px 1px #2c2c2c}
#primary h2{color:#3c78a7;font-weight:bold;text-shadow:0px 1px 1px #2c2c2c}
p{line-height:1.75em}
ul li{list-style-type:square;margin:0}
ul.nostyle{margin:0;padding:0}
ul.nostyle li{list-style-type:none;margin:0;padding:0}
blockquote{margin-left:1em;padding-left:1em;margin-right:1em;padding-right:1em;border-left:2px solid #d49248;border-right:2px solid #d49248;color:#291c0e;background:#704e26}
code{font-size:1em;margin:3em 0;padding:0 1.2em 0 1.2em;border-left:2px solid #d49248;border-bottom:1px dashed #d49248}
pre{width:100%;padding:1em 0;overflow:auto;border-top:1px dotted #333;border-bottom:1px dotted #333}
.rule{border-top:1px solid #ccc;height:1px;font-size:1px;line-height:1px;margin:1.5em 0}


.hide, .print-logo, .close-button{display:none}
.left{float:left;margin:5px 15px 15px 0;width:99%}
.floatleft{float:left;margin:5px 15px 15px 0}
.right{float:right;margin:5px 0 15px 15px}
.floatright{float:right;margin:5px 0 15px 15px}
.clear{clear:both; height:1px; font-size:1px; line-height:1px}
.small{font-size:80%}


/** Change Font Size **/
#chgfontsizeoptions {border:none;float:right}
#chgfontsizeoptions a img{border:none}
/* Table #features */
table#features{width:90%;margin:0 auto}
#features th{background-color:#3c78a7!important;color:white}
#features td{padding:0.5em!important}
/** Calendar **/
table{width:100%;margin:0;border:1px solid #2c2c2c}
table th, table td{ padding:0.3em 0.75em }
table th{background:#ccc;color:#333;text-align:left}
table td{background:#3c78a7;color:#ececec}
table caption{text-align:left;color:#fff;margin-bottom:-1em;margin-top:1em}
table.bookingscalendar{float:left;margin-right:10px;width:30%;height:210px}
table.bookingscalendar caption{text-align:left;color:#3c78a7;margin-bottom:.2em;margin-top:1em;font-size:100%;font-weight:bold}
table.bookingscalendar th{background:#3c78a7;color:#ececec;text-align:left}
td.booked{background:#767676}
td.available{background:#9c9}
/** Menu Horizontal **/
.menu {float:left;height:32px;position:relative;z-index:100;border-right:1px solid #ececec;margin:0;font-size:0.85em}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px;w\idth:745px}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0}
.menu ul ul {width:99px}/*149px*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:99px;position:relative;list-style-type:none}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none;color:#3c78a7;width:99px;height:30px;border:1px solid #ececec;border-width:1px 0 1px 1px;background:#ececec;padding-left:5px;line-height:29px}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:99px;w\idth:88px}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#3c78a7}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#2c2c2c}
.menu ul ul :hover > a.drop {background:#2c2c2c}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0;width:99px;border-top:1px solid #ececec}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute;top:0;left:0;border-collapse:collapse}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#3c78a7;color:#ececec;height:auto;line-height:1em;padding:5px 5px;width:128px;border-width:0 1px 1px 1px}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:78px}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ececec;background:#2c2c2c}
.menu :hover > a, .menu ul ul :hover > a {color:#ececec;background:#2c2c2c}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible}
/** Contact form **/
#wpcf_contactform {margin:0;padding:0}
#wpcf_contactform fieldset {border:none}
.wpcf_required {background:#291c0e;color:#fff;border:1px solid #ff6}
.wpcf_msg{width:250px}
legend {font-weight:bold;color:#ff6}
label {font-weight:bold;margin:1em 0 0 0;display:block}
select, input {width:200px;margin:0 0 .5em 0}
textarea, select, input{padding:2px;border:1px solid #291c0e}
input#send, input#clear {width:45px;padding:0 2px}
/** Footer **/
#footer{background:#222;clear:both;color:#3c78a7;padding:2em 0 3em 0;width:100%}
#footer .inside{background:/*url('images/footer_black.gif') 50% 0 repeat-x*/;padding:1em 0}
#footer p{margin:0;font-size:0.95em}
#footer p.copyright{ float:left; color:#3c78a7}
#footer p.attributes{ float:right}
#footer p.attributes a{padding:0 0 0 1em;text-decoration:none;color:#3c78a7}
#footer p.copyright a{text-decoration:none;font-weight:bold;color:#3c78a7}
#footer p.copyright a:hover{text-decoration:none;font-weight:bold;color:#ececec;background:#3c78a7}
#footer p.attributes a:hover{color:#f9a953/*634521*/}
/** Search **/
#search{float:right;width:220px;margin:2em 0 0 0;text-align:right}
#search:hover{-moz-opacity:1.0}
#search .searchimg{float:left;width:20px;height:20px;background:url('images/search.png') 0 0 no-repeat;position:relative;top:3px}
#search input{width:175px;font-size:0.85em;background:#ccc;margin-top:2px}
#search input:focus{background:#fff}
#searchform{margin:1em 0}
#searchform #s{background:#222;border:none;border-bottom:1px solid #333;width:30em;color:#666666;padding:0.25em}
#searchform #searchsubmit{background:#000;color:#666;border:none;font-size:0.9em;text-transform:uppercase;letter-spacing:0.25em}
#search-results{width:30%;background:#333;padding:0 0 0 0;float:right;-moz-opacity:0.9;border-top:1em solid #000}
#search-results h3{font-weight:bold;text-align:left;margin:0;padding:0 0 1em 0;background:#000}
#search-results small{display:block;text-align:left;font-size:0.9em;padding:0.5em 1em 0.7em 1em;border-top:1px solid #666;border-bottom:1px solid #555}
#search-results small a{color:#ccc}
#search-results ul li{list-style-type:none;padding:0 1em 0.5em 1em;margin:0.5em 0}
#search-results ul li:hover{background:#202020}
#search-result ul{margin:0}
#search-results ul li a{text-decoration:none;border-bottom:1px dotted #ccc}
#search img.archives-icon{margin:0 7px 0 0;top:1px}
/** 3 column blocks **/
.tagcloud a{padding:2px}
* html #ancillary .block{margin-left:3.9%}
#ancillary .block{float:left;width:31%;margin:0;padding:0}
#ancillary .block-separator{clear:both;height:2.5em}
#wrapper{width:90%;margin:-10px auto 0 auto}
#firstcolumn {background:#80655c}
#secondcolumn {background:#806555}
#thirdcolumn {background:#80655f}
#ancillary .block h2, #ancillary .block h3{margin:1em 0 1em 1em}
#ancillary .block p, #ancillary .block dl, #ancillary .block ul{margin:1em 0 1em 1em}
/* column container */
.colmask {position:relative;clear:both;float:left;width:100%;overflow:hidden}
/* common column settings */
.colleft,.colmid,.colright {float:left;width:100%;position:relative}
.col1, .col2, .col3 {float:left;position:relative;padding:0 0 1em 0;overflow:hidden}
/* Ancillary, 3 Column settings */
* html #ancillary .block{margin-left:3.9%}
#ancillary .block{float:left;width:31%;margin:0;padding:0}
#ancillary .block-separator{clear:both;height:2.5em}
#wrapper{width:90%;margin:-10px auto 0 auto}
#firstcolumn {background:#80655c}
#secondcolumn {background:#806555}
#thirdcolumn {background:#80655f}
#ancillary .block h2, #ancillary .block h3{margin:1em 0 1em 1em}
#ancillary .block p, #ancillary .block dl, #ancillary .block ul{margin:1em 0 1em 1em}
/* column container */
.col2 a{color:#ececec}
.col2 a:hover{color:#3c78a7;background:#ececec}
.colmask {position:relative;clear:both;float:left;width:100%;overflow:hidden}
.colleft,.colmid,.colright {float:left;width:100%;position:relative}
.col1, .col2, .col3 {float:left;position:relative;padding:0 0 1em 0;overflow:hidden}
.threecol {background:#ccc;/* right column background colour */color:#2c2c2c}
.threecol .colmid {right:33%;/* 25% width of the right column */background:#2c2c2c/*#806555*/;	/* center column background colour */color:#ececec}
.threecol .colleft {right:35%;/* 50% width of the middle column */background:#3c78a7/*#80655c*/;	/* left column background colour */color:#2c2c2c}
.threecol .col1 {width:31%;/* 46% width of center column content (column width minus padding on either side) */left:102%;/* 100% plus left padding of center column */}
.threecol .col2 {width:29%;/* 21% Width of left column content (column width minus padding on either side) */left:39%;/* 25% width of (right column) plus (center column left and right padding) plus (left column left padding) */}
.threecol .col3 {width:29%;/* 21% Width of right column content (column width minus padding on either side) */left:77%;/* 85% Please make note of the brackets here:	(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}
#ancillary{padding:0;background:#2c2c2c}
#ancillary .twice-length{width:65%}
#ancillary .thrice-length{width:100%}
#ancillary .first, * html #ancillary .first{clear:both;margin:0}
/* 3 blocks lists */
div.col1 ul li,div.col2 ul li,div.col3 ul li{padding:5px 0}
ul.dates, ul.counts, ul.blogroll ul, ul.pages{list-style-type:none;margin:1em 0 2em 0;border-top:0px dashed #7f582b}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{list-style-type:none;margin:0;padding:0.5em 0;border-bottom:1px dashed #3c78a7}
ul.dates .date{color:#ececec;padding:0 1.5em 0 0}
ul.counts .count{float:right;color:#ececec}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{color:#3c78a7;text-decoration:none}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{color:#ececec}
ul.blogroll{ margin-top:0}
ul.blogroll li{list-style-type:none;margin:0}
ul.pages ul{margin:0}
ul.pages ul li{border:none;margin-left:2em;list-style-type:square}
/* Primary */
#primary.twocol-stories .first {float:left;height:240px;width:47%;padding:0 10px 0 0;display:inline}
#primary.twocol-stories .final {float:right;height:240px;width:47%;padding:0 0 0 10px;display:inline}
#primary.twocol-stories .first, * html #primary.twocol-stories .final{margin:0}
.story h3{font-size:1.15em;margin:.5em 0 .3em 0;font-weight:normal;color:#ccc}
.story h3 a{color:#3c78a7;font-weight:bold;text-decoration:none}
.story h3 a:hover{color:#ececec;background:#3c78a7;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.story p{margin:.2em 0 0 0;line-height:1.5em}                               
.story .details{margin:1em 0;text-align:left;border-top:1px solid #3c78a7;padding:0.5em 0;font-size:0.95em;color:#3c78a7}
.story .read-on{text-align:right;background:url('images/read_more.png') 100% 60% no-repeat;padding:0 20px;display:inline}
.story .details a{color:#3c78a7;font-weight:bold;text-decoration:none}
.story .details a:hover{color:#ececec;background:#3c78a7}
#primary{background:#ececec;padding:1px 0 2em 0;color:#2c2c2c}
#primary .inside {background:#ececec /*url('images/inside-bg.gif') top left repeat-x*/;padding:10px 0 0 12px}
#primary .inside h1{margin:0}
#primary.onecol-stories .primary{float:left;width:50%}
#primary.onecol-stories .secondary{float:right;width:40%;margin:0 0 0 10%}
.map{width:500px;height:500px;margin:0;padding:10px 0 0 10px;background:#3c78a7 url('images/bg-map.png') no-repeat}
/* Single Post Styles */
#primary .primary{float:right;width:65%}
#primary .secondary{float:right;width:30%;margin-right:5%;padding-top:0.65em;display:inline}
* html #primary .secondary{margin-right:3%}
.secondary .featured p{border-bottom:1px dashed #3c78a7;border-top:1px dashed #3c78a7;padding:0.5em 0 0.6em 0;line-height:1.5em;margin:1em 0 0 0;padding:3px;color:#3c78a7}
.secondary .featured dl{margin:0 0;border-bottom:1px dashed #3c78a7;padding:0.5em 0 0.6em 0;padding:3px}
.secondary dt{display:inline;margin:0;padding:0;color:#3c78a7}
.secondary dd{display:inline;margin:0;padding:0;color:#3c78a7}
.secondary dd a{color:#3c78a7}
.secondary dd a:hover{color:#ececec;backgrund:#3c78a7}
.single-post h1, .single-post h2{margin-top:0}
/* Secondary */
#secondary{background:#2c2c2c;padding:1px 2em;border-top:1px solid #3c78a7}
.comment-head{border-bottom:1px solid #ececec;padding:0.8em 2em 1.0em 2em}
.comment-head h2{font-size:1.5em;margin:0}
.comment-head a{text-decoration:none;color:#ececec}
.comment-head .details{font-size:0.95em}
ol#comments{list-style-type:none;margin:2em 0}
ol#comments li{list-style-type:none;margin:2em 0}
#comments cite{float:left;width:31%;font-style:normal;text-align:right}
* html #comments cite{ width:30.6%}
#comments cite span{display:block}
#comments cite .author{ font-size:1.2em}
#comments cite .author a{text-decoration:none}
#comments cite .admin-tools{margin:5px 0}
#comments cite .admin-tools a{float:right;margin:0 5px;padding:0px 3px 3px;background:#666;border:1px solid #999;text-decoration:none}
#primary .secondary .admin-tools{ margin:1em 0}
#preview{margin:1em 0;padding:0.5em;border:1px solid #333}
#preview p{ margin:1em 0 0 0}
#errors{ color:#f00; font-weight:bold}
#comments .pingback cite .author{display:block;padding-top:68px;background:url('images/trackback_pingback.gif') 100% 0 no-repeat}
#comments .content{float:left;width:60%;margin-left:1.9%;border-left:1px solid #868686;padding:0 0 0 2%}
#comments .content p{margin:0 0 1em 0}
#comments .content h3{margin:0;font-size:1em}
#comment-form{margin:5em 0 5em 35.4%;width:36em}
input.textfield{width:15em;margin:5px 0}
textarea.commentbox{width:28em;height:10em;padding:0.25em;margin:5px 0;font-size:1.25em;font-family:Arial, Helvetica, sans-serif}
label.text{position:relative;left:0.5em;top:-0.5em}
.formactions input.submit{float:right;margin:-1em 0 0 0;padding:0 0.5em}
.formactions .spinner{float:right;margin:-8px -20px 0 0}
/* remove comments display on single posts */
body.single-post #secondary{border:none;padding:0}
/* related posts */
#crp_related h2,#crp_related h3{color:#3c78a7}
.inline{display:inline}
#google_translate_element{width:98%}
#socialButtons{width:45%;float:right}
#socialButtons a img{display:inline;border:none}