/*
Theme Name:MHS Custom Version 4.1
Theme URI: http://mainehost.com
Author: MHS
Author URI: http://mainehost.com
Description: MHS Custom
Version: 4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mhs41


/* Body & Wrapper */
BODY{background-image: url("graphics/sitebg.jpg");
background-position:top center;
background-repeat:repeat-x;
background-attachment:fixed;
background-color:#000;
color: #000;
font-family: "Istok Web", Helvetica, Arial, Verdana, sans-serif;
font-size:15px;
font-weight: 400;
margin:0px;
}

H1,H2 {color: #4e6726; font-family:"Great Vibes"; font-weight: 400;}
H2{font-size:32px;}
h3{color: #4e6726}
.page-title{border-bottom:1px solid #000;}

A:link { color: #4e6726;
font-size:15px;
}
A:visited { color: #4e6726;
}
A:active { color: #4e6726;
}
A:hover { color: #6e8745;
}

A:link.reftext { color: #FFF;
font-size:11px;
}
A:visited.reftext { color: #FFF;
font-size:11px;
}
A:active.reftext { color: #FFF;
}
A:hover.reftext { color: #f5ebd5;
}

#maintable{width: 99%; max-width:960px; margin-left:auto; margin-right:auto; overflow:hidden;}
#logog{width:100%;}
/* Head */
#header{min-height:113px; width:100%; height:auto;}
#logo{float:left; z-index:99; padding-top:10px; margin-left:0px; width:50%; max-width:515px;}
#address{float:right; z-index:99; padding-top:20px; text-align:right; color:#f5ebd5; font-size:17px; width:45%;}
.phone, .phone A:link, .phone A:visited{font-size:26px; color:#FFF; line-height:36px; text-decoration:none;}
#facebook{float:right;z-index:99; padding:15px 0px 10px 5px;}
#topnav{
min-height:2em;  background-image: url("graphics/top.png"); padding: .66em 0em 0em 0em; width:100%}
/* Content */
#contentbg{/*background-image: url("graphics/contentbg.jpg"); background-position:bottom; background-repeat:no-repeat; */background-color:#f5ebd5; height:auto; overflow:auto; clear:both;}
#contentinner{width:96%; margin-left:auto; margin-right:auto; padding:5px 0px 10px 0px;  height:auto;}
#contentinnerright{width:70%; padding:5px 0px 10px 20px; position:relative; min-height:890px;}
#sidebar{width:20%; margin:25px 30px 0px 0px; padding:5px; position:relative; float:right; min-height:890px;}
.mobilehide{display: block;}
.mobileshow{display: none;}
.testimonialswidget_testimonials3{
display:block;
-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color:#e4f6c6;
	padding:10px;
	width:100%;
	font-size:14px;
	-moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;
min-height:200px;
opacity:0.8;
filter:alpha(opacity=80);
}
#testimonials{ margin: 1.5em 1.5em 1.5em 4.5em; max-width:860px;}
#star{position:absolute;padding:20px 0px 0px 20px;}
.description{font-size:12px;}
#breadcrumbs{float:right; margin-top:-48px;}
.required{color:#CC0000;}
.altrow{background-color:#e2d4b4;}
.headrow{background-color:#4e6726; color:#FFF;}
/* Foot */
#footer{height:40px; background-image: url("graphics/foot.png"); width:100%; clear:both;}
.copyright{padding:15px; width:95%; text-align:right; font-size:13px; border:0px solid #000;}
#credits{width:100%; text-align:center; margin-left:auto; margin-right:auto; padding-top:5px;}
.grid{width:33%;
max-width:187px; padding: 0px 26px 0px 26px; float:left; display:block;}
.gridhide{display:block;}
.homeimg{width:45%; float:right;}
/* Slideshow*/
#slidearea{background-image: url("graphics/w65.png");
-moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;
overflow:auto;
padding:0px;
}
#slidebox{width:100%; }
#slidephoto{float:left; padding:6px 25px 6px 6px;}
#slidetext{float:left; width:46%; max-width:425px; padding:15px 25px 0px 25px; font-size:16px; border:0px solid #000;}
#slidephotor{float:right;padding:6px 6px 6px 25px;}
#slidetextr{float:right; width:46%; max-width:425px; padding:15px 25px 0px 25px; font-size:16px;}
.slidetitle{}
#roomsslide{float:right;margin:0px 0px 10px 10px;width:100%;max-width:400px;}
#contactright{float:right; width:45%;max-width:450px; padding:0px 0px 0px 14px;}
#contactleft{float:left; width:45%;}
/* Misc */
.rounded{
-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.shadow{
-moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;
}
.shadowimg{
width:100%;
max-width:187px;
-moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;
}

HR{border: none 0; 
border-top: 1px solid #000;
margin: 10px auto 0 0;}
.widgettitle{display:none;}
LI.widget{ list-style: none; margin-bottom:20px }

.sticky{}
.gallery-caption{}
.bypostauthor{}
/*	WP Images */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 4px 9px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 9px 4px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* MAIN TOP NAV */

.menu-main-menu-container {height:23px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu-main-menu-container {width:696px; w\idth:695px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu-main-menu-container ul {padding:0;margin:0;list-style-type:none;}
.menu-main-menu-container ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu-main-menu-container li {float:left;position:relative; }

/* style the links for the top level */
.menu-main-menu-container a, .menu-main-menu-container a:visited {display:block; font-size:18px; font-weight:normal; text-decoration:none; color:#000; padding-left:10px; padding-right:10px; height:23px; min-height:23px; line-height:23px; vertical-align:middle; border-right:1px solid #614e44;  }


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu-main-menu-container a, * html .menu-main-menu-container a:visited {}

/* style the second level background */
.menu-main-menu-container ul ul a.drop, .menu-main-menu-container ul ul a.drop:visited {}
/* style the second level hover */
.menu-main-menu-container ul ul a.drop:hover{}
.menu-main-menu-container ul ul :hover > a.drop {}
/* style the third level background */
.menu-main-menu-container ul ul ul a, .menu-main-menu-container ul ul ul a:visited {background:#E3001E;} /*3rd OFF */
/* style the third level hover */
.menu-main-menu-container ul ul ul a:hover {background:#F22D47;} /*3rd ON */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-main-menu-container ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0; width:150px; border-top:0px solid #000;z-index:999;}
/* another hack for IE5.5 */
* html .menu-main-menu-container ul ul {top:23px;t\op:24px; vertical-align: middle;z-index:999;}

/* position the third level flyout menu */
.menu-main-menu-container ul ul ul{left:229px; top:0px; width:99px;}

/* position the third level flyout menu for a left flyout */
.menu-main-menu-container ul ul ul.left {left:229px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu-main-menu-container table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links - SECOND OFF */
.menu-main-menu-container ul ul a, .menu-main-menu-container ul ul a:visited {z-index:999;padding-top:0px; padding-left:10px; width: 170px; display:block; font-size:15px; font-weight:normal; text-decoration:none; color:#FFF; background-color:#4e6726; height:23px; min-height:23px; line-height:23px; vertical-align:middle; text-align:left; border-bottom:1px solid #614e44; border-right:0px;}
/* yet another hack for IE5.5 */
* html .menu-main-menu-container ul ul a, * html .menu-main-menu-container ul ul a:visited {width:115px;w\idth:113px;}

/* style the top level hover */
.menu-main-menu-container a:hover {color:#FFF; background-color:#4e6726;}
.menu-main-menu-container :hover > a  {color:#FFF; background-color:#4e6726} /* TOP OVER */

.menu-main-menu-container ul ul a:hover {color:#FFF; background-color:#6e8745;}
.menu-main-menu-container ul ul :hover > a {color:#FFF; background-color:#6e8745;} /* 2nd OVER */

/* make the second level visible when hover on first level list OR link */
.menu-main-menu-container ul li:hover ul,
.menu-main-menu-container ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu-main-menu-container ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu-main-menu-container ul :hover ul :hover ul{ visibility:visible;}


/* MOBILE TOP NAV */

.menu-mobile-menu-container {height:23px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu-mobile-menu-container {width:696px; w\idth:695px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu-mobile-menu-container ul {padding:0;margin:0;list-style-type:none;}
.menu-mobile-menu-container ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu-mobile-menu-container li {float:left;position:relative; }

/* style the links for the top level */
.menu-mobile-menu-container a, .menu-mobile-menu-container a:visited {display:block; font-size:12px; font-weight:normal; text-decoration:none; color:#000; padding-left:10px; padding-right:10px; height:23px; min-height:23px; line-height:23px; vertical-align:middle; border-right:1px solid #614e44; }

.menu-mobile-menu-container a:hover {color:#FFF; background-color:#4e6726;}
.menu-mobile-menu-container :hover > a  {color:#FFF; background-color:#4e6726} /* TOP OVER */
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu-mobile-menu-container a, * html .menu-mobile-menu-container a:visited {}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu-mobile-menu-container table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* style the top level hover */
.menu-mobile-menu-container a:hover {color:#FFF; background-image: url("graphics/footbg.png");}
.menu-mobile-menu-container :hover > a  {color:#FFF; background-image: url("graphics/footbg.png");} /* TOP OVER */
.fullshow{display:block;}
.fullhide{display:none;}


@media screen and (max-width: 959px){
#slidearea{
padding:5px;}
.fullhide{display:block;}
.fullshow{display:none;}
}

@media screen and (max-width: 835px){

.videohide{display: none;}
.videoshow{display: block;}
.menu-main-menu-container a, .menu-main-menu-container a:visited {font-size:14px; }
}

@media screen and (max-width: 740px){
#logo{max-width:400px; }
#address{font-size:12px;}
.phone{font-size:20px;}
.shadowimg{display:none;}
.menu-main-menu-container a, .menu-main-menu-container a:visited {font-size:13px; }
}

@media screen and (max-width: 650px){
.menu-main-menu-container a, .menu-main-menu-container a:visited {font-size:11px; }
}

@media screen and (max-width: 620px){
#contentinnerright{width:90%; padding:5px 0px 10px 0px;min-height:890px; float:none; margin-left:auto; margin-right:auto;}
#sidebar{display:none;}#breadcrumbs{display:none;}
}

@media screen and (max-width: 590px){
#contactright{float:none; width:100%;padding:0px 0px 0px 0px;}
#contactleft{float:none; width:100%;}
#header{height: auto;}
#logo{max-width:320px; float:none; margin-left:auto;margin-right:auto; }
#address{clear:both; width:250px;float:none; z-index:99; padding-top:10px; text-align:center; color:#f5ebd5; font-size:12px; padding-right:0px;margin-left:auto;margin-right:auto;}
.phone{float:none;font-size:20px; color:#FFF; line-height:30px;margin-left:auto;margin-right:auto;}
.mobilehide{display: none;}
.mobileshow{display: block;}
#topnav{overflow:auto;}
#roomsslide{float:none; margin-left:auto; margin-right:auto;}
}

@media screen and (max-width: 420px){
#roomsslide{display:none;}
.homeimg{width:90%; float:none; margin-left:auto; margin-right:auto;}
.copyright{font-size:11px; text-align:center;}
}

@media screen and (max-width: 320px){
#logo{width:300px; }
}