/*** resets ***/

* {margin: 0; border: 0; padding: 0; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 12px; color: #000;}
:root {overflow-y: scroll;}
ul {list-style-type: none;}


/*** generic ***/

a {color: #999;}
a:link,
a:visited {text-decoration: none;}
a:hover,
a:active {text-decoration: underline;}
a:focus {outline: none;}


/*** layout ***/

#header_container {margin-bottom: 0px; background-color: #000;}
#header {position: relative; margin: 0 auto; padding-bottom: 60px; width: 960px; text-align: center;}
#header_content {text-align: left;}
#container {margin: 0 auto; width: 960px; text-align: center;}
#content {padding-bottom: 60px; width: 960px; text-align: left; background-color: #fff;}

#col1 {float: left; width: 151px;}
#col2 {float: left; width: 489px; padding: 0 40px;}
#col3 {float: left; width: 240px;}

.page #col1,
.interviews #col1,
.features #col1 {width: 680px; padding-right: 40px;}
.book-reviews #col1,
.reviews #col1 {float: none; width: 960px; padding-right: 0px;}



/*** Header ***/

.skip {display: none;}

#logo {padding: 60px 0 10px 0; width: 153px; height: 19px; text-align: left;}
#slogan {margin: 0 0 0px 1px; color: #999; font-size: 11px; font-weight: 300; text-align: left;}

#main-menu {position: absolute; left: 191px; top: 64px; xtext-align: center;}
#main-menu li {xdisplay: inline-block; float: left; margin: 0 20px 0 0; padding: 0 0 20px 0;}
#main-menu li a {display:block; padding: 0 0 20px 0; font-size: 12px; text-transform: uppercase; color: #999;}
#main-menu li a:hover,
#main-menu li a:active {border-bottom: 1px solid #cc0000; color: #cc0000; text-decoration: none;}
#main-menu li.current a {border-bottom: 1px solid #cc0000; color: #cc0000;}

#side-menu {position: absolute; left: 720px; top: 0px;}
#side-menu li {float: left;}
#side-menu li a {color: #999;}
#side-menu li a {display: block; border-left: 1px solid transparent; padding: 12px 30px 2px 8px; font-size: 11px; color: #999;}
#side-menu li a:hover,
#side-menu li a:active {border-left: 1px solid #cc0000; color: #cc0000; text-decoration: none;}
#side-menu li.current a {border-left: 1px solid #cc0000; color: #cc0000;}


/*** Search ***/


#search-form {position: absolute; top: 57px; right: 20px; width: 220px;}
#search-form-query {outline: none; padding: 3px; background-color: #b2b2b2; width: 190px; height: 24px; font-size: 14px;}
#search-form-submit {position: absolute; top: 0; right: 0; padding-top: 30px; width: 30px; min-width: 30px; height: 0px; line-height: 100px; background: #b2b2b2 url('http://images.midnighteye.com/decoration/icon_search.png') no-repeat 8px 8px; font-size: 1px; cursor: pointer; outline: none;}

/* Google Search Box

div#cse-search-form 
	div.gsc-control-searchbox-only
		form.cse-search-box 
			table.cse-search-box
				td.gsc-input
					input.gsc-input
				td.gsc-search-button
					input.gsc-search-button
				td.gsc-clear-button
					div.gsc-clear-button
*/

#cse-search-form {position: absolute; top: 57px; right: 20px; width: 220px;}
#cse-search-form * {margin: 0; padding: 0; border: 0;}
#cse-search-form table.cse-search-box {width: 220px;}
#cse-search-form table.gsc-search-box td {vertical-align: top;}
#cse-search-form td.gsc-input {width: 190px;}
#cse-search-form input.gsc-input {border-radius: 0; background-color: #b2b2b2; padding: 3px; width: 190px; height: 24px; font-size: 14px; background-image: none !important}
#cse-search-form td.gsc-search-button {width: 30px;}
#cse-search-form input.gsc-search-button {position: relative; top: 0px; left: 0px; border-radius: 0; padding-top: 30px; width: 30px; min-width: 30px; height: 0px; line-height: 100px; background: #b2b2b2 url('http://images.midnighteye.com/decoration/icon_search.png') no-repeat 8px 8px; font-size: 1px; cursor: pointer;}
#cse-search-form td.gsc-clear-button {display: none;}



/*** Home ***/

body.homepage {background-color: #000;}
.homepage #content {padding-bottom: 0;}

.homepage dt {display: none;}
.homepage dd {color: #b2b2b2;}
.homepage dd.category {text-transform: uppercase;}
.homepage dd.date {margin-left: -10px; padding-left: 10px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 6px; font-size: 11px;}
.homepage dd.year {color: #000;}
.homepage dd.year:before {content: '(';}
.homepage dd.year:after {content: ')';}

.homepage blockquote {clear: both; width: 960px;}
.homepage blockquote a {display: block; padding: 40px 100px 0px 40px; width: 820px; background: transparent url('http://images.midnighteye.com/decoration/pointer-right.png') no-repeat 900px 60px; font-size: 21px; font-weight: 300; color: #000;}
.homepage blockquote span {display: block; margin: 0 100px 40px 0; text-align: right; font-size: 12px; font-style: italic; font-weight: 400;}

.homepage .cols2,
.homepage .cols4 {clear: both;}
.homepage .boxcontent {cursor: pointer;}

.homepage .cols2 > div {clear: both; position: relative; height: 320px; color: #b2b2b2;}
.homepage .cols2 .thumb {position: absolute; z-index: 0; left: 0; top: 0; width: 960px; height: 320px; line-height: 0;}
.homepage .cols2 .boxcontent {position: absolute; z-index: 1; left: 0; top: 0; margin-left: 480px; padding: 40px 100px 40px 40px; background-color: #000; background: transparent url('http://images.midnighteye.com/decoration/bg_transparent_000000_80.png') left top repeat; width: 340px; height: 240px;}
.homepage .home-interviews-features-block2 .boxcontent {margin-left: 0px;}
.homepage .home-interviews-features-block2 > div:first-child .boxcontent {margin-left: 480px;}
.homepage .cols2 dd.date {margin-bottom: 40px;}
.homepage .cols2 h2,
.homepage .cols2 h2 * {font-size: 24px; color: #fff; font-weight: 300;}
.homepage .cols2 h2 {margin-bottom: 20px;}
.homepage .cols2 .intro p {margin-right: -60px; padding-right: 60px; width: 340px; background: transparent url('http://images.midnighteye.com/decoration/pointer-right.png') no-repeat right 0px; color: #b2b2b2;}

.homepage .cols2r > div,
.homepage .cols2r .home-film-review {float: left; width: 480px;}
.homepage .cols2r .thumb {margin: 0 0 0 0;}
.homepage .cols2r .thumb img {width: 480px; xheight: 270px;}
.homepage .cols2r .boxcontent {padding: 20px 40px 40px 40px; width: 400px;}
.homepage .cols2r dd.date {margin-bottom: 20px;}
.homepage .cols2r h2 {width: 340px; padding-right: 60px;}
.homepage .cols2r h2,
.homepage .cols2r h2 * {font-size: 24px; color: #000; font-weight: 300;}
.homepage .cols2r .intro {margin-top: 12px;}
.homepage .cols2r .intro p {padding: 0 60px 0 0; width: 340px; min-height: 27px; background: transparent url('http://images.midnighteye.com/decoration/pointer-right.png') no-repeat right top;}

.homepage .cols3 > div {float: left; width: 240px; padding: 60px 40px 40px 40px;}
.homepage .cols3 .thumb {margin: 0 0 20px -40px;}
.homepage .cols3 .thumb img {width: 320px; height: 180px;}
.homepage .cols3 dd.date {margin-bottom: 20px;}
.homepage .cols3 h2,
.homepage .cols3 h2 * {font-size: 24px; color: #000; font-weight: 300;}
.homepage .cols3 .intro {margin-top: 12px;}
.homepage .cols3 .intro p {margin-right: -60px; padding-right: 60px; width: 180px; min-height: 27px; background: transparent url('http://images.midnighteye.com/decoration/pointer-right.png') no-repeat right 0px;}

.cols4 > div {float: left; width: 160px; padding: 60px 40px 40px 40px;}
.cols4 .thumb {margin: 0 0 12px -40px;}
.cols4 .thumb img {width: 240px; height: 135px;}
.cols4 dd.date {margin-bottom: 12px;}
.cols4 h2,
.cols4 h2 * {color: #000;}
.cols4 .intro {margin-top: 12px;}
.homepage p.more {clear: both; margin: 0 0 40px 0px; xwidth: 160px; text-align: center;}
.homepage p.more a {xdisplay: block; xwidth: 160px; xbackground: transparent url('http://images.midnighteye.com/decoration/pointer-right.png') no-repeat right 0px; xline-height: 27px;}
.indexpage .cols4 > div {padding-top: 0;}
.indexpage .cols4 h3,
.indexpage .cols4 h3 * {color: #000;}
.indexpage .cols4 dt {display: none;}
.indexpage .cols4 dd {color: #b2b2b2;}
.indexpage .cols4 dd.category {text-transform: uppercase;}
.indexpage .cols4 dd.date {margin-left: -10px; padding-left: 10px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 6px; font-size: 11px;}
.indexpage .cols4 dd.year {color: #000;}
.indexpage .cols4 dd.year:before {content: '(';}
.indexpage .cols4 dd.year:after {content: ')';}



/*** Content ***/

#the_content {margin-bottom: 32px;}

#the_content * {font-size: 14px; line-height: 21px;}

h1 {margin: 40px 0 21px 0; xfont-family: 'Merriweather'; font-size: 32px; line-height: 40px; color: #b2b2b2; font-weight: 300; letter-spacing: -1px; xtext-transform: uppercase;}
.indexpage h1 {margin-bottom: 28px;}

#author {clear: both; margin: 0 0 14px -12px; /* uni */ padding-left: 12px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 7px; font-weight: normal; color: #b2b2b2;}
#author a {font-weight: 400; color: #b2b2b2}

#the_content h2 {padding-top: 14px; /* uni */ color: #999;}
#the_content h2 * {color: #999;}
#the_content h2,
#the_content p,
#the_content ul,
#the_content ol,
#the_content dl {margin-bottom: 14px; /* uni */ }
#the_content dt {float: left; margin-right: 1ex; font-weight: bold;}
#the_content dt:after {content: ":";}
#the_content p {clear: both;}
#the_content b,
#the_content > div:first-child > p:first-child,
#the_content > p:first-child {font-weight: 700;}
#the_content a {color: #000; text-decoration: underline;}
#the_content a:link,
#the_content a:visited {text-decoration: underline;}
#the_content a:hover,
#the_content a:active {color: #b2b2b2; text-decoration: underline;}
#the_content a:focus {outline: none;}
#the_content img {float: left; margin: 4px 8px 4px 0; border: 1px solid #b2b2b2; padding: 4px;}
#the_content img.inline {float: left; margin: 4px 8px 4px 0; border: 1px solid #b2b2b2; padding: 4px;}
#the_content p.pics {padding: 7px 0; /* uni */}
#the_content p.pics img {}
#the_content p.caption {margin-top: -12px; font-size: 12px; line-height: 17px; color: #b2b2b2; text-align: center;}

#col1 h2 {margin-bottom: 2px;}
#col1 dl {margin-bottom: 20px;}
#col1 dt {margin-bottom: 0px; xheight: 15px;}
#col1 dd {margin-bottom: 8px;}
dd a {color: #000;}

#published * {color: #b2b2b2;}

.sharing {margin-bottom: 40px;}

#tags {background: transparent url('http://images.midnighteye.com/decoration/arrowright_red1.gif') no-repeat left 1px;}
#tags h2 {margin: 0 0 12px 10px; padding-top: 15px; background: transparent url('http://images.midnighteye.com/decoration/icon_tags.gif') no-repeat left top; line-height: 100px; overflow: hidden; width: 15px; height: 0px !important; height /**/:15px;}

.disclaimer {color: #b2b2b2;}



/*** Index ***/

.indexentry {margin-bottom: 21px;}
.indexentry * {font-size: 12px; line-height: 17px;}
.indexentry h3 {float: left; width: 181px; border-top: 1px dotted #ccc; padding: 12px 0 0 10px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 19px; color: #b2b2b2; font-size: 11px; font-weight: 400;}
.indexentry-content {float: right; width: 489px; margin-bottom: 0px; border-top: 1px dotted #ccc; padding-top: 12px;}
.indexentry .thumb {float: left; width: 138px; height: 80px;}
.indexentry h4 {float: right; margin: 0 0 0px 0; width: 339px;}
.indexentry h4 a {color: #000;}
.indexentry .intro {float: right; width: 339px;}

.indexpage #col1 h2 {margin-bottom: 16px; color: #b2b2b2;}

.reviews .indexlatest {width: 951px; margin-bottom: 28px; border-bottom: 0px solid #b2b2b2; padding-bottom: 4px;}
.reviews .indexlatestdate {float: left;}
.reviews .indexlatest h3 {margin: 0 0 8px 0px; padding-left: 11px; background: transparent url('http://images.midnighteye.com/decoration/arrowright_red1.gif') no-repeat left 6px; font-weight: normal; color: #b2b2b2; font-size: 11px; }
.reviews .indexlatestdate div div {float: left; margin-right: 4px; width: 187px;}
.reviews .indexlatest div {margin-right: 4px;}
.reviews .indexlatest div:last-child,
.reviews .indexlatestdate div div:last-child {margin-right: 0px;}
.reviews .indexlatest p {margin-bottom: 8px; border: 1px solid #b2b2b2; padding: 4px; width: 177px; height: 100px;}
.reviews .indexlatest h4 {margin-left: 5px; width: 177px;}
.reviews .indexlatest h4 a {color: #000;}

.book-reviews h2 {margin: 0 0 0px 0px; color: #b2b2b2;}
.book-reviews .indexlatest h3 {margin: 11px 0 11px 0px; padding-left: 11px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 6px; font-weight: normal; color: #b2b2b2; font-size: 11px; }
.book-reviews .indexlatest img {border: 1px solid #b2b2b2; padding: 4px;}

#indextable thead th {border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;}
#indextable tbody tr:hover {background-color: #eee; cursor: pointer;}
#indextable tr.odd {background-color: #fbfbfb;}
#indextable a {color: #000; font-weight: bold;}
#indextable a:hover,
#indextable a:active {text-decoration: none;}



/*** Interviews - Features ***/

.interviews .#index div,
.features .#index div {margin-bottom: 20px;}

#article_pictures {margin-bottom: 11px; border: 1px solid #b2b2b2; padding: 4px;}
#header_pictures {margin-bottom: 21px; /* uni */ border: 1px solid #b2b2b2; padding: 4px; height: 269px;}
.interview #the_content img,
.feature #the_content img {margin: 0; border: 0; padding: 0;}
.interview #the_content .newpics img,
.feature #the_content .newpics img {border: 1px solid #b2b2b2; padding: 4px;}



/*** Interviews ***/

.interview .intro {margin-bottom: 12px; border-bottom: 1px dotted #b2b2b2; padding-bottom: 12px;}
.interview #the_content .intro a,
.interview .intro p {xcolor: #b2b2b2;}
.question {font-weight: 700;}



/*** Features ***/

#the_content .best-of h2 {border-top: 1px dotted #ccc; padding-top: 14px; /* uni */ background: transparent url('http://images.midnighteye.com/decoration/arrowright_red1.gif') no-repeat -20px top; color: #999999;}
#the_content .best-of ol li span,
#the_content .best-of ul li span {font-weight: bold;}

#the_content .feature-reviews h2 {position: relative; left: -20px; padding: 14px 0 0 20px; /* uni */ background: transparent url('http://images.midnighteye.com/decoration/arrow_round-up_heading.gif') no-repeat left top; color: #999999;}
#the_content .best-of h3 {margin-bottom: 14px; /* uni */ color: #999999;}
#the_content .feature-reviews h2 {font-weight: normal;}
#the_content .feature-reviews h2 b {color: #999999;}
#the_content .feature-reviews dl + p:first-line {font-weight: bold;}
#the_content .feature-reviews img {float: left; margin: 0px 21px 10px 0; border: 1px solid #b2b2b2; padding: 4px;}

#the_content .best-of-poll-results h2 {color: #999999;}
#the_content .best-of-poll-results table {margin-bottom: 28px; /* uni */ border-bottom: 1px solid #ccc; padding-top: 28px;}
#the_content .best-of-poll-results table * {font-size: 12px; line-height: 17px;}
#the_content .best-of-poll-results th,
#the_content .best-of-poll-results td {border-top: 1px solid #ccc; padding: 4px 10px 4px 0; text-align: left; vertical-align: top;}
#the_content .best-of-poll-results th {color: #999;}
#the_content .best-of-poll-results tr > th:first-child,
#the_content .best-of-poll-results tr > td:first-child, {}
#the_content .best-of-poll-results .poll-comments div {margin-bottom: 14px; /* uni */}
#the_content .best-of-poll-results .poll-comments h3 {margin-bottom: 0;}
#the_content .best-of-poll-results .poll-comments p {margin-bottom: 0;}



/*** Film Reviews ***/

#film-review_pictures {float: left; margin-bottom: 28px; border: 1px solid #b2b2b2; padding: 4px;}
#film-review_pictures img {float: left; margin-left: 1px;}
#film-review_pictures img:first-child {margin-left: 0;}

#col1 dl#year {margin: /* 121px */0px 0 11px 0;}
#col1 dl#year xdt {display: none;}
#col1 dl#year dd {heightx: 20px;}
#col1 dt, #col3 dt {color: #b2b2b2;}
#col1 dl#movie-facts {margin-bottom: 32px;}
#col1 dl#published dd {color: #b2b2b2;}



/*** Book Reviews ***/

/* .book-review #the_content p:first-child {font-weight: bold;} */
.book-title {font-style: normal; font-weight: bold;}
.book-review #article_pictures {width: 133px; height: auto; line-height: 0;}


/*** Items ***/

h2#availability_book,
h2#availability_dvd,
h2#availability_blu-ray {margin: 0 0 12px -12px; padding-left: 12px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 7px; width: 240px; color: #b2b2b2; font-weight: 400; text-transform: uppercase;}

h2#availability_blu-ray {xmargin-top: 14px;}

div.item {float: left; margin: 0 0 12px 0px; border-top: 1px dotted #b2b2b2; padding-top: 12px; width: 240px;}
div.item * {font-size: 12px;}
.item .col1 {float: left; width: 140px;}
.item .col2 {float: right; padding-left: 20px; width: 80px;}

.item h3 {float: right; width: 80px;}
.item h3 span {font-weight: normal;}
.item img {float: left; width: 40px;}
.item p {margin: 0 0 5px 0; float: right; width: 80px;}
.item dl {margin: 0 0 5px 0; float: right; width: 80px;}
.item dt {float: left; margin-right: 0.25em; font-weight: normal; }
#col3 .item dt {color: #000;}

.item h4 {margin: 0 0 4px 0; width: 80px;}
.item ul {margin-bottom: 9px; width: 80px; list-style-type: none;}
.item ul li {width: 80px;}



/*** Calendar ***/

.calendar h1 {margin-bottom: 28px;}
#calendar {margin-bottom: 28px; border-bottom: 1px dotted #b2b2b2;}
#calendar section article {display: block; float: left; margin-bottom: 12px; border-top: 1px dotted #b2b2b2; padding-top: 12px;}
#calendar .eventdate {padding-left: 10px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 6px;}
#calendar .eventdate,
#calendar .enddate, 
#calendar .eventdate *,
#calendar .enddate * {font-size: 11px; color: #b2b2b2;}
#calendar .summary {display: block; float: right; padding-left: 20px; width: 489px; font-weight: bold;}
#calendar .description {display: block; float: right; padding-left: 20px; width: 489px;}
#calendar .icalnav {display: none;}



/*** Taxonomies & Terms ***/

.taxonomy-term #the_content h2 {margin-bottom: 14px;}
.taxonomy-term #the_content .entries {margin-bottom: 21px; border-bottom: 1px dotted #ccc;}
.taxonomy-term #the_content .entries div {clear: both; width: 680px;}
.taxonomy-term #the_content .entries div * {font-size: 12px; line-height: 17px;}
.taxonomy-term #the_content .entries div h3 {float: left; width: 181px; border-top: 1px dotted #ccc; padding: 12px 0 0 10px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 19px; color: #b2b2b2; font-size: 11px; font-weight: 400;}
.taxonomy-term #the_content .entries div p {clear: none; float: right; width: 489px; border-top: 1px dotted #ccc; padding-top: 12px; }



/*** Ads ***/

.adhor {margin-bottom: 24px; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; padding: 8px 0;}



/*** Footer ***/

#footer {padding: 100px 0; background: #000;}
#footer * {font-size: 12px; line-height: 17px;}
#footer-content {margin: 0 auto; width: 960px; text-align: center;}
.footer-col1 {float: left; width: 151px; text-align: left;}
.footer-col2 {float: left; width: 489px; padding: 0 40px; text-align: left;}
.footer-col3 {float: left; width: 240px; text-align: left;}
#footer h2 {margin: 0 0 40px -12px; padding-left: 12px; background: transparent url('http://images.midnighteye.com/decoration/arrowdown_red1.gif') no-repeat left 7px; color: #fff; text-transform: uppercase;}
#footer p {margin-bottom: 12px; color: #b2b2b2;}	
#footer ul li {clear: both;}
.homepage #footer a {color: #b2b2b2;}
.footer-col2 img {float: left; margin: 0 20px 20px 0; border: 1px solid #b2b2b2;}
#social-links {margin-bottom: 48px;}

#copyright {clear: both; padding-top: 60px;}
#copyright p.logo {margin-bottom: 6px;}
#copyright * {font-size: 10px;}

#mailinglist_input {margin-bottom: 12px; background-color: #b2b2b2; width: 236px; padding: 3px; height: 24px; font-size: 14px;}
#mailinglist button {padding: 0; cursor: pointer;}
#mailinglist-subscribe {border: 1px solid transparent; background-color: #000; color: #b2b2b2;}
#mailinglist-unsubscribe {border: 1px solid transparent; background-color: #000; color: #b2b2b2;}



/*** Fixes ***/

.taxonomy-term #the_content div:after, 
#calendar:after,
#the_content p.pics:after, 
#film-review_pictures:after, 
.indexlatest:after, 
.indexentry:after,
#footer-content:after,
.cols2r:after, .cols2 + div:after, .cols4 + div:after,
.homepage .cols2r:after,
.homepage .cols2r .home-film-review:after,
#content:after, 
#search_form:after, 
#main-menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.taxonomy-term #the_content div,
#calendar,
#the_content p.pics, 
#film-review_pictures, 
.indexlatest, 
.indexentry,
#footer-content,
.cols2r, .cols2 + div, .cols4 + div, 
.homepage .cols2r,
.homepage .cols2r .home-film-review,
#content, 
#search_form, 
#main-menu {display: inline-block;}

/* Hide from IE Mac \*/
.taxonomy-term #the_content div,
#calendar,
#the_content p.pics, 
#film-review_pictures, 
.indexlatest, 
.indexentry,
#footer-content,
.cols2r, .cols2 + div, .cols4 + div, 
.homepage .cols2r,
.homepage .cols2r .home-film-review,
#content, 
#search_form, 
#main-menu {display: block;}
/* End hide from IE Mac */