/*
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, HTML{background-color:#000;
background-image: url("graphics/sitebg.jpg");
background-position:top center;
background-repeat:no-repeat;
background-size: 100% auto; 
color: #000;
font-family:"Open Sans", Helvetica, Arial, Verdana, sans-serif;
font-size:15px;
line-height:1.5em;
font-weight: 400;
margin:0px;

}

H1,H2, H3 {color:#cf0000; font-weight:700; line-height:normal;}
.hilite, .style106, .style1061{color:#cf0000;margin:0px;padding:0px; display:inline;font-size:1em;}
.page-title-top{border-bottom:1px solid #a1a1a1;  margin-top:0px;}

A:link { color: #cf0000;
text-decoration:none;
}
A:visited { color: #cf0000;
}
A:active { color: #cf0000;
}
A:hover { color: #F00;
}

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: #F00;
}

#maintable{width:99%; max-width: 1100px; margin-left:auto; margin-right:auto; overflow:hidden; -moz-box-shadow: 0px 0px 12px #000;
-webkit-box-shadow: 0px 0px 12px #000;
box-shadow: 0px 0px 12px #000;}
/* Head */
#header{min-height:242px; overflow:auto; background-image:url("graphics/head.png"); background-size: 100% auto; background-repeat: no-repeat; background-color:#FFF;}
#topleft{float:left; width:23%; max-width: 250px; z-index:99; font-size:1em; color:#FFF; font-weight:700; padding:.5em 0em 0em 1em;}
#topright{float:right; width:23%; max-width: 250px; z-index:99; font-size:1em; color:#FFF; padding:.5em 1em 0em 0em; text-align:right;}
.topphone{font-size:1.5em; font-weight:700; color:#cf0000;}

#topleft2{display:none;}
#topright2{display:none;}
#topimg{display:none;}
#topimgsm{display:none;}

#topnav{background-color:#000; width:100%; margin-top:0px; padding-top:.75em;}
#topnavin{width: 95%; max-width:1100px; margin-left:auto; margin-right:auto;}

/* Content */
#contentbg{background-color:#F00; min-height:400px; overflow:auto; height:auto;}
#contentinner{float:left; width: 75%; max-width:695px;}
#contentinnerfull{background-color:#FFF; padding:1em 3em; position:relative;  overflow: auto; min-height:400px;

}
#sidebar{float:right;max-width:300px;width:30%; overflow:auto; }
.slidebox{margin-left:auto; margin-right:auto; -moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000; max-width:1024px; max-height:550px;}
.required{color:#CC0000;}
.altrow{background-color:#e2d4b4;}
.headrow{background-color:#4e6726; color:#FFF;}
/* Foot */
#footer{background-color:#000; overflow:auto; padding:1em 3em;}
#footerleft{float:left;width:80%; max-width: 700px; z-index:99; font-size:1em; color:#FFF; font-style:italic;}
#footerleft1{margin-left:auto; margin-right:auto; width:80%; max-width: 800px; z-index:99; font-size:1em; color:#FFF; font-style:italic;}
#footerright{float:right; max-width: 250px; z-index:99; font-size:1em; color:#FFF; text-align:right;}

.copyright{font-size:13px;}
#credits{text-align:center; margin-left:auto; margin-right:auto; padding-top:-1em; color:#FFF;}
#banner{position:absolute; z-index:9999; margin:-2.5em 0em 0em -1.9em;}
#now-showing{padding:3em 1em 1em 1em; background-color:#d2d2d2; overflow:auto;}
#youtubehome {
    position: relative;
    padding-bottom: 50%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
#youtubehome iframe,
#youtubehome object,
#youtubehome embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#youtubehome{float:left; border:0px solid #000; padding-left:1em; width: 65%;}
#posterhome{float:right; padding-right:1em;width: 30%;}
#homepricing{background-color:#000; color:#FFF; -moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;}
#pricing{background-color:#000; color:#FFF; -moz-box-shadow: 0px 0px 9px #000;
-webkit-box-shadow: 0px 0px 9px #000;
box-shadow: 0px 0px 9px #000;}
#padme{padding:0em 1em;}
.mobilehide{display:block;}
.mobileshow{display:none;}


/* Misc */
.rounded{
-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:8px;
	background-color:#C5D6E8;
	margin:5px;
}
.shadow{
-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 6px 4px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 4px 6px;
	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:1.25em; 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:1em; font-weight:normal; text-decoration:none; color:#FFF; padding:.5em 1.5em; height:1em; min-height:1em; line-height:1em; vertical-align:middle; border-right: 1px solid #cf0000;  }


/* 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:1.9em;left:0; width:150px; border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu-main-menu-container ul ul {top:1.9em;t\op:1.9em; vertical-align: middle;}

/* 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 {padding-top:3px; padding-left:1.5; width: 150px; display:block; font-size:.9em; font-weight:normal; text-decoration:none; background-color:#cf0000; height:1.25em; min-height:1.25em; line-height:1.25em; vertical-align:middle; text-align:left; border-bottom:1px solid #cfd9e5; border-right:0px; opacity:0.9;
filter:alpha(opacity=90);}
/* 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 {background-color:#cf0000;}
.menu-main-menu-container :hover > a  {background-color:#cf0000;} /* TOP OVER */

.menu-main-menu-container ul ul a:hover {color:#000}
.menu-main-menu-container ul ul :hover > a {color:#000} /* 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;}


@media screen and (max-width: 1135px){
#header{min-height:0em;}
#topleft{display:none;}
#topright{display:none;}
#topleft2{display:block;margin:0 auto;max-width: 250px; z-index:99; font-size:1em; color:#FFF; font-weight:700; padding:0em; text-align:center}
#topright2{display:block;margin:0 auto; max-width: 250px; z-index:99; font-size:1em; color:#FFF; padding:0em; text-align:center;}
#topimg{display:block;}
}

@media screen and (max-width: 1105px){
#contentinner{width: 65%;}
#sidebar{width:30%;}
}

@media screen and (max-width: 870px){
#contentinner{width: 60%;}
#sidebar{width:35%;}
.menu-main-menu-container a, .menu-main-menu-container a:visited {padding:.5em 1.25em; font-size:.9em; }
.menu-main-menu-container ul ul a, .menu-main-menu-container ul ul a:visited{display:none;}
}

@media screen and (max-width: 740px){
#contentinner{width: 95%; margin:0 auto; float:none;}
#sidebar{width: 95%; margin:0 auto; float:none;}
#youtubehome{float:none; padding-left:0em; width: 90%; margin:0 auto;}
#posterhome{clear:both;float:none; padding-left:0em; padding-top:1em; width: 65%; margin:0 auto;}
#banner{margin:-3em 0em 0em -1.9em;}
}
@media screen and (max-width: 500px){
#topimg{display:none;}
#topimgsm{display:block;}
#contentinnerfull{padding:1em 1em;}
#youtubehome{float:none; padding-left:0em; margin-top:2em;width: 95%; margin:0 auto;}
#posterhome{clear:both;float:none; padding-left:0em; padding-top:1em; width: 85%; margin:0 auto;}
}