/*
-----------------------------------------------
WGBH interactive
daniel_bulli@wgbh.org

- This contains styles for layout of all pages (template)
-- does NOT contain internal content 
----------------------------------------------- */



/*
-----------------------------------------------
globally set everything to 0 
----------------------------------------------- */

*, td, img  { margin  : 0; padding : 0; }
p           { padding-bottom: 1em; }

/*
-----------------------------------------------
body
----------------------------------------------- */
body {  background: #fdd761; color: #854505; font: 80%/1.40em verdana, arial, sans-serif; padding: 16px 30px 34px 0;}


.popup { background: transparent url(../i/bg_popup_middle.gif) repeat-y top left; width: 376px; font-size: 0.9em; line-height: 1.45em;}

.closelink { display: block; background: transparent url(../i/bg_popup_top.gif) no-repeat top left; padding-bottom: 2px;padding-top:1px;}
.closelink img { padding-left: 299px; }

h1 {font-weight: bold; font-size: 1em;margin-bottom:0;padding-bottom:0}
p { padding: 0 21px 1em 14px; }

p.pop-bot     { padding-bottom: 19px; background: transparent url(../i/bg_popup_bottom.gif) no-repeat bottom left; }


ul.pop-list    { margin-left: 26px; margin-right: 20px; }
ul.pop-list li { padding-bottom: 10px;  } 


#popup-text p   { padding: 0 21px 1em 14px; }
#popup-text h1  { padding: 0 21px 0 14px }

#popup-img  p   { padding: 0 21px 1em 79px; }
#popup-img  h1  { padding: 0 21px 0 79px; }


/*
-----------------------------------------------
links
----------------------------------------------- */

a         { text-decoration: underline; }
a:link    { color: #854505;  }
a:visited { color: #854505;  }    
    
a:hover,
a:active,
a:focus   { color: #542f09;}

/*
-----------------------------------------------
footnote
----------------------------------------------- */

.footnote  { color: #b87838; font-style: italic; }