/*
-----------------------------------------------
ncam
daniel_bulli@wgbh.org
----------------------------------------------- */


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

	form label	{cursor: pointer}
	fieldset	{border: none}
	input, select, textarea {font-size: 100%}
	
/* -- body -- */
	body	{
		background: #fff url(../i/db/i-bg.gif) repeat-y top left;
		color: #333; 
		font: 62.5%/1.4em verdana, arial, sans-serif;
	}
	

/* -- [ header ]
-----------------------------------------------*/
	
	#header {
		background: #333;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	
	#header img {
		float: left;
	}
	
	#header ul#site-nav {
		width: 150px;
		border: 1px solid #fff;
		border-width: 0 1px;
		background-color: #ccc;
		margin-left: 226px;
		padding: 10px 0;
		float: left;
		list-style: none;
	}

	#header ul#site-nav li {
		list-style: none;
		padding: 0 0 0 10px;
		line-height: 1.5em;
	}
	

	#header #main-nav {
		clear: both;
		padding: 0;
	}
	
	#header #main-nav ul {
		margin: 0;
		padding: 0 0 0 182px;
		list-style: none;
		border-top: 1px solid #fff;
		background-color: #6487AD;	
		padding-top: 5px;
	}
	#header #main-nav li {
		float: left;
		margin: 0;
		padding: 0;
		font-weight: bold;
		letter-spacing: 1px; 
	}
	
	#header #main-nav li.is_on {
		background-color: #fff;
	}
	
	
	#header #main-nav li.is_on {
		background: #fff url(../i/db/tl.gif) no-repeat top left;
	}
	
	
	#header #main-nav li a {
		float: left;
		padding: 3px 12px;
		text-decoration: none;
		color: #fff;
		border: none;
	}
	
	#header #main-nav li.is_on a {
		color: #70869E;
		background: transparent url(../i/db/tr.gif) no-repeat top right;	
	}
	
	#header #main-nav li a:hover,
	#header #main-nav li a:focus {
		color: #fff;
		text-decoration: underline;
	}
	#header #main-nav li.is_on a:hover,
	#header #main-nav li.is_on a:focus {
		color: #70869E;
	}	

	/** thanks dan Dan Cederholm **/
	#header #main-nav ul:after{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}	


/* -- [ left-column ]
-----------------------------------------------*/		
	#left-column {
		float: left;
		width: 156px;
		clear: left;
		color: #fff;
		font-size: 1em;
		margin: 105px 0 0 0;
	}

	#left-column .left-content
	{
		margin: 0 0 0 16px;
		border-top: 1px solid #717171;
		border-bottom: 1px dotted #717171;
		padding: 2px 0 10px 0;
	}
	
	#left-column h2 {
		margin: 0 0 12px 0;
		font-size: 1em;
		border-top: 1px solid #717171;
		border-bottom: 1px dotted #717171;
		padding: 7px 0; 
	}
	
	#left-column h2 span {
		font-weight: normal;
	}
	
	#left-column ul {
		margin: 0 0 1em 0;
	}
	#left-column ul li {
		margin-left: 10px;
		margin-top: 0.5em; 
	}	
		

/* -- [ main-content ]
-----------------------------------------------*/		
	#main-content {
		margin-left: 193px;
		width: 572px;
	}

	h1.mn { 
		clear: right;
		color: #6689B1;
		font: 2em/1.35em Georgia, serif;
		letter-spacing:.1em;
		margin-bottom: 1.5em;
	}
	
	
	h1.i-header { 
		clear: right;
		color: #6689B1;
		font: 2em/1em Georgia, serif;
		letter-spacing:.1em;
		margin-bottom: 53px;
	}
	
	h1.i-header-plist { 
		clear: right;
		color: #6689B1;
		font: 2em/1em Georgia, serif;
		letter-spacing:.1em;
		margin-bottom: 0px;
	}	
		
		div.plist-nav {	
			font-size: .9em;
			margin-bottom: 53px;			
		}
		
	h1.i-header span { 
		font-size: .5em;
		letter-spacing:0;
	}	
	
	h1.proj-other {
		font-size: 0.9em;
		border-bottom: 1px dotted #999;
		color: #999;
		margin: 3em 0 1em 0;
		padding-bottom: .2em;
	}
	
	h2.proj-list {
		font-size: 1em;
		margin-bottom: 1.5em;
	}
	
	h2.proj-list small {
		font-size: 0.9em;
		color: #666;
		font-weight: normal;
	}
	
	.three-columns {
		background: transparent url(../i/db/internal-3col_bg.gif) repeat-y top left;
		padding-bottom:  .1em;
	}
	
	.two-columns {
		background: transparent url(../i/db/internal-2col_bg.gif) repeat-y top left;
		padding-bottom:  .1em;
	}	
	
	.col-index {
		float: left;
		width: 182px;
		margin-right: 13px;
		color: #666;
		font-size: 1.1em;
		line-height: 1.6em;
	}
	
	.col-last {
		margin-right: 0;
	}
	
	.col-index h2 {
		background: #6588AE url(../i/db/titleblock.jpg) no-repeat bottom left;	
		color: #fff;
		font-family: Georgia, serif;
		padding: 60px 0 17px 6px;
		font-size: 1.2em;		
		font-weight: normal;
	}
	
	.col-index p { padding: 0 6px; }
	
	.col-index div.rte_area { padding: 0 6px; }
	
		/* -- [ sub-nav ]
		-----------------------------------------------*/	
		/** when there is none **/
		div.no-sub-nav {
			width:401px;
			font-size: 1em;
			padding: 16px 0;
			margin-bottom: 31px;
			letter-spacing: .3px;
		}
		
		
		div.sub-nav {
			width:401px;
			font-size: 1em;
			padding: 16px 0;
			border-bottom: 1px solid #E0E0E0;
			margin-bottom: 30px;
			letter-spacing: .3px;
		}
		
		div.sub-nav a.sub-nav-on {
			text-decoration: none;
		}
		
		
		/* -- [ search-from ]
		-----------------------------------------------*/	
		form#frm-search {
			width:150px;
			float: right;
			background-color: #ccc;
			font-size: 0.9em;
			padding-bottom: 12px;
			margin-bottom: 7px;
		}
		
		form#frm-search label {
			color: #313131;
			padding: 16px 0 5px 14px;
			display: block;
		}
		
		form#frm-search input#q {
			width: 106px;
			background-color: #F5F5F5;
			border: 1px solid #B2B2B2;
			color: #313131;
			margin-bottom: .5em;
			margin-left: 14px;
		}		
		
		form#frm-search input#go {
			margin-left: 14px;
		}
		
		
		/* -- [ rel-links ]
		-----------------------------------------------*/	
		div#rel-links {
			width:150px;
			float: right;
			clear: right;
			background-color: #e0e7ef;
			font-size: 1em;
			padding: 1px 0 0px 0;
			margin-bottom: 7px;
			border-top: 1px solid #B0C1D1;
			color: #666;
		}
		
		div#rel-links h2 {
			font-size: 1em;
			color: #6388ad;
			padding: 5px 0;
			border-bottom: 1px dotted #B0C1D1;
			margin-bottom: 10px;
		}
		
		div#rel-links p {
			font-size: 1em;
			margin: 0 0 1.8em 0;
		}		

		div#rel-links .rte_area {
			padding: 13px 13px;
		}


/* -- [ internal content ]
-----------------------------------------------*/	
		#int-content {
			width: 401px; 
			float: left;
			font-size: 1.1em;
		}
		
		#int-content .project {
			margin-bottom: 2em;
		}
		
		#int-content .project h2 { 
			color: #6689B1;
			font: 1.5em/1.35em Georgia, serif;
			margin-bottom: .2em;
			font-weight: normal;
		}
		
		#int-content .project h2 a { 
			text-decoration: none;
		}
		
		#int-content .project h2 small {
			font-size: 0.6em;
			line-height:.9em;
			color: #666;
			font-weight: normal;
			font-family: verdana, arial, sans-serif
		}		
		
		#int-content .project h2.inner  { 
			margin-top: 2.5em;
		}	
		
		
		#int-content .project h2 a:hover,
		#int-content .project h2 a:focus { 
			text-decoration: underline;
		}		
		
		.spotlight{ 
			float: left; 
			margin: 0 10px 10px 0;			
		} 
		
		#int-content ol {
			margin: 0 0 1em 24px;
		}
		
		#int-content ol li {
			margin-bottom: .5em;
		}
		
		#int-content .project h3 {
			color: #333; 
			font-size: 1em;
			margin: 3em 0 .7em 0;
		}


	/* -- [ news ]
	-----------------------------------------------*/	

			
			#int-content .news {
				margin-bottom: 2em;
			}
			
			#int-content .news a {
				text-decoration: none;
			}
			#int-content .news a:hover {
				text-decoration: underline;
			}
			#int-content .news h2.news-date {
				color: #6689B1;			
				font-size: 1em;
				font-weight: bold;
			}
			
			#int-content .news h2.news-date span{
				color: #333;			
				font-size: 0.9em;
				font-weight: normal;
				font-style: italic;
			}			
		
	#mopix-movies {
	background-color:#E0E7EF;
	padding: 10px;
	}
	
	/* -- [ search ]
	-----------------------------------------------*/	
	
	#int-content .content-search ul 	{ padding: 0 0 0 0; margin: 0 0 1em 15px; list-style: circle;}
	#int-content .content-search ul li { padding: 0 0 0 0; margin: 0 0 .3em 0;}
	#int-content .content-search ul li p { margin-bottom: 1em; line-height: 1.3em;}
	#int-content .content-search ul li p em { color: #666; }
	#int-content .content-search ul li p small { color: #333; }
	#int-content .content-search h2 { font-size: 1.2em; margin-bottom: .7em; }
	#int-content .content-search h2.h2-search-int {margin-bottom: 0.2em}
	#int-content .content-search h2 em { font-size: 10px; font-weight: normal; color: #82886f; font-style: normal; }

		
	#int-content .search-info { border: 4px solid #E9EEF1; border-width: 4px 0 4px; padding: 8px 0 8px 0; margin-bottom: 2em; }
	#int-content .content-search .search-info p {  margin-bottom: 0; color: #82886f;}
	#int-content .content-search .search-info em {  color: #333; }
	form#sbox-internal { float: right; margin: 0; }
	form#sbox-internal label { color: #666; }
	form#sbox-internal input#f-i-q { border: 1px solid #b0b2b2; background-color: #dae3e9; padding: 2px; margin: 0 5px 0 0;  }
	form#sbox-internal input#f-i-go {margin: 0 15px 0 0;  vertical-align: top;}

			

/* -- [ footer ]
-----------------------------------------------*/
	
	#footer {
		clear: both;
		padding-top: 3em;
		color: #999;
		margin-left: 193px;
		width: 572px;
	}
	
	#footer p {
		display: block;
		border-top: 1px solid #ccc;
		padding: 1em 0;
		font-size: 0.9em;
		line-height: 2em;
	}	

	#footer a:link,
	#footer a:visited	{color: #999; text-decoration: underline;}
	#footer a:hover,
	#footer a:active,
	#footer a:focus		{color: #c60; text-decoration: underline;}	
	
/* -- [ links ]
-----------------------------------------------*/		
	
	/* -- general -- */
		a:link,
		a:visited	{color: #6588AE; text-decoration: underline;}
		a:hover,
		a:active,
		a:focus		{color: #c60; text-decoration: underline;}
		
		#left-column a:link,
		#left-column a:visited	{color: #ccc; text-decoration: underline;}
		#left-column a:hover,
		#left-column a:active,
		#left-column a:focus		{color: #f90; text-decoration: underline;}		
		
		#header ul#site-nav a:link,
		#header ul#site-nav a:visited	{color: #343434; text-decoration: underline;}
		#header ul#site-nav a:hover,
		#header ul#site-nav a:active,
		#header ul#site-nav a:focus		{color: #c60; text-decoration: underline;}	

		.clearer{height: 1px; overflow: hidden; clear: both;}
		
		/*  -- ie -- */
		/* trigger hasLayout and target ie5+6/win only */
		* html #header #main-nav ul {
			height: 1%;
			}
		/* trigger hasLayout and target ie7/win only */
		*:first-child+html #header #main-nav ul {
			min-height: 1px;
			}
				
		/* SKIPPER */		
		p#skipper {
			position: absolute;		
		}
		
		p#skipper a {
			position: absolute;
			display: block;
			width: 8em;
			text-indent: -9000px;	
		}		
		
		p#skipper a:active,
		p#skipper a:focus {
			position: absolute;
			display: block;
			width: 8em;
			text-indent: 0;
			font-size: 2em;
			padding: .5em;
			left: 300px;
			background: #fff;
			border: 1px dotted #c90;
		}
	
		#ncam-home-link:active img,
		#ncam-home-link:focus img {
			border: 1px dotted #c90;
			margin-top: -1px;
			margin-left: -1px;
		/*	width: 386px;
			height: 76px;*/
		}

.rte_area li h2, .rte_area li h3 {
	font-size: 1em;
	font-weight: normal;
}