/* Initial Reset
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,small,strong,sub,sup,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend { margin:0; padding:0; font-size:100%; font-weight:inherit; text-align:left; }
fieldset,img,table,tr,td,th,acronym,:link img,:visited img { border:0; }
table { border-collapse:separate; border-spacing:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
ul,ol { list-style:none; }
p { margin:1em 0; }
abbr { border-bottom:1px dotted; }
kbd { color:#000; }
hr { display:none; }
input,select,textarea { font-size:100%; }
form label { cursor:pointer; }
.clear { clear:both; }
html { height:100.1%; }
body { height:100%; font-size:62.5%; }
#page { margin:0 auto; position:relative; min-height:100%; }
/* General tags */
p { margin:0; padding:0.5em 0; font-size:1.2em; color:#000; }
li { font-size:1.2em; }
strong { font-weight:bold; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }
a.film-link { text-decoration:none; }
/* Hide */
.hide,
#access,
#footer p.copyright,
header .what h2,
header .how h2 { display:none; }
/* Main Layout/Structure */
body { font-family:"Helvetica Neue", Arial; background-position:top center; background-attachment:fixed; background-repeat:no-repeat; }
#page { width:810px; margin-top:50px; }
/* Header */
header { margin-top:-10px; width:810px; height:226px; display:block; background:url(/assets/img/page-top-bg.png) no-repeat top; z-index:1; position:relative; }
h1 { width:280px; height:205px; position:absolute; top:-10px; left:-45px; text-indent:-9999px;}
h1 a { width:280px; height:205px; display:block; background:url(/assets/img/logo.png) no-repeat; }
#explain { width:548px; height:226px; margin:30px 20px 0 0; background:url(/assets/img/post-it.jpg) no-repeat; float:right; position:relative; z-index:50; }
header .what,
header .how { width:230px; position:absolute; top:72px; }
header .what { left:35px; }
header .how { left:290px; }
header .what { margin:0px; }
header .what p,
header .how p { padding:0 0 1em 0; }
header .what p a,
header .how p a { color:#55371A; }
header .how em { font-style:normal; color:#55371A; }
#search-form { width:304px; height:50px; position:absolute; top:-35px; right:40px; background:url(/assets/img/search-bg.png) no-repeat; }
#search-form .text { width:200px; margin:16px 0 0 10px; padding:5px; border:none; font-size:1.2em; float:left; }
#search-form .submit { width:65px; height:25px; margin:16px 0 0 5px; padding:5px; border:none; font-size:1.2em; background:#FAF8C3 url(/assets/img/search-button.png) no-repeat center center; text-indent:-9999px; cursor:pointer; display:block; float:left; }
/* Footer */
footer { width:810px; padding:20px 0 10px 0; float:left; position:relative; background:url(/assets/img/page-top-bg.png) no-repeat 0 -390px; }
footer p { text-align:center; color:#333; font-size:1.1em; }
footer p.footer-links { margin-left:20px; float:left; }
footer p.farmers { margin-right:20px; float:right; }
footer p a { color:#333; }
#mt-logo { position:absolute; bottom:68px; right:20px; }
#digg-logo { position:absolute; bottom:68px; left:20px; }
/* Homepage */
body.home article h2 { background:url(/assets/img/title-latest-reviews.png) no-repeat; }
/* Reviews */
article { width:810px; margin-top:-30px; padding-top:70px; float:left; background:url(/assets/img/page-side-bg.png) repeat-y; position:relative; }
article h2 { width:177px; height:43px; position:absolute; top:10px; left:30px; z-index:100; text-indent:-9999px; }
.review-list { float:left; display:inline; }
.review { width:360px; min-height:280px; margin:0 0 20px 30px; float:left; background:url(/assets/img/tweet-bubble.jpg) no-repeat; }
.review .film { width:360px; height:207px; margin-bottom:6px; position:relative; }
.review .film .links { width:230px; padding:0; position:absolute; bottom:40px; left:5px; }
.review .film .links a,
.review .film a.film-link { width:100px; margin:0 0 2px 10px; padding:1px; float:left; text-decoration:none; text-align:center; }
.review .tweet { padding:0 10px; }
.review .tweet p { padding-left:5px; padding-bottom:0; padding-top:12px; color:#fff; font-size:1.5em; }
.review .tweet p a { color:#fff; background:none; text-decoration:none; }
.review .tweet img { width:110px; height:150px; margin-left:10px; float:right; }
.review .user { padding-left:60px; }
.review .user p { padding-top:10px; }
.review .user a { color:#000; font-weight:bold; }
.review .user img { margin:-8px 10px 0 0; float:left; }
.review .user .edit,
.review .user .edit a { color:#ccc; }
p.more-reviews { width:100%; margin-bottom:10px; float:left; }
p.more-reviews a { width:100%; height:43px; display:block; background:url(/assets/img/title-click-for-more.png) no-repeat center; text-indent:-9999px; outline:none; }
div.text-content { padding:0 20px; }
div.text-content h2 { padding:0.5em 0; display:block; font-size:2.6em; }
div.text-content h3 { padding:0.5em 0; font-size:1.8em; }
div.text-content ol { padding:0.5em 0; padding-left:30px; }
div.text-content ol li { list-style-type:decimal; }
#overlay { width:100%; position:absolute; top:0px; left:0px; background:#000; z-index:998; }
#trailer-container { position:fixed; top:0; left:0; z-index:999; }
#ie6-message { display:none; }
/* Film page */
body.film #explain { display:none; }
body.film .review-list { margin-top:-10px; }
body.film article { margin-top:0; padding-top:30px; }
.film-info { width:430px; height:191px; padding-left:120px; position:absolute; top:-200px; right:10px; z-index:100; background:url(/assets/img/film-info-bg.jpg) no-repeat; }
.film-info h2 { width:430px; height:auto; margin:60px 0 0 0; position:static; font-size:2.5em; text-indent:0; }
.film-info h2 span.review-title { display:block; font-size:0.5em; color:#666; }
.film-info h2 span.year { font-size:0.5em; color:#666; }
.film-info img { width:64px; height:90px; position:absolute; top:55px; left:33px; }
.film-info p { width:250px; padding:5px 0 0 0; float:left; }
.film-info p a { width:100px; margin:0 10px 2px 0; float:left; text-align:center; }
body.film .review { min-height:195px; background:url(/assets/img/tweet-bubble-short.jpg) no-repeat; }
body.film .film { height:120px; }
/* Search Results */
body.search article h2 { background:url(/assets/img/title-search-results.png) no-repeat; }
body.search div.no-results { width:100%; height:200px; padding:50px 0; background:url(/assets/img/no-results-msg.png) no-repeat center; }
body.search div.no-results p { display:none; }
/* User page */
body.user #explain { display:none; }
body.user .review-list { margin-top:-10px; }
body.user article { margin-top:0; padding-top:30px; }
.user-info { width:430px; height:191px; padding-left:120px; position:absolute; top:-200px; right:10px; z-index:100; background:url(/assets/img/user-info-bg.jpg) no-repeat; }
.user-info h2 { width:100%; margin:48px 0 2px 0; position:relative; left:0px; font-size:2.5em; text-indent:0px; }
.user-info h2 span { font-size:0.5em; color:#666; }
.user-info h2 a { color:#666; }
.user-info img { position:absolute; top:53px; left:30px; }
.user-info ul.info { width:280px; float:left; }
.user-info ul.info li { line-height:1.4; }
.user-info ul.info a { color:#666; }
.user-info ul.stats { width:100px; margin:20px 0 0 20px; float:left; }
/* Backgrounds */
body.watchmen { background-color:#fbe941; background-image:url(/assets/img/bg/watchmen.png); }
body.watchmen a.film-link { color:#000; background:#fbe941; }
body.watchmen a.film-link:hover { background:#CF1919; }
body.juno { background-color:#fd6301; background-image:url(/assets/img/bg/juno.jpg); }
body.juno a.film-link { color:#000; background:#fd6301; }
body.juno a.film-link:hover { background:#FCB205; }
body.juno footer p,
body.juno footer a { color:#111; }
body.the-dark-knight { background-color:#000; background-image:url(/assets/img/bg/the-dark-knight.jpg); }
body.the-dark-knight a.film-link { color:#000; background:#86A3B3; }
body.the-dark-knight a.film-link:hover { color:#fff; background:#4D0207; }
body.the-dark-knight footer a { color:#bbb; }
body.the-matrix { background-color:#fff; background-image:url(/assets/img/bg/the-matrix.jpg); }
body.the-matrix a.film-link { color:#fff; background:#435756; }
body.the-matrix a.film-link:hover { color:#fff; background:#1B2526; }
body.star-wars { background-color:#000; background-image:url(/assets/img/bg/star-wars.jpg); background-position:bottom center; }
body.star-wars a.film-link { color:#fff; background:#222; }
body.star-wars a.film-link:hover { color:#fff; background:#444; }
body.star-wars footer a { color:#aaa; }
body.back-to-the-future { background-color:#000; background-image:url(/assets/img/bg/back-to-the-future.jpg); }
body.back-to-the-future a.film-link { color:#fff; background:#003366; }
body.back-to-the-future a.film-link:hover { color:#fff; background:#3399cc; }
body.back-to-the-future footer a { color:#fff; }
body.inception { background:#000 url(../img/bg/inception.jpg) fixed no-repeat 0 center; }
body.inception a.film-link { color:#000; background:#33535E; }
body.inception a.film-link:hover { color:#fff; }
body.inception footer p,
body.inception footer a { color:#fff; }
body.ghostbusters { background:#000 url(../img/bg/ghostbusters.jpg) fixed no-repeat top center; }
body.ghostbusters a.film-link { color:#000; background:#e6e6e6; }
body.ghostbusters a.film-link:hover { color:#fff; background:#cc0000; }
body.ghostbusters footer a,
body.ghostbusters footer p { color:#999; }