/*
-----------------------------------------------
WGBH interactive
jon_whitney at 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; } 
	form, fieldset	{font: 100%/120% verdana, arial, sans-serif}
	p	{margin: 0 0 0 0; padding: 0 0 12px 0}

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


/*
-----------------------------------------------
body
----------------------------------------------- */

	body { 
		font: 12px verdana, arial, sans-serif; 
		background-color: #d8d4d0;
		color: #333;
	}
	
	
/*
-----------------------------------------------
centered box
----------------------------------------------- */

	#all_content {
		width: 758px;
		margin: 0 auto;
		border: 1px solid #a9a6a2;
		border-width: 0 1px 1px 1px;
		background-color: #F5AE5E;
		background: #fff url(../images/site/bg_page.gif) repeat-y 0 0;
		position: relative;
	}
	
	#content {
		width: 530px;
		line-height: 19px;
		float: left;
		margin-top: 102px;
	}	
	
	#gen_info #content, #site_info #content {
		margin-top: 62px;
	}	
	
	
	
/*
-----------------------------------------------
header
----------------------------------------------- */


	i.iefix { height: 0px; overflow: hidden; display: block; }
	#header {
		height: 27px;
		overflow: hidden;
		position: relative;
		background: transparent url(../images/site/banner_common.jpg) repeat-y 0 0;
	}
	
	#header img {
		padding-top: 10px;
	}
	
		#nav_programs { 
			display: block;
			margin: 0 0 0 464px;
			position: absolute;
			left: 0;
		}
		
		#nav_resources { 
			display: block;
			margin: 0 0 0 557px;
		}	
	
/*
	#heart_inner #header { background: transparent url(../images/heart/banner_heart.jpg) repeat-y 0 0;}
	#fat_inner #header { background: transparent url(../images/fat/banner_fat.jpg) repeat-y 0 0;}
	#cancer_inner #header {background: transparent url(../images/cancer/banner_inner.jpg) repeat-y 0 0;}
	#depression_inner #header {background: transparent url(../images/depression/banner_inner.jpg) repeat-y 0 0;}
*/
	
	#sub_header {
		width: 557px;
		height: 90px;
		position: absolute; 
		z-index: 390;		
	}
	
	#sub_header a {
		display: block;
		width:  345px;
		height: 90px;
		margin-left: 201px;
		text-indent: -9000px;
		z-index: 400;
		position: absolute;     
		left: 0;
	}
	
	#heart_inner #sub_header {background: transparent url(../images/heart/banner_heart.jpg) repeat-y 0 -27px;}	
	#fat_inner #sub_header {background: transparent url(../images/fat/banner_fat.jpg) repeat-y 0 -27px;}	
	#cancer_inner #sub_header {background: transparent url(../images/cancer/banner_inner.jpg) repeat-y 0 -27px;}	
	#depression_inner #sub_header {background: transparent url(../images/depression/banner_inner.jpg) repeat-y 0 -27px;}	
	#gen_info #sub_header {background: transparent url(../images/resources/banner_generalinfo.gif) repeat-y 0 -27px;}	
	#site_info #sub_header {background: transparent url(../images/site/banner_common.jpg) repeat-y 0 -27px;}	
	
	/** replace TOS span with image **/
		#tos_header a { 
			display: block;
			background: transparent url(../images/site/logo_tos.gif) no-repeat top left;
			width: 201px;
			height: 51px;
			position: absolute;
			text-indent: -9000px;
			font-size: 2px;
			overflow: hidden;
			margin-top: -36px;
			z-index: 391;
			left: 0;
		}
		
		
	/*
	-----------------------------------------------
	search
	----------------------------------------------- */	
		#search_form {
			position: absolute;	
			margin-top: 34px;
			margin-left: 6px;
			left: 0;
			z-index: 398;
		}
		
	
		#search_form #q {
			width: 126px;
			position: absolute;
			z-index: 101;
			left: 0;
		}
	
		#search_form #search-submit {
			margin: 3px 0 0 135px;
			position: absolute;	
			z-index: 101;
			left: 0;
		}	
		


	
	
	
/*
-----------------------------------------------
main-content
----------------------------------------------- */		
	
	span.page_subtitle {
		display: block;
		margin: 92px 0 0 4px;
		width: 510px;
/* 		margin: 0; */
		position: absolute;
		left: 0;
		font-size: 10px;
		z-index: 100;		
	}



	#content p {
		margin-left: 120px;
		width: 386px;
	}
	
	#rosie {
		margin-left: -75px;
		font-size: .85em;
	}

	#rosie p {
		width: 450px;
	}
	

	#content ul {
		width: 386px;
		margin-left: 120px;
		margin-bottom: 18px;
	}
	
	#content ol {
		width: 380px;
		margin-left: 126px;
		margin-bottom: 18px;
	}
	
	#content li {
		margin-left: 15px;
	}
			


	p.back-to-top {
		margin: 0 0 12px 120px;
	}
	

	p.copyright {
		color: #909090;
		font-size: 10px;
		font-style: italic;
		padding: 7px 0 3px 3px;
		clear: both;
		width: 565px;
	}
	 
	#site-programs .copyright, #heart_video .copyright, #fat_video .copyright, #senator_video .copyright, #cancer_video .copyright, #depression_video .copyright  {
	color: #bebeb3;
	}


	ul.toplist {
		list-style: none;
		margin-bottom: 16px;
		color: #91460d;
	}	

	ul.toplist li {
		margin-left: 0;
	}	


	.toplist a {
		font-weight: bold;
		text-transform: uppercase;
	}	
	/*
	-----------------------------------------------
	logos
	----------------------------------------------- */	
	
		img#mt-logo,
		img#rs-logo { 
			position: absolute;
		}
	
		img#rs-logo { 
			margin-top: 7em;
		}	
	
		
		img#mt-logo { 
			margin-top: -1.8em;
		}	
		
/*
-----------------------------------------------
headers
----------------------------------------------- */	

	#content h1 {
		padding: 33px 0 20px 3px;
		font-size: 20px;
		font-weight: normal;
	}
	
	#content h1.withback {
		padding: 33px 0 0 3px;
	}
	
	
	.go_back {
		margin-bottom: 20px;
		margin: 0 20px 20px 5px;
		font-size: 10px;
	}
	
	.go_back a {
		text-decoration: none;
	}
	
	.go_back span {
		text-decoration: underline;
	}
	
	.res_nudge {
/*
		margin-left: -115px;
*/
	}
	


	#content h2 {
		color: #333;
		margin: 4px 0 16px 120px;
		border-bottom: 1px solid #ccc;
		font-size: .96em;
		line-height: .96em;
		padding: 0 0 0 0;
		text-transform: uppercase;
		width: 386px;
	}	
	
	#content h3 {
		margin-left: 120px;
		font-size: 12px;
		line-height: 18px;
		width: 386px;
	}
	
	h3.h-line {
		margin: 12px 0 0 120px;
		padding: 0 0 0 0;	
	}
	
	h3.no-sp {
		margin-left: 120px;
		font-size: 12px;
		line-height: 1.55em;
		padding: 0 0 0 0;	
	}
	
	
/*
-----------------------------------------------
callouts
----------------------------------------------- */	
	
	p.podtext {
		color: #984202;
	}


/*
-----------------------------------------------
images
----------------------------------------------- */	
	.prod_img {
		float: left;
		display: inline;
		margin-left: 23px;
		margin-top: 5px;
	}
	
	
	
	.part_img {
		float: left;
		display: inline;
		margin-left: 0px;
		margin-top: 5px;

	}



/*
-----------------------------------------------
sidebar
----------------------------------------------- */		
	
	#sidebar {
		width: 201px;
		float: right;
		padding: 32px 0 0 0;
		color: #432C11;
		height: 300px;
		margin-top:-3px;
	}

		#sidebar .more,
		#sidebar .nav_box_c {
			display: block;
			padding-left: 2px;
		}
		

	/*
	-----------------------------------------------
	for random
	----------------------------------------------- */
	
		.didyouknow
		{
			background-image: url(../images/tease/bg_sidebar.gif); 
			background-repeat: no-repeat;
		}
	

	
	p.recipes, 
	p.podcast {
		margin-top: 1em;
		line-height: 1.6em;
		padding-right: 3px;
	}

	p.podcast {
		margin-top: .7em;
		}
		
	p.podcast img {
		margin-bottom: 3px;
	}
	
	p.podcast span {
		font-size: .95em;
		line-height: 1.45em;
	}
	
	


/*
-----------------------------------------------
nav box
----------------------------------------------- */	

	.nav_box {
		background-image: url(../images/site/nav_box-middle.gif); 
		background-repeat: repeat-y;
		width: 189px;
		position: relative;
		margin-top: 29px;
		left: -29px;
		padding: 0;
		font-size: 11px;
	}
	
	.nav_box ul {
		list-style: none;
		background-image: url(../images/site/nav_box-top.gif); 
		background-repeat: no-repeat;
		padding-top: 10px;
	}
	
	.nav_box ul li {
		line-height: 24px;
		margin-left: 18px;
	}
	
	p.nav_box_bottom {
		background-image: url(../images/site/nav_box-bottom.gif); 
		background-repeat: no-repeat;
		background-position: bottom left;
		height: 22px;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
		
		
/*
-----------------------------------------------
footer
----------------------------------------------- */		

	#footer {	
		font-size: 10px;
		line-height: 14px;
		color: #666;
		padding: 3px 0 7px 3px;
		background-color: #F5AE5E;
		width:565px;
	}

	
	
	/*
	-----------------------------------------------
	search results
	----------------------------------------------- */	
	#search-content { padding-left: 120px;}
	#search-content .result	{border: 1px solid #eee; padding: 3px; display: block; font-size: 0.9em}
	#search-content .results-head,
	#search-content .results-nav	{padding: 1px; background-color: #eee; font-weight: bold}
	#search-content .results-nav,
	#search-content .results-nav td	{padding: 2px}

	#search-content .result-number	{font-weight: bold}
	#search-content .result-abstract	{font-weight: normal; margin-bottom: -1em; margin-top: 5px}

	#search-content .keymatch-header	{color: #333; background-color: #eee; font-size: 10px; font-weight: bold}
	#search-content .keymatch	{color: #333;font-size: 10px; font-weight: normal; text-align: left}
	#search-content .tights	{line-height: 1.2em}
	#search-content p { margin-left: 0; padding-left: 0; }
	
	
/*
-----------------------------------------------
feedback form
----------------------------------------------- */	


.txt, #email_body {
	width: 376px;
}

/*
-----------------------------------------------
bibliography styles
----------------------------------------------- */	


.bib-author {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

.bib-title {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	font-style: italic;
}

.bib-publisher {
	font-size: 12px;
	color: #666666;
	font-style: italic;
}


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


	a:link,
	a:visited {color: #984202}
	a:hover,
	a:active,
	a:focus	{color: #5d5d5d}

	.page_subtitle a:link,
	.page_subtitle a:visited {color: #737373; font-style: italic; text-decoration: none;}
	.page_subtitle a:hover,
	.page_subtitle a:active,
	.page_subtitle a:focus	{color: #737373; text-decoration: underline;}
	
	/** override for sidebar  **/
	#sidebar a:link,
	#sidebar a:visited	{color: #432C11; font-weight: bold; }
	#sidebar a:hover,
	#sidebar a:active,
	#sidebar a:focus	{color: #000}
	
	#sidebar a.more:link,
	#sidebar a.more:visited {color: #FDF8F2; text-decoration: none; }
	#sidebar a.more:hover,
	#sidebar a.more:active,
	#sidebar a.more:focus	{color: #8B5310}
	
	#sidebar a.more img { margin-bottom: 5px; }
	#sidebar a.more span { text-decoration: underline; }
	
	
	#footer a:link,
	#footer a:visited {color: #432C11;text-decoration: none;}
	#footer a:hover,
	#footer a:active,
	#footer a:focus { text-decoration: underline;}	
	
	
	#sidebar .nav_box a:link,
	#sidebar .nav_box a:visited	{color: #fff;font-weight: bold;text-decoration: none;}
	#sidebar .nav_box a:hover,
	#sidebar .nav_box a:active,
	#sidebar .nav_box a:focus	{color: #FFAD30; }

 
	a.noline {
		text-decoration: none;
	}
	
	.noline span {
		text-decoration: underline;
	}