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


/* define content area width */
#content_area #content{width:735px;margin-right:15px;float:left;}


/* header styles */
h3{font:11px Gotham,Verdana,Helvetica,Arial,Sans-serif;;font-weight:bold;text-transform:uppercase;margin-bottom:12px;}


/* link styles */
a{text-decoration:none;color:#008dd2;}
a:hover{text-decoration:underline;}
li a{color:#000000;}
li a:hover{color:#008dd2;}


/* page size */
body{margin:0;font:13.75px Verdana,Helvetica,Arial,sans-serif;color:#000000;}
#page_wrap{width:990px;margin:0 auto;}
#reframe #page_wrap {width:960px;}


/* masthead */
#topnav {height:129px;}
#topnav #header{position:relative;height:50px;padding:15px 0;background:#000000;text-align:left;}
#topnav #header img.logo{position:absolute;top:15px;left:15px;width:224px;height:50px;display:inline;}
#topnav #header img.reframe {position:absolute;bottom:15px;right:15px;width:249px;height:49px;display:inline;}
#topnav #nav{width:100%;height:40px;margin-bottom:25px;border-bottom:2px solid #bcbec0;}


/* main nav */
#reframe_nav {font:11px Gotham,Verdana,Helvetica,Arial,Sans-serif;font-weight:bold;margin-left:15px;}
#reframe_nav li, .siteSearch li{float:left;display:block;position:relative;z-index:500;padding:0 24px 0 0;line-height:40px;}
.siteSearch li.last {padding-right:0px;}
/* this is the parent menu */
#reframe_nav li a, .siteSearch li a{display:block;text-decoration:none;color:#000000;text-transform:uppercase;font-weight:bold;}
#reframe_nav li a:hover,.siteSearch li a:hover {color:#008dd2;}
/* you can make a different style for default selected value */
#reframe_nav a.selected {color:#008dd2;}
/* submenu,it's hidden by default */
#reframe_nav ul{position:absolute;left:0;top:40px;display:none;list-style:none;border-top:2px solid #bcbec0;}
#reframe_nav ul li{display:block;width:100%;float:left;line-height:13px;padding:8px 15px 8px 15px;background:#ffffff;border-bottom:2px solid #bcbec0;}
#reframe_nav ul li.last {border-bottom:0;}
#reframe_nav ul li:hover{background:#f6f6f7;}
/* display block will make the link fill the whole area of LI */
#reframe_nav ul a, .siteSearch ul a {display:block;color:#000;}
#reframe_nav ul a:hover, #reframe_nav ul li:hover a, .siteSearch ul a:hover {text-decoration:none;}
#reframe_nav li.browse, #reframe_nav li.browse a {color:#008dd2;}


/* site search area */
.siteSearch{position:relative;float:right;line-height:40px;text-align:left;}
/* logged out state */
.siteSearch.logged-out {width:250px;}
.siteSearch a{color:#000000;text-transform:uppercase;font-weight:bold;font-size:11px;font-family:Gotham,Verdana,Helvetica,Arial,Sans-serif;}
.siteSearch ul {display:inline;}
.siteSearchFrm {display:inline;float:right;}
.siteSearchFrm #search {width:80px;height:16px;border:1px solid #000000;}
a.submit_search {margin-left:10px;}


/* main content area */
.block_1 {width:710px;float:left;}
.block_2 {width:250px;float:left;}


.filmlist, .clistlist {border-bottom:1px solid #bcbec0;padding-bottom:20px;}
.filmlist h1, .clistlist h1, .clistlist {margin-left:0;letter-spacing: normal;}
.block_2 h1 {font:11px 'Gotham Book','Gotham',Verdana,Helvetica,Arial,Sans-serif;font-weight:bold;text-transform:uppercase;margin-bottom:12px;border:0;}
.block_2 a, .block_2 a.filmtitle, .clistlist a {font-size:10.5px;font-weight: normal;}
.filmlist ul, .clistlist ul {border-top:0;margin-left:0;padding-bottom:0;}
.filmlist ul li, .clistlist ul li {font-size:10.5px;}
.filmlist ul li p, .clistlist ul li p {background:#ffffff;width:160px;}
.filmlist ul li p {left:65px;}
.filmlist ul li {background-image:none;margin-bottom:0;margin-top:0;padding-bottom:10px;}
.filmlist ul li img {padding-left:0;}