/* 
***** Component headers *****

To add a new image header for a component, create a new style like the one below (or copy it) and add it to the bottom of this page:

h1#sectionHeader-componentname {
  width: xxx;
  height: xxx;
  text-indent: -6000px;
  background-image: url(/images/headers/image-header.gif);
}

Change componentname to the ID of the component.
Change xxx after width and height to the width and height of the image,
and change the background-image to the correct path to the image.
See the existing styles for reference.

*/

h1#sectionHeader-surethings { 
  width: 172px;
  height: 53px;
  text-indent: -6000px;
  margin-bottom: 10px;
  background-image: url(/images/headers/sure-things.gif); 
  }
h1#sectionHeader-ontheblogs { 
  width: 237px;
  height: 26px;
  text-indent: -6000px;
  background-image: url(/images/headers/on-the-blogs.gif); 
  }
h1#sectionHeader-restaurantreviews {
  width: 275px;
  height: 16px;
  text-indent: -6000px;
  background-image: url(/images/headers/reader-restaurant-reviews.gif);
}
h2#sectionHeader-guides {
  width: 138px;
  height:28px;
  text-indent: -6000px;
  background-image: url(/images/headers/guides.gif);
}
h1#sectionHeader-podcasts {
  width: 172px;
  height:21px;
  text-indent: -6000px;
  background-image: url(/images/headers/podcasts.gif);
}
h1#sectionHeader-bestofhalifax {
  width: 150px;
  height:20px;
  text-indent: -6000px;
  background-image: url(/images/headers/best-of-halifax.gif);
}
h2#sectionHeader-restaurants {
  width: 156px;
  height:24px;
  text-indent: -6000px;
  background-image: url(/images/headers/restaurants.gif);
}
h1#sectionHeader-greenguide {
  width: 158px;
  height:25px;
  text-indent: -6000px;
  background-image: url(/images/headers/green-guide.gif);
}
h2#sectionHeader-shopping {
  width: 151px;
  height:26px;
  text-indent: -6000px;
  background-image: url(/images/headers/shopping.gif);
}
h1#sectionHeader-bitch {
  width: 276px;
  height:22px;
  text-indent: -6000px;
  background: url(/images/headers/love-the-way-we-bitch-love.gif) no-repeat scroll 0 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cecece;
}
h1#sectionHeader-livemusiclistings {
  width: 285px;
  height:27px;
  text-indent: -6000px;
  background-image: url(/images/headers/live-music-listings.gif);
}
h1#sectionHeader-newsletter {
  width: 280px;
  height:26px;
  text-indent: -6000px;
  background-image: url(/images/headers/get-our-newsletter.gif);
}
h1#sectionHeader-surveysays,
h1#sectionHeader-surveyasks {
  width: 175px;
  height:25px;
  text-indent: -6000px;
  background-image: url(/images/headers/survey-says.gif);
  background-repeat:no-repeat;
}
h1#sectionHeader-nowplaying {
  width: 283px;
  height:27px;
  text-indent: -6000px;
  background-image: url(/images/headers/movies-now-playing.gif);
}
h1#sectionHeader-specialissuesholiday_events__valentine_s_daysurethings {
  width: 175px;
  height: 55px;
  text-indent: -6000px;
  background-image: url(/images/headers/valentines_sure_things.jpg);
}
h2#sectionHeader-specialissuesholiday_events__valentine_s_daysurethings {
  width: 175px;
  height: 55px;
  text-indent: -6000px;
  background-image: url(/images/headers/valentines_EVENTS.jpg);
}


h1#sectionHeader-musicblog {
  width: 189px;
  height:42px;
  text-indent: -6000px;
  background-image: url(/images/headers/music-blog.gif);
  margin: 0 0 10px 0;
}
h1#sectionHeader-bestofmusic {
  width: 175px;
  height:29px;
  text-indent: -6000px;
  background-image: url(/images/headers/best-of-music.gif);
}
h1#sectionHeader-radiocoast {
  width: 179px;
  height:32px;
  text-indent: -6000px;
  background-image: url(/images/headers/radio-coast.gif);
}
h2#sectionHeader-musicsurethings,
h2#sectionHeader-musicmusicsurethings {
  width: 180px;
  height:25px;
  text-indent: -6000px;
  background-image: url(/images/headers/music-sure-things.gif);
}
h2#sectionHeader-movie_reviews {
  width: 189px;
  height:35px;
  text-indent: -6000px;
  background-image: url(/images/headers/moviereviews.gif);
   margin:0 auto 10px;
}
h2#sectionHeader-newreleases {
  width: 180px;
   margin:0 auto 10px;
  height:25px;
  text-indent: -6000px;
  background-image: url(/images/headers/new-releases.gif);
}
h1#sectionHeader-moviepodcast {
  width: 187px;
  height:27px;
  text-indent: -6000px;
   margin:0 auto 10px;
  background-image: url(/images/headers/movie-podcast.gif);
}
h1#sectionHeader-moviereviews {
  width: 180px;
   margin:0 auto 10px;
  height:25px;
  text-indent: -6000px;
  background-image: url(/images/headers/movie-reviews.gif);
}

h2#sectionHeader-newsblog {
  width: 191px;
  height: 39px;
   margin:0 auto;
  text-indent: -6000px;
  background-image: url(/images/headers/news-blog.gif);
}
h2#sectionHeader-shoptalk {
  width: 146px;
  height: 31px;
   margin:0 auto 10px;
  text-indent: -6000px;
  background-image: url(/images/headers/shop-talk.gif);
}
h1#sectionHeader-sustainablecity {
  width: 200px;
  height: 85px;
  margin-left: -5px;
  text-indent: -6000px;
  background-image: url(/images/headers/sustainable-city.jpg);
}
h1#sectionHeader-listenup {
  width: 127px;
  height: 29px;
  text-indent: -6000px;
  background-image: url(/images/headers/listen-up.gif);
}
h1#sectionHeader-violencemap {
  width: 160px;
   margin:0 auto 10px;
  height: 22px;
  text-indent: -6000px;
  background-image: url(/images/headers/violence-map.gif);
}
h1#sectionHeader-artsblog {
  width: 189px;
  height: 39px;
  text-indent: -6000px;
  background-image: url(/images/headers/arts-blog.gif);
  margin:0 auto 10px;
}
h1#sectionHeader-artspodcast {
  width: 178px;
   margin:0 auto 10px;
  height: 27px;
  text-indent: -6000px;
  background-image: url(/images/headers/arts-podcast.gif);
}
h2#sectionHeader-artssurethings,
h2#sectionHeader-specialissuesartssurethings {
  width: 180px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/arts-sure-thing.gif);
  margin:0 auto 10px;
}
h1#sectionHeader-artsthisweek {
  width: 265px;
  height: 26px;
  text-indent: -6000px;
  background-image: url(/images/headers/arts-this-week.gif);
  margin:0 auto 10px;
}
h2#sectionHeader-comics {
  width: 89px;
  height: 21px;
  text-indent: -6000px;
  background-image: url(/images/headers/comics.gif);
  margin:0 auto 10px;
}
h1#sectionHeader-performance {
  width: 163px;
  height: 22px;
  text-indent: -6000px;
  margin:0 auto 10px;
  background-image: url(/images/headers/performance.gif);
}
h1#sectionHeader-opinionblog {
  width: 189px;
  height: 39px;
  text-indent: -6000px;
  background-image: url(/images/headers/opinion-blog.gif);
 margin:0 auto 10px;
}
h1#sectionHeader-opinionlowedown {
  width: 200px;
  margin-left: -5px;
  height: 85px;
  text-indent: -6000px;
  background-image: url(/images/headers/lowe-files.jpg);
}
h1#sectionHeader-opinionsavagelove {
  width: 200px;
  margin-left: -5px;
  height: 85px;
  text-indent: -6000px;
  background-image: url(/images/headers/savage-love.jpg);
}
h1#sectionHeader-freewillastrology {
  width: 200px;
  margin-left: -5px;
  height: 85px;
  text-indent: -6000px;
  background-image: url(/images/headers/free-will-astrology.jpg);
}
h1#sectionHeader-freewillastrology {
  width: 200px;
  margin-left: -5px;
  height: 85px;
  text-indent: -6000px;
  background-image: url(/images/headers/free-will-astrology.jpg);
}
/* Editorial - Bruce Wark */
h1#sectionHeader-opinionupfront987284 {
  width: 200px;
  margin-left: -5px;
  height: 85px;
  text-indent: -6000px;
  background-image: url(/images/headers/editorial-bruce.jpg);
}
/* Editorial - Time Bousquet */
h1#sectionHeader-opinionupfront987301 {
  width: 200px;
  margin-left: -5px;
  height: 85px;
  text-indent: -6000px;
  background-image: url(/images/headers/editorial-tim.jpg);
}
h1#sectionHeader-specialissuesholiday_events__holiday_season_plannersurethings {
  width: 190px;
  height: 190px;
  text-indent: -6000px;
  background-image: url(/images/headers/holidayplannerevents.gif);
}


h2#sectionHeader-music {
  width: 123px;
  height: 16px;
  text-indent: -6000px;
  background-image: url(/images/headers/live-music.gif);
  }
h2#sectionHeader-movies {
  width: 92px;
  height: 16px;
  text-indent: -6000px;
  background-image: url(/images/headers/movies.gif);
  background-repeat: no-repeat;
  }
h2#sectionHeader-events {
  width: 89px;
  height: 16px;
  text-indent: -6000px;
  background-image: url(/images/headers/events.gif);
  }
h2#sectionHeader-stage {
  width: 107px;
  height: 17px;
  text-indent: -6000px;
  background-image: url(/images/headers/on-stage.gif);
  }
h2#sectionHeader-visualarts {
  width: 119px;
  height: 37px;
  text-indent: -6000px;
  background-image: url(/images/headers/galleries-museums.gif);
  }
h2#sectionHeader-holidayevents {
  width: 173px;
  height: 16px;
  text-indent: -6000px;
  background: url(/images/headers/holiday-events.gif) no-repeat -3px top;
}  
  
h2#sectionHeader-enterandwin {
  width: 147px;
  height: 41px;
  text-indent: -6000px;
  background-image: url(/images/headers/enter-and-win.gif);
}

h2#sectionHeader-artsweek {
  width: 148px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/artsweek.gif);
}
h2#sectionHeader-savage {
  width: 149px;
  height: 23px;
  text-indent: -6000px;
  background-image: url(/images/headers/savagelove.gif);
}


h2#sectionHeader-sceneheard  {
  width: 181px;
  height: 26px;
  text-indent: -6000px;
  background-image: url(/images/headers/scene-heard.gif);
}
h2#sectionHeader-realitybites {
  width: 164px;
  height: 26px;
  margin: 0 auto 10px;
  text-indent: -6000px;
  background-image: url(/images/headers/reality-bites.gif);
}
h2#sectionHeader-artattack,
 h3.sectionBlogs-art_attack a  {
  width: 190px;
  height: 43px;
  display: block;
  text-indent: -6000px;
  background-image: url(/images/headers/art-attack.gif);
}
h2#sectionHeader-letterstotheeditor {
  width: 195px;
  height: 38px;
  text-indent: -6000px;
  background-image: url(/images/headers/letterstotheeditor.gif);
}

h2#sectionHeader-newscomments {
  width: 180px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/news-comment.gif);
  margin-bottom: 5px;
}
h2#sectionHeader-moviescomments {
  width: 180px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/movie-comment.gif);
  margin-bottom: 5px;
}
h2#sectionHeader-musiccomments {
  width: 195px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/music-comment.gif);
  margin-bottom: 5px;
}
h2#sectionHeader-artscomments {
  width: 180px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/arts-comment.gif);
  margin-bottom: 5px;
}
h2#sectionHeader-diningcomments {
  width: 180px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/dining-comment.gif);
  margin-bottom: 5px;
}
h2#sectionHeader-opinioncomments {
  width: 195px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/opinion-comment.gif);
  margin-bottom: 5px;
}
h2#sectionHeader-bestofcomments {
  width: 180px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/best-of-comment.gif);
  margin-bottom: 5px;
}
h2#sectionHeader-greenhalifaxcomments {
  width: 180px;
  height: 25px;
  text-indent: -6000px;
  background-image: url(/images/headers/green-halifax-comment.gif);
  margin-bottom: 5px;
}

h1#sectionHeader-hotsummerguidesurethings {
  background: url(/images/headers/hot-summer-events.jpg) no-repeat;
  width: 190px;
  height: 191px;
  text-indent: -6000px;
}
h2#sectionHeader-SummerEvents {
  background: url(/images/headers/summer-event-guides.jpg) no-repeat;
  width: 410px;
  height: 40px;
  text-indent: -6000px;
}
h2#sectionHeader-SummerFeature {
  background: url(/images/headers/summer-how-to.jpg) no-repeat;
  width: 410px;
  height: 40px;
  text-indent: -6000px;
}
h2#sectionHeader-MySummer {
  background: url(/images/headers/my-summer.jpg) no-repeat;
  width: 410px;
  height: 40px;
  text-indent: -6000px;
}
h1#sectionHeader-musicHPE {
  background: url(/images/headers/hpe-events.gif) no-repeat;
   width: 181px;
   height: 199px;
   text-indent: -6000px;
}
h1#sectionHeader-musicIDOW {
  background: url(/images/headers/idow-events.jpg) no-repeat;
  width: 190px;
  height: 160px;
  text-indent: -6000px;
}

/* Blog teasers on section TOCs. */
h2.sectionTopicBlogs-TheScene
{
  background-position:top center;
  background-repeat:no-repeat;
  width: 190px;
  height: 80px;
  text-indent: -6000px;
  margin:0 auto 10px;
}
  div#gridCenterSidebar h2.sectionTopicBlogs-TheScene
  {
    margin:0 auto 10px; /* Override required. */
  }
  h2#sectionTopicBlogs-arts.sectionTopicBlogs-TheScene
  {
    background-image: url("/images/headers/blogs/teaser-arts.gif");
  }
  h2#sectionTopicBlogs-movies.sectionTopicBlogs-TheScene
  {
    background-image: url("/images/headers/blogs/teaser-movies.gif");
  }
  h2#sectionTopicBlogs-music.sectionTopicBlogs-TheScene
  {
    background-image: url("/images/headers/blogs/teaser-music.gif");
  }

#MiscellaneousGreenGuideIntro h1 {
  background: url(/images/headers/green-halifax.jpg) no-repeat;
  text-indent: -6000px;
  height: 180px
}
#MiscellaneousBestofIntro h1 {
  background: url(/images/headers/best-of-halifax.jpg) no-repeat;
  text-indent: -6000px;
  height: 150px
}

.SpecialIssueTOCIntheDeadofWinter h3.sectionBlogs-scene_and_heard {
  display:              block;
  text-indent:          -6000px;
  width:                380px;
  height:               40px;
  background-image:     url('/images/headers/inthedeadofwinter_festivalblog.jpg');
  background-position:  center center;
  background-repeat:    no-repeat;
}


/* 
#BestOf div#BestOfCategoryBreakout h2#sectionHeader-BestOfFeature {
  display:              block;
  text-indent:          -6000px;
  width:                450px;
  height:               40px;
  background-image:     url(/images/headers/best-of-text-feature.jpg);
  background-color:     #00BBE6;
  background-position:  center center;
  background-repeat:    no-repeat;
}
#BestOf div#BestOfCategoryBreakout h2#sectionHeader-BestOfArtsAndMedia {
  display:              block;
  text-indent:          -6000px;
  width:                450px;
  height:               40px;
  background-image:     url(/images/headers/best-of-text-arts_media.jpg);
  background-color:     #00BBE6;
  background-position:  center center;
  background-repeat:    no-repeat;
}
#BestOf div#BestOfCategoryBreakout h2#sectionHeader-BestOfPublicLife {
  display:              block;
  text-indent:          -6000px;
  width:                450px;
  height:               40px;
  background-image:     url(/images/headers/best-of-text-public_life.jpg);
  background-color:     #00BBE6;
  background-position:  center center;
  background-repeat:    no-repeat;
}
#BestOf div#BestOfCategoryBreakout h2#sectionHeader-BestOfShopping {
  display:              block;
  text-indent:          -6000px;
  width:                450px;
  height:               40px;
  background-image:     url(/images/headers/best-of-text-shopping.jpg);
  background-color:     #00BBE6;
  background-position:  center center;
  background-repeat:    no-repeat;
}
#BestOf div#BestOfCategoryBreakout h2#sectionHeader-BestOfSportsAndLeisure {
  display:              block;
  text-indent:          -6000px;
  width:                450px;
  height:               40px;
  background-image:     url(/images/headers/best-of-text-sports_leisure.jpg);
  background-color:     #00BBE6;
  background-position:  center center;
  background-repeat:    no-repeat;
}

#BestOf div.searchedFor h3 {
  background-image:     url(/images/headers/best-of-landing.jpg);
}
#BestOf div.searchedFor.BestFoodDrinkAwards h3 {
  background-image:     url(/images/headers/best-of-food.jpg);
}
#BestOf div.searchedFor.BestMusicAwards h3 {
  background-image:     url(/images/headers/best-of-music.jpg);
}
#BestOf div.searchedFor.BestOfArtsAndMedia h3 {
  background-image:     url(/images/headers/best-of-arts_media.jpg);
}
#BestOf div.searchedFor.BestOfPublicLife h3 {
  background-image:     url(/images/headers/best-of-public_life.jpg);
}
#BestOf div.searchedFor.BestOfShopping h3 {
  background-image:     url(/images/headers/best-of-shopping.jpg);
}
#BestOf div.searchedFor.BestOfSportsAndLeisure h3 {
  background-image:     url(/images/headers/best-of-sports_leisure.jpg);
}

#Blog div.topic_gig-trouble h2.archiveHead {
  display:              block;
  text-indent:          -6000px;
  width:                620px;
  height:               150px;
  background-image:     url(/images/headers/topic_gig-trouble.jpg);
  background-position:  center center;
  background-repeat:    no-repeat;
}

*/
/* Cross-section teaser headers. */
div#SectionTeasersOpinion h2.componentHeader
{
  background: url('/images/headers/latest-stories.gif') center center no-repeat;
  width:190px;
  height:108px;
  text-indent:-6000px;
  margin: 0 auto 5px;
}
