/* -- initialize base -- */
	*, td, img	{margin : 0; padding : 0}
	form, fieldset	{font: 100%/120% verdana, arial, sans-serif}
	p	{margin: 0 0 0 0; padding: 0 0 1em 0}

	form label	{cursor: pointer}
	fieldset	{border: none}
	input, select, textarea {font-size: 100%}


/* -- body -- */
	body	{color: #666; font: 70%/1.4em verdana, arial, sans-serif;	}
	body#rx-friend,
	body#rx-pop {background: #fff}

/* -- skipper -- */
	#skipper { position: absolute; width: 100px; display:block; overflow: hidden; font-weight: bold; text-indent: -600em; background: transparent;	text-decoration: none; padding: 0 0 0 0; }


/* -- nav-box (campaign/series home) -- */
	#header {height: 87px}
	#home-nav	{line-height: 1.4em; font-size: 11px;	 text-align:right; width: 743px; left: 323px}
	#home-nav ul	{list-style: none; padding: 6px 0 0 0; color: #fff; text-align:right}
	#home-nav ul li {display: inline}

/* -- global-nav -- */
	#global-nav {background: #b90d01; border-bottom: 1px solid #EF887F; color: #fff}
	#global-nav ul	{list-style: none; padding: 6px 0 6px 0; width: 743px; text-align:right; font-size: 11px}
	#global-nav ul li	{display: inline}


/* -- search box -- */
	#search_box {color: #fff; margin: 6px 0 0 232px; white-space:nowrap}
	#search_box label	{font-weight: bold}
	#search_box input#go	{background-color : #e21001; border: 1px solid #e21001; color: #fff; font-weight: bold}
	#search_box input#q {color : #fcc;	 background-color : #e73728; width : 107px; font-size: 10px; padding: 1px 1px 1px 3px; border: 1px solid #731A12; border-right: 1px solid #F3827A; border-bottom: 1px solid #F3827A}
	#search_box input:focus#q	{color : #000}


/* -- wrapper for content -- */
	#int-wrapper	{background: #d1d1d1; clear: both}
	#int-w780	{width: 780px; background: #fff url(../i/i-wrapper-new-bg.gif) repeat-y top left}

/* -- columns -- */
	#left-column	{width: 518px; float: left; border-top: 26px solid #d1d1d1; overflow: visible; }
	#content	{width: 422px; margin: 0 23px 0 61px}
	#right-column	{width: 226px; margin-top: 115px; float: left}

	/*
	-----------------------------------------------
	right-sidebar
	----------------------------------------------- */
	.r-sidebar	{font-size: 0.9em; color: #666; border-bottom: 1px solid #666; background: #fbfbfb}
	.r-sidebar	{margin: 17px 0 17px 36px; padding-bottom: 10px}
	.r-sidebar p,
	.r-sidebar dl	{padding: 5px 5px 3px 5px; line-height: 1.5em}
	.r-sidebar dd	{padding-bottom: 1em}
	.r-sidebar h3	{ color: #fff; background: #666; padding: 3px 5px 3px 5px; font-weight:bold}
	.r-sidebar h4	{padding: 5px 5px 0px 5px; line-height: 1.1em; color: #333; }
	img.img-sidebar {margin-left: 36px; margin-bottom: 27px}
	.r-sidebar hr   { height: 1px; overflow: hidden; border:none; background:#666;margin-bottom: 5px;margin-top: 5px;}

	.e-panel h4 { padding: 5px 5px 0 5px; line-height: 1.1em; color: #333; margin: 0 0 0 0;}
	.e-panel p { padding-bottom: 1em; }
/* -- footer -- */
	#f-749	{background: #f0f0f0; width: 760px;}
	#nav-footer {background: #f0f0f0;margin-bottom: 13px; padding-left: 12px}
	#footer,
	#c-footer	{background: #f0f0f0; border-top: 7px solid #ffb200; clear: both; padding: 13px 13px 20px 0; color: #777; font-size: 10px}
	#footer {border-top: 7px solid #e21001; padding: 7px 0 20px 0px}

	.created { font-size: 0.9em; color: #333; padding-left: 12px;}

	#copy,
	#production {background: #f0f0f0;position: relative; width: 305px; border-right: 1px solid #bfbfbf; float: left; height: 13em}
	#copy	{width: 189px}
	#funding	{background: #f0f0f0;position: relative; width: 260px; float: left; height: 13em}

	#copy	 p,
	#production p,
	#funding p	{padding: 0 14px 0 14px}

	#pledge { padding-left: 12px; padding-bottom: 13px; position: relative; margin-top: -5px;}

/**add margin to gbh logo**/
	.gbh-mar	{margin-right: 10px}



/* -- sidebar -- */
	#sendtoafriend-link {font-size: 10px; position: absolute; width: 80px; left: 10px; top: 21em}



/* -- GENERAL -- */
.section,
.section-extra	{margin-bottom: 2em; clear: both;}
.section-extra	{margin-top: 1em;}
.section-last   { border-bottom: 1px solid #999; }

/* -- *******-- debugging --********** -- */
	.fixme	{color: #f00; font-style: italic; font-weight: bold; font-family: "Andale Mono","Courier New", monospace; background: #ff0; }
	.fixme:before	{content: "** "}
	.fixme:after	{content: " (fix) ** "}



/* -- [ content  ]
-----------------------------------------------
WGBH interactive
daniel_bulli@wgbh.org
----------------------------------------------- */


/* -- headers -- */
	h1	{font-size: 1.5em; color: #c71002; margin-bottom: 1em}
	h1.or	{color: #c78b01}

	h2	{font-size: 1em; color: #900; margin-bottom: 1em}
	h3	{font-size: 1em; color: #000; font-weight: normal}
	h4	{font-size: 1em; color: #666}
	h5	{font-size: 1em; color: #666}
	h3.h-bold	{font-weight: bold}

/** internal headers **/
	#int-wrapper h1	{font-size: 1.5em; color: #666;	 margin: 62px 0 10px 61px; padding:0}
	#int-wrapper h1.hassubnav	{margin: 62px 0 10px 61px}

/** when we hide text assume these default for headers **/
	h1.hidetxt	{background-color: transparent; background-position: top left;	 background-repeat: no-repeat; height: 31px}
	h1.hassubnav	{background-repeat: no-repeat}


/* -- lists -- */
	.dl-inline	{margin: 0 0 1em 0}
	.dl-inline dt,
	.dl-inline dd	{display: inline}

	.ul-gen	{list-style: none; margin-top: 1em}
	.ul-gen li	{list-style: none; margin-bottom: 10px}
	.ul-nobullets	{list-style: none;}
	.ul-nobullets li	{list-style: none; margin-bottom: 0.6em}
	.section ul.ul-nobullets li	{background: none; list-style: none; margin-bottom: 8px; padding-left: 0px}
	.section ul	{margin-bottom: 1em}



/* -- Forms -- */
	.f-form	{margin-top: 1em; margin-bottom: 1em}
	.f-form label	{display: block; margin-bottom: 3px}
	.f-form label.rdio	{display: inline; margin-right: 5px}

	.f-form fieldset	{border: 0}
	.f-form fieldset legend	{margin-bottom: 3px}

	.f-form input.txt,
	.f-form select	{width: 300px; color: #000; display: block; font-size: 11px; padding: 1px; color: #333}

	.f-form input.radiobut	{margin-right: 3px}
	.f-form input.butt	{color: #333; padding: 1px; margin-right: 10px}
	.f-form textarea	{width: 300px; height: 300px; color: #333; display: block; font-size: 11px;	 padding: 1px}

	.f-form input.txt:focus,
	.f-form textarea:focus,
	.f-form select:focus	{color: #000}



/* -- localize mes -- */
	.schedulepagehead	{font-weight: bold}


/* -- GENERAL -- */
	.hidetxt	{text-indent: -9000px}
	span.hidetxt	{display: none}

	.int-anchors	{margin-bottom: 2em; line-height: 1.7em}
	.role	{color: #000; display: block; margin-bottom: 5px}

	.clr	{clear: both; height: 23px; background: #fff}
	.clr100	{clear: both; height: 100px}
	.clr-nobg,
	.clr-c-info	{clear: both; height: 9px; font-size:1px}
	.clr-c-info	{background: #ffb200;width:733px; padding: 0 0 0 0; margin: 0 0 0 0}

	.rgt-p23px	{padding-right: 23px}

	.red-txt	{font-size: 1em; color: #900; margin-bottom: 1em}
	.grey-txt	{font-size: 1em; margin-bottom: 1em}
	.lgrey-txt	{font-size: 1em; font-style: italic; color: #ccc;}
	.error	{color: #f00; font-weight: bold}
	.dateinfo	{color: #9C0003; font-weight: normal}
	.p-return	{margin-top: 1.5em}
	.p-return-small	{margin-top:0em}
	p.address	{margin-left: 1em; font-style: normal}



/* -- [ links  ]
-----------------------------------------------
WGBH interactive
daniel_bulli@wgbh.org
----------------------------------------------- */


/* -- general -- */
	a:link,
	a:visited	{color: #9A0000}
	a:hover,
	a:active,
	a:focus		{color: #000}

		/* override for campaign */
		#rx-campaign a:link,
		#rx-campaign a:visited,
		#rx-c-home a:link,
		#rx-c-home a:visited	{color: #C78B01}

		#rx-campaign a:hover,
		#rx-campaign a:active,
		#rx-campaign a:focus,
		#rx-c-home a:hover,
		#rx-c-home a:active,
		#rx-c-home a:focus		{color: #000}

a.a-title	{color: #000}

/** prevent hover effect on anchors **/
a[name]:hover	{text-decoration: inherit; color: inherit; background: inherit}


/* -- series block quote -- */
	.b-series a:link,
	.b-series a:visited	{color: #666}
	.b-series a:hover,
	.b-series a:active,
	.b-series a:focus	{color: #000}


/* -- campaign home info bar -- */
	#campaign-info a:link,
	#campaign-info a:visited	{color: #333}

	#campaign-info a:hover,
	#campaign-info a:active,
	#campaign-info a:focus		{color: #000}


/* -- internal nav links -- */
	#global-nav a:link,
	#global-nav a:visited	{color: #fff; text-decoration: none}

	#global-nav a:hover,
	#global-nav a:active,
	#global-nav a:focus		{color: #fff; text-decoration: underline}

		/* override for campaign nav links	*/
		#rx-campaign #global-nav a:link,
		#rx-campaign #global-nav a:visited	{color: #000; text-decoration: none}

		#rx-campaign #global-nav a:hover,
		#rx-campaign #global-nav a:active,
		#rx-campaign #global-nav a:focus	{color: #000; text-decoration: underline}


/* -- subnav -- */
	.subnav a			{font-weight: bold; font-size: 10px}
	.subnav a:link,
	.subnav a:visited	{color: #fcc; text-decoration: none}

	.subnav a:hover,
	.subnav a:active,
	.subnav a:focus		{color: #fff; text-decoration: underline}

		/* override for campaign nav links	*/
		#rx-campaign .subnav a:link,
		#rx-campaign .subnav a:visited	{color: #330}

		#rx-campaign .subnav a:hover,
		#rx-campaign .subnav a:active,
		#rx-campaign .subnav a:focus	{color: #000}


/* -- home nav links -- */
	#home-nav a:link,
	#home-nav a:visited	{color: #fff; text-decoration: none}

	#home-nav a:hover,
	#home-nav a:active,
	#home-nav a:focus	{color: #000; text-decoration: underline}

		/* override for campaign */
		#rx-c-home #home-nav a:link,
		#rx-c-home #home-nav a:visited	{color: #333}

		#rx-c-homen #home-nav a:hover,
		#rx-c-home #home-nav a:active,
		#rx-c-home #home-nav a:focus	{color: #000}


/* -- on this page -- */
	a.h2-link			{font-weight: bold}
	a.h2-link:link,
	a.h2-link:visited	{color: #900}
	a.h2-link:hover,
	a.h2-link:active,
	a.h2-link:focus		{color: #000}


/* -- rx matters learn more -- */
	.learn-more a:link,
	.learn-more a:visited	{color: #000}

	.learn-more a:hover,
	.learn-more a:active,
	.learn-more a:focus		{color: #000; text-decoration: none}

/* -- campaign header links (used on series home + side bar -- */
	a.link-h-c:link,
	a.link-h-c:visited	{color: #C78B01}
	a.link-h-c:hover,
	a.link-h-c:active,
	a.link-h-c:focus	{color: #000}

		/** make sidebar bold **/
		#r-sidebar a.link-h-c			{font-weight: bold}



/* -- side bar -- */
	.r-sidebar a:link,
	.r-sidebar a:visited	{color: #666}
	.r-sidebar a:hover,
	.r-sidebar a:active,
	.r-sidebar a:focus		{color: #000}


/* -- footer -- */
	#footer a:link,
	#footer a:visited,
	#c-footer a:link,
	#c-footer a:visited	{color: #666}
	#footer a:hover,
	#footer a:active,
	#footer a:focus,
	#c-footer a:hover,
	#c-footer a:active,
	#c-footer a:focus		{color: #000}


/* -- misc -- */
	a.href-button:link	{background: #ccc}
	a.href-button:hover, a.href-button:active, a.href-button:focus	{background: #000; color: #fff}
	a.href-button:visited	{background: #ccc}


	h2 span.small-h2 { font-size: .9em; font-weight: normal }