/* This stylesheet defines common elements for every template.
 *
 * Some things may not be required (e.g. the watermark for templates that 
 * have a coloured background but these can be overridden individually.
 */
 
/* --- PAGE ---------------------------------------------------------- */

html { margin: 0 ; padding: 0 ; }
body { margin: 0 ; padding: 0 ; }
.content { margin: 0 ; padding: 0 ; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Define a standard appearance for blockquote's. */
blockquote
{
    margin-left: 2em ;
    font-size: 90% ;
    border-left: 2px solid ;
    padding-left: .5em ;
    padding-right: .5em ;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Minimize the visual impact of horizontal rules in feed items. */
.item hr
{
    width: 90% ;
    height: 1px ;
}

/* --- BANNER -------------------------------------------------------- */

#channelImage { border: none ; }

/* --- ITEMS --------------------------------------------------------- */

/* Italicize item titles that have been read.
 *  NOTE: It would nice to do this by adding an "itemState" attribute to the various
 *  item-related div's but IE doesn't seem to be able to identify them in the CSS :-(
 */
.itemTitleState-read
{
    font-style: italic ;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Tighten up positioning and line spacing for item related links. */
.itemRelatedLinks ul
{
    margin-top: 0px ;
    margin-bottom: 0px ;
    line-height: 1.25em ;
 }
 
.itemRelatedLinkDetails { font-size: 75% ; }        

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Stop the "available offline" image from highlighting when the mouse is hovering over it. */
.offlineContentUrl a:hover 
{
    text-decoration: none ;
    border: none ;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Send-To */
.sendTo , .sendTo * { padding: 0 ; margin: 0 ; font-style: normal ; }
.sendTo { list-style: none ; float: left ; }
.sendTo dd { display: inline ; background: url("{%RESOURCES-URL% encode=attr}Images/bullet2.gif") no-repeat 0 0.5em ; padding: 1px 1px 1px 0.5em ; }
.sendTo div { display: none ; margin: -5em 0 0 5em ; }
.sendTo li a:hover { border: 0 ; }
.sendTo :hover div { display: block ; position: absolute ; }
/* Default styling for send-to's */
.sendTo div { font-size: 90% ; background: #f0f0f0 ; border-top: 1px solid #000 ; }
.sendTo dl { border: solid #000 ; border-width: 0 1px 1px 1px ; padding: 2px ; }
.sendTo div a , .sendTo div a:hover , .sendTo div a.visited { text-decoration: none ; padding: 0 2px 0 2px ; }
.sendTo a.anchor:hover { text-decoration: none ; }
.sendTo div a:hover { color: #333 ; background: #e0e0e0 ; }

