@charset "utf-8";
/* CSS Document */
html{overflow-y: scroll;}
body {font-family:Arial, Helvetica, sans-serif; font-size:1em}
img {max-width:100%; border:0}
.email_button {
	text-shadow:1px 1px 2px #000;
}
ul.mobnav, ul.mobmenu, #nav {background-color:#CCCCCC;}
.breadcrumbs {font-size:60%; margin-top:.5em; margin-bottom:1em}
.breadcrumbs a {text-decoration:none; color:#000099;  }
.blogimage {max-width:100%}
.vid-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.vid-container iframe, .vid-container object, .vid-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.formdata input[type="text"] {font-size:1em;}
.formdata textarea {font-size:1em; }

.translator {font-size:.8em}
.translator textarea {font-size:.8em}
.translator input {font-size:.8em}
.searcharea input {font-size:.8em}

#contact_form {width:100%; font-size:.8em; color:#FFFFFF}
#contact_form input[type="text"], #contact_form input[type="email"] { padding:.2em; width:50%; font-size:.8em}
#contact_form input[type="submit"], #contact_form input[type="email"] { padding:.2em;  font-size:.8em}
#contact_form textarea{ padding:.3em; width:50%; font-size:.8em}
#contact_form form label {display: inline-block; width: 40%; background-color:#0033FF; border:.1em solid #000; padding:.3em; vertical-align:top}

#footer a {text-decoration:none; color:#666; font-weight:bold}
#footernav {overflow:auto; text-align:center; font-size:.9em; font-weight:bold; text-shadow:1px 1px 1px #000; margin-top:1em  }
#footernav a{margin-right:1em;  }
#footernav a:hover{color:#FFFFFF }
#mcontent a {text-decoration:none; color:#666; font-weight:bold}


h1 {font-size:120%; text-align:center; margin-top:-.1em}
.MovieName {font-size:90%; text-align:center; margin-top:-.1em; font-weight:bold; text-decoration:underline}
.centered {text-align:center}
.bolded {font-weight:bold}
img {border:0}
#top img {max-width:100%;  width:100%; overflow:auto; height:100%; margin:0; display:block}
#top {float:none;clear:both; padding:0; overflow:auto; display:block;  }
#nav {float:none; clear:both;  display:block ; height:auto;  line-height:280%; height:280%; border:.1em solid #000; text-align:center }
#mcontent {padding-top:.5em; font-size:110%; padding-bottom:.5em}
#nav a {font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-weight:bold; margin-right:.9em;  padding:.6em;  height:auto;   -moz-box-sizing: border-box;
  box-sizing: border-box; text-shadow:1px 1px 1px #000;  width:100%}
  #footer {border:.1em solid #fff; text-align:center}
#nav a:hover {color:#FFFF33}
.copy {font-size:.8em; text-shadow:1px 1px 2px #000;}

#nav {display:none}
#mobilenav {display:block}
#mobilenav a{font-size:100%; line-height:60%}
@media all and (min-width: 500px) {
#mcontent {padding-top:.5em; padding-left:.5em;font-size:120%; padding-bottom:.5em}
}

@media all and (min-width: 900px) {
.translatordesc {font-size:1em; width:70%; margin-left:auto; margin-right:auto}
.formdata input[type="submit"] {font-size:1.5em;}


.searcharea  input {font-size:1em}
.translator {font-size:1em}
#contact_form {width:100%; font-size:1em}
#contact_form input[type="text"], #contact_form input[type="email"] { padding:.3em; width:40%; font-size:1em}
#contact_form input[type="submit"], #contact_form input[type="email"] { padding:.3em;  font-size:1em}
#contact_form form label {width: 20%;}

#mcontent {padding:.5em; font-size:140%; text-align:justify}
#nav {display:block}
#nav a {font-size:65%; display:inline}
#mobilenav {display:none}
}

@media all and (min-width: 1000px) {
#nav a {font-size:80%;}
}

@media all and (min-width: 1350px) {
#nav a {font-size:88%;}
}

@media all and (min-width: 1550px) {
#nav a {font-size:125%;}
}

@media all and (min-width: 1750px) {
#nav a {font-size:155%;}
}


ul.mobmenu li:not(:first-child) {display: none;}
  ul.mobmenu li.icon {
    float: right;
    display: inline-block;
  }

 ul.mobmenu.responsive {position: relative;}
 ul.mobmenu.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
   ul.mobmenu.responsive li {
    float: none;
    display: inline;
  }
  
ul.mobnav {display:block; float:none; }
ul.mobmenu {border:1px solid #000;}
ul.mobnav li {
display:block; float:none; border:1px solid #fff;
}
ul.mobnav, ul.mobmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  
}

ul.mobmenu li {float: left; }

ul.mobnav li a, ul.mobmenu li a {
  display: inline-block;
  color:#FFF;
  text-align: center;
  padding: 6px 8px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.6em;
  text-shadow:1px 1px 1px #000;
}

ul.mobnav li:hover, ul.mobmenu li a:hover {background-color: #111;}

  ul.mobmenu.responsive li a {
    display: block;
    text-align: left;
  }
  
  ul.mobnav li a {display:block; text-align:left}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style]   {width: 100% !important;display:block;z-index:2000;position:relative}

.fb-like, 
.fb-like > span,
.fb-like > span iframe {
    max-width:353px; 
}