/*
Purpose: styles for satire news pages

Mod Log
2003-04-06 / PJW
- copy from amfm_style01.css
2003-04-26 / PJW
- adjust colours (blues) (satiricpresslogo4.gif)
  - original blue: #66CCFF; (prob from AMFM)
    - pale blue main background of banner: #BBD1EA;
    - darker blue band (top & bottom):     #88A9CD;
    - dark blue outline of letters:        #5A80D7;
    - very pale blue middle stripe:        #E0F0FF;
    - dark orange from 'SP':               #FF9900;
    - pale orange from 'satiric press':    #FFB84C;

2003-05-17 / PJW
- play wit' new style

  ==> dark red:  #CC0000;
  ==> pale blue: #E0F0FF;
  ==> blue:      #BBD1EA; (187, 209, 234)

2004-02-07 / PJW
- add footer link
2004-02-09 / PJW
- add input class
2004-07-20 / PJW
- add menuTextLight for possible use by external links section
2004-08-22 / PJW
- add menuTextHotOffPress

*/

/* colours:

Nice light blue: #66ccff

*/

BODY
{
  background-color: white;
  font-family: arial, verdana;
/*
  font-family: times;
*/

  color: black;
  font-size: 100%;
/*
  scrollbar-arrow-color:       #76C5FE;
  scrollbar-base-color:        #76C5FE;//outline around blocks

  scrollbar-dark-shadow-color: #6666FF;//part of trough pattern
  scrollbar-shadow-color:      #6666FF;//shadow of blocks

  scrollbar-face-color:        #6666FF;
  scrollbar-highlight-color:   #76C5FE; //used in trough and on bevelled edges
*/

  scrollbar-arrow-color:       #CC0000; /*#FFCC00;*/
  scrollbar-base-color:        #FFFFFF;/*#CC9966;*/

  scrollbar-dark-shadow-color: #CC0000; /*#FF6600;*/
  scrollbar-shadow-color:      #CC0000; /*#FF3300;*/ /*#666600;*/

  scrollbar-face-color:        #BBD1EA; /*#FF9900;*/
  scrollbar-highlight-color:   #FFFFFF;


}

.bodyClass
{
/*  background-color: white; */
  font-family: verdana, arial;
/*
  font-family: times;
*/

/*  color: black; */
  font-size: 100%;
/*
  line-height: 20px;
*/
}

.redistributionPolicy
{
  font-family: arial;
  font-size: 75%;
  color: #555555;
/*
  font-style: italic; 
  line-height: 75%
*/

}

.noStyle
{
  display: none;
}

.bannerText
{
  font-family: arial;
  color: #000000;
  text-align: center;
  font-size: 600%;
}

H1
{
  font-family: verdana, arial;
  color: #000000;
  text-align: center;
  font-size: 200%;
  background-color: #BBD1EA;
}

H2
{
  font-family: verdana, arial;
/*color: #FFFFCC;*/
  color: #FFFFFF;
  text-align: center;
/*background-color: #FF6600;  orange */
  background-color: #CC0000; /*#FF3300;*/ /*reddish*/
  font-size: 140%;
}

indexHeadline
{
  font-family: verdana, arial;
/*color: #FFFFCC;*/
  color: #FFFFFF;
  text-align: center;
/*background-color: #FF6600;  orange */
  background-color: #CC0000; /*#FF3300;*/ /*reddish*/
  font-size: 140%;
}


H2.subHeading
{
  font-family: verdana, arial;
  color: #000000;
  text-align: center;
  background-color: #BBD1EA; /*#FF3300;*/ /*reddish*/
  font-size: 140%;
}

H3,
H4
{
  font-family: arial;
  color: #000000;
}

/*menu list*/
LI
{
  padding: 10px 0px 10px 0px;
}

LI.points
{
  padding: 2px 0px 2px 0px;  
}

/******************************* ANCHORS ***********************************************/

A.headline:link
{
  text-decoration: none;
  color: #FFFFCC;
}
      
A.headline:visited
{
  text-decoration: none;
  color: #FFFFCC;
}
      
A.headline:active
{
  text-decoration: none;
  color: #FFFFCC;
}

A.headline:hover
{
  text-decoration: underline;
  color: #FFFFCC;
/*
  background-color: #CC9966;
*/
}

/*****/

A.continueLink:link
{
  text-decoration: none;
  color: black;
  background-color:  #BBD1EA; /*#66CCFF;*/
}
      
A.continueLink:visited
{
  text-decoration: none;
  color: black;
  background-color: #BBD1EA; /*#66CCFF;*/
}
      
A.continueLink:active
{
  text-decoration: none;
  color: black;
  background-color: #BBD1EA; /*#66CCFF;*/
}

A.continueLink:hover
{
  text-decoration: underline;
  color: black;
  background-color: #BBD1EA; /*#66CCFF;*/
}

/*****/

A.bannerLink:link
{
  text-decoration: none;
  color: #000000;
}
      
A.bannerLink:visited
{
  text-decoration: none;
  color: #000000;
}
      
A.bannerLink:active
{
  text-decoration: underline;
  color: #000000;
}

A.bannerLink:hover
{
  text-decoration: underline;
  color: #000000;
}

/*****/

A.currentIssueLink:link
{
  text-decoration: none;
  color: black;
  background-color: #BBD1EA; /*#FF9900;*/
}
      
A.currentIssueLink:visited
{
  text-decoration: none;
  color: black;
  background-color: #BBD1EA; /*#FF9900;*/
}
      
A.currentIssueLink:active
{
  text-decoration: none;
  color: black;
  background-color: #BBD1EA; /*#FF9900;*/
}

A.currentIssueLink:hover
{
  text-decoration: underline;
  color: black;
  background-color: #BBD1EA; /*#FF9900;*/
}

/*****/

A.redistributionPolicyLink:link
{
  text-decoration: underline;
  color:  #555555;
}
      
A.redistributionPolicyLink:visited
{
  text-decoration: underline;
  color:  #555555;
}
      
A.redistributionPolicyLink:active
{
  text-decoration: underline;
  color:  #555555;
}

A.redistributionPolicyLink:hover
{
  text-decoration: underline;
  color:  #555555;
  background-color: #BBD1EA;
}

/*****/

A.bodyTextLink:link
{
  text-decoration: underline;
  color: #000000;
}
      
A.bodyTextLink:visited
{
  text-decoration: underline;
  color: #000000;
}
      
A.bodyTextLink:active
{
  text-decoration: underline;
  color:  #555555;
  color: #000000;
}

A.bodyTextLink:hover
{
  text-decoration: underline;
  background-color: #BBD1EA;
  color: #000000;
}

/*****/

A.indexHeadline:link
{
  font-family: verdana, arial;
/*color: #FFFFCC;*/
  color: #FFFFFF;
  text-align: center;
/*background-color: #FF6600;  orange */
  background-color: #CC0000; /*#FF3300;*/ /*reddish*/
  font-size: 140%;
}

A.indexHeadline:visited
{
  font-family: verdana, arial;
/*color: #FFFFCC;*/
  color: #FFFFFF;
  text-align: center;
/*background-color: #FF6600;  orange */
  background-color: #CC0000; /*#FF3300;*/ /*reddish*/
  font-size: 140%;
}

/*****/

A.footerLink:link
{
  text-decoration: underline;
  color:  white;
}
      
A.footerLink:visited
{
  text-decoration: underline;
  color:  white;
}
      
A.footerLink:active
{
  text-decoration: underline;
  color:  white;
}

A.footerLink:hover
{
  text-decoration: underline;
  color:  white;
  background-color: #BBD1EA;
}

/*****/

.menuList
{
  /*
  line-spacing: 2 px;
  */
   margin: 0px 0px 0px 10px;
}

.menuText
{
  font-family: verdana, arial;
  font-weight: bold;
  color:  black;
  font-size: 75%;
}

.menuTextLight
{
  font-family: verdana, arial;
  color:  black;
  font-size: 75%;
}

.menuTextHotOffPress
{
  font-family: verdana, arial;
  color:  #CC0000;
  font-size: 100%;
  font-weight: bold;
  text-decoration: italic;
}

A.menuLink:link
{
  font-family: verdana, arial;
  font-weight: bold;
  text-decoration: underline;
  color:  black;
  font-size: 75%;
}
      
A.menuLink:visited
{
  font-family: verdana, arial;
  font-weight: bold;
  text-decoration: underline;
  color:  black;
  font-size: 75%;
}
      
A.menuLink:active
{
  font-family: verdana, arial;
  font-weight: bold;
  text-decoration: underline;
  color:  black;
  font-size: 75%;
}

A.menuLink:hover
{
  font-family: verdana, arial;
  font-weight: bold;
  text-decoration: underline;
  color:  black;
  background-color: #BBD1EA;
  font-size: 75%;
}


/*****/

EM
{
  font-style: italic;
}

.currentLink
{
  font-size: 120%;
  font-weight: bold;
}

.continued
{
  font-weight: bold; 
}

/*********************************************************/
/*
Use the following tiles, 4.5%, for a 22-tile wide area
*/

/* below is useless... */
TABLE.tiles
{
  width: 100%;
  border: 10px;
  padding: 0px;
}

TD.panelBackground
{
  background-color: #FFFFFF;
}

TD.tile00
{
/*
  background-color: #000000;
*/
  background-color: #FFFFFF;
  width: 4.5%;
  height:10px; /*tile*/
}

TD.tile01   /*light-orange*/
{
  background-color: #BBD1EA; /*#FFCC00;*/
  width: 4.5%;
  height:10px; /*tile*/
  font-size: 55%;
  font-family: verdana, arial, helvetica; 
  text-align: center;

}

TD.tile01_b   /* no width specifier */
{
  background-color: #76C5FE;
  height:10px; /*tile*/
  font-size: 55%;
  font-family: verdana, arial, helvetica; 
  text-align: center;

}

TD.tile01_c  /*orange*/
{
  font-size: 55%;
  background-color: #FF9900; /*#FF9900;*/
}

TD.tile01_d  /*reddish*/
{
  height:10px; /*tile*/
  font-size: 75%;
  font-family: verdana, arial, helvetica; 
/*  text-align: right;*/
  color: black;
  background-color: #FFFFFF; /*#FF3300;*/ /*reddish*/
}

TD.tile01_e
{
  height:10px; /*tile*/
  font-size: 75%;
  font-family: verdana, arial, helvetica; 
  text-align: right;
  color: black;
  background-color: white;
}

TD.tile01_f
{
  font-size: 75%;
  font-family: verdana, arial, helvetica; 
  color: black;
  background-color: white;
}

TD.tile01_g  /*reddish*/
{
  height:10px; /*tile*/
  font-size: 75%;
  font-family: verdana, arial, helvetica; 
/*  text-align: right;*/
  color: white;
  background-color: #CC0000;
}


TD.tile02   /*darker blue*/
{
  background-color: #6666FF;
  width: 4.5%;
  height:10px; /*tile*/
  font-size: 55%;
  font-family: verdana, arial, helvetica;
  color: #FFFFFF;
  text-align: center;
}

TD.tile02_c
{
  background-color: #6666FF;
  color: #FFFFFF;
}


TD.tile03   /*tan*/
{
/*
  background-color: #80EE11;
*/
  background-color: #CC9966;
  width: 4.5%;
  height:10px; /*tile*/
  font-size: 55%;
  font-family: verdana, arial, helvetica; 
  text-align: center;
}

TD.tile03_c
{
  background-color: #CC9966;
  color: #FFFFFF;
}


TD.tile04   /*green*/
{
/*
  background-color: #FF8811;
  background-color: #990066; burgundy
*/
  background-color: #666600;
  width: 4.5%;
  height:10px; /*tile*/
  font-size: 55%;
  font-family: verdana, arial, helvetica; 
  text-align: center;
}

TD.tile04_c
{
  background-color: #666600;
  color: #FFFFFF;
}


/*********************************************************/

P:first-letter
{
  font-size: 150%;
}

P
{
  font-size: 80%;
  line-height: 20px;
}

.paragraphText
{
  font-size: 80%;
  line-height: 20px;
}

.byline
{
  font-size: 75%;
  text-align: right;
  color: #AAAAAA;
  font-style: italic;
}


.smallPrint
{
  font-size: 55%;
  text-align: center;
  color: #777777;
  margin-top: 0px;
  margin-bottom: 0px;
}



P.smallPrint
{
  font-size: 55%;
  text-align: center;
  color: #777777;
  margin-top: 0px;
  margin-bottom: 0px;
}


P.smallPrint:first-letter
{
  font-size: 70%;  
}


INPUT.btn01
{
  background: #6666FF;
  border-width: 3px;
  color: #FFFFFF;
  cursor: hand;
}

HR.tile
{
  align: center;
  height: 5px;
  width: 100%;
  color: #6666FF;
}

SUP.footnote
{
  font-size: 80%;
  color: #6666FF;
}

.borderClassDashed
{
  border-style: dashed;
/*  border-color: #999900; */
  border-color: #BBD1EA; /*#66CCFF;*/

  border-width: 10;
}

.borderClassNonDashed
{
  border-style: solid;
/*  border-color: #999900; */
  border-color: #BBD1EA; /*#66CCFF;*/

  border-width: 10;
}

.borderClassHighlight
{
  border-style: solid;
  border-color: #CC0000;
  border-width: 10;
}

.parentalAdvisoryBlack
{
  font-size: 110%;
  color: black;
}

.parentalAdvisoryWhite
{
  font-size: 60%;
  color: white;
}

SELECT
{
  font-size: 8pt;
  font-family: verdana, arial, helvetica; 
}

INPUT
{
  font-size: 8pt;
  font-family: verdana, arial, helvetica; 
}

.formLabel
{
  font-size: 8pt;
  font-family: verdana, arial, helvetica; 
}

.imageCaption
{
  font-size: 75%;
  font-family: verdana, arial, helvetica; 
  color: black;
  background-color: white;
}