@charset "iso-8859-1";

/*******************************************************************************
*  puyallup.css : 2007.08
* -----------------------------------------------------------------------------
*  This css file will always be called last
*  changes here will override the mi styles
*******************************************************************************/

/tcher_monitor.pl* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
.clear {
    clear: both;
    padding-bottom: 1px;    /* for Gecko-based browsers */
    margin-bottom: -1px;    /* for Gecko-based browsers */
}
.hide {
    display: none !important;
}

table.pad td { padding:2px; }

body {
    text-align: left;
    font-size: 70%;
    font-family: arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
}
a { color:#112988; text-decoration:none; }
a:hover { text-decoration: underline; }

.ltbluebox { background-color:#d1e8ff; }
.tanbox { background-color:#e8eac2; border:1px solid #caccaa; }
.lttanbox { border: 1px solid #caccaa; background: #f5f6e4; padding: 3px 3px 3px 3px; margin: 0; }
.dkbluebox { background-color:#112988; color:#fff; }

.headline { font-size: 1.1em; font-weight: bold; margin-top: 2px; }

.smheadblue {color: #112988; text-decoration: none; font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 8pt !important;}

.redhead        {color: #9A3337; font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 9pt !important;}

.arthead        {color: #C0011C; font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 10pt !important;}

.bluehead        {color: #013fba; font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 11pt !important;}

/* masthead styles */
#masthead { background-color:#e8eac2; }
#masthead_logo {
	background:url(/static/images/topflag.jpg);
	background-repeat:no-repeat;
	height:90px;
	width:300px;
	float:left;
}
#masthead_weather { width:480px; margin-top: 5px; margin-left: 310px; }
#masthead_weather ul li { width: 105px; float: left; margin-left: 10px; padding-top: 5px; }
#masthead_weather .day { color: #0033cc; font-weight: bold; }
#masthead_weather .forecast { margin-left: 37px; line-height: .8em; font-size: .9em; }
#masthead_weather img { float: left; margin-right: 8px; margin-top: 5px; }

.miWeatherWidget{
  float:left;
  width:24%;
}

.miWeatherDayIcon{
    float:left;
    width:48%;
}

.miWeatherDayName{
    margin-left:48%
    line-height:14px;
    font-size:12px;
    font-weight:bold;
    color:blue;
}

.miWeatherDayText,.miWeatherDayHiLo{
    margin-left:48%;
    font-size:10px;
}

#masthead_ad {
	float:right;
	width:172px;
	height:80px;
	text-align:center;
	border:1px solid #000;
}
#yahoo_search { margin-bottom: 7px; padding-bottom: 8px; margin-top: 5px; }
.FORECAST_CITY   {
	color: #FFFFFF; 
	font-size: 8pt;
}
A:link.FORECAST_CITY   {
	color: #FFFFFF; 
	font-size: 8pt; 
	text-decoration: none;
}
A:visited.FORECAST_CITY   {
	color: #FFFFFF; 
	font-size: 8pt; 
	text-decoration: none;
}
A:active.FORECAST_CITY   {
	color: #FFFFFF; 
	font-size: 8pt; 
	text-decoration: none;
}
A:hover.FORECAST_CITY   {
	color: #FFFFFF; 
	font-size: 8pt; 
	text-decoration: underline;
}
.TEMP   {
	color: #333333; 
	font-size: 14pt; 
	font-weight: bold;
}
.SMALL_TEMP   {
	color: #333333; 
	font-size: 8pt; 
	font-weight: bold;
}
.DAYS   {
	color: #0033CC; 
	font-size: 8pt; 
	font-weight: bold;
}
A:link.ROAD_REPORTS   {
	color: #CC3300; 
	font-weight: bold; 
	font-size: 8pt; 
	text-decoration: none;
}
A:visited.ROAD_REPORTS   {
	color: #CC3300; 
	font-weight: bold; 
	font-size: 8pt; 
	text-decoration: none;
}
A:active.ROAD_REPORTS   {
	color: #FF3300; 
	font-weight: bold; 
	font-size: 8pt; 
	text-decoration: none;
}
A:hover.ROAD_REPORTS   {
	color: #FF3300; 
	font-weight: bold; 
	font-size: 8pt; 
	text-decoration: underline;
}
A:link.WEATHER_IMAGERY   {
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 7pt; 
	text-decoration: none;
}
A:visited.WEATHER_IMAGERY   {
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 7pt; 
	text-decoration: none;
}
A:active.WEATHER_IMAGERY   {
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 7pt; 
	text-decoration: none;
}
A:hover.WEATHER_IMAGERY   {
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 7pt; 
	text-decoration: underline;
}
/* end masthead styles */

#rail_top {
	clear:both;
	border:1px solid #000;
	height:14px;
}
#catch_phrase {
	float:left;
}
#date_stamp {
	float:right;
}

/* main body content */
#rail_c {
    border: 0px solid #caccaa;
}
#rail_c #ads_notice { margin-bottom: -9px; margin-left: 8px; }
#rail_c_inner, body.story-detail #rail_c {
    border: 1px solid #caccaa;
    background-color: #e8eac2;
}
#rail_c #specific_ad1 {
	text-align:center;
}
.advertisement {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#masthead_ad { border: none; }

/* Section Front Styles */
#section_title { color: red; font-size: 1.1em; font-weight: bold; margin-top: 10px; }
.story_header h1 {
	margin:0;
	clear:both;
}
.story_header .byline {
	display:inline;
	color:Gray;	
}
.story_header .creditline {
	display:inline;
	color:Gray;	
}
.story .story_body {
	font-size: 1.1em;
}
body.story-detail #story_body {
	font-size:1.1em;
}
body.story-detail #story_body p {
	font-size:1.1em;
}
.story .image  {
	float:right;
}
.story .image p {
	display:none;
}
#rail_c .content #TopJobs .topjobrow {
	color:#036;
	font-size:10px;
	background-color:#e8eac2;
}
#rail_c .content #TopJobs .topjobrowa {
	color:#036;
	font-size:10px;
	background-color:#fff;
}

#rail_c .content #TopJobs {
	width:127px;
	border:1px solid #000;
	background-color:#fff;
	text-align:left;
	margin-left:15px;
}
#Button21 {
	float:right;
	overflow:hidden;	
	padding-top:0px;
	padding-right:15px;
}
#rail_c #bottomAds {
	clear:both;
	text-align:center;	
}
/* footer styles */
#footer {
    margin-bottom: 15px;
    clear: both;
    text-align: center;
    font-weight: bold;
}
#footer p { display: block; margin-bottom: 10px; }
#footer a { color: black; }
#footer #footer_links li { display: inline; }
/* end footer styles */

#bottom_banner {
	padding-top:25px;
}


/* highlights styles */
#top_highlights { border:0px solid #e8eac2; padding: 0px; margin-bottom: 5px; }

.top_photo img { border: 1px solid black; margin-bottom: 2px; }
.top_photo .title { display:none; }
.top_photo .embedded_caption { margin-bottom: 15px; }


.left_half { width: 49%; border-right: 1px solid #e8eac2; }
.right_half { width: 49%;  margin-left: 5px; }

.top_story_headlines { margin-bottom: 0px; }
.top_story_headlines .arrows {
    color: #112988;
    float: left;
    margin-right: 4px;
    line-height: .9em;
}
.top_story_headlines .headline {
    display: inline;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.3em; 
}


.top_story_headlines .headlineDate { display: none; }


.top_stories { margin-bottom: 10px; }
.top_stories .title { font-weight: bold; font-size: 1.1em; text-transform: uppercase; }
.top_stories .title a { color: black; }
.top_stories .story .headline { font-size: 1.1em; line-height: 1.2em; margin-top: 0px; }
/* end highlights styles */

.story .image {
	border:none;
	margin:0;
	width:auto;
}

#story_assets {
    width: 304px;
}

#story_assets a {
    font-size: 1.1em;
    font-weight: bold;
}

#factbox {
    border: 0px solid black;
    padding: 5px;
    text-align: left;
    font-size: 1em;
    margin-bottom: 5px;
    margin-left: 3px;
}

.thumbnail img { width: 45px; height: 45px; float: left; margin-bottom: 10px; }

.breaking {
    width:290px;
    max-height:180px;
    overflow: auto;
    padding: 5px;
    margin-bottom: 0px;
    background-color:#D1E8FF;
}
.breaking ul li .headline a {
	font-weight:bold;
	font-size:1em;
	color:#112988;
}
.breaking ul li #updated {
	font-weight:normal;
	font-color:#ccc;
	font-size:0.9em;
}
.breaking .title a {
	color:#F00;
	font-weight:bold;
	font-size:1.1em;
	text-transform:uppercase;
}
.breaking ul li {
	margin:2px;	
}

.section_920 {
    width:290px;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    background-color:#D1E8FF;
}
.section_920 #updated{
    display: none;
}


.section_918 {
    width:290px;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    background-color:#D1E8FF;
}
.section_918 #updated{
    display: none;
}

.section_1446 {
    width:290px;
    padding: 5px ;
    margin-top: 10px;
    background-color:#D1E8FF;
}


.top_story_headlines .title {display: none;}


.more {
	text-align: right;
	margin-right: 10px;
	margin-top: -10px;
	}

.more img {
	height: auto;
	width: auto;
	}


.more a:hover {
	background-image: url(http://media.tri-cityherald.com/static/images/more_ov.gif);
	}



.top_story_headlines .section_901 .title {
	display: none;
}


.top_story_headlines .arrows{
    display: none;
}


.top_blogs img { float: left; margin-right: 3px; margin-left: 2px; }
.top_blogs { margin-bottom: 2px; }
.top_blogs .title {
    margin-top: 5px;
    font-size: 1.2em;
    font-weight:bold;
    border: 0px;
    color: red;
}
.top_blogs .headline { margin-top: 0px; font-size: 1em; }
.top_blogs .headlineDate { font-size: .9em; margin-bottom: 8px;}

#auto_rails #rail_b .content .headline span {
	display:none;
}
#last_updated {
	margin:10px 0;
}
#creditLine {
	font-style:italic;
}
.copy {
	margin:10px 0;
	font-size:1.2em;
}
/* This is story level style to get rid of the rail_a */
body.story-detail #rail_a {
	display:none;
}
body.story-detail #rail_b {
	width:600px;
}
/* classads page */
#classadsBrowse, #classadsSearch, #classadsCB {
	text-align:center;
}
#classadsBrowse img, #classadsSearch img {
	margin:20px 0 10px 0;
}
#classadsLinks a {
	display:block;
	margin:20px 0 10px;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
}

.photoitem {
    float: left;
    padding: 4px;
    margin-bottom: 0px; }

.photoitem img{
    width: 90px;
    height: 60px;
    border: 1px solid #000;
}

.photoitem .title {
    margin-top: 2px;
    text-align: left;
    font-weight: bold;
    width: 90px;
}
.photoitem .date {
    color: #333;
    text-align: left;
}

/* HTML modules */
#stimulus_photos_tab {
      margin-bottom: 5px;
      padding-top: 10px;
      overflow: hidden;
      clear: both; 
}

#stimulus_hanford_tab {
      margin-bottom: 5px;
      padding-top: 10px;
      overflow: hidden;
      clear: both; 
}

#stimulus_enter_tab {
      margin-bottom: 1px;
      padding-top: 10px;
      overflow: hidden;
      clear: both; 
}

#front_rss_link {
      margin-bottom: 1px;
      padding-top: 5px;
      overflow: hidden;
      clear: both;
      border-bottom: 1px solid #e8eac2; 
 }

#AP_Video_front {
      background-image: url(http://media.tri-cityherald.com/static/images/apvidtop.gif);
      background-position: top center;
      background-repeat: no-repeat;
      background-color: #fff;
      border: 1px solid #999; 
      margin-top: 5px;
      margin-bottom: 5px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 33px;
      overflow: hidden;
      clear: both; 
}

#news_tip {
    width:290px;
    padding: 2px 5px 5px 5px;
    margin-bottom: 0px;
    background-color:#D1E8FF;
}

#most_tabs_1 {
    width:295px;
    padding: 4px 0px 0px 0px;
    margin-bottom: 0px;
}

#zvents_front {
    padding-top: 10px;
}

#clear_shim {
 overflow: hidden;
      clear: both; 
}

#log_in_temp {
    padding-bottom: 10px;
	
}

.homeGallery .title { display:none; }

.subcat {
 	padding-top: 5px;
        color:#333;
	font-weight:bold;
	font-size:1.1em;
	text-transform:uppercase;
}

.community_links {
     font-weight:bold;
     padding-left:15px; padding-right:10px;
}


/* search_bar.css overrides */
#yahoo_search {background:transparent url(http://media.tri-cityherald.com/static/images/stimulus_search_top_bkgd.jpg) no-repeat; border:0px solid #e8eac2; clear:both; float:left; margin:5px 0 7px 0px; width:750px;}
.SearchSiteField {background:transparent url(http://media.tri-cityherald.com/static/images/site_search_field_bkdg1.png) no-repeat; border:none; height:21px; margin-left: 170px; margin-right:8px; padding-top:4px; text-indent:27px; width:400px;}

.right-button {background:transparent url(http://media.tri-cityherald.com/static/images/site_search_button_red.png) no-repeat; border:none; color:#fff; font-size:12pt; font-weight:bold; height:29px; padding-bottom:3px; text-transform:uppercase; width:107px;}

#yahoo_radio_buttons {clear:both; margin-left:183px;}
#pluck {float:right; width:220px;}