@charset "UTF-8";
/* CSS Document */

/*Template Version: 1.3*/
/*Created: Feb 2009*/
/*Last Modified: Apr 21,2010*/






/*
------------------------------------------------------------
  BASIC BIG BLOCKS - Global settings for elements
------------------------------------------------------------
*/
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
/*background:url(../jpg/background.jpg) center top no-repeat fixed #484848;*/
background-color: #040404;
}
p,div,img,ul,li,dl,dt,dd,object,h1,h2,h3,h4,hr,fieldset,select,input,checkbox{
margin: 0;
padding: 0;
border: 0;
}
/* this class is used to set a clear on an empty div */
.clear {
position: relative;
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
margin: 0;
font-size: 1px;
line-height: 1px;
}
/*this class used to set a clear on any element*/
.clear_fix {
clear:both;
}
/*classes for floats on any object*/
.left {
float:left;
}
.right {
float:right;
}

/*** END *** BASIC BIG BLOCKS ***/










/*
------------------------------------------------------------
  LAYOUT CONTAINERS - Major wrappers and containers that hold major chunks of the site
------------------------------------------------------------
*/

/* CONTAINER holds the entire webpage, and is the first object after the body */
#container {
width: 100%;
height: 100%;
}
/* WRAPPER holds the entire webpage, and is the second object after the body */
#wrapper {
position:relative;
width: 1000px;
margin: 0 auto;
background-color: #212121;
border:#919191 solid 2px;
border-top:none;
}
/* HEADER_WRAPPER holds the header and the navbar*/
#header_wrapper {
position: relative;
z-index: 999;
}
/* VIDEOPLAYER is the outer wrapper of the video player */
#videoplayer {
position: relative;
width: 1000px;
background:url(../jpg/bg_videoplayer_r3.jpg) no-repeat center top;
}
#botrvideoplayer{
position: relative;
width: 960px;
padding: 0 20px;
background:url(../jpg/bg_botrvideoplayer_r1.jpg) repeat-y center top;
}
/* CONTENT_WRAPPER holds all of the content below the VideoPlayer/NavBar and above the footer */
#content_wrapper {
position: relative;
width: 960px;
height:auto;
padding: 20px 20px 30px 20px;
z-index: 0;
}
/* FOOTER is the outer wrapper of the footer section */
#footer {
position: relative;
width: 1000px;
margin: 0 auto;
padding: 10px 0 50px 0;
}

/*** END *** LAYOUT CONTAINERS ***/










/*
------------------------------------------------------------
  DISPLAY ADs - Containers for display ads
------------------------------------------------------------
*/
.ad_728x90 {
width: 728px;
height: 90px !important;
border: #363636 2px solid;
/* background: url(../gif/deafult_ad_728x90.gif) center center no-repeat; */
}
.ad_300x250 {
width: 300px;
height: 250px !important;
/* background: url(../gif/deafult_ad_300x250.gif) center center no-repeat; */
}
.ad_160x600 {
width: 160px;
height: 600px !important;
border: #363636 2px solid;
/* background: url(../gif/deafult_ad_160x600.gif) center center no-repeat; */
}
.ad_960x40 {
width: 960px;
height: 40px !important;
border: #363636 2px solid;
margin: 0 auto 20px auto;
}

/* CUSTOM ADS - used to place ads in unique positions for certain pages or areas of a page
------------------------------------------------------------ */
.col1 .ad_160x600 {
position:relative;
float:right;
margin: 0 20px 20px 20px;
}
.interview .ad_300x250,.FYCinterview .ad_300x250, .goldmine .ad_300x250, .news .ad_300x250 {
float: right;
width: 300px;
height: 250px;
/* background: url(../gif/deafult_ad_160x600.gif) center center no-repeat; */
margin: 0 1.4em 30px 25px;
}
#home #row2 .right .ad_300x250 {
border: none;
margin-top: 1em;
}

/*** END *** DISPLAY ADs ***/










/*
------------------------------------------------------------
  1, 2, 3 COLUMN LAYOUTS - Settings for all elements and containers that column layouts
------------------------------------------------------------
*/
/* HR is used to create the color bar at the very bottom of a section/column */
hr {
position: relative;
clear: both;
color: #ffac1c;
width: 100%;
height: 3px;
margin-top: 1em;
border: 0;
background-image: url(../png/bg_horizontalBlend_footer.png);
background-color: #ffac1c;
background-repeat: repeat-y;
}
/* BORDER class is used to apply a grey border to any div and/or image */
.border {
border: #363636 2px solid; /* 565656 */
}
/* FADE class applies a sublte gradient to a section/column */
.fade {
padding: 1px 1px 0px 1px;
background-image: url(../gif/bg_verticalBlend.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

/* 1 COLUMN GRID - used to organize content in 1 column grid
------------------------------------------------------------ */
.col1 {
position: relative;
margin: 2px;
}

/* 2 COLUMN GRID - used to organize content in 2 column grid 
= 2 columns of a 3 column grid
------------------------------------------------------------ */
.col2 {
position: relative;
width: 625px;
margin-right: 5px;
}
/*added by IJT for 2 column merge movie title*/

/* 3 COLUMN GRID - used to organize content in 3 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col3 {
position: relative;
float: left;
width: 306px;
}
/* Sets the gutter spacing between the columns */
.col3.center {
margin: 0 20px;
}
/* Sets the spacing divs in each column */
.col3 div {
margin-bottom: 20px;
}
/* turn off the spacing between the divs on the homepage */
#home .col3 div {
margin-bottom: 0;
}
.col3 hr {
background-position: -2200px 0;
}

/*** END *** COLUMN LAYOUTS ***/










/*
------------------------------------------------------------
  HEADER - Custom settings for all items in the header
------------------------------------------------------------
*/
#header {
position: relative;
width: 1000px;
height:225px;
background: url(../jpg/zamm_header.jpg) no-repeat left top;
margin: 0 auto;
z-index: 999;
}
/* positions the leaderboard */
#header .ad_728x90 {
position: absolute;
right:15px;
top:35px;
}
/* positions the logo */
#logo {
position:relative;
float:left;
width:220px;
height:200px;
}
/* positions the logo */
.shareBTN {
position: absolute;
right: 22px;/*used in nav2*/
bottom: 60px;/*used in nav2*/
}
/*Networking Buttons - Twitter and RSS*/
#social_networking {
position: absolute;
right: 165px;
bottom: 50px;
padding: 0;
margin: 0;
}
#social_networking p {
padding: 0;
margin: 0;
font-weight: bold;
font-size: .8em;
text-align: right;
overflow: visible;
}
#social_networking a {
display: block;
float: right;
color: #fff;
padding: .85em 3em .85em .75em;
margin: 0 1em 0 0;
text-decoration: none;
background-position: right center;
background-repeat: no-repeat;
}
#social_networking a.twitter {
background-image: url(../gif/icons_twitter_t.gif);
}
#social_networking a.rss {
background-image: url(../gif/icons_rss.gif);
}
#social_networking a:hover {
background-color: #212121;
}
#social_networking a.twitter:hover {
color: #38b9dc;
}
#social_networking a.rss:hover {
color: #fb9e3a;
}


/*** END *** HEADER ***/










/*
------------------------------------------------------------
  PLAYER - Custom settings player container and javascript and/or flash required alert
------------------------------------------------------------
*/
/* this container holds the player WITH a playlist */
#player_playlist {
position: relative;
margin: 0 auto;
width: 940px;/*960px*/
height: 396px;
padding: 10px;
overflow: hidden;
}
#videoplayer p {
text-align: center;
font-size: .85em;
font-weight: bold;
height: 92px;
background-color: #000000;
margin: 0;
padding: 150px 25px;
border: #00b4ea solid 2px;
}

/*** END *** PLAYER ***/










/*
------------------------------------------------------------
  FOOTER - Custom settings for items in the footer
------------------------------------------------------------
*/
#footer p {
font-size: .70em;
padding:0 20px;
text-align: center;
}

/*** END *** FOOTER ***/










/*
------------------------------------------------------------
  BASIC TYPOGRAPHY SETTINGS
------------------------------------------------------------
*/
* {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1em;
}

/* PARAGRAPH
------------------------------------------------------------ */
p {
font-size: .75em;
line-height: 1.4em;
color: #FFFFFF;
margin: 0 0 .7em 0; 
padding: 0 1.4em 0 1.4em;
}
.twtr-tweet-text p {
font-size: inherit;
}



/* H1 - Used for page titles
------------------------------------------------------------ */
h1 {
color: #ffffff;
font-size: 1.3em;
line-height: 1em;
letter-spacing: .05em;
font-weight: bold;
padding: 0.45em 0 0.45em 0;
margin: 0 0 .75em 0;
text-align:center;
text-transform: uppercase;
background-color: #00b4ea;
background-image: url(../png/bg_horizontalBlend.png);
background-repeat: repeat-y;
background-position: 0 0;
}

/* Used for 3-col layout */
.col3 h1 {
color: #ffffff;
font-size: .9em;
background-position: -2200px 0;
}
/* Custom H1 settings for select pages. Mainly used to set the position of the background image */
#upcomingmovies h1 {
font-size: .9em;
background-position: -1000px 0;
/*margin-bottom: .25em;*/
}
.FYCinterview #content h1 {
background-color: #ffac1c;
}
.movie_page h1 {
background-position: -1000px 0;
}

/* H2 - Used for subheads of major sections
------------------------------------------------------------ */
h2 {
color: #fff;
font-size: 1.0em;
line-height: 1em;
letter-spacing: .05em;
font-weight: bold;
padding: .40em 0;
margin: 0 0 .75em 0;
text-align:center;
text-transform: uppercase;
background-color: #ffac1a;
background-image: url(../png/bg_horizontalBlend.png);
background-repeat: repeat-y;
background-position: -15px 0;
}
/* H2 - Movie List Pages (Featured, Archived, Out This Week) */
.movielist h2 {
margin: 2em 2% 0 2%;
}
/* H2 - Movie Pages */
.movie_page .col3 h2 {
font-size: 0.9em;
background-color:#00b4ea;
background-position: -1700px 0;
}
/* H2 - for 3-col */
.col3 h2 {
font-size: 0.9em;
background-color:#00b4ea;
background-position: -2200px 0;
}
/* used for the award buzz column on the homepage */
#award_buzz h2 {
background-color: #ffac1c;
}

/* H3 - Subheads for block of content in columns
------------------------------------------------------------ */
.col3 h3{
font-size: .75em;
line-height: 1.4em;
margin: 0 0 0em 0; 
padding: 0 1.4em 0 1.4em;
color: #ffac1c;
font-weight: normal;
}
/*title for sections privacy policy and terms page*/
h3 {
color: #00b4ea;
font-size: .9em;
line-height: 1.2em;
text-transform:uppercase;
letter-spacing: .05em;
font-weight: bold;
margin: 0 1.3em .75em 1.25em;
}

/* LISTS - applies to unorder and order liss
------------------------------------------------------------ */
ul {
padding: 0 1.4em 0 2.0em;
}
li {
color: #ffffff;
font-size: .75em;
line-height: 1.4em;
margin: 0 0 .7em 0; 
padding: 0 1.4em 0 .7em;
}

/* LINKS - how do text links look and behave on hover
------------------------------------------------------------ */
a {
color: #ffac1c;
}
a:hover {
color: #00b4ea;
}
.docversion {
font-size: .65em;
line-height: 1.2em;
text-transform:uppercase;
margin-top:2em;
}


/* DEFINITION LIST - typically used for Q and A articles
------------------------------------------------------------ */
dl {
padding: 0 1.4em 0 1.4em;
}
dt{
font-size: .85em;
line-height: 1.4em;
margin: 2em 0 .3em 0; 
color: #ffac1c;/*#00b4ea;*/
}
dd{
color: #FFFFFF;
font-size: .75em;
line-height: 1.4em;
margin: 0 0 .7em 0; 
}

/* CUSTOM CLASS - unique typography settings for all types of text
------------------------------------------------------------ */
/* turns text to lowercase */
.lc {
text-transform:lowercase; !important
}
/* sets the style for all movie names in body text of an article */
.movie {
color: #FFFFFF;
font-weight: bold;
}
/* unique setting for featured movie in body text of an article */
.movie.featured{
/*color: #87d3ea;*/
color: #FFFFFF;
}
/* sets the style for all actor names in body text of an article */
.name{
color: #FFFFFF;
font-weight: bold;
}
/* unique setting for featured actor name in body text of an article */
.name.featured{
color: #FFFFFF; /*#ffd587;*/
}
/* used for the A in the Q and A articles */
.answer{
font-size: 1.2em;
font-weight: bold;
color: #00b4ea; /*#ffd587;*/
}
/* used to hold the photo and caption on the article pages */
#article_image,.article_image{
float: right;
position: relative;
margin: 0 1.4em 50px 25px;
width: 300px;
clear: both;
}
/* used for the photo cation on the article pages */
#article_image p,.article_image p{
color: #CCCCCC;
font-size: .6em;
font-style: italic;
padding-top: 5px;
}

/*NOT SURE WHAT THIS IS BEING USED FOR */
#form_info {
font-size: .7em;
line-height: 1.4em;
font-weight: bold;
color: #000000;
margin: 0 0 .7em 0; 
padding: 10px 1.4em 0 1.4em;
}
.form_info_blue{
color: #00b4ea;
}
.orange {
color: #ffac1c;
}
.on_dvd_label {
font-size: 1.8em;
line-height: 1.3em;
}
.on_dvd_date_label {
display: block;
font-size: 1.0em;
line-height: 1.3em;
padding: 5px 0;
}
.on_dvd_thumb {
font-size: 1.2em;
line-height: 1em;
font-weight: bold;
}
/*** END *** BASIC TYPOGRAPHY SETTINGS ***/










/*
------------------------------------------------------------
  STANDARD MOVIE IMAGE SIZES
------------------------------------------------------------
*/
/*Used to apply blue border on featured thumbnail images*/
a.movie_feature, a.dvd_feature {
display: block;
background-image: url(../jpg/bg_dvd_141.jpg);
background-repeat: no-repeat;
height: 175px;
width: 141px;
border: 2px #666666 solid;
padding: 17px 0;
}
/*used for DVD onesheet thumbnail-images
.onesheet_118 {
display:block;
width:118px;
height:175px;
background-image: url(../jpg/bg_onesheet_118.jpg);
background-position: center center;
background-repeat: no-repeat;
}*/
/*used for onesheet thumbnail-images*/
.onesheet_141, .packaging_141 {
display:block;
width:141px;
height:209px;
background-image: url(../jpg/bg_onesheet_141.jpg);
background-position: center center;
background-repeat: no-repeat;
}
/*used for DVD onesheet thumbnail-images*/
a.movie_feature img.onesheet_141, a.dvd_feature img.packaging_141 {
display:block;
width:118px;
height:175px;
border: none !important;
background-image: url(http://media.zamm.com/assets/templates/zamm_spinning_silver_v1-3/jpg/bg_onesheet_118.jpg);
}
/*used for the large one-sheet on the original movie page (v1.2)*/
.onesheet_298 {
display:block;
width:298px;
height:441px;
background-image: url(../jpg/bg_onesheet_298.jpg);
}
/*used for the large one-sheet on the original movie page (v1.3)*/
.onesheet_306, .packaging_306 {
display:block;
width:306px;
height:453px;
background-image: url(../jpg/bg_onesheet_306.jpg);
}
/*used for the large one-sheet on the DVD movie page (v1.3)*/
.dvd .packaging_306 {
width:253px;
height:375px;
margin: 0 auto 3px auto;
background-image: url(http://media.zamm.com/assets/templates/zamm_spinning_silver_v1-3/jpg/bg_onesheet_253.jpg);
}
/*used for the large one-sheet on the DVD movie page (v1.3)
.onesheet_253 {
display:block;
width:253px;
height:375px;
margin: 0 auto 3px auto;
background-image: url(../jpg/bg_onesheet_253.jpg);
}*/
/*** END *** STANDARD MOVIE IMAGE SIZES ***/










/*
------------------------------------------------------------
  BASIC TABLE - default table settings for all tables used in site
------------------------------------------------------------
*/
table {
width: 96%;
color: #ffffff;
font-size: 0.75em;
line-height: 1.5em;
background-color:none;
border-collapse:collapse;
margin: 0 2% 0 2%;
}
th {
text-transform: uppercase;
padding: 10px 10px 7px 8px;
text-align: left;
color: #00b4ea;
background-color: #454545;
border-left: #212121 1px solid; 
border-bottom: #212121 1px solid;
}
td {
padding: 10px 8px;
border-bottom: #666 1px solid;
border-left: #666 1px solid; 
vertical-align:top;
}
table .moviecol {
width: 32%;
border-left: none;
}
table .studiocol, table .genre, table .directorcol  {
width: 14%;
}
table .ratingcol {
width: 11%;
}
table .releasedatecol {
width: 15%;
}


/* CUSTOM TABLE - MOVIE THUMBNAIL - Used for movie listings on the Coming Soon and Now Playing lists
						    - NOTE: if DVD lists need to be customize to look different from the theatrical list, 
						            add class of "DVD" to the table and the updated the setting below as needed.
------------------------------------------------------------ */
#poster_thumbnail_wrapper td{
width: 16%;
padding: 2%;
border: none;
text-align: center;
}
#poster_thumbnail_wrapper td a{
color: #fff;
line-height: 1.3em;
}
#poster_thumbnail_wrapper td:hover{
background-color: #00b4ea;
}
#poster_thumbnail_wrapper td a:hover {
color: #fff;
text-decoration: none;
}
#poster_thumbnail_wrapper img {
border: 2px #666666 solid;
margin: 0 auto;
}


/* CUSTOM TABLE - MOVIE OPENING THIS WEEK - Used for Open This Week Section
------------------------------------------------------------*/

/*reset to default so that p and h3 settings work correctly*/
#movie_opening_wrapper {
font-size: 1em;
line-height: 1em;
color: inherit;
}
#movie_opening_wrapper p {
padding: 0;
}
#movie_opening_wrapper h3 {
margin: 0 0 .75em 0;
}
#movie_opening_wrapper td {
text-align: left;
padding: 2%;
border-left: none;
background-image: url(../png/bg_verticalBlend.png);
background-repeat: repeat-x;
background-position: bottom left;
}
#movie_opening_wrapper td.poster {
width: 16%;
}
#movie_opening_wrapper td.info {
width: 24%;
}
#movie_opening_wrapper td.summary {
width: 48%;
}
#movie_opening_wrapper td.info h3 a {
line-height: 1.2em;
text-decoration: none;
}
#movie_opening_wrapper img {
border: 2px #666666 solid;
margin: 0 auto;
}
#movie_opening_wrapper img:hover {
border: 2px #00b4ea solid;
}


/*** END *** TABLE SETTINGS ***/











/*
------------------------------------------------------------
  NAVIGATION BAR - v2 - Used for the dynamic dropdown menu
------------------------------------------------------------
*/
#nav2 {
position:absolute;
width: 960px;
height:40px;
padding:0 20px;
bottom:0;
right: 0;
background: url(../jpg/bg_nav_up.jpg) 0 0 repeat-x;
z-index: 999;
}














/*
------------------------------------------------------------
  NAVIGATION BAR - v1 - Big chuncky image buttons
------------------------------------------------------------
*/
/*
#nav {
	position:absolute;
	bottom:0;
	width: 900px;
	height:41px;
	padding:0;
	right: 0;
	text-align:right;
}
#nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
#nav li {
	position:relative;
	float:right;
	display:block;
	padding:0;
	margin:14px 12px 0 0;
	line-height:20px;
}
#nav li.end {
	margin-right: 25px;
}
#nav ul #zammfanbtn {
	margin:0;
	padding: 13px 125px 0 20px; *padding: 13px 130px 0 20px;
	z-index: 20;
}
#nav ul #homebtn {
	margin:0;
	padding: 13px 53px 0 20px;
	z-index: 30;
}
#nav ul #moviesbtn {
	margin:0;
	padding: 13px 55px 0 20px;
	z-index: 0;
}
#nav ul #awardsbtn {
	margin:0;
	padding: 13px 90px 0 20px;
	z-index: 10;
}

.zammfan_btn {
	position: absolute;
	width:289px;
	height: 41px;
	display:block;
	background-image:url(../gif/zammfan_btn.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	z-index:1;
	top: 0; *top: 1px;
	left: 0;
}
.awards_btn{
	position: absolute;
	width:250px;
	height: 41px;
	display:block;
	background-image:url(../gif/btn_awardsbuzz.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	z-index:1;
	top: 0; *top: 1px;
	left: 0;
}
.home_btn {
	position: absolute;
	width:109px;
	height: 41px;
	display:block;
	background-image:url(../gif/homeBtn.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	z-index:1;
	top: 0; *top: 1px;
	left: 0;
}
.movies_btn{
position: absolute;
	width:150px;
	height: 41px;
	display:block;
	background-image:url(../gif/movies_btn.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	z-index:1;
	top: 0; *top: 1px;
	left: 0;
}
a:hover .zammfan_btn {
	background-position: 0 -42px;
}
a:hover .home_btn {
	background-position: 0 -42px;
}
a:hover .movies_btn{
	background-position: 0 -42px;
}
a:hover .awards_btn{
	background-position: 0 -43px;
}
*/


/*** END *** NAVIGATION BAR - v1 ***/







/*
------------------------------------------------------------
  SUBNAV - MOVIES SECTION - Subnav tab buttons used on all movie listing pages (featured, now playing, archive)
------------------------------------------------------------
*/

/*div wrapper that contains the subnav*/
.movies_subnav {
margin: 2em 2%;
overflow: visible;
}
/*UL settings for top and bottom subnav areas*/
.movies_subnav ul {
text-align: left;
list-style: none;
height: 33px;
border-bottom: 1px solid #ffac1c;
margin: 0;
padding: 0;
}
/*custom UL settings for bottom subnav*/
.movies_subnav ul.bottom {
border-bottom: none;
border-top: 1px solid #ffac1c;
overflow: visible;
}


/*LI settings for buttons in top and bottom areas*/
.movies_subnav li {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
float: left;
margin: 0;
padding:0;
}
/*LINK settings for buttons in top and bottom areas*/
.movies_subnav li a {
display: block;
padding: 10px;
text-decoration: none;
color: #ffac1c;
border: 1px solid #212121;
border-bottom: none;
border-left: none;
background-color: #000;
}
/*custom LI settings for bottom buttons*/
.movies_subnav ul.bottom li {
overflow: visible;
z-index: 1000;
height: 32px;
*margin-top:-1px;
}
/*custom LINK settings for bottom buttons*/
.movies_subnav ul.bottom li a {
border: 1px solid #212121;
border-top: none;
border-left: none;
background-color: #000;
*margin-top:1px;
}
/*HOVER settings for subnav buttons*/
.movies_subnav li a:hover, .movies_subnav ul.bottom li a:hover {
color: #fff;
background-color: #00b4ea;
}
/*ACTIVE PAGE - change the button behavior and appearance when currently on that page*/
#featured .movies_subnav .featured,
#now_playing .movies_subnav .now_playing,
#coming_dvd .movies_subnav .coming_dvd,
#on_dvd .movies_subnav .on_dvd,
#archived .movies_subnav .archived {
border: 1px solid #ffac1c;
border-bottom: 1px solid #212121;
background-color: #212121;
color: #00b4ea;
}
#featured .movies_subnav .featured:hover,
#now_playing .movies_subnav .now_playing:hover,
#coming_dvd .movies_subnav .coming_dvd:hover,
#on_dvd .movies_subnav .on_dvd:hover,
#archived .movies_subnav .archived:hover {
color:#00b4ea;
background-color: #212121;
cursor: default;
}
/*custom ACTIVE PAGE settings for bottom subnav*/
#featured .movies_subnav .bottom .featured,
#now_playing .movies_subnav .bottom .now_playing,
#coming_dvd .movies_subnav .bottom .coming_dvd,
#on_dvd .movies_subnav .bottom .on_dvd,
#archived .movies_subnav .bottom .archived {
border: 1px solid #ffac1c;
border-top: 1px solid #313131;
background-color: #313131;
margin: -1px 0 0 0;
*margin-top:0px;
overflow: visible;
z-index: 10001;
}
#featured .movies_subnav .bottom .featured:hover,
#now_playing .movies_subnav .bottom .now_playing:hover,
#coming_dvd .movies_subnav .bottom .coming_dvd:hover,
#on_dvd .movies_subnav .bottom .on_dvd:hover,
#archived .movies_subnav .bottom .archived:hover {
color:#00b4ea;
background-color: #313131;
cursor: default;
}


/*** END *** SUBNAV - MOVIES SECTION ***/






/*
------------------------------------------------------------
  UPCOMING MOVIES - Horizontal scrolling section on the homepage
------------------------------------------------------------
*/

/*outter container to position section on homepage */
#upcomingmovies {
position: relative;
float: right;
width: 626px;
height: 250px;
padding: 1px 2px 20px 2px;
margin: 0 0 20px 0;
}
/* wrapper acts as an mask for the scroller */
#movie_panel_wrapper {
position:relative;
width:100%;/*width:592px;*/
height:210px;/*height:235px;*/
overflow:hidden;
}
/* sroller div holds all the onesheets, and moves left/right */
#movie_panel_scroller {
height:213px;
overflow:hidden;
}
/* container for the scrollable items */
div.movie_poster_scroller {
float:left;
margin: 0 3px;
width:592px !important;
height:213px;
}
/* single item */
div.movie_poster_scroller a {
display:block;
float:left;
margin-right:3px;
width:141px;
height:209px;
font-size:1em;
color:#fff;
line-height:1.5em;
text-decoration:none;
text-align:center;
cursor:pointer;
border: 2px #666 solid;
background:url(../jpg/bg_onesheet_141.jpg);
}
div.movie_poster_scroller a:hover {
border: 2px #00b4ea solid;	
}
div.movie_poster_scroller a.active {	
border: 2px #ffac1c solid;
cursor: default;
}

/* NEXT / PREVIOUS BUTTONS - large left and right arrows bookending the horizontal scroll section
------------------------------------------------------------*/
#movie_poster_wrapper a.prev, #movie_poster_wrapper a.next {
display:block;
width:13px;
height:132px;
float:left;
background-repeat:no-repeat;
background-position:-1px 0;	
margin:40px 0 0 0;
}
#movie_poster_wrapper a.prev {
background-image:url(../gif/btn_arrow_left.gif);
}
#movie_poster_wrapper a.prev:hover {
background-position: -15px 0;		
}
#movie_poster_wrapper a.next {
background-image:url(../gif/btn_arrow_right.gif);		
}
#movie_poster_wrapper a.next:hover {
background-position: -15px 0;		
}

/* NAVIGATOR - page dots below the scrolling panel
------------------------------------------------------------*/
#movie_poster_wrapper div.navi {
position:relative;
clear: both;
z-index:1000;
margin:0 auto;
padding: 3px 0 0 0;
height:20px;
width: 80px;
overflow-y: hidden;
}
/* items inside navigator */
#movie_poster_wrapper div.navi span {
display:block;
width:8px;
height:8px;
float:left;
margin:3px;
background:url(../png/dots.png) 0 0 no-repeat;     
cursor:pointer;
}
#movie_poster_wrapper div.navi span:hover {
background-position:0 -16px;      
}
#movie_poster_wrapper div.navi span.active {
background-position:0 -8px;     
}


/*** END *** UPCOMING MOVIES ***/











/*
------------------------------------------------------------
  INDIVIDUAL MOVIE PAGE - Movie page with multiple clip player
------------------------------------------------------------
*/
.movie_page .col3.center {
width: 379px; /*402px*/
}
.movie_page .col3.right {
padding: 0;
width: 232px; /* 214px*/
height: auto;
}
.movie_page .col3.left h1 {
background-color: none;
background: none;
border: none;
padding: 0;
margin: 0 0 18px 0;
}
/*used on templates displaying DVD artwork*/
.movie_page .col3.left h1.dvd, .movie_page .col3.left .dvd {
background-image: url(../jpg/bg_dvd_306.jpg);
background-repeat: no-repeat;
padding: 3px 0;
margin: 0 0 18px 0;
}
.movie_page .col3.right h2 {
background-position: -2551px 0;
background-color: #00b4ea; /*00b4ea  ffac1c*/
}
.movie_page .col3.center hr {
background-position: -1700px 0;
}
/*Table Settings for Cast */
.movie_page .col3 table {
width: 92%;
margin: 0 4%;
}
.movie_page .col3 td {
padding: 5px 40px 5px 0px;
border-left: none;
}
.movie_page .col3 .actor {
color: #00c1f2;
padding: 5px 0 5px 0px;
width:44%;
}
.movie_page #official_website {
margin-bottom: 0;
}

.movie_page #official_website a{
display: block;
color: #fff;
font-size: .95em;
text-align: center;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .03em;
padding: 1em 0;
background-color: #ffac1c;
background-image: url(../png/bg_horizontalBlend.png);
background-position: -2550px 0;
background-repeat: repeat-y;
}
.movie_page #official_website a:hover {
background-color: #00b4ea;
}
.movie_page .col3.right p {
text-align: center;
}
.movie_page .name {
color: #ffac1c;
}
.movie_page #buy_tickets,
.movie_page #buy_dvds {
text-align: center;
}
.movie_page #buy_tickets h2,
.movie_page #buy_dvds h2 {
margin-bottom: 0;
background-color: #ffac1c;
background-position: -2200px 0;
}
.movie_page #buy_tickets img,
.movie_page #buy_dvds img {
margin: .5em 0;
}
/*.movie_page #bg_dvd306 {
background-image: url(../jpg/bg_dvd_306.jpg);
/*height: 454px;*/
/*padding: 5px 0 5px 0;
background-repeat: no-repeat;
overflow: hidden;
}*/

/*** END *** INDIVIDUAL MOVIE PAGE - v1.3 ***/


.movie_page .onesheet {
color: #ffffff;
font-size: 1.3em;
line-height: 1em;
letter-spacing: .05em;
font-weight: bold;
margin: 0 0 .75em 0;
text-align:center;
}




/*
------------------------------------------------------------
  FORMS
------------------------------------------------------------
*/

#form_wrapper {
background-color: #FFCF67; /*#FFCF67;*/
border-top: 5px solid #ffac1c;
border-bottom: 5px solid #ffac1c;
margin: 0;
padding: 0 20px;
display:none;
}
#form {
padding: 20px 0 10px 0; *padding: 20px 0 0 0;
}
#form_leftcolumn {
position: relative;
float: left;
width: 590px;
margin: 0;
padding: 0;
}
#form_rightcolumn {
position: relative;
float:right;
width: 325px;
border-left: solid 1px #FFFFFF;
padding: 0 10px 0 25px;
margin: 0;
}
.instructions {
font-size: .65em;
line-height: 1.2em;
text-transform:uppercase;
font-weight:bold;
margin: 0;
padding:0;
}
.required {
color: #007ebf;
}
#EmailForm p {
color: #ffffff;
margin: 0 0 1.4em 0;
}
#form_wrapper p {
color: #000000;
margin: 0 0 1.4em 0;
}
select,
input {
margin:5px 0 0 0;
padding: 2px;
}
label, .label {
color: #00b4ea;
font-weight: bold;
}
#form_wrapper a {
color: #000000;
}
#form_wrapper a:hover {
color: #00b4ea;
}
#EmailForm {
width: 525px;
margin: 0 auto;
}
fieldset {
border:none;
}
#EmailForm label {
color: #00b4ea;
}
#EmailForm select,
#EmailForm intput,
#EmailForm textarea,
select,
input {
margin: 5px 0 0 0;
border: none;
padding: 2px;
}
.fname {
position: relative;
float:left;
width: 254px;
padding:0;
margin:0;
}
.initial {
position:relative;
width: auto;
float:left;
margin: 0;
}
.lname {
position:relative;
width:254px;
float:left;
margin: 0;
padding: 0;
}
.email {
clear:both;
position:relative;
width: 254px;
float: left;
padding: 0;
margin: 0;
}
.zipcode {
position: relative;
float:left;
width:130px;
margin: 0;
}
.gender {
position: relative;
float:left;
margin:0;
}
.initial, .zipcode, .gender {
padding: 0 15px;
}
#zip{
width:75px;
}

.mobilephone {
position:relative;
float:left;
padding: 0;
margin: 0;
}
.dateofbirth {
position:relative;
float:left;
padding: 0;
margin: 0;
}
.formlines {
color: #000000;
font-weight:bold;
position:relative;
font-size: 0.65em;
float:right;
margin: 0;
padding: 10px 30px 0 0; *padding: 10px 0 0 0;
}
#film_interests {
width: 100%;
margin-bottom: 5px;
}
.genres {
margin: 0;
padding: 0;
}
#genres {
width:100%;
}
#first_name, 
#last_name,
#email{
width: 250px;
}

#male {
margin: 5px 5px 0 0;
}
#female {
margin: 5px 5px 0 15px;
}
#optin {
margin: 0 0 0 5px;
}
#mm, #dd {
margin-right: 10px;
}
.note {
font-size: .9em;
margin: 0 0 0 5px;
}
label.radio {
margin-left:1em;
}
input.radio {
margin-left:2em;
}
.submit {
text-align: center;
padding-bottom:0;
margin-bottom:0;
}
button {
border: 0;
background-color: #FFCF67;
padding: 0;
margin: 10px 0 0 0;
}


/*** END *** FORM ***/






/*
------------------------------------------------------------
  ZAMM FAN REGISTER PAGE
------------------------------------------------------------
*/

#zammfanregister #form_leftcolumn {
width: 410px;
padding: 0 0 0 50px;
}
#zammfanregister #form_rightcolumn {
width: 380px;
border-left: 0px;
padding: 0 10px 0 20px;
/*background-color: #ffac1c;*/
margin: 0 30px 0 0;
}
#zammfanregister p {
padding: 1.4em 1.4em 0 0;
}
#zammfanregister .formlines {
float:left;
width: 335px;
}
#zammfanregister .instructions {
float:left;
}
.bybecomingafan {
color: #ffac1c;
font-size: .9em;
line-height: 1.7em;
}
#zammfanregister #film_interests {
width: 335px;
}
#zammfanregister #genres {
width:335px;
}
#zammfanregister .mobilephone {
width: 180px;
}

/*** END *** ZAMM FAN REGISTER PAGE ***/



/*
------------------------------------------------------------
  ZAMM FAN CONTEST RULES PAGE
------------------------------------------------------------
*/
#contestrules table {
margin: 10px 0 20px 50px;
}

#contestrules td {
border: 0;
padding: 3px 0;
}
#contestrules table .drawingCol{ 
width: 180px;
}



/*** END *** ZAMM FAN CONTEST RULES PAGE ***/


/*
------------------------------------------------------------
  TAKEOVERS - Settings for ZAMM Takeovers
------------------------------------------------------------
*/
body.theamerican{
background:url(../gif/bg_american_orange.gif) top center repeat-x #f5f4e3;
}
body.theamerican #container {
background:url(../jpg/bg_american.jpg) center top repeat-y;
}
body.theamerican #footer p{
color: #040404;
}
/*** END *** TAKEOVERS ***/