/* /home/moviehab/public_html/resources/styles/ . reset.css */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
em {font-weight: inherit;}
/* fonts */
body{font:12px/1.5 Georgia, serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/* /home/moviehab/public_html/resources/styles/ . template.css */
/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.newsRail{float:left; width:20%;_margin-right:-3px;}
.commerceRail, .rightCol{float:right; width: 20%;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}/* /home/moviehab/public_html/resources/styles/ . grids.css */
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}/* /home/moviehab/public_html/resources/styles/ . content.css */
body{font-family:Georgia, serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p, blockquote, .p {padding:10px 0px;}
blockquote {margin: 0 1em;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
table {margin: 10px 0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block; margin: 0 auto;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%; font-weight:bold; font-style: normal; color: #383838; }
h2, .h2{font-size:120%; font-weight:normal; font-style: normal; color:#000;}
h3, .h3{font-size:120%; font-weight:bold; font-style: normal; color:#c93232;}
h4, .h4 {font-size:102.86%; font-style: normal; color: #383838; font-weight: bold;}
.byline, .dateline, caption {font-size:102.86%; font-style: normal; color: #626263; font-weight: normal; font-family: Helvetica, Arial;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#CC3333;}
h6, .h6 {font-size:108%; font-weight:normal; font-style: italic; color:#CC3333;}
.cap {padding: 0 .5em; border-bottom: 1.5em solid #58585a; border-right: 1.5em solid transparent; font-family:"Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-stretch: condensed;}
.cap span {position: relative; color: #fff; top: 1.5em; text-transform: uppercase;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #036; font-weight:bold;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }
.darkBg a { color: #fff; font-weight:bold;text-decoration: none }
.darkBg a:focus, .darkBg a:hover { text-decoration: underline }
.darkBg a:visited { color:#fff; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
table {font-size:108%;}
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top; padding: 0 .33em;font-family: "Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; font-stretch: condensed;}
th {font-weight: bold;}
td {color: #636363; border-bottom: solid 1px #ededed;}
.highlight { background-color: #fff; }
caption{padding: .33em .33em 0em;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px; font-style: italic;}
/* when the cite comes at the TOP of the blockquote (e.g., interview Marshall Curry), don't push it right */
blockquote cite:first-child{display: inline; text-algin: left;}
/* ====== callout ====== */
.callout{color:#999999; float:right; font-size:150%; font-style:italic;margin:0 0 1em 1em; width:33%;}
.callout cite, .callout .quoteAttributedTo {display:block; text-align:right;font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*//* /home/moviehab/public_html/resources/styles/ . mod.css */
/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1; }
.inner{position:relative; padding: 0 0em;} /* changed from 1em */
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.bd b{display: inline; font-size: 100%;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;}
.br{background-position: right bottom;}
.br,.tr{float:right;}
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}
.popout .bd {overflow: visible;}/* /home/moviehab/public_html/resources/styles/ . mod_skins.css */
/* **************** BLOCK SKINS ***************** */
/* ====== Contour blocks ====== */
/* remove *background-image:" to default to square corners for IE */
/* ----- simple extends the mod ----- */
.simple .inner {border:1px solid #D7D7D7;/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.simple b{background-image:url(../images/simple_corners.png);}
/* ----- seamless extends the mod ----- */
.seamless {margin: 0;}
.seamless .inner {padding: 0;}
.seamless b{}
.seamless .tl, .seamless .tr, .seamless .bl, .seamless .br{display: none;}
/* ----- vertical extends the mod ----- */
.vertical .inner {border-bottom:1px solid #fff; padding-left: 0;}
.vertical b{}
.vertical .tl, .vertical .tr, .vertical .bl, .vertical .br{display: none;}
.form .inner {border: none;}
/* ----- extends vertical ----- */
.tabular .inner {border-bottom: none;}
/* extends mod */
.mod_skyscraper { width: 120px; margin-left: 0; margin-right: 0; }
.mod_skyscraper .inner { padding: 0; }
/* extends mod */
.thumbCalendar { width: 150px; margin-left: 0; margin-right: 1em; }
.thumbCalendar .inner { padding: 0; border-bottom: none !important; }
/* modules in the "news" sidebar - currently the left side */
.news {font-family: Helvetica, Arial, sans-serif;}
.news .hd h3 {font-weight: normal; font-family:"Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; font-size: 154.29%; font-stretch: condensed;}
/* modules in the "ad" sidebar - currently the right side */
.ad {font-family: Helvetica, Arial, sans-serif;}
.ad .hd h3 {font-weight: normal; font-family:"Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; font-size: 154.29%; font-stretch: condensed;}
/* for ads that look better centerered */
.centered .bd {text-align: center;}
/* modules in the "story" sidebar - inside the main content hole */
.inStory {font-size: 85.71%; margin: 0;font-family:"Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; font-stretch: condensed;}
.inStory .inner {border-bottom:1px solid #b8babc;}
.inStory .bd {padding-bottom: 1em;}
.inStory h3 {font-size: 116.67%; color: #000; padding-bottom: 0;}
/* .label was h4, the thought being that the heading is more informative than
important - it's a label for the data, and it's the DATA that's important */
.inStory .label { color: #585858; font-weight: normal;}
.inStory ul {padding: 0;}
.inStory p {padding: .5em 0;}
.inStory .inner {padding: 0;}
/* ----- top extends inStory ----- */
.articleSidebar > div:first-child { border-top: 1px solid #bababa;}
/* ----- reviewSummary extends the mod ----- */
.reviewSummary { margin-right: 0; margin-left: 0; }
.reviewSummary .inner {border-bottom:1px solid #bababa; padding-left: 0;}
.reviewSummary b{}
.reviewSummary .tl, .reviewSummary .tr, .reviewSummary .bl, .reviewSummary .br{display: none;}
.form .inner {border: none;}
/* ----- bodyList extends the mod ----- */
.bodyList {margin: 0;}
.bodyList .inner {padding: 0;}
.bodyList .linkList li {margin-bottom: 2em;}
/* ----- denseList extends bodyList ----- */
.denseList .linkList li {margin-bottom: 0;}
/* ----- basic extends the mod ----- */
.basic .inner {/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.basic b{background-image:url(../images/round.png);}
/* ----- simpleExt (extends mod) ----- */
.simpleExt,.simpleExt .inner{border:1px solid #c7c7c7;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; }
.simpleExt .inner{border-color:#fff; border-width:4px; background-color:#e2e2e2;}
.simpleExt b{*background-image:url(../images/simple_extended.png);}
.simpleExt .tl{left:-1px;top:-1px;height:12px; width:12px;}
.simpleExt .tr{right:-1px;top:-1px;height:12px; width:12px;}
.simpleExt .bl{left:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;}
.simpleExt .br{right:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;}
/* ----- me (extends mod) use for my comments ----- */
.me,.me .inner{border:1px solid #909090;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/}
.me .inner{border-color:#d76a84;}
.me b{background-image:url(../images/me.png);}
.me .tl{left:-1px;top:-1px;}
.me .tr{right:-1px;top:-1px;}
.me .bl{left:-1px;bottom:-1px;}
.me .br{right:-1px;bottom:-1px;}
/* ----- noted (extends mod) ----- */
.noted,.noted .inner{border:1px solid #c2c2c2;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/}
.noted .inner{border-color:#eded68;}
.noted b{background-image:url(../images/noted.png);}
.noted .tl{left:-1px;top:-1px;}
.noted .tr{right:-1px;top:-1px;}
.noted .bl{left:-1px;bottom:-1px;}
.noted .br{right:-1px;bottom:-1px;}
/* ----- grab (extends mod) ----- */
.grab .inner{border: 3px solid #00477a; border-bottom-width:10px;}/* can't be done w border radius */
.grab b{background-image:url(../images/grab.png);}
.grab .tl, .grab .tr{height:10px; width:10px;}
.grab .bl, .grab .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
/* ----- talk (extends mod) ----- */
.talk,.talk .inner{border:1px solid #c7c7c7;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/}
.talk .inner{border-color:#fff;}
.talk b{background-image:url(../images/talk.png);}
.talk .tl{left:-1px;top:-1px;}
.talk .tr{right:-1px;top:-1px;}
.talk .bl{left:-1px;bottom:-1px;}
.talk .br{right:-1px;bottom:-1px;}
/* ----- photo (extends complex) ----- */
.photo .inner{border:solid 10px #fff;margin:0 4px;}/* muck with margins to change how the block will align with other blocks, any value between 0-10px */
.photo b{background-image:url(../images/photo.png);}
.photo .tr, .photo .tl{width:20px;}
.photo .top, .photo .bottom{height:4px;margin-top:0px;}
.photo .bl, .photo .br{height:16px;margin-top: -12px;}
/* ----- flow (extends complex) ----- */
.flow{margin:6px;}
.flow b{background-image:url(../images/even.png);}
.flow .inner{padding:0 4px;}
.flow .top{height:4px;}
.flow .bottom{height:4px;margin-top:-4px;}
.flow .br,.flow .bl{height:10px;margin-top:-6px;}/* margin top = bottom height - corner height */
/* ----- shadow test (experimental attempt to match "flow" cross browser w no img)----- */
.boo{-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,33);-moz-box-shadow: black 2px 2px 2px 2px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:solid 1px #949494;background:#fff;}
/* ----- .excerpt (extends complex) ----- */
.excerpt b{background-image:url(../images/excerpt.png);}
.excerpt .top{height:1px;}
.excerpt .bottom{height:6px;margin-top:-6px;}/* margin top equal to - height of bottom */
.excerpt .br,.excerpt .bl{height:12px;margin-top:-6px;}/* margin top = bottom height - corner height */
/* ----- sommers (extends pop) ----- */
.sommers .inner{_border:3px solid #D7D7D7;}/*IE6 backup no alpha transparency */
.sommers,.sommers .inner,.sommers b{background-image:url(../images/glow_7px.png);_background-image:none;}
.sommers{/*margin:3px 10px 10px 3px;*/}
/* ====== Background blocks ====== */
.sale .inner{background-color:red;}
.nicole .inner{background-color:#c01c41; color:#fff;}
.nicole *, .login *{ color:#fff;}
.highlight .inner{background-color:#e3e36f;}
.universe .inner{background:url(../images/universe.png) repeat left top;}
.foo .inner{background: url(../images/universe_gray.png) repeat left top;}
.login .inner{background: url(../images/universe_login.png) repeat left top;}
.comment .inner{background-color:#666;}
/* ====== Block headers and footers ====== */
.section{background: #e9e9e9 url(../images/header.png) repeat-x left bottom; color:#de2c72;font-size:120%;padding:5px 10px;}
.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#de2c72;padding:0;}
.act{background-color:#e9e9e9;}
.topper{background: #fff url(../images/header_gradient_light.png) repeat-x left bottom;color: #4D4D4D;font-size:120%;padding:5px 10px;}
.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4D4D4D;padding:0;}
.bam{background: #00477a url(../images/header_glossy.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;}/* /home/moviehab/public_html/resources/styles/ . movie_habit.css */
html, body {background-color: #383838;}
.body {margin: 0 2em; background-color: #ECEDED; border-top: 1px solid #A7A7A9;}
/* extends .body */
.popup {margin: 0;}
.actionButtons {float: right; overflow: auto; font-family: "Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; font-stretch: condensed;}
.actionButtons a {background-color: #c93232; color: #fff; padding: 0 .25em; margin: 0 .25em;}
.checksum{position: absolute; top: 0; right: 0;}
.main {background-color: #fff; min-height: 40em; padding: 0 1.5em; /* line-height: 1.8em; font-size: 108%; */}
.commerceRail, .rightCol { padding: 0 1em;}
.newsRail { padding: 0 1em;}
.skyscraper { width: 120px; }
.kmedallioncontainer {margin:0 auto 1em;}
.byline, .dateline {padding: 0;}
.pullquote {
/* see review of The Reckoning for usage */
float: right;
margin: 1.5em 2em 1em 2em;
padding: .5em 0px .5em 0px;
width: 150px;
border-top: solid 1px #CC9933;
border-bottom: solid 1px #CC9933;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 1em;
line-height: 1.5em;
}
/* quote used for pull-quotes within reviews */
.pullquote .quoteAttributedTo {
padding-top: .5em;
font-size: .8em;
line-height: 1.1em;
}
.comments { padding: 1em;}
.comments li {background-color:#CCCCCC; border:1px solid #EEEEEE; padding:0.5em;}
.author {font-weight: bold;}
.replies {margin-top:0.5em;}
.replies li {}
#mhHeader {margin: 0em; background-image:url(../images/background-x.png); background-repeat: repeat-x;}
#tagline {margin-left: 18px;}
.tagline { text-align: right; color: #fff; margin-right: 2em; font-size: 150%; font-family: "Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; font-stretch: condensed;}
/* #utilities, */ #footer {padding: .25em .5em .15em;}
/* #utilities a {float: right; margin: 0 1em;} */
/* #utilities #homeLink {float: left;} */
ul.linkList {font-family: "Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; font-size: 120%; font-stretch: condensed;}
ul.linkList li{margin-bottom: .5em;}
.titleNextToStars { display: block; line-height: 1.3em; overflow: auto; }
ul.separated li {margin-bottom: .5em;}
ul.bulleted li {list-style: square inside none;}
ol.numbered li {list-style: inside decimal;}
.navigation {border-top: 2px solid #4f4f51; background-color: #58585a;font-family: Helvetica, Arial, sans-serif; padding: 0 2em; background-image:url(../images/background-x.png); background-repeat: repeat-x; background-position: 0 -220px;}
.navigation ul {padding: 0; font-size: 116.67%; }
.navigation li {display: block; float: left; padding: .25em 1em; position: relative; border-left:1px solid #D2D2D2; border-right:1px solid #585858;}
.navigation li.first {border-left: none;}
.navigation li.last {border-right: none;}
.selected a {color: #C93232; text-shadow: 0px 2px 3px #fff, 2px 0px 3px #fff, -2px 0px 3px #fff, 0px -2px 3px #fff; }
.selected a:visited { color:#C93232; }
.subnav li {font-size: 92%; padding: .25em 1em .25em 1em;}
/* background-position-x can be set to any percentage that works with the photo (0 for left, 100 for right) */
.photoBlockLeft, .photoBlock {float: left; padding: 2em 2em 2em 0;}
.photoBlockRight, .articleSidebar {float: right; padding: 2em 0 2em 2em;}
.photoBlockCenter {float: right; padding: 2em 0; text-align: center; width: 100%;}
.articleSidebar {clear: right; width: 150px; padding-top: 0;}
.logoHolder {float: left;width: 199px; padding: 9px 2em 0 6px; margin: 0 0 0 2em;}
.home .logoHolder {width: 298px; padding-right: 6px;}
.bannerPhoto {background-color: #58585A; position: relative; background-repeat: no-repeat; background-position: 50% 0; height: 150px; margin: 0 2em;}
.bannerContainer {text-align: center; background-color: #58585A; position: relative; margin: 0 2em;}
.ph150 { width: 150px; float: left; margin-right: 1em;}
.ph515 {width: 515px; float: none; margin: 0 auto; padding: 2em 1em;}
.thumbnail {margin-right: 1em; width: 150px;}
.bannerSection {position: relative; height: 45px; padding-top: 15px;}
.clearLabelBackground,
.clearLabelForeground { position: absolute; font-size: 15px; position: absolute; }
.clearLabelBackground { opacity: .5; color: #000; background-color: #666; padding: 2px 6px; }
.clearLabelForeground { color: #fff; padding: 1px 7px 3px 5px;}
.clearLabelForeground a { font-weight: normal; }
.top {top: 0px;}
.left {left: 0px;}
.bottom {bottom: 0px;}
.right {right: 0px;}
.inline{display: inline; padding-top: 0;}
.stars {background-image: url(../images/rating_stars.png); background-position:0 0; background-repeat: no-repeat; display: inline-block; height: 0px; padding-top: 13px; overflow: hidden; width: 52px;}
.stars {
display: block;
float: left;
margin-top: 4px;
}
.four {background-position:0 0;}
.three5 {background-position:-13px 0;}
.three {background-position:-13px -13px;}
.two5 {background-position:-26px 0;}
.two {background-position:-26px -13px;}
.one5 {background-position:-39px 0;}
.one {background-position:-39px -13px;}
.half, .onehalf {background-position:-52px 0;}
.zero {background-position:-58px 0; width: 6em; padding-top:0; height:auto; color: #C93232;}
.notStarRated {background-position:-58px 0;}
.story {font-size: 116.67%; line-height: 1.571}
.intro {border-top:1px solid #DCDCDC; color:#626262; font-size:114.29%; font-weight:bold; margin-top:0.5em; padding-top:0.7em; }
#footer {text-align: center; color: #999;}
.skipLink, .junkTrap {position: absolute; left: -32000px;}
/* for input boxes */
input {font-size: 15px; padding: .25em 0; font-weight: bold;}
.search {display: block;}
.empty {color: #aaa;}
#quotation {font-size: 150%; color: #6d6e71;}
.quotationClose,
.quotationOpen {background-image: url(../images/quotation_marks.png); background-position:0 0; background-repeat: no-repeat; width: 13px; display: inline-block; height: 0px; padding-top: 13px; overflow: hidden; margin: 0 3px;}
.quotationOpen {background-position: -13px 0px; margin-left: 0px;}
#quotation cite{font-size: 66.66%;}
.nobr {white-space: nowrap;}
.center {text-align: center;}
.small {font-size: 85%;}
.abutTop {padding-top: 0; margin-top: 0;}
p.dropCap:first-letter{font-size: 3em; display: block; float: left; line-height: .95em; padding-top: .2em;} /* firefox */
.movieList {}
.movieList li {margin-bottom: 1em; overflow: hidden;}
.movieList .thumbnail {float: right; margin: 0 0 0 1em;}
.listCap {display: table-cell; height: 75px; width: 150px; vertical-align: middle; background-color: #383838; overflow: hidden;}
.listCap .thumbnail {margin: 0 auto;}
h2 + h4, h4 + p.intro { padding-top: 0; }
.error {outline: solid 2px #f63;}
.expandable H3 { cursor: pointer; }
.expandable H3:before { content: "\25BC \0020"; }
.expandable .contents { display: block; }
.collapsed H3:before { content: "\25BA \0020"; }
.collapsed .contents { display: none; }
.inviteComments {text-align: right; font-family: Helvetica, Arial, sans-serif;}
.spoilers {background-color: #ECEDED; padding: 1em 1em 0 ; position: relative;}
.spoilers * {opacity: 0.25; }
.spoilers:after {content: "Spoilers ahead"; display: block; opacity: 1; color: #000; font-weight: bold; position: absolute; top: 0; left: 0;}
.spoilers:hover, .spoiled {background-color: inherit; }
.spoilers:hover *, .spoiled * {opacity: 1;}
.spoilers:hover:after, .spoiled:after {opacity: .25; }
.calendar {table-layout: fixed;}
.calendar td, .calendar th {text-align: center;}
.calendar th {width: 14.28571428571429%}
.calendar .lit {font-weight: bold; color: #000;}/* /home/moviehab/public_html/resources/styles/ . colorOverride.css */
/* /home/moviehab/public_html/resources/styles/ . barchart.css */
.barchart {
display: block;
float: left;
height: 2em;
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
}
.barchart li {
background-color: #ECEDED;
display: block;
float: left;
height: 100%;
margin-right: 0.25em;
position: relative;
text-indent: -9999px;
width: 1em;
}
.bar {
background-color: #C93232;
bottom: 0px;
display: block;
position: absolute;
width: 100%;
}
/* /home/moviehab/public_html/resources/styles/ . 'safari.css' */
p.dropCap:first-letter{font-size: 3em; display: block; float: left; line-height: .95em; padding-top: 2px;} /* safari */