/* CSS Document */




* {
	/* Turns off default padding and margins on ALL elements, including paragraphs (p) and headers (H1, H2, H3, etc.) */
	margin: 0;
	padding: 0;
	}
	
a, a:hover { 
	/* Turns off the automatically-generated line beneath every link.  To turn it back on, you will need to use the style "text-decoration: underline" or you can create a custom line using the "border-bottom" style */
	text-decoration: none;
	}

body {
	/* Styles the template's background colors and default fonts. */
	/* NOTE: "font-size" is set to 62.5% in order to change the default font from 16 pixels to 10 pixels (10 is 62.5% of 16).  In all of the secondary style sheets, you'll notice that font-size is determined by ems. So, for example, the main content is often displayed at 1.1em, which translates to 11 pixels (the default size, 10, multiplied by 1.1).  We use ems for a variety of reasons, the most important of which is that it allows font sizes to be customized by the user in Internet Explorer, thereby improving overall web accessibility */
	text-align: center;
	background: #6f0305;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #fefefe;
	}
	
.skip {
	/* There is a "skip to main content" link in the template header that does not display in standard browsers. It is included for the benefit of seeing-impaired users who browse with text-reading devices */
	display: none;
	}


/* CONTENT */
	
#content-front {
		background: #1a1a1a url(http://www.beyondthemythmovie.com/images/front-newbg.jpg) center top repeat-x;
		}	
		
#content-outer{
		background: #1a1a1a url(http://www.beyondthemythmovie.com/images/front-newbgfade.jpg) center top repeat-x;;
		}			

#content-inner {
	background: #1a1a1a;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	}
	
	

	

#content-left {
	float:left;
	width:390px;
	background: #1a1a1a;
	}	
	
#content-leftletter {
	float:right;
	margin-right:15px;
	}
	
#content-leftletter p {
	text-align:right;
	color:#00a4b5;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	line-height:2em;
	margin-bottom: 1.2em;
	margin-left: 50px;
	}	
	
#content-leftletter h3 {
	margin-top:25px;
	color:#fefefe;
	border-bottom:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:right;
	font-weight: lighter;
	}	
	
#content-letter {
	float:right;
	margin-right:15px;
	}
	
#content-letter p {
	text-align:left;
	color:#00a4b5;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	line-height:2em;
	margin-bottom: 1.2em;
	margin-left: 50px;
	}	
	
#content-letter h3 {
	margin-top:25px;
	color:#fefefe;
	border-bottom:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:center;
	font-weight: lighter;
	}	
	
#content-leftfilmmaker {
	float:right;
	margin-right:15px;
	}
	
#content-leftfilmmaker p {
	text-align:right;
	color:#00a4b5;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1.667em;
	margin-bottom: 1.2em;
	margin-left: 50px;
	}	
	
#content-leftfilmmaker h3 {
	margin-top:25px;
	color:#fefefe;
	border-bottom:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:right;
	font-weight: lighter;
	margin-bottom: 10px;
	}		
	
#content-left form {
	float:right;
	margin-right:15px;
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
	

#content-right {
	float:left;
	width:500px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	text-align:left;
	background: #1a1a1a;
	}		
	
#content-right p {
	color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.8em;
	margin-bottom:1.2em;
	}	
	
#content-right p.alt {
	padding-top: 30px;
	}	
	
#content-right p.cysummary {
	color:#cdcdcd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-align:left;
	padding-left: 0px;
	margin-top: 25px;
	line-height: 2em;
	width: 500px;
	float: left;
	font-weight: lighter;
	padding-bottom:50px;
	}	
		
	
#content-right h1 {
	color:#cdcdcd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-align:left;
	padding-left: 0px;
	margin-top: 15px;
	line-height: 2em;
	width: 500px;
	float: left;
	font-weight: lighter;
	padding-bottom:50px;
	}	
	
#content-right h1.alt {
	color:#00a4b5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-align:left;
	padding-left: 0px;
	margin-top: 40px;
	line-height: 2em;
	width: 500px;
	float: left;
	font-weight: lighter;
	padding-bottom:20px;
	}	
	
#content-right h2 {
	color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight: lighter;
	letter-spacing: 1.5px;
	margin-top: 30px;
	}
	
#content-right h2.alt {
	color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:lighter;
	letter-spacing:1.5px;
	border-bottom:1px solid #555;
	margin-bottom: 10px;
	}	
	
#content-right h3.alt {
	margin-top:25px;
	color:#fefefe;
	border-bottom:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:left;
	font-weight: lighter;
	margin-bottom: 10px;
	}	

#content-right a {
	color:#00a4b5;
	text-decoration:none;
	}
	
	
#content-right a:hover {
	color:#00d2e6;
	} 	
	
#content-right ul {
	text-align:left;
	margin-top:1em;
	}
	
#content-right li {
	list-style-type:none;
	padding-left:15px;
	font-size:1.3em;
	line-height:1.667em;
	margin-bottom:1em;
	}	
	
#content-rightsub {
	background:#1a1a1a;
	background-attachment:fixed;
	float:left;
	width:500px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	text-align:left;
	}		
	
#content-about {
	background:#1a1a1a;
	text-align:left;
	/*margin-top:25px;*/
	margin-top: 150px;
	}	
	
#content-rightsub p {
	color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.8em;
	margin-bottom:1.2em;
	}	
	
#content-about p {
	color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.8em;
	margin-bottom:1.2em;
	margin-left: 150px;
	margin-right: 50px;
	}
	
#content-about .content {
	margin-left: 150px;
}
	
#content-about a {
	color:#00a4b5;
	text-decoration:none;
	}
	
#content-about a:hover {
	color:#00d2e6;
	} 	
	
#content-about h2 {
	color:#00a4b5;
	font-weight: lighter;
	margin-left: 150px;
	margin-bottom:10px;
	font-size:1.6em;
	}	
	
#content-about ul {
	margin-bottom:25px;
	}		
	
#content-about ul li {
	list-style-type:circle;
	color:#fefefe;
	font-size:1.3em;
	margin-bottom:10px;
	margin-left: 175px;
		}
		
			
#content-about h4.alt {
	margin-left:150px;
	color:#fefefe;
	border-bottom:1px solid #333;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:1.6em;
	text-align:left;
	font-weight:lighter;
	margin-bottom:7px;
	margin-right: 50px;
	clear: left;
	margin-top: 30px;
}

#sponsorleftcol {
	width:325px; 
	float:left;
	margin-left:150px;
}

.sponsor-left {
	width:325px;
	float:left;
	margin-left:150px;
}

p.sponsor {
	margin-left:0px;	
	clear:left;
}



#sponsorleftcol p {
	margin-left:0px;
}

#sponsorrightcol {
	float:left;
	width:325px;
	margin-left:30px;
}

.sponsor-right {
	float:left;
	width:325px;
	margin-left:30px;
}

.sponsor-right p {
	margin-left:0px;
}

#sponsorrightcol p {
	margin-left:0px;
}
				
	
#content-rightsub p.alt {
	padding-top: 30px;
	}	
	
#content-rightsub p.cysummary {
	color:#cdcdcd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-align:left;
	padding-left: 0px;
	margin-top: 25px;
	line-height: 2em;
	width: 500px;
	float: left;
	font-weight: lighter;
	padding-bottom:50px;
	}	
		
	
#content-rightsub h1 {
	color:#cdcdcd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-align:left;
	padding-left: 0px;
	margin-top: 15px;
	line-height: 2em;
	width: 500px;
	float: left;
	font-weight: lighter;
	padding-bottom:50px;
	}	
	
#content-rightsub h1.alt {
	color:#00a4b5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-align:left;
	padding-left: 0px;
	margin-top: 0px;
	line-height: 2em;
	width: 500px;
	float: left;
	font-weight: lighter;
	padding-bottom:20px;
	}	
	
#content-rightsub h2 {
	color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight: lighter;
	letter-spacing: 1.5px;
	margin-top: 30px;
	}
	
#content-rightsub h2.alt {
	color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:lighter;
	letter-spacing:1.5px;
	border-bottom:1px solid #555;
	margin-bottom: 10px;
	}	
	
#content-rightsub h3.alt {
	margin-top:25px;
	color:#fefefe;
	border-bottom:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:left;
	font-weight: lighter;
	margin-bottom: 10px;
	}	
	
#content-about h3.alt {
	margin-top:0px;
	color:#fefefe;
	border-bottom:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	text-align:left;
	font-weight: lighter;
	margin-bottom: 20px;
	margin-left: 125px;
	margin-right: 50px;
	padding-top: 25px;
	}			
	
#content-rightsub a {
	color:#00a4b5;
	text-decoration:none;
	}
	
	
#content-rightsub a:hover {
	color:#00d2e6;
	} 	
	
#content-rightsub ul {
	text-align:left;
	margin-top:1em;
	}
	
#content-rightsub li {
	list-style-type:none;
	padding-left:15px;
	font-size:1.3em;
	line-height:1.667em;
	margin-bottom:1em;
	}		

#flashcontent {
	text-align:left;
	float:left;
	width:605px;
	margin-left: 10px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: 20px;
	background-color: #1a1a1a;
	}
	
#comiccredits {
	float:left;
	}

#comiccredits p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#fefefe;
	text-align: left;
	padding-left: 10px;
	line-height: 1.667em;
	padding-top: 50px;
	width: 250px;
	}	
	
#comiccredits a {
	color:#00a4b5;
	text-decoration:none;
	}
	
#comiccredits img {
	float:left;
	margin-top:20px;
	}	
	
#filmmaker {
	border:1px solid #333;
	padding:20px;
	background-color:#222;
	}
	
#filmmaker p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#eeeeee;
	font-size: 1.4em;
	line-height: 2em;
	}	
	
#filmmaker h3 {
	font-size:1.6em;
	color:#fefefe;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-bottom: 15px;
	border-bottom: 1px solid #666;
	}	
	
#res-links {
	margin-top:10px;
	margin-right: 25px;
	}
	
#res-links p {
	text-align:right;
	font-size:1.2em;
	line-height:2.25em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#res-links a {
	color:#00a4b5;
	text-decoration:none;
	}	
	
	
/* MAIN INDEX CONTENT */

.cylogo {
	margin-top:50px;
	margin-left:0px;
	float:left;
	vertical-align:top;
	}
	
.cyslogan {
	margin-top:15px;
	}
	
.cysummary a {
	color:#00a4b5;
	text-decoration:none;
	float:right;
	text-align:left;
	}
	
.cysummary a:hover {
	color:#00d2e6;
	} 		
	
.headshot {
	margin-top:10px;
	margin-left: 125px;
	margin-bottom: 10px;
	}
	
.title {
	margin-top:8px;
	margin-left: 30px;
	}
	
.quote {
	margin-left:25px;
	}			
		
		

	

/* NAV */	
	
#nav-outer {
	width:100%;
	background-color:#017985;
	}
	
/*#nav-inner {
	margin: 0 auto;
	width:960px;
	color:#fefefe;
	height:25px;
	}
	
#nav-inner ul {
	float:right;
	padding-top:3px;
	padding-right:10px;
	}
	
#nav-inner li {
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
	font-size: 1.3em;
	color:#b8b8b8;
	letter-spacing:1px;
	}
	
#nav-inner a {
	text-decoration:none;
	color:#b8b8b8;
	}
	
#nav-inner a:hover {
	color:#ffffff;
	}*/
	
	
/*NEW NAV*/

#menuwrapper {
	margin: 0 auto;
	width:980px;
	background-color:#017985;
	height:34px;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#p7menubar, #p7menubar ul {
	padding: 0px;
	margin-left: 0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#p7menubar a {
	display: block;
	text-decoration: none;
	padding:10px;
	border-right: 1px solid #01555d;
	font-size: 1.2em;
	color: #fefefe;
	text-align:left;
	letter-spacing:1px;
	background-color:#017985;
}

#p7menubar a.trigger {
	padding: 10px 25px 10px 15px;
	background-image: url(http://www.beyondthemythmovie.com/p7_cssexpress/p7exp/images/p7PM_dark_south.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#p7menubar li {
	float: left;
	width: 9em;
}

#p7menubar li ul, #p7menubar ul li  {
	width: 200px;
}

#p7menubar ul li a  {
	color: #fefefe;
	border-right: 0;
	padding: 5px 12px 5px 16px;
	font-size:1.2em;
	border-bottom:1px solid #eee;
}


#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #fefefe;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #fefefe;
	background-color: #333333;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #333333;
	background-color: #fefefe;
}

#p7menubar ul a:hover {
	background-color: #666666!important;
	color: #fefefe!important;
	
}

#p7menubar li {width: auto;}
	
	
	
/*INDEX FOOTER*/

#footer-outer {
	width:100%;
	background:#6f0305 url(http://74.220.219.76/~coveryal/beyondthemyth/images/bg-footer.jpg) center top repeat-x;
	}
	
#footer-inner {
	margin: 0 auto;
	width:960px;
	background:transparent;
	text-align:left;
	}	
	

	
.reelpic {
	padding:6px;
	background-color:#fefefe;
	margin-right:10px;
	margin-top:15px;
	}	

.reeldesc {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#fefefe;
	float:left;
	padding-right: 15px;
	padding-top: 65px;
	line-height: 1.4em;
	width:118px;
	}
	
.sponsorpic {
	padding:6px;
	background-color:#fefefe;
	margin-right:10px;
	margin-top:15px;
	margin-bottom: 25px;
	}	

.sponsordesc {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#fefefe;
	float:left;
	padding-right: 15px;
	padding-top: 20px;
	line-height: 1.4em;
	width:118px;
	}
	
.contacttitle {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#fefefe;
	float:left;
	clear:both;
	width:118px;
	}
	
.contactinfo {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#fefefe;
	float:left;
	}	
		
.contactinfo a {
	text-decoration:none;
	color:#fefefe;
	}
	
.contactinfo a:hover {
	text-decoration:none;
	color:#017985;
	}
	
.iconinfo {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:left; 
	font-size:10px; 
	font-style:italic;
	color:#fefefe;
	padding-top: 0px;
	}	
		
.iconinfo a {
	text-decoration:none;
	color:#fefefe;
	}
	
.iconinfo a:hover {
	text-decoration:none;
	color:#017985;
	}
		
	
.movieposter {
    padding:5px;
    background-color:#fefefe;
    border:1px solid #555;
}	
	
.rightfloat {
	float:right;
	margin-left:10px;
	}
	
.aboutleftfloat {
	float:left;
	margin-top:0px;
	margin-left: 65px;
	margin-right: 40px;
	margin-bottom: 20px;
	}	
	
.aboutrightfloat {
	float:right;
	margin-left:0px;
	margin-right: 70px;
	margin-top: 25px;
	margin-bottom: 10px;
	}	
	
.copyfloat {
	float:right;
	width:250px;
	font-size:1em;
	text-align: right;
	margin-right: 10px;
		}
		
.copyfloat a {
	text-decoration:none;
	color:#00a4b5;
	}
	
.socialtitle {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#fefefe;
	float:left;
	clear:both;
	width:118px;
	padding-top:30px;
	}
	
.socialfloat {
	float:left;

	font-size:1.1em;
	text-align:left;
	padding-left:10px;
	}	
	
.socialfloat img {
	margin-right:7px;
	}	
	
.socialfloat a {
	text-decoration:none;
	color:#fefefe;
	}
	
.socialfloat a:hover {
	text-decoration:none;
	color:#017985;
	}	
	
.leftfloatphoto {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	}
	

.rightfloatphoto {
	float:right;

	}	

.trailerfloat {
	float:right;
	margin-right:25px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.bannedfloat {
	float:right;
	margin-right:25px;
	margin-top: 125px;
	margin-bottom: 10px;
	}
	
.floatright {
	background:#666666;
	border:1px solid #000000;
	padding:5px;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:50px;
}

.floatleft {
	background:#666666;
	border:1px solid #000000;
	padding:5px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

/*FORM STUFF*/

fieldset {
	border-left:0px;
	border-right:0px;
	border-bottom:1px dashed #777;
	border-top:0px;
	}
	
legend {
	text-transform:uppercase;
	color:#00a4b5;
	font-size:1.5em;
	padding:5px;
	}	
	
input {
	margin-top:5px;
	margin-bottom:5px;
	}
	
	
select {
	margin-top:5px;
	margin-bottom:5px;
	}	
	
label {
	line-height: 1.667em;
	font-size: 1.2em;
	padding-left: 10px;
	}	
textarea {
	margin-top:5px;
	margin-bottom:5px;
	}

#notebox {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	background:#eeeeee;
	margin-top: 25px;
	border: 1px solid #00a4b5;
	}
	
#notebox p {
	color:#333;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.667em;
	padding-top: 5px;
	padding-bottom: 0px;
	}	
	
#formframe {
	margin-left:150px;
}

iframe {
	overflow:hidden;
}