/*
Theme Name: Twilight Zone
Theme URI: http://www.tzcinema.com/
Description: The original theme for Twilight Zone Cinema.
Author: Jeff Wagner
*/

body{
  margin:0;
  color:#000;
  font:11px Arial, Verdana, sans-serif;
  background:#000 url(images/bg-body.jpg) repeat-x;
  min-width:975px;
}
img{border-style:none;} 
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#page {
  width:100%;
  background:url(images/bg-home.jpg) no-repeat 50% 0;
  overflow:hidden;
}

.clear {
  clear: both;
}

/* header */
#header {
  width:975px;
  height:140px;
  overflow:hidden;
  margin:0 auto;
  position:relative;
}
/* logo */
#header .logo{
  position:absolute;
  top:38px;
  left:0;
  width:288px;
  height:67px;
  text-indent:-9999px;
  overflow:hidden;
}
#header .logo a{
  background:url(images/logo.png) no-repeat;
  display:block;
  height:100%;
}
#header .nav{
  width:100%;
  overflow:hidden;
  padding:35px 0 16px;
}
/* phone box */
#header .nav .phone{
  float:right;
  text-align:right;
}
#header .nav .phone strong{
  font-size:24px;
  line-height:24px;
  color:#fff;
  display:block;
  font-weight:normal;
}
#header .nav .phone span{
  font-size:14px;
  color:#1d7cb5;
}
/* top navigation */
#header .nav ul{
  margin:0;
  padding:4px 50px 0 0;
  list-style:none;
  float:right;
}
#header .nav ul li{
  float:left;
  font-size:14px;
  background:url(images/star.gif) no-repeat;
  padding:0 0 0 20px;
  margin:0 0 0 23px;
}
#header .nav ul li a{color:#fff;}
#header .nav ul li a:hover{
  text-decoration:none;
  color:#1d7cb5;
}
/* menu */
#header .menu{
  width:100%;
  overflow:hidden;
}
#header .menu ul{
  margin:0;
  padding:0;
  list-style:none;
  float:right;
}
#header .menu ul li{
  display:inline;
  font-size:15px;
  margin:0 0 0 24px;
}
#header .menu ul li a{color:#fff;}
#header .menu ul li a:hover{
  text-decoration:none;
  color:#f8981d;
}
/* content */
#content {
  width:975px;
  overflow:hidden;
  margin:0 auto;
  padding:0 0 7px;
  background:url(images/bg-content.jpg) no-repeat 0 100%;
}
/* main-box */
#content .main{
  width:534px;
  float:left;
  padding:45px 0 0;
}
/* intro box*/
#content .main .intro{
  width:100%;
  height:324px;
  overflow:hidden;
  margin:0 0 30px;
}
#content .main .intro h1{
  color:#f8981d;
  margin:0 0 3px;
  font-size:20px;
  font-weight:normal;
}
#content .main .intro p{
  margin:0 0 24px;
  font-size:14px;
  line-height:20px;
  color:#fff;
}
#content .main .intro ul{
  margin:0;
  padding:0 0 0 42px;
  list-style:none;
}
#content .main .intro ul li{
  vertical-align:top;
  font-size:14px;
  background:url(images/moon.gif) no-repeat 0 1px;
  padding:0 0 0 24px;
  margin:0 0 19px;
}
#content .main .intro ul li a{color:#f8981d;}
#content .main .intro ul li a:hover{color:#fff;}
/* highlights */
#content .main .highlights{
  width:450px;
  padding:0 84px 0 0;
  overflow:hidden;
}
.highlights h2{
  margin:0 0 6px;
  color:#f8981d;
  font-size:18px;
  font-weight:normal;
}
.highlights h2 a{color:#f8981d;}
.highlights h2 a:hover{color:#fff;}
.highlights p{
  margin:0 0 5px;
  font-size:14px;
  line-height:16px;
  color:#fff;
}
.highlights .highlight-box-b{
  width:100%;
  overflow:hidden;
  margin:0 0 58px;
}
.highlights .highlight-box-s .text{
  width:432px;
  overflow:hidden;
  padding:0 18px 0 0;
}
.highlights .highlight-box-b .img-holder{
  width:446px;
  overflow:hidden;
  margin:0 0 13px;
}
.highlight-box-b .img-holder img{display:block;}
.more{
  margin:0;
  padding:0;
  list-style:none;
  text-align:right;
}
.highlights .highlight-box-b .more{padding:0 18px 0 0;}
.more li{
  display:inline;
  background:url(images/more.gif) no-repeat;
  padding:0 0 0 23px;
  font-size:14px;
}
.more li a{color:#f8981d;}
.more li a:hover{color:#fff;}
.highlights .highlight-box-s{
  width:100%;
  overflow:hidden;
  padding:0 0 73px;
}
.highlights .highlight-box-s .img-holder{
  width:128px;
  float:left;
  overflow:hidden;
}
.highlights .highlight-box-s .text{
  width:290px;
  float:right;
  padding:9px 18px 0 0;
}
/*sidebar */
#content .sidebar{
  width:441px;
  float:right;
  padding:45px 0 0;
}
/* flash area */
.sidebar .flash-area{
  width:346px;
  height:340px;
  overflow:hidden;
  margin:0 0 15px 95px;
}
.sidebar .flash-area img{
  display:block;
  margin:0 auto;
}
/* facebook box */
.sidebar .facebook{
  width:100%;
  overflow:hidden;
  margin:0 0 40px;
}
.facebook .ico{
  width:48px;
  float:left;
}
.facebook .text{
  width:380px;
  float:right;
  padding:12px 0 0;
}
.facebook .text h3{
  margin:0;
  color:#fff;
  font-size:18px;
  font-weight:normal;
}
.facebook .text p{
  margin:0;
  color:#fff;
  font-size:14px;
  line-height:16px;
}
.facebook .text p a{color:#1d7cb5;}
/* blog box */
.sidebar .blog{
  width:100%;
  overflow:hidden;
  margin:0 0 63px;
}
.sidebar .blog h3{
  margin:0 0 19px;
  color:#f8981d;
  font-size:18px;
  font-weight:normal;
}
.sidebar .blog h3 a{color:#f8981d;}
.sidebar .blog h3 a:hover{color:#fff;}
.sidebar .blog ul{
  margin:0;
  padding:0;
  list-style:none;
}
.sidebar .blog ul li{
  vertical-align:top;
  font-size:14px;
  padding:0 0 16px 18px;
  background:url(images/arrow.gif) no-repeat 0 5px;
}
.sidebar .blog ul li a{color:#f8981d;}
.sidebar .blog ul li a:hover{color:#fff;}
.sidebar .blog ul li em{
  display:block;
  color:#fff;
  font-style:normal;
}
.sidebar .blog .rss{
  width:100%;
  overflow:hidden;
  font-size:14px;
}
.sidebar .blog .rss a{
  color:#f8981d;
  background:url(images/rss.gif) no-repeat 0 4px;
  padding:10px 0 18px 38px;
  float:right;
}
.sidebar .blog .rss a:hover{color:#fff;}
/* sidebar highlight */
.sidebar .side-highlight{
  width:100%;
  overflow:hidden;
}
.side-highlight .img-holder{
  width:110px;
  float:left;
}
.side-highlight .img-holder img{display:block;}
.side-highlight .text{
  width:314px;
  float:right;
}
.side-highlight .text h3{
  font-size:18px;
  margin:0 0 8px;
  color:#f8981d;
  font-weight:normal;
}
.side-highlight .text p{
  margin:0 0 24px;
  font-size:14px;
  line-height:16px;
  color:#fff;
}
.side-highlight .text h3 a{color:#f8981d;}
.side-highlight .text h3 a:hover{color:#fff;}
/* footer */
#footer {
  width:975px;
  overflow:hidden;
  margin:0 auto;
  padding:32px 0 0;
}
/* footer-navigation */
#footer .footer-nav{
  /*width:534px;*/
  width:625px;
  float:left;
}
.footer-nav .f-nav{
  width:100%;
  overflow:hidden;
  margin:0 0 13px;
  padding:0;
  list-style:none;
}
.footer-nav .f-nav li{
  float:left;
  width:178px;
  font-size:14px;
  margin:0 0 14px;
}
.footer-nav .f-nav li a{color:#fff;}
.footer-nav .f-nav li a:hover{
  color:#f8981d;
  text-decoration:none;
}
.footer-nav .site-list{
  margin:0;
  padding:0;
  list-style:none;
}
.footer-nav .site-list li{
  float:left;
  font-size:14px;
  color:#fff;
  line-height:30px;
  margin:0 20px 0 0;
}

.footer-nav .site-list li.twitter-link{
  float:right;
  margin-top: -14px;
  margin-left: -10px;
}

.footer-nav .site-list li img{
  float:left;
  margin:0 10px 0 0;
}
.footer-nav .site-list li a{color:#1d7cb5;}
.footer-nav .site-list .orange-link a{color:#f8981d;}
/* footer-logo */
#footer .footer-logo{
  width:288px;
  float:right;
  overflow:hidden;
}
#footer .footer-logo strong{
  width:288px;
  height:67px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  margin:0 0 19px;
}
#footer .footer-logo strong a{
  display:block;
  height:100%;
  background:url(/custom/framework/logo.png) no-repeat;
}
#footer .footer-logo ul{
  margin:0 0 27px 3px;
  padding:0;
  list-style:none;
  width:400px;
  overflow:hidden;
}
#footer .footer-logo ul li{
  display:inline;
  font-size:16px;
  color:#fff;
  margin:0 15px 0 0;
}
#footer .footer-logo ul li a{color:#f8981d;}
#footer .footer-logo ul li a:hover{color:#fff;}
#footer .footer-logo p{
  margin:0 0 10px;
  color:#fff;
  font-size:14px;
  text-align:center;
}
/* inner-1 page */
#inner-1 #page{background:url(images/bg-inner.jpg) no-repeat 50% 0;}
#inner-1 #content{padding:0 0 83px;}
#inner-1 .main{
  width:611px;
  padding:40px 0 0;
}
#inner-1 .sidebar{width:346px;}
/* breadcrumb */
.breadcrumb{
  width:100%;
  overflow:hidden;
  margin:0 0 6px;
}
.breadcrumb ul{
  margin:0 0 0 6px;
  padding:0;
  list-style:none;
  float:left;
  display:inline;
  overflow:hidden;
}
.breadcrumb ul li{
  float:left;
  background:url(images/bg-breadcrumb.gif) no-repeat 0 5px;
  color:#fff;
  margin:0 0 0 -12px;
  padding:0 20px 0 12px;
}
.breadcrumb ul li.home a{
  display:block;
  width:11px;
  height:12px;
  background:url(images/home.gif) no-repeat;
  text-indent:-9999px;
  overflow:hidden;
}
.breadcrumb ul li a{color:#f8981d;}
.breadcrumb ul li a:hover{color:#fff;}
/* main-box */
.main-box{
  width:534px;
  overflow:hidden;
  padding:26px 49px 97px 28px;
  background:url(images/bg-content-inner.png) repeat-y;
  border:1px solid #3c3c3c;
  border-width:1px 0;
}
.main-box h1{
  margin:0 0 20px;
  color:#f8981d;
  font-size:24px;
  font-weight:normal;
}
.main-box p{
  font-size:14px;
  color:#fff;
  line-height:20px;
  margin:0 0 20px;
}
.main-box p a{color:#e78e1b;}
.main-box p a:hover{color:#fff;}
.main-box ul{
  margin:0 0 42px;
  padding:17px 0 0 42px;
  list-style:none;
}
.main-box ul li{
  vertical-align:top;
  color:#fff;
  font-size:14px;
  background:url(images/moon.gif) no-repeat 0 1px;
  padding:0 0 0 23px;
  margin:0 0 18px;
}
.main-box ul li a{color:#f8981d;}
.main-box ul li a:hover{color:#fff;}
.main-box h2{
  font-size:17px;
  color:#1c7ab2;
  margin:59px 0 1px;
  font-weight:normal;
}
.main-box img{
  float:left;
  /*border:1px solid #3b3b3b;*/
  padding:2px;
  margin:0 16px 0 0;
}
/* banner */
.sidebar .banner{
  width:315px;
  height:271px;
  overflow:hidden;
  padding:28px 0 0 26px;
  background:url(images/bg-banner.png) no-repeat;
  margin:0 0 38px;
}
/* additional links box */
.sidebar .links{
  width:316px;
  padding:0 0 0 30px;
  overflow:hidden;
  margin:0 0 34px;
}
.sidebar .links h3{
  font-size:22px;
  font-weight:normal;
  color:#fff;
  margin:0 0 17px;
}
.sidebar .links ul{
  margin:0;
  padding:0;
  list-style:none;
}
.sidebar .links ul li{
  vertical-align:top;
  font-size:14px;
  padding:0 0 0 26px;
  margin:0 0 14px;
  background:url(images/moon.gif) no-repeat 0 1px;
}
.sidebar .links ul li a{color:#f8981d;}
.sidebar .links ul li a:hover{color:#fff;}
/* calendar-box */
.sidebar .calendar{
  width:335px;
  overflow:hidden;
  margin:0 0 28px 11px;
  background:url(images/bg-calendar.gif) repeat-y;
}
.sidebar .calendar .top{background:url(images/bg-calendar-top.gif) no-repeat;}
.sidebar .calendar .bottom{
  background:url(images/bg-calendar-bottom.gif) no-repeat 0 100%;
  padding:10px 18px 33px;
  width:299px;
  overflow:hidden;
}
.sidebar .calendar h4{
  font-size:22px;
  color:#1c78af;
  margin:0 0 12px;
  font-weight:normal;
}
.sidebar .calendar h4 a{color:#1c78af;}
.sidebar .calendar .calendar-box{
  width:100%;
  overflow:hidden;
}
.sidebar .calendar .img-holder{
  width:107px;
  padding:4px 5px;
  float:left;
  border:1px solid #868686;
  overflow:hidden;
}
.sidebar .calendar img{display:block;}
.sidebar .calendar .text{
  width:170px;
  float:right;
}
.sidebar .calendar p{
  margin:0 0 21px;
  font-size:14px;
  line-height:16px;
}
.sidebar .calendar .view{
  width:100%;
  overflow:hidden;
  text-align:right;
  font-size:14px;
}
.sidebar .calendar .view a{
  color:#1c78af;
  background:url(images/view.gif) no-repeat;
  padding:0 0 0 21px;
}
/* movie-box */
.sidebar .movie{
  width:335px;
  overflow:hidden;
  margin:0 0 0 25px;
  background:#f8981d;
}
.sidebar .movie .top{background:url(images/bg-movie-top.gif) no-repeat;}
.sidebar .movie .bottom{
  background:url(images/bg-movie-bottom.gif) no-repeat 0 100%;
  padding:10px 18px 33px;
  width:299px;
  overflow:hidden;
}
.sidebar .movie h4{
  font-size:22px;
  color:#fff;
  margin:0 0 14px;
  font-weight:normal;
}
.sidebar .movie .movie-box{
  width:100%;
  overflow:hidden;
}
.sidebar .movie h4 a{color:#fff;}
.sidebar .movie .text{
  width:170px;
  float:right;
}
.sidebar .movie p{
  margin:0 0 21px;
  font-size:14px;
  line-height:16px;
}
.sidebar .movie .img-holder{
  width:107px;
  padding:4px 5px;
  float:left;
  border:1px solid #868686;
  overflow:hidden;
  background:#fff;
}
.sidebar .movie img{display:block;}
.sidebar .movie .view{
  width:100%;
  overflow:hidden;
  text-align:right;
  font-size:14px;
}
.sidebar .movie .view a{
  color:#fff;
  background:url(images/view-movie.gif) no-repeat;
  padding:0 0 0 21px;
}
.the_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(images/blue.png) no-repeat;
width:79px;
height: 80px;
padding-right: 20px;
}

.date_m {
display:block;
font-size: 11px;
margin:0;
padding:0;
font-weight: bold;
text-align:center;
color: white;
padding-top:6px;
}

.date_d {
display:block;
margin:0;
margin-top:10px;
padding:4px 0 6px 0;
text-align: center;
font:bold 1.35em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.13em; 
color: #313D65;
}
.date_y {
display:block;
margin:0;
text-align: center;
font:bold 1em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.13em;
color: #313D65;
}
.metadatasm{
margin-top: 10px;
font-size: 11px;
color: #60B1D5;
}
.metadatasm em {
padding:2px;
margin:0;
}
.metadatasm a {
display: inline;
float: none;
text-align: left;
width: 10px;
padding-left:0px;
margin-left:0px;
height: 10px;
font-weight: bold;
line-height: 14px;
color: #F8981D;
}