/*
-----------------------------------------------
WGBH interactive
jon_whitney at wgbh.org


- This contains styles for layout of all pages (template)

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




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

*, td, img  { margin: 0; padding: 0; outline: none;}
img { border: none; }



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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* molly_frey
-----------------------------------------------
div#pbsnavbar
----------------------------------------------- */
div#pbsnavbar {
	width: 782px;
	margin: 0 0 0 18px;
}


/* mitch_smith
-----------------------------------------------
div.layout
----------------------------------------------- */

div.layout {
	width: 782px;
	text-align: left;
	background: #fff;
	margin: 18px 0 0 18px;
}

/* mitch_smith
-----------------------------------------------
div.banner
----------------------------------------------- */

div.banner {
	position: relative;
	width: 782px;
	min-width: 782px;
	height: 115px;
	min-height: 115px;
	text-align: left;
	color: #fff;
	background: #fff url(../images/home/banner.jpg) 0px 0px no-repeat;
}


div.banner a:link,
div.banner a:active,
div.banner a:visited {
	color:#FFFFFF;
	text-decoration:none
	}

div.banner a:hover {
	color:#000000;
	text-decoration:none;
	background-color:#FFFFFF;
}

div.banner div#banner_text {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	height: 15px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

div.banner div#banner_nav {
	display: block;
	position: absolute;
	top: 61px;
	left: 10px;
}

/* subaru version
div.banner div#banner_funder {
	display: block;
	position: absolute;
	top: 20px;
	left: 645px;
	color: #f7d9b4;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
*/

/* proven winners version */
div.banner div#banner_funder {
	display: none;
	position: absolute;
	top: 20px;
	left: 645px;
	color: #f7d9b4;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}

div.banner div#banner_funder a, div.banner div#banner_funder a:hover { width:76px ; height:67px ; display: block; margin: 7px 0 0 26px; text-decoration: none; }



/* jon_whitney
-----------------------------------------------
main content
----------------------------------------------- */

div#main_content {
	clear: both;
	padding-top: 6px;
}


div#column_left {
	width: 309px;
	margin-right: 7px;
	float: left;
	display: inline;
}

div#column_mid {
	width: 305px;
	margin-right: 7px;
	float: left;
	display: inline;
}

div#column_right {
	width: 150px;
	height: 518px;
	float: right;
	display: inline;
	text-align: right;
	/*background: #fff url(../images/home/01_home_cut_26.gif) 0px 0px no-repeat;*/
	background: #fff url(../images/s35/sidebar.jpg) 0px 0px no-repeat;
}


span {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}


div#seen a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6d9f2e;
	text-decoration: none;
}

div#ask a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c6aba0;
	text-decoration: none;
}

span.watch a {
	color: #caba01;
	text-decoration: none;
}


span.eat a {
	color: #6074b5;
	text-decoration: none;
}

span.listen a {
	color: #c6aba0;
	text-decoration: none;
}


.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E4E31;
	text-decoration:underline;
	font-weight:normal
}

.link a:link {color:#2E4E31; text-decoration:underline; font-weight:normal}
.link a:visited {color:#2E4E31}
.link a:hover {color:#000000; text-decoration:none; font-weight:normal}
.link a:active {color:#000000; text-decoration:none; font-weight:bold}





/* jon_whitney
-----------------------------------------------
footer
----------------------------------------------- */

/*
div#footer {
	clear: both;
	padding-top: 7px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
}

div#footer_left {
	padding-top: 5px;
	float: left;
	display: inline;
}

div#footer_right {
	padding-top: 5px;
	float: right;
	display: inline;
	text-align: right;
}



div#footer a:link, div#footer a:active, div#footer a:visited {text-decoration:underline; color:#000000}
div#footer a:hover {text-decoration: none; color:#000000}

*/


div.footer {
	clear: both;
	background: #ffffff;
	height: 30px;
	padding: 4px 0 0 0;
	font-size: 9px;
}

div.footer div.separator {
	height:6px;
	min-height: 6px;
	margin: 0 0 6px 0;
	background: #4e4135;
}

div.footer a:link, div.footer a:visited, div.footer a:active {
	color: #000;
	text-decoration: underline;
}

div.footer a:hover {
	text-decoration: none;
}

div.footer span.copy_notice {
	font-size: 9px;
	font-weight: normal;
	/*margin: 0 0 0 191px;*/
	display: block;
	float: right;
	margin: -10px 0 0 0;
}

span.copy_notice a:link, span.copy_notice a:visited, span.copy_notice a:active {
	text-decoration: none;
}

div.pub_date {
	height: 25px;
	width: 100%;
	font-size: 9px;
	text-align: right;
	float: right;
	background: #fff;
	color: #555655;
}