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;}

.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 {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;}