/* ------------------------------------------------------------------------------ */
/* REMEMBER! REMEMBER! REMEMBER! REMEMBER! REMEMBER! REMEMBER! REMEMBER! REMEMBER! */
/* */
/* ALL CUSTOM STYLES MUST BE ADDED TO MOBILE STYLES AS WELL! */
/* */
/* */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------ */
/* RiverFront Times defaults.css */
/* ------------------------------------------------------------------ */
/* -- Optimize font rendering -- */
/* ---- Keep or not?
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {text-rendering:optimizeLegibility;}--- */
/* -- Default paragraph tags -- */
p {
margin: 3px 0;
}
/* -- Paragraphs within stories get bigger margins -- */
#storyBody p,.postBody p {
margin: 1.12em 0;
}
#storyBody,.postBody,.descr_txt {
font-size: 16px;
line-height: 24px;
font-family: "Georgia",serif;
letter-spacing:0.025em;
word-spacing:0.05em;
}
#storyBody iframe,.postBody iframe {
display: block;
margin:1.12em auto;
}
#storyBody p.contentBreakHead {
font-size: 16px;
margin: 4px 0 0;
}
#storyBody p.contentBreakHead+p{
margin-top: 4px;
}
div#MobileDetect {
font-size:4em;
padding:20px 5px 10px;
background: #333;
color: #F8CB16;
text-align: center;
}
div#MobileDetect a {
color: #FEFEFE;
font-weight: 700;
}
div#gridHeader div#AdPencilBar {
margin: 10px 0 0;
text-align: center;
}
/* -- Style ul in content -- */
body#Event div.descr_txt ul,#storyBody>ul,.postBody>ul {
list-style: disc inside;
overflow: hidden;
margin: 10px 0;
}
body#Event div.descr_txt ul li,#storyBody>ul li,.postBody>ul li {
margin: 0 0 5px;
list-style: disc inside;
overflow: hidden;
padding: 0 5px;
}
div#storyBody>ol li,.postBody>ol li {
list-style:decimal inside none;
margin: 0 0 5px;
overflow: hidden;
padding: 0 5px;
}
body#Event div.descr_txt ul li:last-of-type,#storyBody>ul li:last-of-type,.postBody>ul li:last-of-type {
margin: 0;
}
/* -- Reset the Rest -- */
strong, b {
font-weight: 700;
}
em, i {
font-style: italic;
}
/* -- Standard font code [only declared here for simpler font changes]-- */
body {
font-family:"Lato", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #000;
}
/* -- It just makes more sense -- */
input[type=submit] {
cursor: pointer;
outline: 0 none;
}
/* no feature icons here */
.listing span.longOnly {
display: none;
}
/* -- Defaults for -- */
a {
text-decoration: none;
transition: color linear .04s;
cursor: pointer;
outline: 0 none;
color:#31639C;
}
a.more,a span.more{
color: #31639C;
text-transform: uppercase;
text-rendering: optimizeLegibility;
font-weight: 700;
font-size: 9px;
}
.moduleList a.more {float:right;margin: 5px 0 0;}
div#SpecialIssues>a {
color: #31639C;
text-transform: uppercase;
text-rendering: optimizeLegibility;
font-weight: 700;
font-size: 9px;
float: right;
}
/* -- a:hover should be set for specific situations i.e. headline, byline or whatever -- */
#storyBody a,.postBody a {
font-weight: 700;
}
#storyBody a:hover,.postBody a:hover {
color: #000;
}
.clearfix:after {
content: "|";
display: block;
text-indent:-9999em;
height: 0;
clear: both;
}
.hidden_element {
display: none;
}
.image_magnify {
position: absolute;
top: 0;
right: 10px;
width: 16px;
height: 16px;
}
.clicktozoom {
display: block;
text-align: right;
font-size: 11px;
text-decoration: none;
}
.postBody .clicktozoom{display:none;}
/* -- Headlines per page type -- */
body#Home .headline, body#Home .headline a {
font-weight: 700;
line-height: 1.1;
color:#414141;
}
body#Home .headline a:hover {
color: #000;
}
body#Home .subheadline, body#Home .subhead {
color: #838383;
line-height: 1.1;
}
body#Section .headline,body#Category .headline{margin-bottom:3px;}
body#Section .headline, body#Section .headline a,body#Category .headline, body#Category .headline a {
font-weight: 700;
line-height: 1.1;
color:#414141;
}
body#Section .MainColumn .headline a,body#Category .MainColumn .headline a{font-size:23px;}
body#Section .headline a:hover,body#Category .headline a:hover {
color: #777;
}
.subheadline,.subhead {
color: #666;
-webkit-font-smoothing:antialiased;
line-height: 1.2;
font-family:"Montserrat";
font-size: 15px;
font-weight:400;
}
.moduleList .subheadline,.moduleList .subhead{font-size:13px}
/*body.SearchPage .MainColumn .headline {
font-weight: 400;
line-height: 1.2;
font-size: 18px;
margin: .5em 0;
}
body.SearchPage .MainColumn .headline a {
font-weight: 400;
line-height: 1.2;
font-size: 18px;
}
*/
body.SearchPage .headline a:hover {
color: #777;
}
.Mule4Zone div#gridMain {background-color:#fff;}
/* -- or maybe headlines like this? -- */
.headline {
font-weight: 700;
-webkit-font-smoothing:antialiased;
}
h1.headline {
font-size:30px;
margin: 0 0 5px;
line-height:1;
}
h2.headline {
font-size:22px;
}
h2.subheadline {
font-size:21px;
}
h3.headline {
font-size:18px;
}
h4.headline {
font-size:16px;
}
#ArticleArchives h4.headline {
font-size:23px!important;
}
.headline a {
color:#414141;
}
.headline a:hover {
color:#777;
}
.byline,.byline a {
color: #777;
font-size:13px;
}
.moduleList .byline,.moduleList .byline a {
color: #777;
font-size: 11px;
}
span.postTime:last-child {
text-transform: lowercase;
}
.moduleList .date {font-size: 11px;}
.byline a:hover {color:#000;}
#gridMainSidebar h3,.SpanningIsland h3 a {
color:#414141;
font-size:17px;
display:block;
margin:0 0 5px;
border:0 none;
text-transform: uppercase;
font-family:Lato,sans-serif;
font-weight: 700;
border-bottom: 1px solid #424242
}
#gridMainSidebar h3 a:hover,.SpanningIsland h3 a:hover {color:#777;}
.notice {
margin: 0;
padding: 9px;
background-color: #eee;
text-align: center;
border-radius:3px;
}
ul.moduleList {}
.SpanningIsland ul.moduleList ,.MainColumn1 ul.moduleList,.MainColumn2 ul.moduleList,div#CustomTopicList ul,div#AltWeekliesDynamic-Results,.SpanningFeature ul.moduleList,div#AboutPageLinks ul {
border: 2px solid #D0D1D3;
padding: 5px 10px 5px;
}
div.MainSidebar ul.moduleList {}
ul.moduleList li.l0.storyItem,div#AltWeekliesDynamic-Results li.l0.storyItem{
margin: 0 0 5px;
overflow: hidden;
}
ul.moduleList h5 a {
color: #777;
}
ul.moduleList h5 a:hover {color:#000;}
/*ul.moduleList li.storyItem:last-of-type {
text-align: right;
}*/
ul.moduleList ul li p {
margin: 0 0 2px;
color: #555;
}
ul.moduleList ul li p br {
display: none;
}
ul.moduleList ul li.l1 {color:#999;}
div#CustomTopicList ul li a,div#AboutPageLinks ul li a{color:#414141;font-size:20px;line-height:1.2;font-family: 'Titillium Web' !important;text-transform:uppercase;
}
div#CustomTopicList ul li a:hover{color:#000;}
div#LatestInCategory,
div#RecentbyTopic,
div#RelatedStories,
div#MorebyThisAuthor,
div#PeopleWhoLiked {
margin-bottom: 10px;
}
div#LatestInCategory .l0.storyItem,
div#RecentbyTopic .l0.storyItem,
div#RelatedStories .storyItem,
div#MorebyThisAuthor .l0.storyItem,
div#PeopleWhoLiked .l0.storyItem {
display: inline-block;
vertical-align: text-top;
width:190px;
margin:0 4px;
text-align:center;
}
#FilmTimesByHour h2{border: none!important}
div#LatestInCategory .moduleList,
div#MorebyThisAuthor .moduleList,
div#RecentbyTopic .moduleList {
overflow:hidden;padding:0;border:0 none;}
div#LatestInCategory .l0.storyItem a img,div#RecentbyTopic .l0.storyItem a img{margin:0 0 5px;}
div#LatestInCategory .moduleList .l0+.l0+.l0,
div#RelatedStories .l0+.l0+.l0,
div#RecentbyTopic .moduleList .l0+.l0+.l0{
margin-right:0}
div#LatestInCategory .moduleList .storyItem.more,
div#RelatedStories .storyItem.more,
div#RecentbyTopic .moduleList .storyItem.more,
div#MorebyThisAuthor .l0.storyItem.more,
div#PeopleWhoLiked .l0.storyItem.more{
clear: both;
display: block;
text-align: right;
margin: 0;
float: none;
width: 100%;
}
div#MorebyThisAuthor ul>li.l0.storyItem:last-of-type {
margin: -10px 0 0 0 !important;
}
/* -- more moduleList styles -- */
div.MainColumn.RelatedItem,div.SpanningFeature.RelatedItem {
clear:both;
margin:0 0 15px;
}
.SpanningIsland {
overflow: hidden;
margin: 0 0 10px;
}
.SpanningIsland h3 {
}
.MainColumn.BlogPost ul.moduleList li.archiveImage,.MainColumn.ContentDefault ul li.archiveImage,.MainColumn.SlideshowFullPage ul li.archiveImage,div.MainColumn.RelatedItem ul li.archiveImage {
float: left;
margin-right: 10px;
clear: left !important;
}
.MainColumn.BlogPost ul.moduleList li.archiveImage:first-child,.MainColumn.ContentDefault ul li.archiveImage:first-child,.MainColumn.SlideshowFullPage ul li.archiveImage:first-child,div.MainColumn.RelatedItem ul li.archiveImage:first-child {
/* padding-top: 10px; */
}
.MainColumn.BlogPost ul.moduleList li.storyItem:first-child,.MainColumn.ContentDefault ul li.storyItem:first-child,.MainColumn.SlideshowFullPage ul li.storyItem:first-child,div.MainColumn.RelatedItem>ul li.storyItem:first-child {
border: none;
}
.MainColumn.BlogPost ul.moduleList li.storyItem ul,.MainColumn.ContentDefault ul li.storyItem ul,.MainColumn.SlideshowFullPage ul li.storyItem ul,div.MainColumn.RelatedItem>ul li.storyItem ul {
overflow: hidden;
}
.MainColumn.BlogPost ul.moduleList li.l0,.MainColumn.ContentDefault ul li.l0,.MainColumn.SlideshowFullPage ul li.l0,div.MainColumn.RelatedItem>ul li.l0 {
clear: none;
margin-top: 0;
}
.MainColumn.BlogPost ul.moduleList li.l0 + li.l0,.MainColumn.ContentDefault ul li.l0 + li.l0,.MainColumn.SlideshowFullPage ul li.l0 + li.l0,div.MainColumn.RelatedItem>ul li.l0+li.l0 {
/*border-top: 1px solid #E3EAEE;*/
padding-top: 10px;
}
.MainColumn.BlogPost ul.moduleList li.archiveImage:first-child + li.storyItem,.MainColumn.ContentDefault ul li.archiveImage:first-child + li.storyItem,.MainColumn.SlideshowFullPage ul li.archiveImage:first-child + li.storyItem,div.MainColumn.RelatedItem ul li.archiveImage:first-child + li.storyItem {
border: none;
padding-top:0px;
}
a.memberThumb {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
}
div#RecentByTag{}
div#RecentByTag .moduleList{padding:0;border:0 none;overflow:hidden;}
div#RecentByTag .moduleList .storyItem {
width:190px;
text-align:center;
float:left;
margin-left:10px;
}
div#RecentByTag .moduleList .storyItem:first-child{margin:0;}
div#RecentByTag .moduleList .storyItem.more{
width: auto;
float: right;
clear: both;}
input.searchbox {
width: 134px;
height: 19px;
padding: 0px 4px 0 21px;
background: url(/images/icons/magGlass_12px.png) 3px 3px no-repeat;
border: 1px solid #777;
font-size: 13px;
border-radius: 3px;
}
input.searchbox:focus {
outline: none;
}
.LoginDialog .loginHeader span a {
font-size: 25px;
margin-left: 4px;
}
/* -- Tool Boxes -- */
div.tools {
margin-bottom: 7px;
width: 154px;
background-color: #f7f7f7;
border: 1px solid #e6e6e6;
border-radius: 4px;
padding: 2px;
color: #777;
}
div.tools h3 {
/* -- Getting rid of this? -- */
display: none;
}
div.tools h4 {
padding: 0 0 3px;
font-size: 11px;
}
div.tools *+h4 {
padding-top: 3px;
}
div.tools ul li {
padding: 1px 0;
}
div.tools ul li a.toolTextLink,div.tools ul li a.emailAction,div.tools ul li a.icalAction,div.tools ul li a.printAction,div.tools ul li a.reminderAction,div.tools ul li a.shareAction,div.tools ul li a.saveAction,div.tools ul li a.commentItem {
width: 100%;
display: inline-block;
background-repeat: no-repeat;
padding:1px 0 1px 22px;
color:#777;
font-size:11px;
}
/* toggle panel */
div.tools div.togglePanel {
padding: 5px;
background: none;
}
div.horizontalToolsTogglePanel {
padding: 5px;
background-color: #f7f7f7;
}
div.tools .toolsInner {
background: #f7f7f7;
padding: 3px;
border: 1px solid #444;
border-radius: 2px;
box-shadow: 1px 1px 2px #777;
}
div.tools div.loading,div.horizontalToolsTogglePanel div.loading {
/* loader image from ajaxload.info */
background: url(/images/icons/toolsloader.gif) no-repeat 0 center transparent;
padding: 0 20px;
}
/* -- Is this still used? -- */
div.tools div.togglePanel textarea,div.horizontalToolsTogglePanel textarea,div.tools div.togglePanel input[type=text],div.horizontalToolsTogglePanel input[type=text] {
width: 132px;
padding: 2px;
border: solid 1px #000;
}
/* -- Prevent textareas from being resized wider than the parent element -- */
div.tools div.togglePanel textarea,div.horizontalToolsTogglePanel textarea {
resize: vertical;
}
div.tools a.emailAction {
background-image: url(/images/icons/article_tools/email.gif);
}
div.tools a.printAction {
background-image: url(/images/icons/article_tools/print.gif);
}
div.tools a.shareAction {
background-image: url(/images/icons/article_tools/share.gif);
}
div.tools a.saveAction,div.tools a.icalAction {
background-image: url(/images/icons/calendar_add.png);
}
div.tools a.commentItem {
background-image: url(/images/icons/article_tools/comment.gif);
}
div.tools a.reminderAction {
background-image: url(/images/icons/article_tools/remind.gif);
}
div.tools a.addAction {
display: block;
padding: 5px 0 5px 18px;
background: #444 !important;
text-align: center !important;
}
div.tools form a.addAction {
background-image: none;
padding: 5px;
text-decoration: none;
}
div.horizontalTools {
overflow: hidden;
width: 100%;
margin-bottom: 10px;
border: 1px solid #CCC;
border-width: 1px 0;
}
div.horizontalTools ul {
padding: 0;
}
div.horizontalTools li.l0 {
float: left;
margin: 0 5px;
padding: 1px 6px;
}
div.horizontalTools li.l0 a {
text-decoration: none;
font-size: .9em;
}
div.horizontalToolsTogglePanel {
width: auto !important;
height: auto !important;
padding: 10px;
}
div.horizontalToolsTogglePanel .toolsInner {
padding: 5px;
}
div.horizontalToolsTogglePanel .toolsInner h3 {
margin: 5px 0;
}
div.horizontalToolsTogglePanel ul li.l1 {
margin: 2px 0;
padding: 2px;
background: #eee;
}
div.processOutput {
background: #eee;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #000;
}
/* ------------------------------------------------------------------ */
div.tinyTools {
float: right;
margin-left: 5px;
padding: 2px 2px;
font-size: 10px;
border-radius: 1px;
line-height: 1em;
border: 1px solid #ddd;
}
div.tinyTools h3 {display:none;}
div.tinyTools h4 {
margin: 5px 0 2px;
font-size: 10px;
font-weight: 700;
}
div.tinyTools ul {
margin:0;
}
div.tinyTools ul li.l0 {
border-top: solid 1px #ededed;
margin-bottom: 2px;
}
div.tinyTools ul li:first-child {border:0 none;}
div.tinyTools ul li.l0:last-of-type{margin:0;}
div.tinyTools ul li.l0 a {
background-repeat: no-repeat;
display: block;
padding: 4px;
text-decoration: none;
color: #999;
}
div.tinyTools ul li.l0 a:last-of-type{padding-bottom:0;}
div.tinyTools div.togglePanel {
padding: 4px;
}
div.tinyTools div.togglePanel textarea,div.tinyTools div.togglePanel input[type=text] {
width: 102px;
padding: 2px;
border: solid 1px #000;
}
/* ------------------------------------------------------------------ */
div.flipBook {
position: relative;
}
div.flipBook div.photGridWrap {
text-align: center;
}
div.flipBook div.photoGrid {
display: inline-block;
margin-top: 4px;
border-top: dotted 1px;
padding: 4px 0 4px 1px;
}
div.flipBook div.photoGrid a,div.flipBook div.photoGrid a:link,div.flipBook div.photoGrid a:visited,div.flipBook div.photoGrid a:hover {
position: relative;
float: left;
text-decoration: none;
border: none;
background-position: 50% 50%;
background-repeat: no-repeat;
border: 1px solid #000;
margin: 3px 5px 4px 0;
width: 46px;
height: 46px;
}
div.flipBook div.photoGrid a:hover {
width: 50px;
height: 50px;
left: -2px;
top: -2px;
margin-right: 1px;
margin-bottom: 0;
}
.tags {font-size:11px;}
.locationListing .tags {
display: none;
}
/* ------------------------------------------------------------------ */
/* Comments */
/* ------------------------------------------------------------------ */
div.commentsHeader a.feedLink {
background: transparent url(/images/rss-small.gif) no-repeat top center;
color: transparent;
font-size: .7em;
text-decoration: none;
text-indent: -6000px;
}
/* ------------------------------------------------------------------ */
/* Inline Images */
/* ------------------------------------------------------------------ */
.contentImageCenter {
text-align: center;
}
.contentImageRight {
float: right;
margin-left: 10px;
position: relative;
}
.contentImageLeft {
float: left;
margin-right: 10px;
position: relative;
}
/*
.contentImageLeft+p:after,.contentImageRight+p:after {
content: '\A';
clear: both;
display: block;
height: 0;
margin: 0;
}
*/
/* blog images */
.postBody img.blogImageLeft,.postBody img.blogImageRight,.postBody img.blogImageCenter {
display: block;
margin: 5px;
padding: 5px;
text-align: center;
}
.postBody img.blogImageLeft {
float: left;
display: inline;
margin: 0 10px 10px 0;
}
.postBody img.blogImageRight {
float: right;
display: inline;
margin: 0 0 10px 10px;
}
.postBody img.blogImageCenter {
display: inline;
margin: 0 10px;
}
div.blogImageRight {
float: right;
margin: 0 0 5px 10px;
}
div.blogImageCenter {
clear: both;
margin: 10px auto;
}
div.blogImageLeft {
float: left;
margin: 0 10px 5px 0;
}
div.blogImageCenter ul,div.blogImageLeft ul,div.blogImageRight ul {
padding: 0;
margin: 0;
color: #000;
}
ul li.imageCredit,p.credit,div.flipBook .credit {
font-size: 11px;
list-style: none outside none;
text-align: right;
color: #777;
padding:3px 0 0;
}
ul li.imageCaption,p.caption,div.flipBook .caption {
text-align: left;
font-size: 12px;
list-style: none outside none;
color: #555;
}
p.credit,p.caption {
margin: 1px 0;
}
#StoryTags {}
#StoryTags p {
margin:0;
color:#777;
}
#StoryTags p a {color:#777;}
#SectionStories .byline .author + span.releaseDate:before,
#CategoryStories .byline .author + .releaseDate:before,
#SpecialIssueSectionLanding .byline .author + span.releaseDate:before,
#SpecialIssueCategoryStories .byline .author + span.releaseDate:before,
#SectionFeature .byline .author + .releaseDate:before {
padding-right: 1px;
margin-left: 1px;
content: "|";
display: inline-block;
}
/* Digital Issue styles [Issue Archives] */
li.digitalIssue {
padding-top: 10px;
}
a.digitalIcon {
background: #eee;
padding:3px;
text-decoration: none;
font-weight: 700;
border: 1px solid #ccc;
border-radius:4px;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
}
a.digitalIcon:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#archiveIssueHeader a.digitalIcon {
display: block;
overflow: hidden;
width: 85px;
margin: auto;
}
#archiveIssueHeader ul {
margin-bottom: 15px;
}
/* Twitter Feed */
#TwitterFeed {
background: #eee;
padding: 0;
}
#TwitterFeed h2.widget_head a {
color: #000;
text-decoration: none;
}
div#TwitterFeed.MainColumn h2.widget_head {
text-align: left;
background: transparent;
padding: 0;
}
div#TwitterFeed.MainColumn h2.widget_head a {
color: #000;
font-size: 16px;
}
#twitter_div {
padding: 0 5px 5px;
}
#twitter_div ul {
padding: 0;
overflow: hidden;
}
#twitter_div ul li {
margin: 5px 0 0;
padding: 5px;
background: #eee;
font-size: .9em;
border-bottom: 2px solid #000;
color: #000;
}
#twitter_div ul li a.twitterTime {
color: #000;
font-style: italic;
font-size: .9em;
text-decoration: none;
}
a.widget_link {
text-align: center;
display: block;
font-size: .8em;
width: 100%;
background: #eee;
color: #000;
padding: 2px 0;
}
div#TwitterFeed.MainColumn a.widget_link {
color: #000;
background: #eee;
}
#locationsGroup.displayOptional {
display: block;
}
/* -- Google Custom Search Style Override -- */
.gsc-result .gs-title {
height: auto !important;
overflow: visible !important;
}
/* RSS Feeds page */
body#Syndication h2 {
color: #222;
text-transform: uppercase;
margin: 15px 0;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;}
body#Syndication div.MainColumn div.storyHead {
margin-bottom: 0;
}
body#Syndication div#storyBody {
background: #dfebeb;
padding: 10px;
margin: 10px;
float: right;
width: 30%;
}
body#Syndication div#storyBody ul {
font-size: 14px;
}
body#Syndication div#storyBody ul li {
margin: 4px 0;
}
body#Syndication div#storyBody ul li strong {
color: #555;
}
body#Syndication div#RssSections {
float: left;
margin-top: 1em;
width: 30%;
margin-left: 10px;
}
body#Syndication div#RSSLinks,body#Syndication div#RssBlogs {
float: right;
width: 30%;
margin-top: 1em;
}
body#Syndication div#RSSLinks {}
body#Syndication div#RssSections ul,body#Syndication div#RssBlogs ul,body#Syndication div#RSSLinks ul {
margin: 0 0 0 5px;
}
body#Syndication div#RssSections ul li,body#Syndication div#RssBlogs ul li,body#Syndication div#RSSLinks ul li {
margin-top: 3px;
}
body#Syndication div#RssSections ul li a,body#Syndication div#RssBlogs ul li a,body#Syndication div#RSSLinks ul li a {
background: url(/images/rss-small.gif) no-repeat center left;
padding-left: 17px;
font-size: 1.1em;
}
div#AddEvent div#AddEvent-login ul {
margin: 0 20px;
}
div#AddEvent div#AddEvent-login ul li {
list-style: disc;
margin: 1px 0 3px;
}
div#AddEventLink,div#LocationUpdatelink,div#LocationAddLink {
text-align: center;
font-size: 12px;
padding: 2px 0;
border: 1px solid #f1f1f1;
border-width: 1px 0;
margin-bottom: 10px;
background: #fff;
box-shadow: 0 0 3px #ccc;
}
div#AddEventLink a,div#LocationUpdatelink a,div#LocationAddLink a {
text-decoration: none;
}
/* -- About the Author - Content Pages -- */
#ArticleArchives #ArchivesAuthorBio {
border-bottom: 1px solid #000;
padding: 10px;
background: #eee;
}
#ArticleArchives #ArchivesAuthorBio h3 {
font-size: 140%;
font-weight: 700;
}
#ArchivesAuthorBio img {
float: left;
margin: 0 10px 10px 0;
}
#ArchivesAuthorBio .email,#ArchivesAuthorBio .facebook,#ArchivesAuthorBio .twitter,#ArchivesAuthorBio .instagram,#Abouttheauthor .email,#Abouttheauthor .facebook,#Abouttheauthor .twitter {
height: 18px;
margin: .5em 0;
padding-left: 27px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
}
#ArchivesAuthorBio .email,#Abouttheauthor .email {
background: transparent url(/images/icons/email-18x18.png) left center no-repeat;
}
#ArchivesAuthorBio .facebook,#Abouttheauthor .facebook {
background: transparent url(/images/icons/facebook-18x18.png) left center no-repeat;
}
#ArchivesAuthorBio .twitter,#Abouttheauthor .twitter {
background: transparent url(/images/icons/twitter-18x18.png) left center no-repeat;
}
#ArchivesAuthorBio .bio,#Abouttheauthor .bio {
margin-top: 1em;
line-height: 1.4em;
overflow: hidden;
}
div#Abouttheauthor h3 {
margin-bottom: 3px;
}
div#Abouttheauthor h4 {
font-size: 14px;
}
div#Abouttheauthor img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
#ToolBarHorizontal div.first div {
overflow: visible !important;
}
/* -- Hide text for author's social media links. just show icons. -- */
cite.byline .email a,cite.byline .facebook a,cite.byline .twitter a {
padding-left: 27px;
line-height: 18px;
display: inline-block;
text-indent: -9999em;
}
cite.byline .email a {
background: transparent url(/images/icons/email-18x18.png) 6px center no-repeat;
}
cite.byline .facebook a {
background: transparent url(/images/icons/facebook-18x18.png) 6px center no-repeat;
}
cite.byline .twitter a {
background: transparent url(/images/icons/twitter-18x18.png) 6px center no-repeat;
}
/* -- Movie Page Styles -- */
body#Location ul.filmTimes {
float: none;
width: 100%;
line-height: 1.15em;
margin-bottom: 7px;
text-align: left;
font-size: 15px;
color: #777;
}
body#Location ul.filmTimes li {
margin: 0 0 5px;
}
p.filmShortDetails,div.filmShortDetails {
margin-top: 0;
}
.filmMetaInfo {
background: #e7e8e9;
padding: 10px;
}
.filmMetaInfo strong {
font-size: 11px;
margin-top: 10px;
display: inline-block;
}
.filmMetaInfo strong:first-child {
margin: 0;
}
div.filmShortReview {
margin: 10px 10px 15px;
font-size: 14px;
}
div#FilmReview {
overflow: hidden;
}
div#FilmCredits {
margin: 10px 0;
overflow: hidden;
}
div.filmShortReview span.filmCreditsTitle a {
font-weight: 700;
font-size: 18px;
color: #000;
}
/* star rating */
.singleStar {
background: url(/foundation/images/icons/star_trans.png) no-repeat scroll left top transparent;
position: absolute;
height: 22px;
width: 23px;
top: 0;
background-size: cover;
}
.ratingContainer {
position: relative;
top: -8px;
margin-left: 24px;
background-color: #FFF;
float: left;
border: 1px solid #ffcc1c;
box-shadow: 0 0 2px #CCC;
}
.ratingDetails {
color: #666;
font-size: 10px;
text-align: center;
text-transform: none;
}
.starsContainer {
width: 115px;
height: 22px;
position: relative;
overflow: hidden;
background-color: #CCC;
}
/* --- New Staff Rating Code --- */
.filmShortDetails .starsContainer .goldStarContainer,.filmShortReview .staffRating .starsContainer .goldStarContainer {
background-color: #ee3124;
}
.starsContainer .goldStarContainer {
width: 115px;
height: 22px;
position: absolute;
background-color: #FFCC1C;
top: 0;
}
.commentFormRating .starsContainer:hover .goldStarContainer {
background-color: #ff9231;
}
.blankStarContainer {
width: 115px;
height: 22px;
position: absolute;
top: 0;
left: 0;
}
.blankStarContainerSub {
position: relative;
width: 115px;
height: 22px;
}
.starClickable {
position: absolute;
top: 0;
width: 23px;
height: 22px;
cursor: pointer;
}
.starsContainer.med .singleStar {
background: url(/foundation/images/icons/star_trans_med.png) no-repeat scroll left top transparent;
height: 17px;
width: 18px;
}
.starsContainer.tiny .singleStar {
background: url(/foundation/images/icons/star_trans_tiny.png) no-repeat scroll left top transparent;
height: 10px;
width: 11px;
}
.starsContainer.med,.starsContainer.med .goldStarContainer,.starsContainer.med .blankStarContainer,.starsContainer.med .blankStarContainerSub {
width: 90px;
height: 17px;
}
.starsContainer.tiny,.starsContainer.tiny .goldStarContainer,.starsContainer.tiny .blankStarContainer,.starsContainer.tiny .blankStarContainerSub {
width: 55px;
height: 10px;
}
.locationRating .rating .starsContainer.tiny {
float: left;
margin-top: 3px;
margin-right: 4px;
}
div#PaginationTop,div#PaginationBottom {
padding-top: 5px;
}
div#PaginationBottom {
font-size: 15px;
}
div#LocationSearchResults-AlphaNavigation *:first-child {
margin-left: 0;
}
.pagination {
font-size: 10px;
}
.listingsResultCount {
margin: 10px 0 0;
text-align: center;
font-size: 13px;
color: #444;
}
div#PaginationBottom strong,
.pagination strong a,
.pagination a {
margin: 2px 0;
color: #666;
padding: 3px;
min-width: 10px;
font-family: "Montserrat",sans-serif;
text-transform: uppercase;
font-size: 13px;
display: inline-block;
line-height: 1.2;
border: 1px solid #999;
border-radius: 3px;
text-align: center;
box-shadow: 2px 2px 2px #888;
transition: all linear .03s;
}
div#PaginationBottom strong,
.pagination strong a,
.pagination a:hover {
color:#fff;
background:#444444;
}
.pagination a:last-of-type {margin-right:0;}
div.pagination {
clear: both;
text-align: center;
padding: 10px 0;
}
div.storyPagination {
font-size: 1.1em;
}
div.storyPagination p:first-child {
text-align: right;
margin: 0;
}
div.storyPagination p:last-child {
text-align: center;
font-weight: 700;
margin: -20px 0 0;
font-size: 1.1em;
}
/* non-mobile menu styling */
div#Menu {
padding:0 10px 10px;
}
div#MenuTeaser {
margin: 1em auto 1.5em;
}
div#MenuTeaser::after{
content: "";
display: block;
clear: both;
height: 0;
}
div#MenuTeaser ul {
margin:0 1.25em 10px;
padding-top: 1em;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
border: 1px solid #7d7d7d;
box-shadow: 5px 5px 4px 0px rgba(125, 125, 125, .9);
border-radius: 2px;
}
div#Menu ul li {
clear: both;
margin: 1em 0;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
div#MenuTeaser ul li {
clear: both;
margin: 0 auto 1em;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
width: 40%;
flex-grow: 0;
}
div#MenuTeaser ul li:last-child:nth-child(odd) {
flex-grow: 2;
padding: 0 2px 10px;
margin: 0 2em 1em;
}
div#Menu h2 {
text-transform: capitalize;
font-size: 18px;
font-weight: 700;
margin:0 0 5px;
border-bottom: 1px solid #ddd;
}
div#Menu li h3, div#MenuTeaser li h3 {
margin: 0;
font-weight: bold;
font-size: 1.2em;
}
div#Menu li p {
float: left;
margin: 0;
width: 60%;
}
div#Menu li span.ui-li-aside {
display: block;
float: right;
width: 39%;
text-align: right;
}
div#MenuTeaser li p {
float: left;
margin: 0;
font-size: 1.1em;
}
div#MenuTeaser li span.ui-li-aside {
display: block;
float: right;
width: auto;
text-align: right;
font-size: 1.1em;
font-weight: bold;
}
div#MenuTeaser .moreLink {
display: block;
font-weight: bold;
text-align: right;
margin-top: 6px;
font-size: 1.1em;
}
div#MenuTeaser .providedBy {
display: block;
float: left;
font-size: 1em;
text-decoration: none;
margin-top: 6px;
}
#MenuTeaser h2.listingsHeader:before {
content: "";
background: url(/images/icons/features-icon_menu.png) left center no-repeat;
display: inline-block;
width: 16px;
height: 16px;
background-size: 16px;
}
#MenuTeaser .moreLink:before {
content: "";
position: relative;
top: 2px;
background: url(/images/icons/features-icon_menu.png) left center no-repeat;
display: inline-block;
width: 16px;
height: 16px;
background-size: 16px;
margin-right: 3px;
}
/* -- Issue Archive Styles -- */
div#ArchivesIssueNav {
padding: 0 !important;
}
div#ArchivesIssueNav ul {
padding: 5px 0;
font-size: 14px;
text-align: center;
}
div#ArchivesIssueNav ul li {
margin: 0 10px !important;
padding: 1px 5px;
width: auto !important;
}
div#ArchivesIssueNav ul li:first-child {
border-bottom: 1px solid #ccc;
}
/* Surveys */
/* -- Surveys -- */
div#SurveyHeader {
text-align: center;
font-size: 23px;
font-weight: 700;
letter-spacing: 2px;
margin: 0 0 15px;
text-transform: uppercase;
color: #31639C;
background: url(/images/backgrounds/gray2px.png) 0 center repeat-x rgba(0, 0, 0, 0);
}
div#SurveyHeader h1 {
padding: 0 15px;
background: #FFF;
display:inline-block;
}
#SurveyMetadata,#SurveyMessages {
color: #999;
}
#SurveyMetadata:after {
content: '';
display: block;
height: 10px;
}
#SurveyQuestions .contentImage {
clear: both;
margin-top: 10px;
}
#SurveyQuestions .contentImage img {
}
.SurveyQuestion {
clear: both;
margin: 1em 0;
overflow: hidden;
}
div.SurveySectionHeader h2 {
color: #222;
text-transform: uppercase;
margin: 5px 0;
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
}
.SurveyQuestion h3 {
float: left;
width: 200px;
}
.SurveyQuestion div.answer {
float: left;
margin-left: 1em;
width: 300px;
}
.SurveyQuestion li.SurveyQuestionText label {
display: none;
}
.SurveyQuestion li.SurveyQuestionText input {
width: 300px;
}
#SurveyDescription .description {
font-size: 15px;
line-height: 1.2;
}
#SurveyDescription .contentImageCenter {
margin-bottom: 15px;
}
.SurveyQuestionReason {
width: 160px;
}
.SurveyQuestionComment {
margin: 7px 0 0;
}
.SurveyQuestionComment label {
float: left;
margin: 10px 10px 0 0;
}
.SurveyQuestionChoice.radio {
margin: 0 0 3px;
}
.SurveyQuestionSelect {
width: 15px !important;
float: left;
margin: 0 3px 0 0;
}
.SurveyQuestionText.radio input.SurveyQuestionText {
width: 277px;
}
#SurveyFormNavigation {
width: 520px;
overflow: hidden;
}
#SurveyFormNavigation .SurveySubmit,#SurveyFormNavigation .SurveyExit {
float: right;
margin: 5px;
}
#SurveyFormNavigation input[type=submit] {
cursor: pointer;
}
div#AddEvent h1 {
text-align: center;
font-size: 23px;
font-weight: 700;
letter-spacing: 2px;
margin: 0 0 15px;
text-transform: uppercase;
color:#31639C;
background: url(/images/backgrounds/gray2pxArchivesWide.png) center center no-repeat rgba(0, 0, 0, 0);
}
div.SlideshowRow {
overflow: hidden;
text-align: center;
margin:0 0 15px;
}
div.SlideshowRow>ul {
width: 190px;
vertical-align: text-top;
display: inline-block;
text-align: left;
margin-right:10px;
}
div.SlideshowRow>ul:last-of-type{margin:0;}
div.SlideshowRow>ul img {width:190px;height:auto;margin-bottom: 5px;}
div.ArchiveMultiPageNav {
text-align: center;
margin: 5px 0 10px;
overflow: hidden;
}
h2#userName span#memberSince {
margin: 10px 0 0;
display: block;
}
#TopCommenters h4 {
overflow: hidden;
text-overflow: ellipsis;
/* -- max-width is set to force overflow to hide -- */
max-width: 65%;
display: inline-block;
}
#TopCommenters h4 a {color:#232323;}
#TopCommenters h4:hover {
overflow: visible;
position: relative;
z-index: 333;
}
/* -- only the tag can get the opaque background to show the text, and it needs to be inline-block… and has to be targeting the on h4:hover -- */
#TopCommenters h4:hover a {
background: rgba(255,255,255,0.9);
display: inline-block;
}
/* Tall Share Bar */
#TallBar {
clear:both;
margin:10px 0;
padding:3px 0;
background: #e8e8e8;
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 6%,#ffffff 76%,#e8e8e8 100%);
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 6%,#ffffff 76%,#e8e8e8 100%);
box-shadow: inset 0px 0px 6px 2px #e8e8e8;
border-radius: 4px;
}
#TallBar ul {width:100%;margin:0.5em 0;padding:0;}
#TallBar li {display:inline-block;vertical-align:middle;padding:0;background:transparent;text-align:center;}
/* -- SECTION LANDING DEFAULTS -- */
#SectionArchives h2 {
text-align: center;
font-size: 23px;
font-weight:700;
letter-spacing: 2px;
margin:0 0 15px;
text-transform: uppercase;
color:#31639C;
background:url(/images/backgrounds/gray2pxArchives.png) center center no-repeat transparent;
}
#SectionArchives label {font-size:17px;}
#ArchiveLink {margin:0 0 10px;}
div.more,p.moreArticles {text-align:right;}
div.more a,a.more,p.moreArticles a {}
.storyTeaser,div.storyCapsule {overflow:hidden;}
#SectionStories .storyTeaser,div#LandingFollowStories .storyTeaser{
float: left;
margin: 0 10px 0px 0px;
}
div#SpecialIssueSectionLanding div.storyCapsuleContainer div.storyTeaser {float:left;margin-right:10px;}
div#SpecialIssueSectionLanding .categoryHeading a {
font-weight: 700;
color: #31639C;
text-decoration: none;
text-transform: uppercase;
}
div#SpecialIssueSectionLanding div.storyCapsuleContainer .moreLink{text-align:right;}
div.storyCapsuleBlock,div#SpecialIssueSectionLanding div.storyCapsuleContainer {
overflow: hidden;
margin: 0 0 15px;
border-bottom: 1px dotted #d4d4d4;
padding: 0 0 15px;
}
div.storyCapsuleContainer div.FeaturesIcons{padding:0;}
div#SectionStories .clear+.clear,div#LandingFollowStories div.categoryStoriesItem {
margin-bottom: 10px;
}
div#categoryLead a img,div#SectionFeature a img,div.specialCategoryLede a img {
float: left;
margin: 0 10px 5px 0px;
}
div#SectionStories>h2 {
display: none;
}
#SectionStories > div.storyCapsule,div#LandingFollowStories> div.storyCapsule,div#categoryLead div.storyCapsule, .SectionStoriesTeaser,div.categoryStoriesItem,div#SectionFeature div.storyCapsule {
overflow: hidden;
}
div#categoryLead,div#SectionFeature,div.specialCategoryLede {
margin-bottom: 15px;
border-bottom: 1px solid #CCC;
padding-bottom: 10px;
}
div#categoryLead h3.headline {font-size:20px;}
div#LandingFollowStories>.storyItem{text-align:right;}
#StoryBreadcrumb {
color:#414141;
}
#StoryBreadcrumb p span {
display:inline-block;
float:right;
}
#StoryBreadcrumb p {text-transform:uppercase;font-weight:700;font-family: "Montserrat",sans-serif; }
#StoryBreadcrumb span a {
color:#414141;
text-transform:none;
}
#ToolBarHorizontal,ul.horizontalShareTools {
margin: 0 0 10px;
padding: 3px 0;
/*border: 1px solid #dfdfdf;
border-width: 1px 0;*/
overflow: visible;
}
#ToolBarHorizontal{border: 1px solid rgba(211,211,211,0.25);
border-width: 1px 0;}
ul.horizontalShareTools{height:20px;}
ul.horizontalShareTools>li {float:left;margin-right:10px;}
ul.horizontalShareTools>li:last-of-type{margin:0;}
div#ToolBarHorizontal div.first,ul.horizontalShareTools .first + .l0{
width: 16%!important;
}
div#ToolBarHorizontal div a.saveAction,div.horizontalTools .saveAction{
display: inline-block;
padding-left: 20px;
margin: 0 auto;
height: 16px;
color:#999;
line-height: 20px;
background: url(/images/icons/article_tools/favourites.gif) 0 0 no-repeat transparent;
}
div#ToolBarHorizontal .emailAction,div.horizontalTools .emailAction {
background: url(/images/icons/article_tools/email.gif) left 3px no-repeat;
display: block;
margin: 0 auto;
padding-left: 20px;
color: #999;
}
#ToolBarHorizontal a.printAction,div.horizontalTools a.printAction{
background: url(/images/icons/article_tools/print.gif) 0 3px no-repeat;
padding-left: 20px;
display: block;
height: 18px;
margin: 0 auto;
}
#StoryHeader {
margin: 0 0 10px;
}
div.MainColumn.Location,div.MainColumn.Event {
font-size: 14px;
margin: 0 0 15px;
}
#EventLocation,
#EventTags {
margin-bottom:10px;
overflow: hidden;
}
#EventLocation li.vcard h4 {
font-size: 15px;
font-weight: 700;
}
#EventLocation li.vcard h4 a{color:#000;}
#EventLocation ul li ul {
color: #777;
font-size: 12px;
line-height: 1.25;
}
.locationPhone.tel img {
vertical-align: bottom;
}
div.MainColumn img.magnum {
display: block;
margin: auto;
}
body#Event div.MainColumn img.magnum,body#Film div.MainColumn img.magnum,body#Page div.MainColumn img.magnum {
margin: 0 auto;
}
/* -- default styles for basic elements within content/posts -- */
#storyBody h1,#storyBody h2,#storyBody h3,#storyBody h4,#storyBody h5,#storyBody h6,.postBody h1,.postBody h2,.postBody h3,.postBody h4,.postBody h5,.postBody h6,.descr_txt h1,.descr_txt h2,.descr_txt h3,.descr_txt h4,.descr_txt h5,.descr_txt h6{
margin:1.12em 0;
line-height: 1.2;
}
#storyBody h1,.postBody h1,.descr_txt h1{font-weight:700;color:#101010;font-size:1.63em}
#storyBody h2,.postBody h2,.descr_txt h2{font-weight:700;color:#111;font-size:1.55em;}
div#storyBody h3,.postBody h3, .descr_txt h3 {
font-weight: 700;
text-transform:none;
font-size: 1.4em;
color: #222;
}
div#storyBody h4,.postBody h4, .descr_txt h4 {
font-weight: 700;
font-size: 1.1em;
color: #333;
}
.postBody iframe, #storyBody iframe {
display: block;
margin: 1.12em auto;
}
.postBody hr,#storyBody hr,.descr_txt hr {
margin: 9px 0 10px;
border-width: 1px 0 0;
display: block;
border-style: solid;
border-color: #ccc;
}
div#MapSmallDirectionsForm label{font-weight:700;}
div#MapSmallDirectionsForm form{padding:0}
div#MapSmallDirectionsForm input.text {
margin: 0;
padding-left: 24px;
max-width: none;
width: 77%;
}
/* ------------------------------------------------------------------ */
div.sidebar {
margin:auto;
}
div.flipBook {
position: relative;
display: inline-block;
}
div#EmbeddedSidebar {
float: right;
max-width:220px;
margin: 0 0 0px 10px;
}
/*div.descr_txt {margin: 15px 0;}*/
div.EventListing,div.locationListing,div.archiveListing,div.movietimesListing {
padding: 10px 0px;
overflow:hidden;
border-bottom: 1px solid #ccc;
color: #000;
}
div.EventListing ul,div.locationListing ul,div.archiveListing ul {
margin-bottom:5px;
}
div.EventListing .storyItem ,div.locationListing .storyItem ,div.archiveListing .storyItem,div.movietimesListing .storyItem{overflow:hidden;}
div.EventListing .listing div.descripTxt ul li,div.locationListing .listing div.descripTxt ul li,div.archiveListing .listing div.descripTxt ul li {list-style:disc inside;}
.archiveImage {
float:left;
margin:0 10px 5px 0;
overflow:hidden;
}
.archiveImage+.storyItem{overflow:visible!important;}
.archiveImage+.storyItem:after{
clear:both;
content:"|";
display:block;
height:0;
text-indent:-9999em;
width:100%;
}
.archiveImage:first-child:before{display:none;}
div.locationListing ul li.locationItem ul {
margin:0 0 5px;
}
div.locationListing ul li.locationItem ul li {
font-size: 1.1rem;
margin: 2px 0;
}
li.locationRating a {
color: #AAA;
}
.locationRating {
display: none;
}
div#NearbyLocations > ul {
margin: 5px 0 0;
color: #AAA;
font-size: 10px;
}
div#NearbyLocations > ul a {
font-size: 13px;
}
div.EventListing .descripTxt,div.locationListing .descripTxt,div.archiveListing .descripTxt {
margin: 5px 0;
font-size: 15px;
color: #454545;
line-height: 1.4;
}
div.movietimesListing strong a {
font-size: 12px;
}
div.movietimesListing li {
margin-bottom: 6px;
}
div.EventListing h3 a,div.locationListing h3 a,div.movietimesListing h3 a,div.locationListing h4 a {
font-weight: 700;
font-size: 1.6rem;
line-height: 1.3;
color: #000;
}
div.EventListing h3 a:hover,div.locationListing h3 a:hover,div.movietimesListing h3 a:hover,div.locationListing h4 a:hover {
color:#777;
}
div.locationListing img.locationListingImg {
float: right;
margin: 5px 5px 5px 10px;
clear: right;
}
ul.filmTimes {
float: right;
margin-bottom: 7px;
text-align: left;
width: 290px;
}
h2.neighborhoodBar {
clear: both;
color: #000;
padding-top: 5px;
width: 100%;
font-size: 16px;
font-weight: 700;
margin: 0 0 5px;
}
div.locationTitle a {
font-weight: 700;
}
div.locationTitle .big {
font-size: 1.2em;
}
div.locationListing span.inline-rating img,div.archiveListing span.inline-rating img {
width: 10px;
}
div.locationListing span.small,div.archiveListing span.small {
font-size: 10px;
}
div.locationListingAddress {
}
div.EventDetails ul li.locationItem {
margin-top: 15px;
}
div.EventDetails ul li.locationItem h4 a {
font-weight: 700;
text-decoration: none;
}
div#RelatedLocations li.locationItem {
margin-bottom: 10px;
}
div.RelatedItem ul .locationItem h4 a, div.RelatedItem ul .eventItem h4 a {font-size:14px;color:#000;font-weight: 700;}
div.listingTools {
float: right;
font-size: 12px;
margin-left: 5px;
padding: 8px 7px;
width: 116px;
}
div.listingTools ul {
margin-top: 10px;
}
div.listingTools ul li {
margin-bottom: 4px;
border-bottom: 1px solid #000;
}
div.listingTools ul li a {
display: block;
padding: 4px;
}
div.tinyTools ul li.l0 .toolsInner a {
color: #000;
}
div.tinyTools ul li.l0 .toolsInner a.addAction {
display: block;
background: #eee;
float: left;
padding: 3px 5px;
border: 1px solid #000;
font-weight: 700;
color: #000;
cursor: pointer;
text-decoration: none;
}
.toolsInner {
background: #eee;
padding: 3px;
border: 1px solid #000;
border-width: 1px 0;
}
.toolsInner select {
max-width: 110px;
}
div.tinyTools .toolsInner h4 {
margin: 0 0 2px;
}
.toolsInner p {
margin: 0 0 7px;
}
.toolsInner ul {
margin: 0 0 7px;
}
.toolsInner ul li {
margin-bottom: 4px;
}
.ajPop input,.ajPop textarea {
border: 1px solid #000;
background-color: #eee;
font-size: 11px;
font-weight: 400;
padding: 2px;
margin-top: 0;
margin: 0;
}
.ajPop .popInput,.ajPop textarea {
width: 102px;
}
.ajPop select {
border: 1px solid #000;
background-color: #eee;
font-size: 10px;
font-weight: 400;
}
/* Horizontal Tools Layout */
ul.horizontalTools {
float: left;
font-size: .9em;
padding-right: 3px;
padding-bottom: 3px;
}
ul.horizontalTools li.l0 {
float: left;
padding: 0 10px;
margin: 3px 0 0 3px;
}
/* Pop up tools for Horizontal Tools Layout */
div.floatingPanel {
background: #eee;
}
.closePanel {
background: url(/images/zoom/closebox.png) no-repeat;
width: 30px;
height: 30px;
text-indent: 30px;
padding-top: 3px;
font-size: 1.3em;
}
div.MainSidebar ul .rating {
display: block;
}
div.MainSidebar .rating img {
width: 10px;
height: 10px;
}
div.MainSidebar a.memberThumb {
display: block;
float: right;
margin: 0 0 5px 5px;
width: 35px;
height: auto;
}
div.MainSidebar a.memberThumb img {
width: 35px;
}
div.MainSidebar select {
width: 100%;
background: #FFF;
border: 1px solid #CCC;
}
.column_item {
margin-bottom: 10px;
}
div.MainSidebar:after {
display: block;
visibility: hidden;
content: ".";
line-height: 0;
clear: both;
}
ul.moduleList .rating {
display: block;
}
ul.moduleList .rating img,li.locationItem span.rating img {
width: 10px;
height: 10px;
}
ul.moduleList a.memberThumb {
display: block;
float: right;
margin: 0 0 5px 5px;
width: 35px;
height: auto;
}
ul.moduleList a.memberThumb img {
width: 35px;
}
#MovieTimes div#NowPlaying h1,body#VideoArchives div#SearchResults h2,body#ImageArchives div#ImageSearchResults h1,div#CommentSearchResults h1 {
background: #eee;
clear: both;
color: #000;
font-size: 14px;
line-height: 1em;
margin: 0;
padding: 8px 10px 9px;
text-align: left;
}
div.searchedFor {
background: #eee;
clear: both;
color: #000;
font-size: 12px;
line-height: 1em;
margin: 0;
text-transform: uppercase;
font-family: "Montserrat",sans-serif;
padding: 8px 5px 9px;
text-align: left;
}
div.searchedFor .sortBar {
display:inline-block;
float:right;
position:relative;
}
.sortBarHeader a {
display: block;
padding: 0 23px 0 0;
background: url(/images/icons/sortArrow.png) right 3px no-repeat transparent;
}
div.searchedFor ul.narrowOptionsBar {
position: absolute;
right: -7px;
top: 17px;
margin-top: 4px;
padding: 6px;
background: #fff;
line-height: 1.4;
border: 1px solid #777;
box-shadow: 1px 3px 12px #555;
}
div.searchedFor ul.narrowOptionsBar li a {
display: block;
text-align: left;
}
#MovieTimes div.searchedFor,#MovieTimes div#NowPlaying h1 {
margin-bottom: 10px;
}
body#VideoArchives div#SearchResults h2,body#ImageArchives div#ImageSearchResults h1 {
margin-bottom: 10px;
}
div.searchedFor h3,div.searchedFor ul {
display: inline;
}
div.searchedFor ul li {
display: inline;
text-transform: lowercase;
}
div.listing {
float: left;
font-size: 1.05em;
margin-right: 10px;
}
div.listing p {
font-size: 12px;
}
img.listingImg {
float: right;
margin: 0 0 3px 7px;
}
div.locationListing .imageTools {width: 150px;overflow: hidden;
}
div.listingLocation {
float: left;
width: 140px;
}
div.listingLocation img.listingImg{
float:none;
margin:5px auto;
}
div.CommentsComponent,div#BrowseComments {
clear: both;
background: #eee;
border-radius: 12px;
padding-bottom: 12px;
color: #000;
}
body#Event div.CommentsComponent {
margin-top: 20px;
}
div.commentsHeader {
background: #dedede;
margin-bottom: 10px;
border-radius: 12px 12px 0 0;
}
div.commentsHeader h2,div.commentsHeader h3 {
color: #000;
float: left;
font-size: 16px;
letter-spacing: 1px;
padding: 12px 0 12px 12px;
text-align: left;
text-transform: uppercase;
width: 56%;
}
body#PostComment div.commentsHeader h2,body#PostComment div.commentsHeader h3 {
width: 100%;
padding-bottom: 12px;
}
h4#commentsContentLink {
border-top: 1px solid #000;
font-weight: 400;
padding: 5px;
margin: 0;
text-align: center;
}
h4#commentsContentLink a {
font-weight: 700;
}
div.commentsHeader form {
padding: 12px 12px 12px 0;
color: #000;
letter-spacing: 0;
text-align: right;
text-transform: none;
vertical-align: top;
}
div.commentsHeader form label {
font-weight: 700;
}
h4.commentFormAddHeader {
display: none;
}
dl.formElements {
margin: 15px 15px 15px 0;
}
dl.formElements dt {
float: left;
clear: left;
display: inline;
width: 160px;
min-height: 45px;
margin-right: 15px;
}
dl.formElements dt label {
font-weight: 700;
}
dl.formElements dt label span {
color: #000;
}
dl.formElements dt span {
font-size: 10px;
color: #000;
}
span.formFootnote {
color: #000;
}
dl.formElements dd {
float: left;
width: 395px;
}
dl.formElements dd input[type=text],dl.formElements dd select {
width: 75%;
}
dl.formElements dd textarea {
width: 100%;
height: 110px;
}
div.commentFormRating {
background: #eee;
padding: 5px 10px;
border: 1px solid #000;
}
div.CommentsComponent p.showing,div#BrowseComments p.showing {
float: left;
width: 45%;
margin: 0 0 10px 15px;
font-style: italic;
}
div.CommentsComponent p.jump,div#BrowseComments p.jump {
display: block;
float: right;
text-align: right;
width: 45%;
margin: 0 15px 10px 0;
font-size: 10px;
text-transform: lowercase;
}
div.CommentsComponent dl.formElements dd {
width: 100%;
margin: 5px 0;
}
form#previewComment textarea {
width: 95%;
}
div.CommentsComponent hr,div#BrowseComments hr {
display: none;
}
div.comment {
clear: both;
margin: 12px 15px 0;
}
div.CommentsComponent h4,div#BrowseComments h4 {
margin-top: 10px;
text-align: left;
font-weight: 700;
}
div.commentText {
background: #f7f7f7;
padding: 12px 12px 5px;
font-size: 12px;
clear: both;
}
div.commentText h4 {
margin-top: 0;
margin-bottom: 8px;
}
div.commentText h4 a {
color:#000;
}
div.commentText h4 a:hover {color:#777;}
div.commentText h4.reviewLocation {
margin-bottom: 2px;
}
div.commentText p {
margin-top: 0;
}
div.commentText div.inline-rating {
margin-bottom: 8px;
}
div.commentText div.inline-rating img {
width: 10px;
}
/* profile page stories */
body.ProfilePage div#gridMainColumn li.storyItem {
margin: 10px;
}
body.ProfilePage div#gridMainColumn .ratingGraphic {
margin-bottom: 10px;
}
div.CommentsComponent .memberThumb,div#BrowseComments .memberThumb {
display: block;
overflow: hidden;
float: left;
clear: left;
width: 50px;
margin: 2px 8px 2px 2px;
}
div.CommentsComponent div.comment div.ratingGraphic img,div#BrowseComments div.comment div.ratingGraphic img {
margin-bottom: 2px;
width: 10px;
height: 10px;
}
div.commentAuthor {
padding: 5px 2px 0;
font-size: 11px;
font-weight: 700;
}
div.commentAuthor a {
font-weight: 700;
color: #AD1500;
}
div.commentAuthor span {
}
div.CommentsComponent form,div#BrowseComments form,div#PostCommentProcessEdit {
margin-left: 15px;
}
p.commentFormSubmit {
margin: 10px 15px 0 0;
text-align: right;
}
p.commentFormSubmit input,div.commentFormSubmit input,p.formSubmit input,a.addAction,input.editor_ok_button {
background: #eee;
padding: 3px 5px;
border: 1px solid #000;
font-weight: 700;
color: #000;
cursor: pointer;
}
p.commentFormSubmit input:hover,div.commentFormSubmit input:hover,p.formSubmit input:hover,input.editor_ok_button:hover {
background: #eee;
color: #000;
}
input.editor_field {
margin-right: 8px;
}
a.editor_cancel {
margin-left: 10px;
font-size: 10px;
text-decoration: none;
color: #ff0;
}
a.deleteListItem {
float: right;
padding: 2px 3px;
font-size: 10px;
text-decoration: none;
background: #ff0;
border: 1px solid #000;
color: #000;
text-transform: uppercase;
}
div.commentFormSubmit {
padding: 10px 0 0 15px;
}
div.commentFormSubmit form,div.CommentsComponent div.commentFormSubmit form {
display: inline;
margin: 0;
margin-left: 0;
}
div.commentFormSubmit button {
padding: 0;
border: 0;
border-bottom: 1px dotted #000;
font-weight: 400;
color: #000;
text-transform: lowercase;
cursor: pointer;
}
h4.reviewLocation a {
font-weight: 700;
}
span.locationRegion {
display: none;
}
span.locationRegion a {
color: #000;
text-decoration: none;
}
span.locationRegion a:hover {
background: #eee;
}
body#List div.MainColumn ol.customList li h3,body#List div.MainColumn ol.customList li h4 {
text-align: left;
}
div.infoBox,body#Content div.Sidebar {
padding: 8px;
margin-top: 5px;
border: 1px dotted #000;
color: #000;
}
body#Content div#ArticleTools {
color: #000;
padding: 2px;
border: 0;
}
body#Content div#ImageFlipBook {
background: none;
padding: 0;
border: 0;
}
body#Content div#AudioPlayer {
padding-bottom: 0;
}
body#Content div#AudioPlayer div.audioPlayer {
margin: 0 -10px 10px;
}
body#Content div#StorySectionLink {
text-align: right;
}
body.Analord1Zone dl.formElements dt {
width: 110px;
}
body.Analord1Zone dl.formElements dd {
width: 155px;
}
div#SearchLogin {
position: relative;
padding: 13px 10px 0;
color: #000;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
div#SearchLogin form {
text-align: left;
vertical-align: middle;
}
div#SearchLogin form label {
font-weight: 700;
font-size: 14px;
}
div#SearchLogin form input[type=submit] {
margin-left: 3px;
vertical-align: middle;
}
ul#SearchLogin-login {
position: absolute;
top: 9px;
right: 10px;
text-align: right;
}
ul#SearchLogin-login li {
display: inline;
font-size: 12px;
color: #000;
}
ul#SearchLogin-login li a {
font-weight: 700;
text-decoration: none;
color: #000;
}
ul#SearchLogin-login li a:hover {
color: #000;
}
ul#SearchLogin-login li#SearchLogin-upcoming {
display: block;
font-size: 10px;
}
ul#SearchLogin-login li#SearchLogin-upcoming a {
font-weight: 400;
color: #000;
}
div#SearchLogin-section,div#SearchLogin .searchWidgetForm {
position: relative;
float: left;
}
div#loginContainer,div#logoutContainer {
border: 2px solid #D0D1D3;
padding: 5px 15px 15px;
}
div#loginContainer h1,div#logoutContainer h1 {
font-weight: 700;
font-size: 34px;
color: #000;
}
div#logoutContainer h2 {
font-size: 22px;
color: #000;
}
div#logout_reminder {
float: left;
background: #eee;
padding: 10px 20px 20px;
margin-right: 20px;
border: 1px solid #000;
color: #000;
}
div#logout_reminder h2 {
color: #000;
}
div#logout_whatnow {
float: left;
padding: 8px 20px 10px;
}
div#logout_reminder h2,div#logout_whatnow h2 {
margin-bottom: 10px;
}
div#logout_reminder ul,div#logout_whatnow ul {
padding: 0 20px;
}
div#logout_reminder ul li,div#logout_whatnow ul li {
margin-bottom: 4px;
list-style: disc;
}
div#fortune {
padding: 0 10px;
margin: 10px 10px 20px;
border-left: 1px solid #000;
}
div#fortune p {
margin-bottom: 0;
font-size: 1.2em;
color: #000;
}
div.errorDisplay {
background: #eee;
padding: 10px;
color: #000;
}
div.errorDisplay h3 {
font-weight: 700;
font-size: 22px;
}
div.errorDisplay ol li {
font-size: 1.2em;
}
div.successMessage {
background: #eee url(/images/icons/accept.png) no-repeat 5px 10px;
padding: 10px 25px;
font-size: 1.2em;
color: #0c0;
}
div.successMessage p,form.loginForm div.successMessage p {
padding: 0;
}
div.generalMessage {
background: #eee;
padding: 10px;
margin: 10px;
}
div#EventsNarrowSearch ul li h4 {
color: #000;
}
div#previewCommentComponent,div#editCommentComponent {
padding: 20px;
}
div#previewCommentComponent h2 {
color: #000;
}
div#PaginationTop,div#PaginationBottom {
padding-top: 10px;
}
div#PaginationBottom {
font-size: 1.1em;
margin: 10px 0;
}
div#gridFooter {
clear: both;
padding: 10px 0px;
border-top: 2px solid #414141;
font-size: 12px;
line-height:1.25;
}
div#gridFooter a {
text-decoration: none;
}
#gridFooter #FooterInfo{
overflow:hidden;
margin: 10px 0;
border-bottom: 1px dotted #333;
padding: 5px 0 10px;
}
#gridFooter #FooterInfo .footerCustomInfo {
float:left;
width: 160px;
margin-right:30px;
}
#gridFooter #FooterInfo .footerCustomInfo h2 {font-family: 'Titillium Web';font-size: 18px;margin:0 0 3px;
font-weight: 700;}
#gridFooter #FooterInfo .footerCustomInfo p{margin:0 0 2px;}
div.footerCustomWrap{
float: left;
margin: 0;
width: 790px;
position: relative;
height: 110px;
}
#gridFooter #FooterInfo .footerCustomNav {
float: left;
margin-left: 70px;
}
#gridFooter #FooterInfo div.footerCustomLogin {
position: absolute;
bottom: 0;
right: 0;
clear:left;
}
#gridFooter #FooterInfo div.footerCustomLogin ul li {
display:inline;
}
#gridFooter #FooterInfo div.footerCustomLogin ul li {
display: inline;color: #ddd;
}
#gridFooter #FooterInfo div.footerCustomLogin ul li a{
color:#31639C;
margin:0 2px;
font-size:11px;
}
#gridFooter #FooterInfo div.footerCustomLogin ul li strong{
color:#222;
font-weight:700;
margin:0 2px 0 0;
font-size:11px
}
#gridFooter #FooterInfo .footerCustomNav p{clear:both;}
#gridFooter #FooterInfo .footerCustomNav ul {font-family: 'Titillium Web';
font-weight:700;margin:5px 0;font-size: 15px;}
#gridFooter #FooterInfo .footerCustomNav ul li{float:left;margin-left:1px;overflow: hidden;}
#gridFooter #FooterInfo .footerCustomNav ul li:before {
content:"|";
padding:0 3px;
}
#gridFooter #FooterInfo .footerCustomNav ul li:first-child:before{display:none;}
#gridFooter #FooterInfo .footerCustomNav ul li a {
text-transform:uppercase;
}
div#AdFooter728x90{text-align:center;}
div#FooterNavigation {
clear: both;
padding: 10px 0;
margin-bottom: 10px;
white-space:nowrap;
border-top: 1px dotted #333;
overflow:hidden;
}
div#FooterNavigation div.linkGroupColumn {
width: 184px;
text-align: left;
padding: 0 5px;
display: inline-block;
vertical-align: text-top;
}
div#FooterNavigation div.linkGroup h3 a, div#FooterNavigation div.linkGroup h3 {
font-weight: 700;
text-transform:uppercase;
font-size:13px;
color: #000;
}
div#FooterNavigation div.linkGroup {
overflow: hidden;
margin: 0 0 10px;
}
div#FooterNavigation ul {margin-bottom: 1em;}
div#FooterNavigation ul li {margin: 2px 0;
}
div#FooterNavigation ul li a {
color:#777;
}
div#footerCopyright{clear:both;text-align:center;}
div#footerCopyright address,div#footerCopyright p {
padding: 0;
margin: 0;
}
div#LocationRestaurantDetails p,div#LocationBarDetails p {
margin: 0 0 15px;
}
div#LocationBarDetails p.locData,
div#LocationRestaurantDetails p.locData {
margin: 0;
}
div#LocationRestaurantDetails p.tags,div#LocationBarDetails p.tags {
padding: 0;
margin: 0;
}
div#LocationRestaurantDetails ul.locationMenuCoupon {
margin: 10px 0;
}
div#LocationRestaurantDetails ul.locationMenuCoupon li {
display: inline;
padding-right: 14px;
margin-right: 10px;
background: url(/foundation/images/icons/pdf-small.gif) top right no-repeat;
}
div#LocationMovieTimes ul.filmTimes {
float: none;
font-size: 1em;
}
div#LocationMovieTimes ul.filmTimes li {
margin-bottom: 6px;
color: #777;
}
div#LocationMovieTimes ul.filmTimes li strong a {
font-size: 1.1em;
color: #014895;
margin-bottom: 2px;
text-decoration:none;
display: inline-block;
}
#Location ul.filmTimes {
width: auto;
}
#Location ul.filmTimes .filmDate {
margin-left: 22px;
padding: 1px 0 0;
display: inline-block;
color: #222;
font-weight: 700;
}
body#MovieTimes div#NowPlaying ul li {
float: left;
width: 110px;
padding: 0 5px;
}
body#MovieTimes div#NowPlaying ul li ul {
margin-bottom: 20px;
float: left;
height: 200px;
}
.readmore {
font-size: 10px;
}
li.readmore,p.readmore {
padding-top: 7px;
margin-top: 0;
text-align: right;
font-size: 13px;
}
body#Content .MainColumn .banner_ad {
margin: 0 0 10px;
text-align: center;
}
body#Content div#gridMainColumn .MainColumn {
padding: 0 20px;
}
body#Content div#gridMainColumn {
padding: 20px 0;
}
body#Content div#Comments.CommentsComponent,body#Content div#BrowseComments.ContentComments {
padding: 0 0 12px;
}
#Post div#RelatedLocations {
padding: 10px;
}
#Post div#RelatedLocations h3 {
font-size: 1.3em;
font-weight: 700;
margin-bottom: 5px;
}
.postBody a.pdflink {
display: block;
height: 52px;
width: 50px;
text-indent: -7000px;
background: url(/foundation/images/icons/pdf-large.gif) top left no-repeat;
}
a#searchStartOver {
background:#31639C;
display: block;
text-align: center;
padding: 5px 7px;
font-size: 14px;
margin: 5px auto;
font-weight: 700;
border-radius: 8px;
color: #666;
box-shadow: none;
transition: border-radius linear .04s, color linear .04s;
font-family: "Montserrat",san;
text-transform: uppercase;
color: #FFF;
}
a#searchStartOver:hover{color:#333;}
a#searchStartOver:active, a#searchStartOver:focus{border-radius: 11px;
box-shadow: inset 0px 0px 2px 0px #545454;}
div#directionsForm {
background: #eee;
margin-top: 10px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-size: 11px;
}
div#directionsForm input.text {
font-size: 12px;
}
/* Features Icons */
div.MainSidebar ul.narrowOptions {
padding: 0px 0 0 5px;
margin: 3px 0 15px;
}
#OtherSearches h3{
color: #414141;
font-size: 14px;
display: block;
margin: 0 0 5px;
border: 0 none;
text-transform: uppercase;
font-family: "Montserrat",sans-serif;
font-weight: 400;
}
#OtherSearches ul li {
margin: 0 0 4px;
}
ul.narrowOptions li,#OtherSearches ul li {
font-size: 11px;
}
#CommentArchives div.MainSidebar ul.narrowOptions {
border-left: 0;
}
#CommentArchives ul.narrowOptions li {
font-size: 12px;
}
ul.narrowOptions li.flyout_link_parent {
margin-top: 5px;
background:none;
}
ul.narrowOptions li a.flyout_link,ul.narrowOptions li.flyout_link_parent a {
font-weight: 700;
float:right;
display:inline-block;
}
a.flyout_close_text {
float: right;
text-decoration: none;
}
a.flyout_close_button {
position: absolute;
top: -15px;
left: -15px;
background-image: url(/foundation/images/icons/closebox.png);
width: 30px;
height: 30px;
text-indent: -6000px;
overflow: hidden;
}
div.MainSidebar li.narrowWithForm ul.narrowOptions {
border: none;
}
body div.MainSidebar li.narrowWithForm ul.narrowOptions li form {
padding: 0;
}
div#BestOfNarrowHeader ul.narrowOptions li{font-weight:700;color:#777;}
div#BestOfNarrowHeader ul.narrowOptions li a{font-weight:400;color:#31639C}
div.FeaturesIcons {
height: 14px;
margin: 5px 0;
display: inline;
padding-right: 0;
}
div.FeaturesIcons a span {
display: none;
float: left;
margin: 0 2px 0 0;
text-indent: -99999px;
min-height: 16px;
min-width: 16px;
}
h1.listingTitle {
font-size: 30px;
font-weight: 700;
}
h1.listingTitle .FeaturesIcons a span {
margin: 10px 2px 0 0;
float: left;
}
#LocationMetaData br+br {
display: none;
}
#VideoPlayer.Location,#VideoPlayer.Event {
margin: 15px 0;
}
.FeaturesIcons_staff_pick span {
background: url(/images/icons/features-icon_staff_pick.svg) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_romantic span {
background: url(/images/icons/features-icon_romantic.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_casual span {
background: url(/images/icons/features-icon_casual.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_games__board_games span {
background: url(/images/icons/features-icon_board_games.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_games__billiards span {
background: url(/images/icons/features-icon_billiards.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_games span {
background: url(/images/icons/features-icon_allgames.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_games__video_games span {
background: url(/images/icons/features-icon_video_games.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_best_of_st_louis span {
background: url(/apple-touch-icon-iphone.png) top left no-repeat;
display: block;
background-size: 16px;
min-width: 16px;
}
.FeaturesIcons_smoking_prohibited span {
background: url(/images/icons/features-icon_no_smoking.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_kid_friendly span {
background: url(/images/icons/features-icon_kid_friendly.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_jukebox span {
background: url(/images/icons/features-icon_jukebox.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_readers_pick span {
background: url(/images/icons/features-icon_members_pick.gif) top left no-repeat;
display: block;
min-width: 16px;
}
.FeaturesIcons_video span {
background: url(/images/icons/features-icon_video.png) top left no-repeat;
display: block;
min-width: 16px;
}
.FeaturesIcons_slideshow span {
background: url(/images/icons/features-icon_slideshow.png) top left no-repeat;
display: block;
min-width: 16px;
}
.FeaturesIcons_audio span {
background: url(/images/icons/features-icon_audio.png) top left no-repeat;
display: block;
min-width: 16px;
}
.FeaturesIcons_menu span {
background:url(/images/icons/features-icon_menu.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
.FeaturesIcons_image span {
background: url(/images/icons/features-icon_image.png) top left no-repeat;
display: block;
background-size: contain;
min-width: 16px;
}
li[data-param="diningFeature"] label[class*="FeaturesIcons"] span {
background: none;
}
li#EventSearchNarrowByEventFeatures,li#LocationSearchNarrowByLocationFeatures,li#MovieTimesSearchNarrowByFilmFeatures,li#FilmSearchNarrowbyFilmFeatures,li#ArticleSearchNarrowByContentFeatures,li#BestOfNarrowbyContentFeatures {
float: left;
}
/* body#Location div#gridMainSidebar h4, body#LocationEvents div#gridMainSidebar h4, body#Map div#gridMainSidebar h4, body#Event div#gridMainSidebar h4, body#EventSearch div#gridMainSidebar h4, body#MovieTimes div#gridMainSidebar h4, body#FilmSearch div#gridMainSidebar h4, body#Film div#gridMainSidebar h4, body#LocationSearch div#gridMainSidebar h4, body#DiningSearch div#gridMainSidebar h4, body#Search div#gridMainSidebar h4, body#ArticleArchives div#gridMainSidebar h4, body#IssueArchives div#gridMainSidebar h4, body#MemberSearch div#gridMainSidebar h4, body#BestOf div#gridMainSidebar h4, body.SearchPage <-- do we need all that? */
div#gridMainSidebar h4 {
font-weight:700;
margin:0 0 5px;
}
ul.narrowOptions {
border-left: 0;
padding-left: 5px;
float: left;
width: 100%;
}
li#EventSearchNarrowByEventFeatures ul.narrowOptions li,li#LocationSearchNarrowByLocationFeatures ul.narrowOptions li,li#MovieTimesSearchNarrowByFilmFeatures ul.narrowOptions li,li#FilmSearchNarrowbyFilmFeatures ul.narrowOptions li,li#ArticleSearchNarrowByContentFeatures ul.narrowOptions li,li#BestOfNarrowbyContentFeatures ul.narrowOptions li {
background: url(/images/backgrounds/dotted-line.gif) repeat-x 0 10px #fff;
float: left;
}
ul.narrowOptions li a {
float: left;
color: #676767;
}
div#OtherSearches ul li a { color: #676767;}
ul.narrowOptions li a:hover {color:#000;}
ul.narrowOptions li a,ul.narrowOptions li span {
display: inline-block;
background-color: #fff;
}
ul.narrowOptions li div.FeaturesIcons {
margin: 0;
float: right;
padding-right: 0;
}
ul.narrowOptions li div.FeaturesIcons a span {
display: block;
margin-right: 0;
padding-right: 5px;
}
div#ProfileBrowseSavedLocations div.locationListing,div#ProfileBrowseSavedMembers div.memberListing,div#ProfileBrowseSavedEvents div.EventListing,div#ProfileBrowseLists div.listListing,div#ProfileBrowseSavedContent div.archiveListing,body#MemberSearch div.memberListing {
border-bottom: 1px solid #000;
color: #000;
padding: 10px;
}
div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberThumb,div#ProfileBrowseSavedContent div.archiveListing li.archiveImage,body#MemberSearch div.memberListing ul.listing li.memberThumb {
float: left;
width: 50px;
margin-right: 5px;
padding: 5px;
overflow:hidden;
}
body#MemberSearch div.memberListing ul.listing li,div#ProfileBrowseSavedMembers div.memberListing ul.listing li {
color: #000;
font-size: 90%;
}
body#MemberSearch div.memberListing ul.listing li.memberName,div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberName {
font-weight: 700;
font-size: 120%;
margin-bottom: 5px;
}
body#MemberSearch div.memberListing ul.listing li.memberStatus,div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberStatus {
font-size: 110%;
margin: 5px 0;
font-weight: 700;
}
body#MemberSearch div.memberListing ul.listing li.memberStatus span,div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberStatus span {
color: #eee;
}
div#ProfileBrowseSavedContent div.archiveListing li.sectionDateInfo {
margin-bottom: 2px;
font-size: 11px;
color: #000;
}
div#ProfileBrowseSavedMembers div.memberListing ul.listing li.l0 ul li.l1 a {
font-weight: 700;
}
div#ProfileBrowseSavedEvents div.EventListing div.listing h3 {
text-align: left;
}
div#ProfileBrowseLists div.listListing ul li.customItem h5 {
font-weight: 700;
}
div#ProfileBrowseLists div.listListing ul li.customItem li.byline {
margin-top: 3px;
letter-spacing: 0;
}
div#ProfileSettings dl.formElements {
background: #eee;
padding: 10px;
}
div#gridMainColumn div#ProfileBrowseSavedLocations h3.profileGroupHeader,div#gridMainColumn div#ProfileBrowseSavedMembers h3.profileGroupHeader,div#gridMainColumn div#ProfileBrowseSavedEvents h3.profileGroupHeader,div#gridMainColumn div#ProfileBrowseLists h3.profileGroupHeader,div#gridMainColumn div#ProfileBrowseSavedContent h3.profileGroupHeader {
float: left;
width: 65%;
text-align: left;
margin-bottom: 10px;
}
div#gridMainColumn div#ProfileBrowseSavedLocations form#sort,div#gridMainColumn div#ProfileBrowseSavedMembers form#sort,div#gridMainColumn div#ProfileBrowseSavedEvents form#sort,div#gridMainColumn div#ProfileBrowseLists form#sort,div#gridMainColumn div#ProfileBrowseSavedContent form#sort {
float: right;
text-align: right;
margin-bottom: 10px;
}
body#EmailFriend h1,body#ReportComment h1 {
font-weight: 700;
font-size: 20px;
color: #000;
}
body#EmailFriend p.formSubmit,body#MySettings p.formSubmit {
text-align: right;
}
body#ReportComment p.formSubmit {
text-align: left;
}
body#EmailFriend dl.formElements dt,body#ReportComment dl.formElements dt {
float: none;
width: auto;
min-height: 0;
}
body#EmailFriend dl.formElements dd,body#ReportComment dl.formElements dd {
float: none;
width: 100%;
margin-bottom: 10px;
}
body#ArticleArchives .longOnly span.date {
display: inline;
}
body#PostComment div#loginFormContainer,body#PostComment div#passwordReminderContainer {
float: left;
width: 370px;
}
body#PostComment div#createAccountContainer,body#PostComment div#feelingShyContainer {
float: right;
width: 370px;
}
/* Profile */
body.Trantor6Zone div#gridMain,.Yorick5Zone div#gridMain{background:#fff;}
/* body.Trantor6Zone div#gridMainColumn,.Yorick5Zone div#gridMainColumn{border:0 none !important;} */
div#userNameComponent {
border-bottom: 1px solid #000;
}
body#Profile div#currently,body#MyProfile div#currently {
margin-bottom: 10px;
}
body#Profile div#gridMainSidebarLeft,body#MyProfile div#gridMainSidebarLeft,body#Favorites div#gridMainSidebarLeft,body#MyFavorites div#gridMainSidebarLeft,body#List div#gridMainSidebarLeft,body#Lists div#gridMainSidebarLeft,body#MyLists div#gridMainSidebarLeft,body#MySettings div#gridMainSidebarLeft,body#Comments div#gridMainSidebarLeft,body#MyComments div#gridMainSidebarLeft,body#EditList div#gridMainSidebarLeft {
text-align: center;
}
body#Profile div.MainSidebar,body#MyProfile div.MainSidebar,body#Favorites div.MainSidebar,body#MyFavorites div.MainSidebar,body#List div.MainSidebar,body#Lists div.MainSidebar,body#MyLists div.MainSidebar,body#MySettings div.MainSidebar,body#Comments div.MainSidebar,body#MyComments div.MainSidebar,body#EditList div.MainSidebar {
padding-bottom: 10px;
text-align: center;
}
body#Profile div.MainSidebar h3,body#MyProfile div.MainSidebar h3,body#Favorites div.MainSidebar h3,body#MyFavorites div.MainSidebar h3,body#List div.MainSidebar h3,body#Lists div.MainSidebar h3,body#MyLists div.MainSidebar h3,body#MySettings div.MainSidebar h3,body#Comments div.MainSidebar h3,body#MyComments div.MainSidebar h3,body#EditList div.MainSidebar h3 {
color: #000;
font-weight: 700;
line-height: 1em;
margin-top: 10px;
padding: 5px 5px 6px;
}
body#Profile div.MainSidebar h3 img,body#MyProfile div.MainSidebar h3 img,body#Favorites div.MainSidebar h3 img,body#MyFavorites div.MainSidebar h3 img,body#List div.MainSidebar h3 img,body#Lists div.MainSidebar h3 img,body#MyLists div.MainSidebar h3 img,body#MySettings div.MainSidebar h3 img,body#Comments div.MainSidebar h3 img,body#MyComments div.MainSidebar h3 img,body#EditList div.MainSidebar h3 img {
float: left;
margin-right: 9px;
}
body#Profile div.MainSidebar p,body#MyProfile div.MainSidebar p,body#List div.MainSidebar p,body#Lists div.MainSidebar p,body#MyLists div.MainSidebar p,body#MySettings div.MainSidebar p,body#Comments div.MainSidebar p,body#MyComments div.MainSidebar p,body#EditList div.MainSidebar p {
padding: 10px 10px 0;
margin: 0;
text-align: left;
}
body#Profile div.MainSidebar p.readmore,body#MyProfile div.MainSidebar p.readmore,body#List div.MainSidebar p.readmore,body#Lists div.MainSidebar p.readmore,body#MyLists div.MainSidebar p.readmore,body#MySettings div.MainSidebar p.readmore,body#MyLists div.MainSidebar p.readmore,body#Comments div.MainSidebar p.readmore,body#MyComments div.MainSidebar p.readmore {
text-align: right;
}
body#Profile div.MainSidebar ul,body#MyProfile div.MainSidebar ul,body#Favorites div.MainSidebar ul,body#MyFavorites div.MainSidebar ul,body#List div.MainSidebar ul,body#Lists div.MainSidebar ul,body#MyLists div.MainSidebar ul,body#MySettings div.MainSidebar ul,body#Comments div.MainSidebar ul,body#MyComments div.MainSidebar ul {
text-align: left;
}
body#Profile div.MainSidebar ul li p,body#MyProfile div.MainSidebar ul li p,body#Favorites div.MainSidebar ul li p,body#MyFavorites div.MainSidebar ul li p,body#List div.MainSidebar ul li p,body#Lists div.MainSidebar ul li p,body#MyLists div.MainSidebar ul li p,body#MySettings div.MainSidebar ul li p,body#Comments div.MainSidebar ul li p,body#MyComments div.MainSidebar ul li p {
padding: 0;
}
body#Profile div#Reminders h3,body#MyProfile div#Reminders h3 {}
a.actionButton {
margin:5px auto;
}
a#contactMeButton,a#becomeFriendButton,a#becomeAFriendButton,a.profileFindMore {
background: #b2b2b2;
background: -webkit-linear-gradient(top, #b2b2b2 3%,#ffffff 10%,#ffffff 84%,#dddddd 92%,#7f7f7f 100%);
background: linear-gradient(to bottom, #b2b2b2 3%,#ffffff 10%,#ffffff 84%,#dddddd 92%,#7f7f7f 100%);
display:inline-block;
text-align:center;
padding:4px 10px;
margin:5px 0;
border-radius:4px;
color:#666;
box-shadow: inset 0px -1px 3px 1px #888;
transition:border-radius linear .04s, color linear .04s;
}
a.profileFindMore:hover,a#contactMeButton:hover,a#becomeFriendButton:hover,a#becomeAFriendButton:hover {
color:#333;
}
a.profileFindMore:focus,a#contactMeButton:focus,a#becomeFriendButton:focus,a#becomeAFriendButton:focus,a.profileFindMore:active,a#contactMeButton:active,a#becomeFriendButton:active,a#becomeAFriendButton:active {
border-radius:5px;
box-shadow: inset 0px 0px 2px 0px #545454;
}
div#profileModeMessage h1 {
padding: 10px;
text-align: center;
font-size: 1.4em;
background: #fafafa;
}
div#profileModeMessage h1 span {
background: #FFF8E8;
padding: 2px;
}
div#profileModeMessage h1 a {
font-weight: 700;
color: #000;
}
.Profile .photoMain img {
width: 180px;
height: auto;
}
body#Location div#BrowseComments.MainColumn {
margin: 20px 0;
}
body#Location div#LocationLayout {
margin-top: 0;
}
body#MySettings dl.formElements {
margin-right: 0;
}
body#MySettings dl.formElements dd {
width: 385px;
margin-bottom: 10px;
}
body#MySettings dl.formElements dd.formLeft,body#MySettings dl.formElements dd.formRight {
width: 175px;
float: left;
}
body#MySettings dl.formElements dd.interests {
margin: 10px 0;
width: 380px;
}
body#MySettings dl.formElements dd.interests div.interestsColumn {
float: left;
width: 140px;
margin-right: 10px;
}
body#MySettings dl.formElements textarea[name=tags] {
height: 60px;
}
/* Free Stuff */
body#FreeStuff #FreeStuffSearchResults{}
body#FreeStuff .MainColumn h2:first-of-type,
body#FreeStuff #NewsletterSignup+h2,
body#FreeStuff h3.freeRFTEvents {
text-align: center;
font-size: 23px!important;
font-weight: 700;
letter-spacing: 2px;
margin: 0 0 15px;
text-transform: uppercase;
color:#31639C!important;
background: url(/images/backgrounds/gray2pxArchivesWide.png) center center no-repeat transparent;
}
body#FreeStuff #NewsletterSignup >h2 {background: url(/images/backgrounds/gray2pxArchivesWide.png) center center no-repeat transparent !important; }
body#FreeStuff.FreeStuffProcess h2:only-of-type{background: url(/images/backgrounds/gray2pxArchivesWider.png) center center no-repeat transparent;}
body#FreeStuff .MainColumn h3, body#FreeStuff .MainColumn div.freeStuffMessage+h2 {
color: #222;
text-transform: uppercase;
margin: 10px 0;
font-size: 20px;
font-weight: 700;
}
body#FreeStuff h3.headline a {
color:#000;
text-transform:none;
display:block;
font-size:14px;
overflow:hidden;
margin:0 0 5px;
}
body#FreeStuff .storyTeaser {
float: left;
margin: 0 10px 10px 0;
}
body#FreeStuff div.storyItem {
margin: 0 0 20px;
overflow: hidden;
}
body#FreeStuff div.storyItem>a {
font-size: 13px!important;
display: inline-block;
margin: 5px 0;
}
body#FreeStuff .MainColumn div.storyItem form{clear: right;
text-align: right;
margin: 10px 0 0;
}
body#FreeStuff h4 {}
body#FreeStuff .MainColumn h4.headline a {font-size: 23px;}
body#FreeStuff div.PromoTeaser {
float: left;
margin-right: 10px;
}
body#FreeStuff div.descr_txt {font-family:inherit;color:#666;margin: 5px 0;}
body#FreeStuff div.descr_txt ul li {
list-style-type: disc;
list-style-position: inside;
margin-bottom: 3px;
}
body#FreeStuff div.freeStuffMessage {
background: #f1f1f1;
font-size: 17px;
font-weight:700;
margin-bottom: 20px;
border-radius:2px;
padding: 5px 10px;
}
body#FreeStuff div#FreeStuffProcess-login div.freeStuffMessage {
background: #f1f1f1;
font-size: 22px;
font-weight:700;
margin-bottom: 20px;
border-radius:2px;
padding: 5px 10px;
}
body#FreeStuff div.freeStuffMessage p{margin:10px 0;}
body#FreeStuff div#FreeStuffProcess-login div.freeStuffMessage a {
font-size:25px;
padding:0 1px;
}
body#FreeStuff hr {
border: 1px solid #000;
border-width: 0 0 1px;
background: transparent;
margin: 20px 0;
}
body#FreeStuff div#FreeStuffBreadcrumbs {
margin-bottom: 10px;
border-bottom: 1px solid #000;
padding-bottom: 5px;
}
body#FreeStuff div#FreeStuffBreadcrumbs a {
color: #000;
text-decoration: none;
text-transform: uppercase;
}
body#FreeStuff div#FreeStuffItem h1.listingTitle {
font-size: 2.2em;
}
div#FreeStuffItem iframe {
max-width: 100%;
}
body#FreeStuff .MainColumn form input[type=submit]{
background:#31639C;
border: 0 none;
font-weight: 700;
color: #fff;
border-radius: 8px;
padding: 3px 6px;
font-size: 12px;
text-transform: uppercase;
}
#FreeStuff.FreeStuffLanding .RFTEventsContainer,
#FreeStuffBreadcrumbs.rft_eventsFreeStuffCategory,
#FreeStuffSearchResults.rft_eventsFreeStuffCategory h2 {display:none;}
body#Profile div.MainColumn h3,body#MyProfile div.MainColumn h3,body#Favorites div.MainColumn h3,body#MyFavorites div.MainColumn h3,body#List div.MainColumn h3 {
text-align: center;
}
body#Favorites .readmore {
padding-right: 10px;
}
body#Profile .readmore a,body#MyProfile .readmore a,body#Favorites .readmore a,body#MyFavorites .readmore a,body#List .readmore a,body#Lists .readmore a,body#MyLists .readmore a {
text-decoration: none;
}
body#Profile div#gridMainSidebar ul li,body#MyProfile div#gridMainSidebar ul li,body#Favorites div#gridMainSidebar ul li,body#MyFavorites div#gridMainSidebar ul li,body#List div#gridMainSidebar ul li,body#Lists div#gridMainSidebar ul li,body#MyLists div#gridMainSidebar ul li,body#Location div#gridMainSidebar ul li,body#Event div#gridMainSidebar ul li,body#EventSearch div#gridMainSidebar ul li,body#LocationSearch div#gridMainSidebar ul li,body#DiningSearch div#gridMainSidebar ul li,body#MovieTimes div#gridMainSidebar ul li,body#FilmSearch div#gridMainSidebar ul li,body#Film div#gridMainSidebar ul li,body#Search div#gridMainSidebar ul li,body#ArticleArchives div#gridMainSidebar ul li,body#IssueArchives div#gridMainSidebar ul li,body#MySettings div#gridMainSidebar ul li,body#MyComments div#gridMainSidebar ul li,body#Comments div#gridMainSidebar ul li,body#MemberSearch div#gridMainSidebar ul li,body#BestOf div#gridMainSidebar ul li,body.SearchPage div#gridMainSidebar ul li {
margin-bottom: 4px;
clear: both;
width: 100%;
display: inline-block;
}
body#List div#gridMainSidebar {
width: 180px;
padding: 0;
margin: 12px;
}
body#List div#gridMainColumn {
width: 580px;
padding: 10px;
margin: 10px 10px 10px 0;
}
body#List div#gridMainColumn .MainColumn {
margin: 0;
}
body#List div#gridMainColumn h3.profileGroupHeader {
text-align: left;
}
body#EventSearch #gridMainSidebar select,body#MovieTimes #gridMainSidebar select,body#LocationSearch #gridMainSidebar select,body#DiningSearch #gridMainSidebar select,body#MemberSearch #gridMainSidebar select {
width: 133px;
}
body#MovieTimes div#MovieTimesFilmandTheater h4,body#Film div#MovieTimesFilmandTheater h4 {
margin: 10px 0 0 10px;
}
body#EventSearch div#EventsSearchTerms,body#MovieTimes div#MovieTimesSearchTerms,body#LocationSearch div#LocationSearchTerms,body#DiningSearch div#DiningSearchTerms,body#Search div#SearchSearchTerms,body#ArticleArchives div#SearchSearchTerms,body#IssueArchives div#SearchSearchTerms,body#IssueArchives div#ArchivesIssueNav,body#ArticleArchives div#ArchivesSearchTerms,body#MemberSearch div#MemberSearchTerms,body.SearchPage div#SearchTerms {
margin-bottom: 10px;
padding: 0 0 5px;
border-bottom: 1px solid #222;
}
body#EventSearch div#EventsSearchTerms h3,body#MovieTimes div#MovieTimesSearchTerms h3,body#LocationSearch div#LocationSearchTerms h3,body#DiningSearch div#DiningSearchTerms h3,body#Search div#SearchSearchTerms h3,body#ArticleArchives div#SearchSearchTerms h3,body#IssueArchives div#SearchSearchTerms h3,body#ArticleArchives div#ArchivesSearchTerms h3,body#MemberSearch div#MemberSearchTerms h3,body.SearchPage div#SearchTerms h3 {
color: #000;
line-height: 1em;
padding: 0 0 5px;
font-weight: 400;
text-align: left;
}
body#EventSearch div#EventsSearchTerms ul li,body#MovieTimes div#MovieTimesSearchTerms ul li,body#LocationSearch div#LocationSearchTerms ul li,body#DiningSearch div#DiningSearchTerms ul li,body#Search div#SearchSearchTerms ul li,body#ArticleArchives div#SearchSearchTerms ul li,body#IssueArchives div#SearchSearchTerms ul li,body#ArticleArchives div#ArchivesSearchTerms ul li,body#MemberSearch div#MemberSearchTerms ul li,body.SearchPage div#SearchTerms ul li {
font-size: 11px;
padding: 5px 0;
color: #222;
}
body#EventSearch div#EventsSearchTerms ul li+li,body#MovieTimes div#MovieTimesSearchTerms ul li+li,body#LocationSearch div#LocationSearchTerms ul li+li,body#DiningSearch div#DiningSearchTerms ul li+li,body#Search div#SearchSearchTerms ul li+li,body#ArticleArchives div#SearchSearchTerms ul li+li,body#IssueArchives div#SearchSearchTerms ul li+li,body#ArticleArchives div#ArchivesSearchTerms ul li+li,body#MemberSearch div#MemberSearchTerms ul li+li,body.SearchPage div#SearchTerms ul li+li {
border-top:1px solid #dedede;
}
body#EventSearch div#EventsSearchTerms ul li a,body#MovieTimes div#MovieTimesSearchTerms li a,body#LocationSearch div#LocationSearchTerms li a,body#DiningSearch div#DiningSearchTerms li a,body#Search div#SearchSearchTerms li a,body#ArticleArchives div#SearchSearchTerms li a,body#IssueArchives div#SearchSearchTerms li a,body#ArticleArchives div#ArchivesSearchTerms li a,body#MemberSearch div#MemberSearchTerms li a,body.SearchPage div#SearchTerms li a {
float: right;
font-weight: 700;
}
#CommentArchivesNarrowHeader ul li ul li,#ImageArchivesNarrowHeader ul li ul li,#VideoArchivesNarrowHeader ul li ul li {
margin-left:10px!important;
}
#CommentArchivesNarrowHeader ul li ul li:first-child,#ImageArchivesNarrowHeader ul li ul li:first-child,#VideoArchivesNarrowHeader ul li ul li:first-child {
margin:0 0 2px!important;
}
.subtractiveSelections ul li a {
background: transparent url(/images/buttons/subtractiveCheck.gif) no-repeat scroll left top;
display: block;
float: right;
font-weight: 400;
height: 15px;
margin-left: 2px;
text-indent: -9999em;
width: 14px;
}
.subtractiveSelections ul li a:hover {opacity:0.85;}
.subtractiveSelections ul li a.off,.subtractiveSelections ul li a:active {
background-position: -14px top !important;
}
.flyout_content {
background:#dedede;
background:rgba(244,244,244,0.97);
border: 2px solid #999;
box-shadow:2px 2px 3px 1px rgba(33,33,22,0.6);
padding: 10px;
border-radius:3px;
z-index: 5;
position: relative;
min-width:200px;
}
.flyout_content a{color:#676767;}
.flyout_content table {
border: 0;
}
.flyout_content table td {
padding: 10px;
width: 150px;
max-width: 170px;
}
.flyout_content a:hover {color:#000;}
h1#ProfileHeader {
background: #eee;
color: #000;
font-weight: 700;
padding: 7px 12px;
}
h2#userName {
float: left;
font-size: 32px;
line-height: .5em;
margin: 20px 50px 20px 0;
padding-left: 12px;
}
h2#userName a#userNameLink {
color: #000;
font-weight: 700;
text-decoration: none;
}
h2#userName span#memberSince {
color: #000;
font-size: 12px;
font-weight: 400;
width: 100%;
}
ul#badges {
height: 25px;
margin: 26px 0;
text-align: left;
}
ul#badges li {
display: inline;
vertical-align: middle;
}
h3.profileGroupHeader,h2.largeHeader,body.ProfileComments div#gridMainColumn div#BrowseComments div.commentsHeader h3 {
background: none;
font-weight: 700;
font-size: 20px;
color: #000;
}
body.ProfileComments div#gridMainColumn div#BrowseComments div.commentsHeader {
background: none;
}
div#userPics {
}
div#userPics ul.fullsize {
padding: 0;
margin: 0;
}
div#userPics ul.fullsize .photoCont a {
display: block;
width: 160px;
background: #eee;
padding: 10px;
text-align: center;
}
div#userPics ul.fullsize .photoCont a img {
display: block;
width: 160px;
margin: 0 auto;
}
div#userPics ul li.photo {
height: auto;
padding: 0;
margin: 0;
}
div#userPics .photoGrid {
margin-top: 0;
}
div#photoEnlarge a {
padding: 3px;
text-decoration: none;
font-size: 10px;
}
.MainColumn h2.listingsHeader,
#MenuTeaser h2.listingsHeader,
.MainColumn.RelatedItem h3,
.SpanningFeature.RelatedItem h3,
#RecentByTag h3,
#FilmTimesByHour[class*='FullWidth'] h2,
#LatestInCategory[class*='FullWidth'] h3,
#RelatedEvents[class*='FullWidth'] h3,
#RelatedStories[class*='FullWidth'] h3,
#MorebyThisAuthor[class*='FullWidth'] h3,
#TabbedPopularity[class*='FullWidth'] h2,
#TabbedCalendar[class*='FullWidth'] h2,
#NewsletterSignup[class*='FullWidth'] h2,
#PeopleWhoLiked h3,
#SpecialIssues[class*='FullWidth'] h2,
#PhotoSlideshows[class*='FullWidth'] h2 {
color: #222;
text-transform: uppercase;
margin: 15px 0;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
}
div#PhotoSlideshows[class*='FullWidth'] h2 a,
div#SpecialIssues[class*='FullWidth'] h2 a{
color: #222;
}
#SearchRightCol.ContentFullWidth{
margin-bottom: 15px
}
#SearchRightCol.ContentFullWidth input[type=text] {
width: auto
}
div#RelatedLocationsbyMaster h3,
div.MainColumn h2.listingsHeader,
div#MapSmall h3,
#MenuTeaser h2.listingsHeader {
border-bottom: 1px solid #414141;
margin:0 0 5px;
}
div#MapSmall h3 span,
div.MainColumn h2.listingsHeader span,
div.MainColumn h2.listingsHeader a{
color: #111;
font-weight: 700;
font-size: 18px
}
div.SpanningFeature.RelatedItem li ul,div.MainColumn.RelatedItem li ul {
overflow:hidden;
color:#777;
margin:2px 0;
font-size: 11px;
}
div.MainSidebar form input.text {
padding: 2px 2px 2px 22px;
width: 133px;
background: url(/images/icons/magGlass_12px.png) 4px 4px no-repeat transparent;
}
.MainSidebar .submitBtn {
float: right;
display: inline-block;
margin: 5px 0;
overflow: hidden;
background:#31639C;
padding: 5px 10px;
color: #FFF;
border: 0;
border-radius: 5px;
text-transform: uppercase;
font-family: "Montserrat",sans-serif;
font-size:10px;
}
div#cse-search-results {
width: 600px;
}
div#cse-search-results iframe {
width: 600px;
}
body#Film div#searchResults {
margin-top: 10px;
}
body#CommentArchives div#CommentSearchResults div#searchResults .comment {
margin:12px 0 0;
}
body#CommentArchives div#CommentSearchResults .memberThumb {
float: left;
margin-right: 5px;
display: block;
}
body#CommentArchives div.comment {
border-top: 1px solid #555;
padding-top: 10px;
}
body#CommentArchives div.comment:first-child {border:none;padding:0;}
body#CommentArchives div.commentText{
border: 1px solid #ccc;
border-radius: 3px;
}
body#CommentArchives div#CommentSearchResults h4 {
font-weight: 700;
font-size: 14px;
}
body#CommentArchives div#CommentSearchResults div.ratingGraphic {
margin-bottom: 10px;
}
body#CommentArchives div#CommentArchivesNarrowHeader form {
padding: 0;
}
body#CommentArchives div#CommentArchivesNarrowHeader form p {
clear: both;
margin: 0;
padding: 10px 0 0;
}
body#CommentArchives div#CommentArchivesNarrowHeader form select {
width: 50px;
font-size: .9em;
}
body#CommentArchives div#CommentArchivesNarrowHeader form select.dateDay,body#CommentArchives div#CommentArchivesNarrowHeader form select.dateMonth {
margin-bottom: 5px;
}
body#CommentArchives div#CommentArchivesNarrowHeader form select.dateYear {
width: 50%;
}
body#CommentArchives div#CommentArchivesNarrowHeader form input {
clear: both;
margin-top: 10px;
background: #eee;
border: 1px solid #000;
clear: both;
color: #000;
cursor: pointer;
font-weight: 700;
margin-top: 10px;
padding: 1px 5px;
}
body#LocationSearch div#searchResults {
margin-top: 10px;
}
p.noMatchesFound {
padding: 10px;
}
div.magnumContainer {
margin-bottom: 25px;
}
body#Page div.magnumContainer {
margin: 0;
}
div.bottomOptionBar {
padding: 0;
position: relative;
margin: 20px 16px 8px;
text-align: left;
font-size: 12px;
border: 1px solid #D0d0d0;
background-color: #e0e0e0;
box-shadow: 0 0 5px #ccc inset;
border-radius: 2px;
clear: both;
}
.bottomOptionBar .commentRSSLink, .bottomOptionBar .commentSubscribeLink {
margin: 4px 0;
padding: 4px 2px 4px;
float: left;
}
.bottomOptionBar .togglePanel {
position: absolute;
left: -40px;
top: 35px;
background-color: #DDC;
white-space: nowrap;
border-width: 1px 0;
border-radius: 2px;
color: #666;
opacity: 0.95;
padding: 16px;
border: 1px solid #CCB;
box-shadow: 0 0 5px #CCC;
z-index: 1;
}
div.bottomOptionBar div.showing {
margin-bottom: 6px;
float: right;
padding: 4px 6px 4px;
font-size: 12px;
margin: 4px 0;
color: #333;
}
.bottomOptionBar .togglePanel .toggleArrowBorder {
content: "";
position: absolute;
border-width: 8px;
border-color: transparent transparent #CCB transparent;
display: block;
width: 0;
top: -17px;
left: 77px;
border-style: solid;
opacity: 0.95;
}
.bottomOptionBar .togglePanel .toggleArrow {
content: "";
position: absolute;
border-width: 7px;
border-color: transparent transparent #DDC transparent;
display: block;
width: 0;
top: -14px;
left: 78px;
border-style: solid;
}
span.pastEventMessage, div.closedLocationMessage {
display: block;
background: #FF3333;
padding: 3px 5px;
overflow:hidden;
clear:both;
margin: 2px 0px 10px;
border: 1px solid #FF0000;
font-size: 16px;
color: #FFF;
font-weight: bold;
}
ul.locationEvents li ul {
overflow: hidden;
color: #777;
margin: 2px 0;
font-size: 11px;
}
ul.locationEvents li.l0 {
margin-bottom: 8px;
}
ul.locationEvents li.l0 h4 a {
font-weight: 700;
text-decoration: none;
color:#000;
font-size:14px;
}
ul.locationEvents li.commentCount {
font-size: 11px;
}
.columnList li {
padding: 10px 0 0;
margin: 0 0 10px;
border-top: 1px solid #000;
color: #000;
}
.columnList li a {
display: block;
font-weight: 700;
text-decoration: none;
line-height: 1.25em;
}
.columnList li p {
margin: 0;
font-size: 11px;
}
.columnList li ul {
padding: 0;
margin: 0;
}
.columnList li ul li {
padding: 0;
margin: 0 0 5px;
border: none;
font-size: 11px;
}
.scrollableArrow_left {
display: block;
float: left;
width: 10px;
height: 32px;
background: url(/images/buttons/scroll_arrow_left.png) no-repeat -1px center;
text-align: left;
text-indent: -6000px;
}
.scrollableArrow_right {
display: block;
float: right;
width: 10px;
height: 32px;
background: url(/images/buttons/scroll_arrow_right.png) no-repeat left center;
text-align: left;
text-indent: -6000px;
}
#ArticleArchives #resultsCount,#MemberSearch #resultsCount {
text-align: left;
margin: 5px 10px;
color: #000;
font-size: .9em;
border-bottom: 1px solid #000;
}
#ArticleArchives li.storyItem ul>div {margin:5px 0 0;color:#999;}
#ArticleArchives li.sectionDateInfo {
font-size: 11px;
color: #434343;
margin-bottom: 5px;
}
#ArticleArchives li.sectionDateInfo strong{color: #31639C;text-transform: uppercase;
font-family: "Montserrat",sans-serif;
font-size: 12px;}
body#IssueArchives #searchResults h3 {
text-align: center;
font-size: 2em;
}
body#IssueArchives #archiveIssueHeader {
margin: 10px;
}
body#IssueArchives div#searchResults div.searchedFor h3 {
font-size: 14px;
}
body#IssueArchives #archiveIssueHeader img.archiveIssueCover {
float: left;
padding: 5px;
background: #eee;
margin: 0 10px 5px 0;
}
body#IssueArchives #archiveIssueHeader div.issueImage {
float: left;
overflow: hidden;
text-align: center;
}
body#IssueArchives #archiveIssueHeader div.issueImage a {
clear: both;
display: block;
overflow: hidden;
}
body#IssueArchives #archiveIssueHeader div.issueImage ul.imageCaptionAndCredit li {
color: #000;
line-height: 1em;
padding: 2px 0;
}
#archiveIssueDetails li {
font-size: 17px;
text-align: center;
color:#555;
}
#archiveIssueDetails > li.issueDates {
font-weight: 700;
color:#111;
}
#archiveIssueDetails li.IssueTitle {
font-size: 25px;
color:#111;
line-height: 1.25;
font-weight: 400;
}
body#IssueArchives #searchResults h4.sectionHeader {
font-size: 1.3em;
border-bottom: 0;
margin-top: 10px;
background-color: #31639C;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 2px 0;
}
body#IssueArchives #searchResults ul#yearIssueArchives {
margin: 10px auto;
}
body#IssueArchives #searchResults li.issueCover {
text-align: center;
width: 135px;
min-height: 225px;
margin: 0 5px 15px;
display: inline-block;
font-size: 10px;
vertical-align: text-top;
}
body#IssueArchives #searchResults li.issueCover:nth-child(3n){
margin-right:0;
}
/* BLOGS */
body#Blog div#gridMain,body#Post div#gridMain {}
body#Blog div#gridFrame,body#Post div#gridFrame,body.BlogArchives div#gridFrame,body#BlogTopics div#gridFrame,.Iapetus10Zone div#gridFrame{
background: none;
margin:0px 20px 10px 0;
width: 600px !important;
}
body#Blog div#gridSpanningHeader,body#BlogTopic div#gridSpanningHeader {
width: 600px;
}
body#Blog div#gridColumnContainer,body#Post div#gridColumnContainer,body.BlogArchives div#gridColumnContainer,body#BlogTopics div#gridColumnContainer {
width: 600px;
padding: 0;
}
body#Blog div#gridMainSidebar1,body#Post div#gridMainSidebar1,body#BlogTopics div#gridMainSidebar1 {
display: none;
}
div#Blog h2.blogDate,div#BlogsBlogPost h2.blogDate {
background: #868686;
font-size: 1em;
}
h2.blogDate {
clear: both;
padding: 3px 5px;
color: #fff;
font-weight: 700;
text-align: center;
margin:0 0 15px;
}
#BlogsBlogPost h2.blogDate {float:right;padding:0;color:#414141;font-weight:bold;text-align:right;background:none!important;}
#BlogsBlogPost .postCategories {margin-bottom:10px;}
h3.postTitle {
font-size:23px!important;
margin: 0;
font-weight: 700;
text-transform:none!important;
padding-bottom: 0;
text-align: left;
letter-spacing: 0 !important;
}
.blogPost .postTitle{margin-bottom:5px;}
h3.postTitle,h3.postTitle a{color:#414141;}
h4.postedBy {
clear: both;
font-family:'Open Sans',Helvetica,Arial,sans-serif;
color: #777;
font-size: 13px;
font-weight:normal;
margin: 0;
padding: 0;
text-align: left;
}
.postedBy .author {
color: #000;
font-weight:normal;
}
span.postCategory {
color: #000;
font-weight: 700;
text-align: center;
}
span.postCategory a {
color: #31639C;
text-decoration: none;
font-family: "Montserrat",sans-serif;
text-transform:uppercase;
}
div.blogPost {
border-bottom: 2px dotted #ddd;
margin: 0 0px 15px;
padding: 0 0 10px;
}
.blogPost h1 {font-size:30px;line-height:1;}
div.blogPost.blogs .postBody .storyTeaser {float:left;margin-right:10px;}
div.blogPost.blogs .postBody .postSummary{overflow:hidden;}
div.blogPost p.extended {
font-weight: 700;
clear:both;
margin: 0;
text-align:right;
}
div.blogPost p.extended a {
color: #31639C;
font-family: 'Montserrat',sans-serif !important;
font-size: 11px;
text-decoration:none;
text-transform: uppercase;
}
div.blogPost p.extended a:hover {
text-decoration:underline;
}
div.indivArchive div.blogPost {
border: none;
}
div.postBody {
overflow: hidden;
margin-top: 15px;
color: #000;
text-align: left;
}
.postBody a {
}
div#storyBody blockquote,.postBody blockquote {
padding: 2px 10px;
text-align: justify;
margin: 1em 3em;
box-shadow: -5px 0px 3px -1px #999;
line-height: 1.5em;
color: #111;
font-family: 'Lato',sans-serif;
border-radius: 4px;
background: #f9f9f9;
}
div.blogPost .postBody .storyTeaser {
float: left;
margin-right: 10px;
}
.postBody img {
display: block;
margin: 5px auto 0;
text-align: center;
}
.postLinks {
color: #000;
font-size: 11px;
letter-spacing: .2em;
padding: 0;
text-align: center;
text-decoration: none;
}
.postLinks a {
color: #000;
text-decoration: none;
}
.page_next a {
float: right;
display: block;
width: auto;
height: auto;
background: #31639C;
margin-bottom: 5px;
text-indent: 0;
border-radius: 8px;
text-transform: uppercase;
padding: 10px 15px;
font-weight:700;
}
.page_prev a {
float: left;
display: block;
width: auto;
height: auto;
background:#31639C;
margin-bottom: 5px;
text-indent: 0;
border-radius: 8px;
text-transform: uppercase;
padding: 10px 15px;
font-weight:700;
}
.keepReading a {
color: #fffffe;
}
h3.archiveHead,h2.archiveHead {
text-align: center;
font-size: 23px;
font-weight: 700;
letter-spacing: 2px;
margin: 0 0 15px;
text-transform: uppercase;
color: #31639C;
background: url(/images/backgrounds/gray2pxArchivesWide.png) center center no-repeat rgba(0, 0, 0, 0);
}
h3.archiveHead:before,h2.archiveHead:before {
padding-left: 5px;
background: #FFF;
content: ".";
text-indent: -9999em;
display: inline-block;
}
h3.archiveHead:after,h2.archiveHead:after {
padding: 0 3px;
background: #FFF;
content: ".";
text-indent: -9999em;
display: inline-block;
margin-left: -3px;
}
table.archivetable {
width: 540px;
margin: 20px 20px 0;
}
table.archivetable tr.alternate {
background: #eee;
}
table.archivetable td {
padding: 3px;
}
table.archivetable td.archlink {
width: 50%;
}
table.archivetable td.archlink a {
font-weight: 700;
text-decoration: none;
}
table.archivetable td.archcount {
width: 25%;
text-align: right;
}
table.archivetable td.rsslink {
width: 25%;
text-align: right;
}
div#Blog.BlogDefault h2.rsslink {
display: none;
}
div#BlogTopicList {
padding-bottom: 20px;
}
div#comments_banner {
margin-bottom: 10px;
}
div.CommentPopup dl.formElements dt {
min-height: 0;
height: auto;
}
div.CommentPopup dl.formElements dd textarea {
width: 370px;
}
div.CommentPopup p.commentFormSubmit {
margin-right: 10px;
}
#PostComment.PostCommentPopUp div#PostCommentProcessEdit dl.formElements dd textarea,#PostComment.PostCommentPopUp textarea {
width: 94%;
}
#missingLocationLink {
background: #eee;
margin: 0 0 10px;
padding: 10px 0 10px 5px;
text-align: left;
}
#missingLocationLink h3 {
margin-bottom: 7px;
text-align: center;
font-weight: 700;
font-size: 14px;
color: #000;
}
#missingLocationLink a.addListing {
display: block;
width: 145px;
height: 67px;
background: url(/images/buttons/addlisting.gif) no-repeat;
margin: 0 auto 0 5px;
text-align: left;
font-weight: 700;
font-size: 18px;
color: #000;
line-height: .9em;
text-decoration: none;
}
#missingLocationLink a.addListing span {
display: block;
width: 137px;
padding: 11px 0 0 13px;
text-align: left;
}
#missingLocationLink a.addListing em {
float: right;
display: block;
width: 19px;
height: 44px;
margin: 8px 14px 0 3px;
font-size: 60px;
letter-spacing: -2px;
color: #000;
}
#missingLocationLink a.addListing:hover span,#missingLocationLink a.addListing:hover em {
color: #000;
}
#NewsletterSignupLink p {
padding: 5px;
text-align: center;
}
div.commentsHeader a.feedLink {
background: transparent url(/images/rss-small.gif) no-repeat top center;
color: #000;
font-size: 0;
margin-left: 1px;
padding: 12px 0 0 12px;
text-decoration: none;
}
.commentText.staffComment {
border-left: 5px solid #000;
}
p.fullInfo {
font-size: 1.1em;
font-weight: 700;
padding: 5px;
background: #f3f3f3;
width: 420px;
}
/* ------------------------------------------------------------------------ */
/* SLIDESHOW */
/* ------------------------------------------------------------------------ */
/* Styles for pop-up controls. */
#SlideshowPopUp .closeBtn {
font-weight: 700;
margin-left: 535px;
margin-top: -18px;
position: absolute;
}
#SlideshowPopUp .closeBtn a {
display: block;
color: #000;
text-decoration: none;
height: 30px;
}
#SlideshowPopUp .closeBtn a img {
margin-bottom: -10px;
}
#SlideshowPopUp .slideImg,#SlideshowFullPage .slideImg {
overflow: hidden;
margin: auto;
}
#SlideshowPopUp .slideContainer,#SlideshowFullPage .slideContainer {
background: #eee;
}
#SlideshowPopUp .slideImg .controls {
position: relative;
top: -100px;
width: 300px;
height: 57px;
margin-left: auto;
margin-right: auto;
z-index: 100;
}
#SlideshowPopUp .slideImg .controls a {
background-attachment: scroll;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
display: block;
float: left;
width: 100px;
height: 57px;
text-indent: -6000px;
overflow: hidden;
}
#SlideshowPopUp .slideImg .controls .back {
background-image: url(/images/buttons/slideshow/slideshow-back.png);
}
#SlideshowPopUp .slideImg .controls .playpause {
background-image: url(/images/buttons/slideshow/slideshow-play_pause.png);
}
#SlideshowPopUp .slideImg .controls .play {
background-image: url(/images/buttons/slideshow/slideshow-play.png);
}
#SlideshowPopUp .slideImg .controls .pause {
background-image: url(/images/buttons/slideshow/slideshow-pause.png);
}
#SlideshowPopUp .slideImg .controls .next {
background-image: url(/images/buttons/slideshow/slideshow-next.png);
}
/* Story page, inline and teaser */
div.inlineSlideshow {
width: 420px;
margin: 0 auto;
}
h5.slideshowHeader {
font-size: 1.4em;
text-transform: uppercase;
}
div.inlineSlideshow p,div#SlideshowTeaser p {
margin: 0;
color: #000;
}
.slideshowTitle {
font-size: 1.1em;
font-weight: 700;
color: #000;
}
.slideshowDesc {
}
.slideshowCount {
font-size: .9em;
}
.slideshowByline {
font-size: .9em;
font-style: italic;
}
a.postComment {
display: block;
font-size: .9em;
margin-top: 5px;
font-weight: 700;
}
div.slideshowThumbnails {
margin-top: 5px;
}
div.slideshowThumbnails img {
margin-right: -1px;
}
div.slideshowThumbnails a {
display: inline-block;
}
body#Content div#SlideshowTeaser.Sidebar,div#SlideshowTeaser.Sidebar {
padding: 0;
background: transparent;
border: 0;
font-size: .9em;
}
div#SlideshowTeaser div {
margin-bottom: 10px;
}
/* Full page styles */
body.Slideshow .MainColumn {
margin-bottom: 20px;
}
body#Slideshow div#Comments.CommentsComponent,body#Slideshow div#BrowseComments.ContentComments {
padding: 0 0 12px;
}
body#Slideshow div#Share {
float: right;
margin: 10px 0;
}
div#SlideshowFullPage .slideshowPrevNext {
font-size: 1.3em;
font-weight: 700;
text-align: center;
margin: 10px auto;
width: 210px;
height: 40px;
clear: both;
}
div#SlideshowFullPage .slideshowCount {
text-align: center;
}
div#SlideshowFullPage a.imageLink {
display: block;
background: #eee;
margin-top: 15px;
}
#RelatedSlideshows a {text-decoration: none;}
div#RelatedSlideshows ul li {
padding-bottom: 10px;
}
div#RelatedSlideshows ul li div.storyTeaser {
float: left;
margin-right: 10px;
}
/* Related Slideshows - updated styles from search */
#RelatedSlideshows>ul {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
}
#RelatedSlideshows .teaser-wrap {
position: relative;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
height: 204px;
padding-bottom: 0 !important;
text-align: center;
background-color: #333
}
#RelatedSlideshows .teaser-wrap img {
height: 100%;
}
div.slideshowPrevNext a {
float: left;
text-indent: -9999em;
}
div.slideshowPrevNext a.slideshowBack {
background: transparent url(/images/buttons/slideshow/slideshow-back-sm.png) no-repeat 0 0;
display: block;
height: 40px;
width: 70px;
}
div.slideshowPrevNext a.slideshowNext {
background: transparent url(/images/buttons/slideshow/slideshow-next-sm.png) no-repeat 0 0;
display: block;
height: 40px;
width: 70px;
}
div.slideshowPrevNext a.SlideshowFullPageToggleSlideshow {
background: transparent url(/images/buttons/slideshow/slideshow-play-sm.png) no-repeat 0 0;
display: block;
height: 40px;
width: 70px;
}
div.slideshowPrevNext a.playing {
background: transparent url(/images/buttons/slideshow/slideshow-pause-sm.png) no-repeat 0 0;
display: block;
height: 40px;
width: 70px;
}
/* Pop-up Styles */
body.SlideshowPopUp div#gridHeader div {
margin: 5px;
}
div#SlideshowMetaData .slideshowByline {
margin-bottom: 10px;
}
div#SlideshowMetaData .caption {
font-size: .9em;
}
div#SlideshowMetaData .credit {
text-transform: uppercase;
color: #000;
font-size: .9em;
}
div#SlideshowPopUp .date {
color: #000;
font-size: .9em;
}
/* Inline Video Styles */
div.inlineVideo,div#VideoPlayer {
text-align: center;
}
div.inlineVideo p,div#VideoPlayer p {
font-size: .9em;
color: #000;
margin: 0;
}
div.inlineVideo p.videoTitle,div#VideoPlayer p.videoTitle {
font-size: 1.1em;
font-weight: 700;
}
div.inlineVideo p.videoByline,div#VideoPlayer p.videoByline {
font-style: italic;
}
div.inlineVideo embed,div#VideoPlayer embed {
margin-bottom: 10px;
}
/* Slideshow Spotlight */
div#SlideshowSpotlightAll,div#SlideshowSpotlightSpecialPlacementHome,div#SlideshowSpotlightSectionorCategory,div#VideoSpotlight,div#VideoSpotlightHome,div#VideoSpotlight300 {
background: #eee;
margin-bottom: 10px;
text-align: left;
float: left;
width: 100%;
}
div#VideoSpotlight div,div#VideoSpotlightHome div,div#VideoSpotlight h4,div#VideoSpotlightHome h4,div#VideoSpotlight300 h4,div#VideoSpotlight300 ul {
margin: 10px;
}
div#SlideshowSpotlightAll h3,div#SlideshowSpotlightSpecialPlacementHome h3,div#SlideshowSpotlightSectionorCategory h3 {
margin-bottom: 10px;
}
div#VideoSpotlight h3,div#VideoSpotlightHome h3 {
margin-bottom: 5px;
}
div#VideoSpotlight div h4,div#VideoSpotlightHome div h4 {
margin: 0;
}
div#VideoSpotlight object,div#VideoSpotlightHome object {
margin-left: -10px;
}
div#VideoSpotlight ul li,div#VideoSpotlightHome ul li,div#VideoSpotlight300 ul li {
padding-bottom: 5px;
}
div#SlideshowSpotlightAll ul,div#SlideshowSpotlightSpecialPlacementHome ul,div#SlideshowSpotlightSectionorCategory ul {
float: left;
padding-left: 10px;
}
div#SlideshowSpotlightAll ul li,div#SlideshowSpotlightSpecialPlacementHome ul li,div#SlideshowSpotlightSectionorCategory ul li {
width: 135px;
float: left;
text-align: center;
padding: 0 0 10px;
font-size: 10px;
margin-right: 10px;
}
div#VideoSpotlight ul,div#VideoSpotlightHome ul,div#VideoSpotlight300 ul {
padding: 0;
}
div#SlideshowSpotlightAll div.slideshow,div#SlideshowSpotlightSpecialPlacementHome div.slideshow,div#SlideshowSpotlightSectionorCategory div.slideshow {
float: left;
clear: both;
width: 100%;
}
div#SlideshowSpotlightAll div.slideshow div.ssHeadline a,div#SlideshowSpotlightSpecialPlacementHome div.slideshow div.ssHeadline a,div#SlideshowSpotlightSectionorCategory div.slideshow div.ssHeadline a {
display: block;
font-size: 1.3em;
margin-bottom: 5px;
text-decoration: none;
font-weight: 700;
}
div#VideoSpotlight h4,div#VideoSpotlightHome h4,div#VideoSpotlight300 h4 {
font-size: 1.1em;
font-weight: 700;
}
div#VideoSpotlight h4 a,div#VideoSpotlightHome h4 a,div#VideoSpotlight300 h4 a {
text-decoration: none;
display: block;
margin-bottom: 5px;
}
/* Video Archives */
body#VideoArchives div#VideoArchiveHeader h1,body#ImageArchives div#ImageArchiveHeader h1 {}
body#VideoArchives #SearchResults h1,body#ImageArchives #ImageSearchResults h1 {}
body#VideoArchives #SearchResults div#searchResults div,body#VideoArchives div#RelatedVideos div,body#ImageArchives #ImageSearchResults div#searchResults div,body#ImageArchives div#RelatedImages div {
clear: both;
float: left;
width: 100%;
margin-bottom: 10px;
border-bottom: 1px solid #000;
padding-bottom: 10px;
}
body#ImageArchives #ImageSearchResults div#searchResults div {
clear: both;
float: left;
width: 100%;
margin-bottom:0;
border-bottom:none;
padding-bottom:0;
}
body#ImageArchives #ImageSearchResults div#searchResults div ul {text-align:center;margin-bottom:1em;}
body#ImageArchives #ImageSearchResults div#searchResults div.SlideshowRow ul {width:140px!important;margin-bottom:2em;}
body#VideoArchives #SearchResults div#searchResults div ul,body#VideoArchives div#RelatedVideos div ul,body#ImageArchives #ImageSearchResults div#searchResults div ul,body#ImageArchives div#RelatedImages div ul {
float: left;
width: 25%;
}
body#VideoArchives #SearchResults div#searchResults div ul li,body#VideoArchives div#RelatedVideos div ul li,body#ImageArchives #ImageSearchResults div#searchResults div ul li,body#ImageArchives div#RelatedImages div ul li {
padding: 0 10px 3px;
color: #000;
font-size: .9em;
}
body#VideoArchives #SearchResults div#searchResults div ul li a,body#VideoArchives div#RelatedVideos div ul li a,body#ImageArchives #ImageSearchResults div#searchResults div ul li a,body#ImageArchives div#RelatedImages div ul li a {
font-size: 1em;
text-decoration: none;
font-weight: 700;
}
div#VideoRelatedStories h3,div#VideoRelatedEvents h3,div#VideoRelatedLocations h3,div#VideoRelatedFilms h3,div#RelatedVideos h3,div#RelatedImages h3 {
border-bottom: 1px solid #000;
font-size: 1.3em;
margin-bottom: 5px;
}
body#VideoArchives div.MainColumn,body#ImageArchives div.MainColumn {
margin-bottom: 10px;
}
body#VideoArchives div#FeaturedVideo,body#ImageArchives div#FeaturedImage {
background-color: #f7f7f7;
padding: 10px 4px 4px;
margin-bottom: 10px;
border:1px solid #ccc;
border-radius:3px;
font-size:12px;
color:#454545;
}
body#VideoArchives div#FeaturedVideo div,body#ImageArchives div#FeaturedImage div {
text-align: center;
margin: 0 auto 10px;
}
.featuredSlideshowLink {
background: #31639C;
color: #FFF;
font-size:13px;
width: 250px;
padding: 3px;
border-radius: 5px;
}
.featuredSlideshowLink a {
color: #FFF;
margin-right: 5px;
font-size: 16px;
}
#ImageArchives .SlideshowRow .storyTeaser .slideshowLink a {
background: #31639C;
color: #FFF;
padding: 3px;
border-radius: 5px;
display: block;
clear: both;
margin: 5px 0;
}
body#ImageArchives #ImageSearchResults div#searchResults div ul li {padding:0 0 3px!important;}
body#VideoArchives div#FeaturedVideo h1,body#ImageArchives div#FeaturedImage h1 {
font-size:15px;
margin:0 0 5px;
color:#000;
font-weight:bold;
}
div#VideoArchivesNarrowHeader a,div#ImageArchivesNarrowHeader a {
text-decoration: none;
}
body#VideoArchives div#FeaturedVideo p,body#ImageArchives div#FeaturedImage p {
margin:0 0 5px;
}
body#VideoArchives div#FeaturedVideo p strong,body#ImageArchives div#FeaturedImage p strong, body#VideoArchives div#FeaturedVideo p a,body#ImageArchives div#FeaturedImage p a {font-size:11px;}
body#VideoArchives div#FeaturedVideo p.imageCredit,body#ImageArchives div#FeaturedImage p.imageCredit {
font-weight:700;
font-size:11px;
padding: 0 0 5px;
border-bottom: 1px solid #adadad;
margin:3px 0;
}
body#VideoArchives div#FeaturedVideo ul li a,body#ImageArchives div#FeaturedImage ul li a{
font-weight:700;
color:#000;
}
body#VideoArchives div#FeaturedVideo h4,body#ImageArchives div#FeaturedImage h4 {
margin: 5px 0 0;
background: #ddd;
color: #999;
padding: 5px 5px 0;
}
body#VideoArchives div#FeaturedVideo h4+ul,body#ImageArchives div#FeaturedImage h4+ul {
padding: 0 5px 5px;
background: #ddd;
}
div#VideoArchivesNarrowHeader.MainSidebar ul,div#ImageArchivesNarrowHeader.MainSidebar ul {
color: #000;
}
div#FeaturedImage a.slideshowLink {
font-weight: 700;
}
body#ImageArchives div#FeaturedImage img {
max-width: 100%;
height: auto;
}
#ImageArchives .SlideshowRow .storyTeaser {margin-left:0!important;margin-right:5px!important;}
#ImageArchives .SlideshowRow .storyTeaser span {display:block;}
#ImageArchives .SlideshowRow .storyTeaser {text-align:center;}
#ImageArchives .SlideshowRow .storyTeaser div a img {margin-bottom:0.5em;}
#ImageArchives .SlideshowRow .storyTeaser .headline {font-size:1.2em;margin:0 0 5px;}
#ImageArchives .SlideshowRow .storyTeaser .description {margin:4px 0!important;padding-bottom:0!important;border-bottom:0!important;}
#ImageArchives .SlideshowRow .storyTeaser .slideshowPermalink {margin-top:-8px;}
div#ImageSearchResults{float:none;}
/* Newsletter management. */
div#NewsletterSubscriptions {
margin: 10px;
}
#NewsletterSubscriptions #NewsletterSubscriptionsForm {
padding: 1em;
}
#NewsletterSubscriptions ul {
margin: 0 1em;
}
#NewsletterSubscriptions ul li {
margin: .5em 0;
}
#NewsletterSubscriptions fieldset {
border: 1px solid silver;
padding: 5px;
}
#NewsletterSubscriptions fieldset legend {
font-weight: 700;
}
/* Configurable email forms. */
div.EmailForm .errorField {
background-color: #eee;
}
div.EmailForm strong.req {
color: red;
/* required */
}
div.EmailForm div.formField {
overflow: hidden;
clear: both;
margin: 5px 0;
padding: 5px;
}
div.EmailForm div.formField div.error {
float: left;
display: block;
width: 10em;
padding: 0 5px;
font-weight: 700;
}
div.EmailForm input[type=text],div.EmailForm textarea,div.EmailForm div.formInput {
float: left;
display: block;
width: 25em;
}
div.EmailForm div.formInput {
padding: 1px;
}
div.EmailForm div.formInput span.form-checkbox-input-wrapper,div.EmailForm div.formInput span.form-radio-input-wrapper {
display: block;
}
div.EmailForm input[type=text],div.EmailForm textarea {
border: 1px solid #000;
}
div.EmailForm label {
float: left;
display: block;
width: 10em;
}
.MedRectAd {
width:300px;
height:250px;
margin:1em auto;
text-align:center;
line-height:250px;
}
#HeaderforCategoryorSection h1 {}
#HeaderforCategoryorSection h1 a {}
div#storyBody div.inlineAudio {
width: 300px;
margin: auto;
}
div#storyBody div.inlineAudio .inlineAudioCaption {
float:left;
font-size: 11px;
color: #333;
}
div#storyBody div.inlineAudio .inlineAudioCredit {
float:right;
font-size: 10px;
color: #999;
}
div.commentsHeader a.feedLink {color: transparent !important}
/* Unsubscribe from comment threads */
div#UnsubscribeComment {
margin: 10px;
}
#TwitterFeed li {margin:1em 0;padding-left:1em;text-indent:-1em;}
#TwitterFeed li a.twitterTime {display:block;padding-left:1em;}
a.inlineEdit,span.inlineEdit {
font-family: Arial, Helvetica, Verdana, sans-serif !important;
font-weight: 400 !important;
font-size: 10px !important;
color: #888 !important;
text-decoration: none !important;
text-transform: uppercase;
}
a.inlineEdit:hover,span.inlineEdit:hover {
color: red !important;
}
span.at-icon-wrapper {
margin-right: 3px;
vertical-align: top;
}
/* --- per client request --- */
input, textarea, select {
border: 1px solid #CCC;
}
.submit {
background:#31639C;
color: #FFF;
border: 0;
padding: 3px 6px;
text-transform: uppercase;
font-family: "Montserrat",sans-serif;
border-radius: 2px;
}
.inlineComponent.inlineLeft {
float: left;
margin: .25em 10px .25em 0;
}
.inlineComponent.inlineRight {
float: right;
margin: .25em 0 .25em 10px;
}
.inlineComponent.inlineCenter{
margin:.5em auto;
text-align: center;
}
.inlineComponent.inlineCenter div {
margin:auto;
}
.socialLogInHolder a {
color:#000;
}
/* -- Global Drop Cap Style -- */
.fdnDropCap {
display: block;
float: left;
font-size: 5em;
margin: 20px 10px;
font-weight: 700;
line-height: 0.5em;
}
#Location #MagnumImage>div {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:flex-end;
justify-content: flex-end;
font-size: 0;
}
#Location #MagnumImage img{
order:1;
}
#Location #MagnumImage .credit {
order:3;
font-size: 11px;
}
#Location #MagnumImage .caption{
order:2;
font-size: 12px;
}
#Location #MagnumImage .credit+.caption::after{
content: ", ";
font-size: 12px;
margin: 0 3px 0 -3px;
}
#Location #MagnumImage .credit,
#Location #MagnumImage .caption {
display: inline-block;
margin: 0;
text-transform: none;
}
li.l0.storyItem.more {
text-align: right;
font-size: 12px;
}
/* Begin Infobox Connection Styles */
.connection.infoBox {
padding: 8px;
box-sizing: border-box;
border: 1px dotted #ddd;
color: #444;
line-height: 1.33;
text-align: left;
font-size:.95em;
border-radius: 2px;
box-shadow: 0px 0px 3px 1px #ccc;
}
.connection.infoBox.Right{
width: 220px;
float: right;
margin:5px 0 1em 15px;
}
.connection.infoBox.Left{
width: 220px;
float: left;
margin: 5px 15px 1em 0;
}
.connection.infoBox.Center {
width: calc(100% - 100px);
}
.connection.infoBox ul li{
text-align: left;
list-style: disc outside none;
margin:10px 5px 0 15px;
}
.connection.infoBox ol li{
text-align:left;
list-style: decimal outside none;
margin:10px 5px 0 15px;
}
.connection.infoBox ul,
.connection.infoBox ol {
margin:0 0 10px;
}
.connection.infoBox p:first-child {
margin-top: 0;
}
.connection.infoBox a {
font-weight: 700;
color:#777;
}
.connection.infoBox a:hover{
opacity: .88;
text-decoration: underline;
}
/* End Infobox Connection Styles */