@charset "utf-8";
/* CSS Document HNet Layout Screen CSS */
body {text-align:center;margin:0;padding:0}

#pinkBackground {background-image:url("/images/hnet/bkg/think-pink-background-medium.png");background-repeat:no-repeat;background-position:center;background-attachment:fixed;width:100%}

#thinkPinkLeft {position:fixed;top:22px;right:50%;margin-right:494px;width:90px;z-index:1000}
#thinkPinkRight {position:fixed;top:22px;left:50%;margin-left:494px;width:90px;z-index:1000}

/* Page Framework */
#pageWrapper {position:relative;width:980px;min-height:1px;/* border:1px dashed #360; */margin:10px auto;text-align:left;/* ensure all text is pre-aligned to the left */background:#fff}

/* wallpaper ads */
#comp_AdsWallpaper_left {position:fixed;top:22px;right:50%;margin-right:494px}
#comp_AdsWallpaper_right {position:fixed;top:22px;left:50%;margin-left:494px}

#subscriberCenterHeaderWrapper {width:100%;height:22px;  background:#000;  }
#subscriberCenterHeader {width:980px; height:22px; font-size:13px; line-height:18px; color:#fff; margin:0 auto 10px}
#subscriberCenterHeader #subscriberCenterHeaderLeft {width:295px; float:left; padding:0 0 0 5px; text-align:left}
#subscriberCenterHeader #subscriberCenterHeaderRight { width:675px; float:left; text-align:right; padding:0 5px 0 0;}
#subscriberCenterHeader #subscriberCenterHeaderRight a:link, #subscriberCenterHeader #subscriberCenterHeaderRight a:visited, #subscriberCenterHeader #subscriberCenterHeaderRight a:focus, #subscriberCenterHeader #subscriberCenterHeaderRight a:hover, #subscriberCenterHeader #subscriberCenterHeaderRight a:active { color:#fff;}
#ads_header {margin:0 0 15px}


#masthead {width:980px;height:86px;overflow:hidden;background:#fff}
#masthead #mastSectionA {width:265px;overflow:hidden;float:left}
#masthead #mastSectionB {width:405px;height:86px;overflow:hidden;float:left}
#masthead #mastSectionD {width:300px;overflow:hidden;float:right}

#masthead #mastSectionB #weatherItem {width:405px;height:86px}
#masthead #mastSectionB #weatherItem .hiddenForecastLink a {width:240px;height:86px;float:left;text-decoration:none}
#masthead #mastSectionB #weatherItem .hiddenForecastLink a span {visibility:hidden}
#masthead #mastSectionB .weatherfeed {width:405px;height:86px;overflow:hidden;float:left}
#masthead #mastSectionB #weatherItem #weatherItemLeft {float:left;width:250px;height:86px;background-color:transparent}
#masthead #mastSectionB #weatherItem #weatherItemRight {width:155px;height:86px;float:left;background-color:transparent}
#masthead #mastSectionB #weatherItem #weatherItemRight .weatherTemp {font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;margin-left:0;padding-top:5px;background-color:transparent;display:block}
#masthead #mastSectionB #weatherItem #weatherItemRight .weatherCity {font-family:Arial, Helvetica, sans-serif;text-transform:uppercase; font-size:12px;font-weight:bold;display:none;background-color:transparent}
#masthead #mastSectionB #weatherItem #weatherItemRight .weatherDesc {font-family:Arial, Helvetica, sans-serif;font-size:12px;margin-top:12px;min-width:155px;float:left;background-color:transparent;display:block}
#masthead #mastSectionB #weatherItem #weatherItemRight .weatherRange {font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:4px;min-width:155px;background-color:transparent;float:left;clear:left;display:block}
#masthead #mastSectionB #weatherItem #weatherItemRight .weatherLink {font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;min-width:155px;margin-top:5px;float:left;clear:left;display:block}
#masthead #mastSectionB .weatherRange .weatherLow {color:#69C}
#masthead #mastSectionB .weatherRange .weatherHigh {color:#900}
#masthead #mastSectionB .weatherWind {font-family:Arial, Helvetica, sans-serif;font-size:.8em; margin-left:250px;float:left;clear:left;background-color:transparent;display:none}
#masthead #mastSectionB .weatherRangeHigh {color:#C00;background-color:transparent;margin-left:250px;display:block}
#masthead #mastSectionB .weatherRangeLow {color:#36C;background-color:transparent;margin-left:250px;display:block}

#masthead #mastSectionA #HeraldNetLogo {width:265px;height:45px;overflow:hidden}
#masthead #mastSectionA #socialConnect {width:265px;height:30px;margin:10px 0 0;line-height:32px;font-size:12px;float:left}
#masthead #mastSectionA #socialConnect img {height:25px;margin:0 8px 0 0;overflow:hidden;float:left}

#masthead #mastSectionD #newsletters {margin:15px 0 10px;font:Verdana, Geneva, sans-serif;font-size:12px;line-height:18px;color:#000}
#masthead #mastSectionD #newsletters img {vertical-align:middle;}

#masthead #mastSectionD #newsletters #newslettersHeader {color:#000;font-weight:bold}
#masthead #mastSectionD #searchArchivesContainer {height:70px;margin:0;overflow:hidden}

#masthead .searchBox {width:300px}
#masthead .searchfield {float:left; padding:3px; margin:0; width:212px; border:1px solid #c7c7c7; font-size:16px}

#breadcrumbs {background:#aaa; /*remove*/height:20px;/*remove*/}
#ads_pushdown {margin:5px 0;}
#AdsExotic_Pushdown {margin:5px 0;}

#breakingNews {background:#aaa; /*remove*/height:20px; /*remove*/}

#FRONTPAGEWrapper, #787DreamlinerWrapper, #AdvertisingDemoHPWrapper, #AdvertisingDemoSFWrapper, #BoeingWrapper, #BiotechWrapper, #RealEstateWrapper, #RetailWrapper, #StocksWrapper, #TechnologyWrapper, #PersonalFinanceWrapper, #BusinessWrapper, #BusinessInsiderWrapper, #AerospaceBlogWrapper, #TechnologyBlogWrapper, #BoeingBlogWrapper, #HuskiesBlogWrapper, #MarinersBlogWrapper, #SeahawksBlogWrapper, #MudrakersBlogWrapper, #TheBuzzBlogWrapper, #TVAndPopCultureBlogWrapper, #NorthSoundDiningBlogWrapper, #SuperBowlBlogWrapper, #SilvertipsBlogWrapper, #ThePetriDishBlogWrapper, #WebbedFeetBlogWrapper, #EcoGeekBlogWrapper, #DanglingParticiplesBlogWrapper, #StreetSmartsBlogWrapper, #PrepZoneBlogWrapper, #DoubleTeamBlogWrapper, #MiddaySnacksBlogWrapper, #ViewFromVenezuelaBlogWrapper, #PopSecretsBlogWrapper, #BreakingNewsBlogWrapper, #MyBackPagesBlogWrapper, #BigGameHunterBlogWrapper, #AutoRacingBlogWrapper, #FishWrapBlogWrapper, #ParentingBlogWrapper, #OlympicsBlogWrapper, #LittleLeagueBlogWrapper, #ScreamQueenBlogWrapper, #TheStorefrontBlogWrapper, #HotOffTheGridironWrapper, #TheBullpenBlogWrapper, #StealthBlogWrapper, #BlogsWrapper, #CarOfTheWeekWrapper, #CarsProductsPageWrapper, #CarsWrapper, #ClassifiedsWrapper, #Column01Wrapper, #Column02Wrapper, #Column03Wrapper, #Column04Wrapper, #Column05Wrapper, #Column06Wrapper, #Column07Wrapper, #Column08Wrapper, #Column09Wrapper, #Column10Wrapper, #ColumnWrapper, #CommunityExtraWrapper, #CelebrationsWrapper, #VitalStatisticsWrapper, #ReligionWrapper, #SchoolsWrapper, #TownNewsWrapper, #CalendarWrapper, #CommunityWrapper, #DiningWrapper, #MovieListingsWrapper, #MoviesWrapper, #StageWrapper, #FamilyFunWrapper, #MusicWrapper, #FineArtsWrapper, #EntertainmentWrapper, #SpecialSectionArticleWrapper, #SpecialSectionsWrapper, #SubscriberCenterWrapper, #NIEHotTopicsWrapper, #NewspapersInEducationWrapper, #VacationHoldsWrapper, #ReaderServicesWrapper, #AdvertiserServicesWrapper, #ContactUsWrapper, #ContestEntryFormWrapper, #ExtrasHalloween07ReaderWrapper, #ExtrasHalloween07HeraldWrapper, #ContestQuestionaireWrapper, #ExtrasCuteDog08ReaderWrapper, #ExtrasCuteDog08HeraldWrapper, #ContestEntryForm2Wrapper, #ContestsEnterWrapper, #ContestsVoteWrapper, #ContestsWinnersWrapper, #ContestsWrapper, #FlipBooksWrapper, #ContestMostRecentWrapper, #ContestPhotoGalleryWrapper, #ExtrasWrapper, #SundayHomeOfTheWeekWrapper, #SaturdayHomeOfTheWeekWrapper, #HomesProductPageWrapper, #HomesWrapper, #JobTipsWrapper, #JobFeaturesPageWrapper, #JobLossesWrapper, #JobsWrapper, #KaangoWrapper, #FoodAndWineWrapper, #HealthWrapper, #HomeWrapper, #GardenWrapper, #TravelWrapper, #BooksWrapper, #CraftsWrapper, #OutdoorsWrapper, #LifeWrapper, #WorkWrapper, #PlayWrapper, #LivingWrapper, #MultimediaWrapper, #TrafficWrapper, #WebCamsWrapper, #FerryCrisisWrapper, #GetFreshWrapper, #FaithAndFinancesWrapper, #AirForceTankerWrapper, #MilitaryDeathsWrapper, #ColdCaseCardsWrapper, #JPPatchesWrapper, #SnohomishCountysTopCoachesWrapper, #ATruthBeyondWrapper, #AloneAmongUsWrapper, #AptonymsWrapper, #SpecialReportsWrapper, #LocalNewsWrapper, #NationAndWorldWrapper, #NorhwestWrapper, #FrontPageA1Wrapper, #HighSchoolSportsGalleriesWrapper, #SilvertipsGalleriesWrapper, #LocalNewsGalleriesWrapper, #PhotosWrapper, #PoliticsWrapper, #UserSubmissionsWrapper, #ElectionsWrapper, #NewsWrapper, #EditorialsWrapper, #LettersWrapper, #CommentaryWrapper, #OpinionColumnistsWrapper, #EndorsementsWrapper, #OpinionWrapper, #ReaderPhotosWrapper, #ReaderArticlesWrapper, #ReaderContributionsWrapper, #ReblogLogWrapper, #ShoppingVideosWrapper, #ShoppingWrapper, #HighSchoolSchedulesAndScoresWrapper, #HighschoolsWrapper, #HuntingAndFishingWrapper, #AquasoxWrapper, #EverettHawksWrapper, #ExplosionWrapper, #HuskiesWrapper, #MarinersWrapper, #SilvertipsWrapper, #SeahawksWrapper, #GolfWrapper, #SonicsWrapper, #SportsQuizRookieWrapper, #SportsQuizStarterWrapper, #SportsQuizAllProWrapper, #SportsQuizFranchisePlayerWrapper, #SportsQuizWrapper, #CougarsWrapper, #CommunitySportsWrapper, #HorseRacingWrapper, #OlympicsWrapper, #LittleLeagueWrapper, #SkateAmericaWrapper, #SoundersWrapper, #StealthWrapper, #SPORTSWrapper, #UnsortedWrapper, #USPScenicContestWrapper, #UserSumbittedPhotosWrapper, #SocialMediaWrapper, #NorthwestWinesWrapper, #FurAndFeathersWrapper, #IBrakeForMomsWrapper, #BizblogWrapper, #HereAtTheHeraldWrapper, #GraduationWrapper, #TheGridWrapper, #OffTheWireWrapper, #FlightPathsWrapper, #SouthCountyPoliticsWrapper, #LightForLifeWrapper, #IndexBlogWrapper, #TheSloughWrapper, #CarsAndMeWrapper, #TimeTravelsWrapper, #SecondWindWrapper, #TheBarHopWrapper, #TouristInYourOwnTownWrapper, #HopsAndSipsWrapper, #WhatsUpWithThatWrapper, #ThePingReportWrapper {/* any individual formatting for a section is defined here created by #<pbs:categoryname>Wrapper to insert current category or if no category then default to just Wrapper*/min-height:1px}

#content {width:648px;min-height:1px;/* border:1px solid #030; */padding:0;margin:0;float:left}
#FRONTPAGEWrapper #content {width:980px}
#pushdownAd{margin:0 0 15px !important}

#rail {width:316px;margin:0 0 10px;padding:0;float:right;min-height:1px}
#rail #rmp02, #rail #rmp03, #rail #rmp04, #rail #rmp05, #rail #rmp06, #rail #rmp07, #rail #rmp08, #rail #rmp09, #rail #rmp10, #rail #rmp11, #rail #rmp12 {margin:10px auto 0}

#siteIndex {margin:0;padding:30px 0 10px;background:url(/images/hnet/bkg/bkg_siteIndex.jpg) repeat-x #000;}
#footer {margin:5px 0 0;}
#footer .leftSide {width:50%;}
#comp_AdsLeaderboardBottom {width:728px;height:90px;overflow:hidden;margin:0 auto 20px;border:none}

.leftSide {text-align:left;  float:left;}
.middle {text-align:center; float:left;}
.rightSide {text-align:right; float:right;}
.leftSide, .rightSide {width:33%; text-transform:capitalize;}

/* Section Front Containers */
/* #containerHotTopics {margin:0;padding:0;min-height:1px}*/ 
#containerA {margin:0 0 20px;/* create space between this container and the next */padding:0;min-height:1px}
#containerB, #containerC, #containerD, #containerE, #containerF, #containerG, #containerFeaturedNews {margin:10px 0 20px;/* create space between this container and the next */padding:10px 0 0;min-height:1px}

/* Article Containers */
#container_artA, #container_artB {margin:10px 0 20px;/*create space between this container and the next*/padding:0;min-height:1px}

#containerHotTopics {margin:0 0 10px;/* create 10px space between this container and the next */padding:0;min-height:1px}

#containerA {border:none;} /* containerA should never have a red border on top because it is first in the list */
#containerB, #containerC, #containerD, #containerE, #containerF, #containerG, #containerFeaturedNews {border-top:2px solid #900;}
#containerHotTopics {border-bottom:2px solid #900; padding:0;min-height:1px;} /* create a red border on the bottom as containerA does not have one */
#HighschoolsWrapper #containerA {border-top:2px solid #900;} /*THIS IS ABSOLUTELY TEMPORARY*/

/* Article Container Borders */
#container_artA, #container_artB {border-top:none;}

/* NO TOP BORDER FOR BLOGS AND ANOTHER CATEGORIES IN CONTAINER B */
#AerospaceBlogWrapper #containerB, #TechnologyBlogWrapper #containerB, #BoeingBlogWrapper #containerB, #HuskiesBlogWrapper #containerB, #MarinersBlogWrapper #containerB, #SeahawksBlogWrapper #containerB, #MudrakersBlogWrapper #containerB, #TheBuzzWrapper #containerB, #TVAndPopCultureBlogWrapper #containerB, #NorthSoundDiningBlogWrapper #containerB, #SuperBowlBlogWrapper #containerB, #SilvertipsBlogWrapper #containerB, #ThePetriDishWrapper #containerB, #WebbedFeetWrapper #containerB, #EcoGeekWrapper #containerB, #DanglingParticiplesWrapper #containerB, #StreetSmartsWrapper #containerB, #DoubleTeamWrapper #containerB, #PrepZoneWrapper #containerB, #MiddaySnacksWrapper #containerB, #ViewFromVenezuelaWrapper #containerB, #PopSecretsWrapper #containerB, #BreakingNewsWrapper #containerB, #MyBackPagesWrapper #containerB, #BigGameHunterWrapper #containerB, #AutoRacingWrapper #containerB, #FishWrapWrapper #containerB, #ParentingWrapper #containerB, #OlympicsBlogWrapper #containerB, #LittleLeagueBlogWrapper #containerB, #ScreamQueenWrapper #containerB, #TheStorefrontWrapper #containerB, #HotOffTheGridironWrapper #containerB, #TheBullpenWrapper #containerB, #StealthBlogWrapper #containerB, #SchoolAssemblyWrapper #containerB, #HuntingAndFishingBlogWrapper #containerB, #WebMonkeyWrapper #containerB, #ChannelSurfingWrapper #containerB, #TheArtsSeenWrapper #containerB, #GoodNewsWrapper #containerB, #SirensWrapper #containerB, #TheDishWrapper #containerB, #FromTheVaultWrapper #containerB, #InsideEverettWrapper #containerB, #ToYourHealthWrapper #containerB, #ReblogLogWrapper #containerB, #NeedToKnowWrapper #containerB, #ExploreNWWrapper #containerB, #Fly-fishingWithMikeWrapper #containerB, #AptonymsWrapper #containerB, #StormWrapper #containerB, #AReadingLifeWrapper #containerB, #WhatRadioWrapper #containerB, #NorthwestWinesWrapper #containerB, #FurAndFeathersWrapper #containerB, #IBrakeForMomsWrapper #containerB, #HereAtTheHeraldWrapper #containerB, #GraduationWrapper #containerB, #BizblogWrapper #containerB, #TheGridWrapper #containerB, #OffTheWireWrapper #containerB, #FlightPathsWrapper #containerB, #SouthCountyPoliticsWrapper #containerB, #LightForLifeWrapper #containerB, #IndexBlogWrapper #containerB, #TheSloughWrapper #containerB, #CarsAndMeWrapper #containerB, #TimeTravelsWrapper #containerB, #SecondWindWrapper #containerB, #TheBarHopWrapper #containerB, #WhatsUpWithThatWrapper #containerB, #TouristInYourOwnTownWrapper #containerB, #HopsAndSipsWrapper #containerB, #EventsWrapper #containerB, #SocialMediaWrapper #containerA, #SocialMediaWrapper #containerB, #SocialMediaWrapper #containerC, #SocialMediaWrapper #containerD, #SocialMediaWrapper #containerE, #SocialMediaWrapper #containerF, #ThePingReportWrapper #containerB, #JulieMuhlsteinWrapper #containerB, #TheChatWrapper #containerB {border-top:none}

.mp1, .mp2, .mp3 {overflow:hidden;/* Hide any overflow for widths */float:left;/* All module positions float left  */}     
.mp1 {margin:0;/* All module positions housed in containers (other than the rail) have a 10px top margin to give distance between modules and items above them including containers and other modules.*/}
.mp2, .mp3 {margin:0 0 0 16px;/* All module positions housed in containers (other than the rail) have a 10px top margin to give distance between modules and items above them including containers and other modules. Any modules other than the first one (mp1) will utilize a 16px left margin as well to give horizontal space between itself and the preceding module position.  16px is the standard gutter.*/}
#containerArticleBottom .mp1 {margin:10px 0 0; }
#containerArticleBottom .mp2, #containerArticleBottom .mp3 { margin:10px 0 0 16px;}

#containerHotTopics  .mp1 {margin:5px 0;} 
#containerLeadHeadline .mp1 {margin:0 0 5px; padding-bottom:5px;}
#containerLeadHeadline .mp1 .items {border-bottom:1px #CCC solid}
#containerHotTopics  .mp2, #containerLeadHeadline .mp2 {margin:0 0 10px 16px;}

/* Site index */
#siteIndex .siColumn {width:145px;float:left;background:}
#siteIndex ul {margin:0 0 15px 15px;padding:0}
#siteIndex ul li {margin:0 0 2px}
#siteIndex ul li:first-child {margin:0 0 5px -13px;list-style:none;}
#siteIndex ul ul {margin:0;padding:0}
#siteIndex ul ul li, #siteIndex ul ul li:first-child {margin:5px 0 2px 10px;padding:0 0 0 15px;list-style:none;background:url(/images/hnet/bkg/bkgx_siteIndex_sublist_item_OFF.png) no-repeat 0 3px}
#siteIndex ul ul li:hover {background:url(/images/hnet/bkg/bkgx_siteIndex_sublist_item_ON.png) no-repeat 5px 3px}

/* General Formatting Items */
.floatLeft {float:left;}
.floatRight {float:right;}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0}
.clearLeft {clear:left;height:0;font-size:1px;line-height:0}
.clearRight {clear:right;height:0;font-size:1px;line-height:0}
img {border:none;}
a img:hover {opacity:0.85;filter:alpha(opacity=85)}

/* Ads Formatting */
#ads_header #comp_AdsLeaderboardTop {width:728px;height:90px;overflow:hidden;border:none;float:left;}
#ads_header #comp_AdsTopPromoBox {width:240px;height:90px;overflow:hidden;border:none;float:right}

/* Component Related Items */
.component_header {position:relative; margin:0 0 10px;height:20px}
.component_header h2 {position:absolute;top:0;left:0;line-height:24px}

/* CCE Promo Module */
#CCE_PromoModule {width:980px;height:75px;overflow:hidden;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;line-height:17px;border-bottom:1px solid #CCC}
#CCE_PromoModule #PromoMod_Left {width:80px;height:71px;overflow:hidden;margin:2px;padding:0;border:none;float:left;text-align:right}
#CCE_PromoModule #PromoMod_Image {width:200px;height:71px;overflow:hidden;margin:2px;padding:0 25px 0 2px;border:none;float:left}
#CCE_PromoModule #PromoMod_Image img {width:200px;min-height:71px;margin:0;padding:0;border:none}
#CCE_PromoModule #PromoMod_Middle {width:430px;height:71px;overflow:hidden;margin:2px 0 0;border:none;float:left}
#CCE_PromoModule #PromoMod_Logo {width:420px;min-height:45px;max-height:45px;overflow:hidden;margin:0;padding:0 10px;border:none}
#CCE_PromoModule #PromoMod_Logo img {width:420px;min-height:45px;max-height:45px;margin:0;padding:0;border:none}
#CCE_PromoModule #PromoMod_Logo span.headline {font-size:36px;line-height:39px;font-weight:bold}
#CCE_PromoModule #PromoMod_Ticker {width:430px;height:26px;padding:2px 10px 0;overflow:hidden;text-align:center}
#CCE_PromoModule #PromoMod_Ticker span.score {padding:0;font-size:12px}
#CCE_PromoModule #PromoMod_Links {width:180px;height:75px;/*overflow:hidden;*/padding:2px;border:none;float:right}
#CCE_PromoModule #PromoMod_Links ul {list-style:disc;margin:2px 0 0 10px;padding:0;font-size:12px;line-height:15px}
#CCE_PromoModule #PromoMod_Links ul li {margin:0 0 2px;font-weight:bold}

/* START:User Registration Edit Form */
.userregeditform form legend, .userregeditform p, .userregeditform ul.registration li a, .userregeditform .replies, .userregeditform .title, .userregeditform .body, .userregeditform .author {font-family:Geneva, Arial, Helvetica, sans-serif}
.userregeditform p {font-size:13px;color:#000;margin:0 0 12px;}
.userregeditform fieldset {border:2px #900 solid;padding:10px;margin:0 0 20px}
.userregeditform legend {font-weight:bold;font-size:12px;padding:0 7px;color:#900;padding:3px;}
/* END:User Registration Edit Form */

/*  Notes:utilizes gen_verify.pbsUserVerify.pbo*/
#userverifyContainer {width:648px;margin:15px 0;text-align:left}
/* Account Verification Required */
#userverifyContainer .AccountVerificationRequired {font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;color:#333}
#userverifyContainer .AccountVerificationRequired .email_account {font-weight:bold;color:#900}
/* Account Verfied -- Status=1 */
#userverifyContainer .AccountVerified {font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;color:#333}