/* CSS Document for BNW test */

body {
background:#1a1a1a url(../images/backgrounds/bg-grey-weave.gif) repeat-x 0 42px;
width:100%;
font-family:"Helvetica Bold", Helvetica, Arial, sans-serif;
font-size:68.75%;
line-height:1.2;
padding:0 0 135px 0;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure, address {
display: block;
}

.container {
width:1000px;
margin:0 auto;
}


.header {
background:url(../images/backgrounds/bg-header.gif) repeat-x 0 0;
min-height:35px;
padding:7px 0 0 0;
width:100%;
position:relative;
}
.header a.logo {
position:absolute;
left:-47px;
top:0;
display:block;
width:413px;
height:143px;
background:url(../images/logo-movies.png) no-repeat 0 0;
}

.header .socialSearch {float:right; margin-bottom:20px;}

.header ul.social {float:right; width:116px;}
.header .social li {
display:inline-block;
margin:0 9px 0 0;
min-height:27px;
border-right:1px solid #4d4d4d;
}
.header .social li:last-child {margin-right:5px;border-right:0;}
.header .social li a {
display:inline-block;
margin:5px 9px 0 0;
}



.header form {
float:right;
padding:2px 2px 2px 4px;
background:#FFF;
border:1px solid #d8cfbf;
font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  sans-serif;
font-size:0.909em;
}
.header form input#filmName {
background:#FFF url(../images/icons/mag-glass.gif) no-repeat 0 0;
color:#999999;
border:0;
padding:0 0 0 20px;
}
.header form input.submit {
background:#ff9c17;
color:#000;
border:0;
border-bottom:1px solid #825403;
padding:2px 3px;
}

.header .promos {float:right; clear:both; margin-bottom:20px; width:588px;}
.header .promos a {float:left; margin-right:15px;}


.header .mainNav { 
clear:both;
margin:0px;
width:100%;
float:left;
background:url(../images/backgrounds/bg-main-nav.gif) no-repeat right 0;
}
.header .mainNav li {
float:left;
margin:0;
padding:23px 16px 0px 16px;
min-height:33px;
background:url(../images/backgrounds/bg-main-nav.gif) no-repeat 0 0;
}
.header .mainNav li:first-child {background-position:-2px 0;}
.header .mainNav li a {
display:block;
margin:0;
color:#FFF;
font-size:1.364em;
font-weight:bold;
text-shadow: 1px -1px 1px #000;
background:url(../images/backgrounds/bg-main-nav-underline.gif) repeat-x 0 bottom;
min-height:33px;
}


.breadcrumb { 
clear:both;
margin:0;
width:957px;
padding:12px 0 5px 43px;
background:#FFF url(../images/icons/home.gif) no-repeat 19px 10px;
font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", 'Myriad Pro', Verdana, sans-serif;
}
.breadcrumb li {
display:inline-block;
margin:0;
color:#808080;
}
.breadcrumb li:first-child a {border-bottom:2px solid #dfdfdf;}
.breadcrumb li a {
display:inline-block;
margin:0 4px 0px 0;
padding:0 0 1px 0;
color:#808080;
font-size:1.0em;
font-weight:bold;
}

.section {background:#FFF url(../images/backgrounds/white-1000w.gif) repeat-y 0 0;width:1000px;}
.hero {
min-height:259px;
padding:41px 0 32px 0;
background:#FFF url(../images/backgrounds/spiderman-film.jpg) no-repeat 10px 0;
position:relative;
color:#FFF;
}
.hero img {
position:absolute;
right:-42px;
top:-69px;
}
h1 {
margin:0 0 21px 21px;
background:url(../images/titles/come-out-swinging.png) no-repeat 0 0;
width:437px;
height:59px;
}
.hero p {
font-size:1.364em;
line-height:1.4;
margin:0 0 20px 21px;
width:430px;
}
.hero a {
font-size:1.5em;
line-height:1.0;
text-shadow: 1px 1px 1px #FFF;
font-weight:bold;
display:inline-block;
margin:0 0 0 320px;
padding:14px 6px 14px 11px;
color:#3f2d02;
background:#ff9c17 url(../images/backgrounds/cta.gif) repeat-x 0 0;
-moz-border-radius:16px;
border-radius:16px;
}

.listings {
padding:0 0 47px 0;
}

div.col {
float:left;
width:312px;
padding:0 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
border-right:1px solid #cccccc;
}
div.col:last-child {
border-right:0;
}
div.col h2 {
font-size:2.364em;
color:#000;
font-weight:bold;
margin:0 0 5px 0;
}
div.col h2 span, div.col a.more span {
color:#ffce00;
}
div.col a.more {
color:#000;
font-weight:bold;
font-size:1.273em;
float:right;
}

ul.tabs {
background:url(../images/backgrounds/dot-ccc.gif) repeat-x 0 bottom;
width:100%;
}
ul.tabs li {
float:left;
padding:10px;
background:#e6e6e6 url(../images/backgrounds/dot-ccc.gif) repeat-x 0 bottom;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
}
ul.tabs li.current {
background:#fff;
}
ul.tabs li:first-child {
border-right:0;
}
ul.tabs li h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
color:#333333;
}
ul.tabs li h3 a {color:#333333;}


ul.listing {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
color:#333;
}
ul.listing li {
border-bottom:1px solid #f2f2f2;
padding:12px 0 10px 0;
min-height:84px;
}


ul.listing img {
float:left;
margin:0 10px 0px 0;
}

ul.listing h4 {
font-size:1.182em;
font-weight:bold;
margin:0 0 7px 0;
float:left;
width:227px;
}
ul.listing h4.review3 {
background:url(../images/icons/stars-3-5.gif) no-repeat right 0;
min-height:18px;
margin-bottom:4px;
}

ul.listing blockquote {
font-size:1.182em;
float:left;
width:227px;
}
ul.listing blockquote span{display: none;}
ul.listing blockquote.new span{
background:url(../images/icons/new.gif) no-repeat 0 2px;
display:inline-block;
width:32px;
height:14px;
text-indent:-999px;
}
ul.listing a {
font-size:1.091em;
font-family:"OpensSans Bold", "Gill Sans MT", Arial, Helvetica, sans-serif;
float:right;
color:#dda300;
}



ul.trailers h4 {width:152px;}
ul.trailers p {
width:152px;
float:left;
font-size:1.182em;
}



.sitemap {
background:#1a1a1a;
padding:0 0 24px 0;
}
.sitemap div.col {
border:0;
padding:19px 9px 0 9px;
}
.sitemap div.col h2 {
color:#FFF;
font-size:2.091em;
padding:0 0 10px 11px;
margin:0 0 0px 0;
}
.sitemap div.col a {
font-size:1.182em;
color:#FFF;
}
.sitemap div.col ul {
padding:10px 0 0 10px;
border-top:1px solid #FFF;
}
.sitemap div.col ul li {
margin:0 0 5px 0;
}

form#register {
color:#333;
padding:10px 0 0 0;
width:234px; 
font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  sans-serif;
}
form#register div {width:230px;}
form#register select, form#register input {
width:204px;
font-size:1.091em;
padding:7px 10px;
margin:0 0 11px 5px;
border:0;
}

form#register select{
width:224px;
padding:1px 10px;
-moz-border-radius:3px;
border-radius:3px;
}
form#register label{
color:#fff;
display:inline-block;
padding:0 0 0 5px;
font-size:1.091em;
margin:0 0 16px 0;
float:left;
}
form#register input#assent{
display:inline-block;
width:13px;
margin:2px 0 0 0;
border:0;
float:right;
}
form#register input.submit{
float:right;
text-shadow: 1px 1px 1px #FFF;
font-weight:bold;
font-size:1em;
padding:7px 6px 7px 6px;
background:#ff9c17 url(../images/backgrounds/cta2.gif) repeat-x 0 0px;
-moz-border-radius:11px;
border-radius:11px;
width:auto;
color:#3f2d02;
}

.hr hr {display:none;}
.hr {
width:100%;
height:26px;
background:url(../images/backgrounds/hr.png) no-repeat 0 0;
margin:0;
padding:0;
border:0;
line-height:0;
font-size:0;
}

.footer {
width:938px;
padding:11px;
background:#b3b3b3;
margin:0 20px;
line-height:1.1;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}
.footer address {
width:50%;
float:left;
}
.footer ul {float:right;}
.footer li {
display:inline-block;
padding:0 10px 0 0;
}
.footer li:last-child {padding-right:0;}
.footer a {color:#FFF;
display:inline-block;
margin:0 10px 0 0;
}



.access {
position : absolute;
visibility : hidden;
}

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; font-size:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}