/*
Added by JLW to style 
the RichMedia / Pluck.com  Related Content Widget 
and Full Page Content Widget
*/


/*  RELATED CONTENT WIDGET */


div.podHeadlineWidget { 
/* the container around the whole Related Content Widget 
margin-top:7px; padding-left:5px;  */
}

/* To change the "More On This Topic" header: */
div.podHeadlineWidget /* container around the whole Widget; */ div.podPageTitle { 
visibility: hidden !important; 
font-size:6px !important;  
}


/* the container around the image, headline, & byline 
(for both the Related Contents Widget and the Full Page Article Widget)  */
div.podArticleInfo {}

/* the image preceding each headline */
.podIconArticleimg { 
/* !important */}

.podIconArticle{ /* holds the little pencil or video icon as a background image */
 background:none;}

/* To change the font on headlines in Related Content widgets:*/
a.podHeadline {  /*
 color:#fff; text-decoration:none;
font-family: Helvetica, Tahoma, Arial, sans-serif; */
/* 
font-size:12px !important;
text-decoration:none !important;
color:#003090 !important;
*/}
a.podHeadline:hover { /* text-decoration:underline; */ /* !important; */}

/* With or without div.podHeadlineWidget makes no difference... */ div.podCallout { 
/* This is the byline beneath the headline */ 

/* doesn't work: 
visibility:hidden !important; 
text-align:right !important; 
float:right !important; 
color:#000 !important;  */
}


div.podHeadlineWidget { 
/* the container around the whole Related Content Widget; use for body text,
but also affects the byline!  */  /*
text-align:left; 
color:#fff;
font-family: verdana, helvetica, arial, sans-serif; */    /* this works */
/* font-size:9px !important;  /* this doesn't! */
}
div.podHeadlineWidget a{ /* this controls the 'Read More' link 
 color:#fff; text-decoration:none; font-weight:bold;
font-family: Helvetica, Tahoma, Arial, sans-serif; */
}
div.podHeadlineWidget a:hover{ /* this controls the 'Read More' link */
 text-decoration:underline; }

/* Sometimes (especially with Wordpress), your own theme 
will add bullets to the left of related articles in a Related Content widget. 
To make those go away, add this: */
.podHeadlineWidget li { /* list-style-type: none !important; */} 




/*  FULL PAGE CONTENT WIDGET  */

div.podArticlePageWidget {} /* the container around the widget */

/* the container around the image, headline, & byline 
(for both the Related Contents Widget and the Full Page Article Widget)  */
div.podArticleInfo {} 

/* the image preceding the headline */
.podArticleInfoimg { }

/* the headline */
div.podPageTitle{
/* font-size:12px !important;
color:#003090 !important;}
a.podHeadline:hover {color:#8ccfff !important;
*/ }

.podCallout { /* the byline beneath the headline */ }
.podCallout a {/* text-decoration:none !important; */ }

/* for body text, use */  
.podArticlePageWidget { /* the container around the widget */
text-align:left;
}



/* When a Related Content widget beneath another article is too narrow, 
you can make it the full width of the column it's in by adding this: */
.podArticlePageWidget .podHeadlineWidget {width: 100%;}


/* undocumented.  Appears to color both the headline and the Read More link */
.podHeadlineWidget a {
/* color:#003090; font-weight:bold; text-decoration:none; */
}
.podHeadlineWidget a:hover { /* color:#8ccfff; */ }