body{
margin:0;
padding:0;
background:#ffffff;
font-family:arial,sans-serif;

}


#maincontainer{
width:1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top:10px;overflow: hidden;margin-bottom:10px;
	

}

.wpbox {margin:5px;margin-left:10px;}
.wpbox h2 {color:#000063;}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 135px; /*Set right margin to RightColumnWidth*/
border:1px solid #cccc99;
background:white;overflow:hidden;
	

}

#contentcontainer{padding-right:250px;}
#contentleft{
width: 240px;   /* LC width */
float:right;  margin-right:10px;        font-size:75%;
}
#contentright{padding:0;       /* CC padding */
			width: 100%; float:left; margin-top:0px;color:#555555;
}


* html #contentright {
    overflow-x: auto; overflow-y: hidden; 
    width: expression(580);
}


#innercontentcontainer{padding-left:240px;}
#innercontentleft{
width: 235px;   /* LC width */
padding-left:5px; padding-top:1px;     margin-left:-240px; margin-top:5px;    position:relative;font-size:75%;color:#555555;
}
#innercontentright{padding:0;       /* CC padding */
			width: 100%; float:right;
}

* html #innercontentright {
    overflow-x: auto; overflow-y: hidden; 
    width: expression(555);
}

#rightcolumn{
float: left; 
width: 125px; /*Width of right column*/
margin-left: -135px; /*Set left margin to -(RightColumnWidth) */
background: #ffffff;text-align:left;font-size:75%;color:#555555;
}





#forceclear{
clear: both;
width: 100%;
background: #ffffff;
}

 

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.item{margin-bottom:4px;}


#header {padding:0px; min-width:800px;z-index:2;
		position:relative;top:0;left:0;
		margin:0px;
		height:130px;
		}

#toptextbox {width:220px;height:30px;overflow:hidden; position:absolute; top:5px;left:460px; z-index:0; font-size: smaller;
  	text-indent: 0;font: 70% font-family:verdana,helvetica,arial,sans-serif;padding:2px;}
#topyourbox {width:220px;height:40px;overflow:hidden; position:absolute; top:80px;left:88px; z-index:0;}

#topsectiontitle {position:absolute;top:50px;left:460px;}
#topsectiontitle h1 {display:block;color:#993300; padding:1px;  font-size:100%;    font-family:verdana,helvetica,arial,sans-serif;; margin:0;}
#breadcrumbs {padding:2px;position:absolute;top:80px;left:460px;font-size: 70%; font-family:verdana,helvetica,arial,sans-serif; width:225px;line-height:1em;}
#stripe {display:block;background:#cccc99;width:95%;height:1px;overflow:hidden; position:absolute; top:75px;left:5px;margin-right:140px;z-index:1; display:none; }
#navbar {width:868px;height:1.5em;position:relative;top:-2px;left:-10px; margin:0; background:#0066cc;}  
#support {width:125px;margin:0px 1px 1px 1px; margin-top:10px;font-size: smaller; position:relative; text-align:center;}

#toplogobox {margin-left:-10px;}
 
#htopadbox {width:135px;height:130px;  position:absolute; top:2px;right:-145px;  border:none;margin:0px auto;padding:0;}
#htoplogobox {width:296px;height:117px;overflow:hidden; position:absolute; top:15px;left:30px;z-index:2; display:none;  }
#htopirabox {width:118px;height:102px;overflow:hidden; position:absolute; top:5px;left:310px; z-index:2;display:none}
#htoptextbox {width:220px;height:30px;overflow:hidden; position:absolute; top:5px;left:460px; z-index:0; font-size: smaller;
  	text-indent: 0;font: 72% verdana,helvetica,arial,sans-serif;;padding:2px;display:none; }
#htopyourbox {width:220px;height:40px;overflow:hidden; position:absolute; top:50px;left:440px; z-index:0;display:none;}
#topcallbox {width:110px;height:26px;overflow:hidden; position:absolute; top:75px;right:160px; display:none; }
#topnprbox {width:109px;height:37px;  position:absolute; top:73px;right:23px; z-index:2; display:none; }
#hstripe {display:block;background:#cccc99;width:95%;height:1px;overflow:hidden; position:absolute; top:85px;left:5px;margin-right:140px;z-index:1;display:none; }
#topsflogobox {position:absolute; top:0px;right:20px; z-index:2; display:none; }
#ListenLink
{
  display: block;
  width: 88px;
  height: 27px;
  background: url("http://www.sciencefriday.com/images/ns2007/listenduoc.png") no-repeat 0 0;position:absolute; top:5px;right:30px; 

}
#ListenLink:hover
{ 
  background-position: 0 -26px;
}

#ListenLink span
{
  display: none;
}

#events ul {list-style:none;}
#events li {margin-bottom:8px;margin-left:4px;}

#supportfrom {width:120px;font-size:80%;}
#supportfrom img {margin-left:20px;}

/******************************************************************************/
/* twoColumns class for implementing a nested 2-column structure  */
 
div.twoColumns {	margin:0;	width: 100%;  }

div.twoColumns div.leftColumn, div.twoColumns div.rightColumn {float: left; overflow: visible;}

div.twoColumns div.leftColumn {margin-left: 0; width:50%;}
div.twoColumns div.rightColumn {margin-left: 0;width:50%;}

div.twoColumns div.leftColumn
{
	margin-right: -1px; 
}
div.twoColumns div.rightColumn
{
	margin-right: -2px; 
}
div.twoColumns div.leftColumn div.inside
{
	padding-left: 0;
}
div.twoColumns div.rightColumn div.inside
{
	padding-right: 0;
}





div.twoColumns h1 {display:block; color:#993300; padding-top:3px; padding-left:26px;   font-size:100%;  font-family:verdana,helvetica,arial,sans-serif;  margin:0; background-repeat: no-repeat; background-image:url("http://www.sciencefriday.com/images/ns2007/burst20-1207.png"); background-position: 1px 1px;}

div.twoColumns p {margin-top:0px;font-size:90%;margin-left:5px;}
div.twoColumns a {margin-top:0px;text-decoration:none;color:#000;}
/******************************************************************************/


#footer-wrap {text-align:center;margin 0px auto; background-color:#ffffff;margin-bottom:10px;  }
#footer {margin:0px auto;background-color:#ffffff;width:760px;	color: black;  font-size:70%; text-align: center; padding: 2px  ;}
#footerimg {float:left;}
#footertxt {float:left;text-align:left; margin-left:10px; padding-top:10px;}


/******************************************************************************/


 /* Navigation bar area  */
.nav, .nav ul { z-index:2;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family:verdana,helvetica,arial,sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  border-right: 1px white;
  float: left;
  margin: 0;
  padding: 3px;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: 70% verdana,helvetica,arial,sans-serif;
  border-right: 1px solid white;
  color: white;
  display: block;
  padding: 2px 9px;
  text-decoration: none;
}

.nav li a:hover {
  background: #369;
  color: white;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #369;
  color: white;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
   
  color: blue;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #369;
  color: white;	
}

.nav ul {
   
  border-bottom: 1px solid white;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 1.1em;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px outset white;
  border-bottom: 0;
  padding-right: 20px;
  width: 80px;color: blue;
  white-space: nowrap;
}

.nav ul a.wide {
   width: 180px; 
   
}

.nav ul a:hover {
  background: #369;
  color: white;
}


#search {float:right;margin-top:-3px; margin-right:5px;}
/******************************************************************************/

#inset li {margin-bottom:5px;font-size:85%;}

#inset ul   {list-style: none; 	margin-left: .1em;   margin-right: 1em;	   }

#showlisten {width:98%; font-size:80%; }
#listenoptions {width:98%; font-size:80%; text-align:left;}

#share, #mailform {width:98%; font-size:80%; }
#share ul {margin:1px; list-style: none; float:left;line-height:1.3em;}
#share li {margin:1px; list-style: none; float:left; width:70px;line-height:1.3em;}
#share img {padding:0 2px;}
#player {margin: 0px auto;text-align:center;}

 
#elsewhere {background:#eeeecc;height:125px;overflow:hidden;}
#elsewhere #el {float:left;width:66%}
#elsewhere #er {width:30%; border-right: 2px solid #993300;border-left: 2px solid #993300;float:left; padding:3px;}

#er ul, #el ul {list-style: none;margin-left:4px;}
ul.exploremore {list-style:none;margin-left:4px;}
ul#rellinks {list-style:none;margin-left:4px;font-size:80%;}


#homepage #menu-home, #vidpage #menu-vid, #aboutpage #menu-about, #blogpage #menu-blog, #podpage #menu-pod, #homepage #menu-home, #coolpage #menu-cool,#teachpage #menu-teach, #archpage #menu-arch { font: 70% verdana,helvetica,arial,sans-serif;
 
  color: white;
  display: block;
  padding: 2px 9px;
  text-decoration: none;
background:#993300;}
	 
div#explorevid {background:#eeeecc;}
#explorevid h2 {display: inline;}
#explorevid ul {display: inline; margin: 0;
	padding: 0;
	 margin-left:15px;
	list-style-type: none;
	}


#explorevid ul li{padding: 2px 6px;display: inline;font-size:75%;}

.vidbox {width:108px; height:140px; padding:2px; border: none; float:left;}

#twitter_update_list {list-style-type: none;  padding-left:5px;padding-right:5px; line-height:1.5em; font-family:arial,sans-serif; color:#555555;}
#twitter_update_list li {padding-bottom:8px;; }
#twitter-link {padding-left:5px;padding-right:5px;  font-family:arial,sans-serif;color:#000000; position:relative;top:-15px; font-size:90%;}

ul#thisweek {list-style-type: none;margin-left:4px;margin-bottom:4px;}

ul#poptags {margin-top:-5px;}

.wbox#social p {font-size:110%;}
.wbox#popular p a {font-size:130%;}

p#archivelink {padding-left:5px;padding-right:5px;  font-family:arial,sans-serif;color:#000000; position:relative;top:-15px; font-size:90%;}

#contentright p#archivelink {position:relative;top:0px;}

a.levelzero {font-size:larger;}
a.levelone {margin-left:2em;}
a.leveltwo {margin-left:3em;}
div.catbox {width:18em;float:left;border: none; margin:5px;font: 85% verdana,helvetica,arial,sans-serif;}

div.serendipity_entry_body, div.serendipity_entry_extended {margin:5px; padding:2px;}
div.serendipitySideBarContent {margin:2px; font-family:arial,sans-serif;}
div.serendipitySideBarDate {font-family:arial,sans-serif; font-size:75%}
div.container_serendipity_plugin_recententries, div.container_serendipity_archives_plugin {padding:2px; border: 1px solid #cccc99; margin:2px;  zoom:100%;}

div.serendipity_entry_body ul {font-family:arial,sans-serif; color:#555555; font-size:75%; margin-left:10px;}

.container_serendipity_plugin_recententries h2, .container_serendipity_archives_plugin h2 {font-size:80%; color:#993300;padding-left:4px;  font-family:arial,sans-serif; margin:0;}

.bread {padding:5px;font: 70% verdana, helvetica, Arial, sans-serif;line-height:1em;}
#popular ul {list-style: none; margin-left: 2px;   	margin-bottom:5px   }
#popular ul li {list-style: none; margin-left: 2px;   	margin-bottom:5px   }

button.brown {background-color: #cccc99;     color: blue;  font: 75% verdana,helvetica,arial,sans-serif;  border: 1px outset white; position:relative;top:-1px;}
	.dbox {background:#cccc99;color:#993300;}
	.wbox {background:white; }
	.radbox {margin-bottom:5px;}
	.adbox {margin: 5px 5px 1px 10px;  zoom:100%;}
.lradbox {margin: 5px 5px 1px 1px;  zoom:100%;}
	.bbox, .lbox {background:#eeeecc; }
	.tbox {background-color: #eeeecc; border: 1px solid #edf0c0; margin:5px;  zoom:100%; padding:2px;}
	.wbox, .bbox, .avbox, .vbox,   #elsewhere {border: 1px solid #cccc99; margin:5px;  zoom:100%;}
	.wbox h1, .bbox h1, .avbox h1  {display:block; color:#993300; padding-top:3px; padding-left:26px;   font-size:100%;  font-family:arial,sans-serif;  margin:0; background-repeat: no-repeat; background-image:url("http://www.sciencefriday.com/images/ns2007/burst20-1207.png"); background-position: 1px 1px; border-bottom:1px dotted #cccc99;margin-bottom:8px;}
.wbox  {padding:5px;}

h1.headdateline {display:block; color:#993300;   font-size:100%;  font-family:arial,sans-serif;  margin:0; margin-top:2px; margin-bottom:10px; border-bottom:none;}

h1.recent {display:block; color:#993300; padding-top:3px; padding-left:26px;   font-size:100%;  font-family:arial,sans-serif;  margin:0; background-repeat: no-repeat; background-image:url("http://www.sciencefriday.com/images/ns2007/burst20-1207.png"); background-position: 1px 1px; border-bottom:none;}

#contentleft h1, #contentleft h2, h2#explorevid {border-bottom:none;  }

h1#thead {font-size:95%; border-bottom:1px dotted #cccc99;margin-bottom:8px;}



	.wbox h2, .tbox h2, .vbox h2, .bbox h2, .lbox h2, .nlbox h2, #elsewhere h2, #vidsocial h2 {font-size:80%; color:#993300; border-bottom:1px dotted #cccc99;padding-left:4px;  font-family:arial,sans-serif;  margin-top:2px; margin-bottom:10px; margin-right:5px;}


	.wbox h4, .vbox h4 {font-size:65%; color:#993300;padding-left:2em; background:#a6a572;line-height: 1em;padding-top:0;padding-bottom:1px;  font-family:arial,sans-serif;  margin-top:-1px;}
	.wbox h3 {font-size:105%; color:#2c5177; padding-left:4px;padding-bottom:0px;margin:0px;
  font-family:Georgia, Times New Roman, Serif;}
        .wbox h3 a{text-decoration:none; color:#2c5177;}
	.wbox p,   .bbox p {font-size:75%; color:#555555; padding:0px 4px 0px 4px;margin:0px;margin-bottom:10px; line-height:1.5em; font-family:arial,sans-serif; }
	.tbox p  {font-size:85%; color:#7d7b6e;padding:2px;margin:0px;margin-bottom:3px; }
	.vbox {z-index:0;text-align:center; font-size:85%; font-family:arial,sans-serif;}

.vbox p {font-size:80%;}

.abtbox {background:#eeeecc; float:right; clear:right;border: 1px solid #cccc99; padding:3px; width:275px; margin:10px;}

.abtboxfull {background:#eeeecc;   clear:right;border: 1px solid #cccc99; padding:3px;   margin:10px;}
.abtbox ul, .abtboxfull ul   {list-style: none; margin-left: 5px; padding-left: 1em; 	margin-bottom:5px   }

img.bb {border: 1px solid #cccc99; padding:0px; margin:2px;}


	.vfl  {float:left; padding:2px; margin-right:6px; margin-left:2px;}
	 
	.fl, .imlt {float:left; padding:2px; padding-right:4px; margin-left:2px;}
	.fr, .imrt {float:right; padding:2px; padding-left:4px; margin-right:4px;}


	.half {float:left; padding:2px; width:49%;}

	.bbox ul   {list-style: none; 	margin-left: 0; padding-left: 1em; 	text-indent: -1em; font-size:80%;}

	.bbox ol   { 	 margin-left: 20px; 	text-indent: 5px; font-size:80%;}
 	.blog p   {margin: 0; padding-left: 5px;  font-size:80%;}
 	.blog h2   {padding-left: 5px;  font: bold 90% verdana,helvetica,arial,sans-serif;margin:0px;}
 	
	.imrt p, .imlt p {
  	text-align: left; padding:5px;
  	text-indent: 0;font: 75%  arial,sans-serif; line-height:1.5em;
  	}
#latestvids {margin-right:3px;}

.vpic {width:115px; height:125px; font-size:90%; margin-top:5px; margin-bottom:5px;}

p.dateline {color:#993300;font-size:65%;}	

.nlbox {margin-top: 4px;margin-bottom:4px; padding-top:3px;padding-bottom:3px; border-bottom: 2px solid #993300;border-top: 2px solid #993300;;width:98%; background:#eeeecc;}

  	 .lbox {margin-top:-2px;margin-bottom:4px; padding-top:3px;padding-bottom:3px; border-bottom: 2px solid #993300;border-top: 2px solid #993300;;width:98%;}
	 .fineprint { font-size:75%; padding: 2px;}
 
#nprlogobox {width:240px;height:35px;  float:right;z-index:2; margin:0px auto; padding:2px; margin-right:-15px}
.nudgel {position:relative; left:-8px;}
#innercontentright h1, #innercontentright h2 {display:block; margin-right:20px;}
#vidsocial {width:200px;border:1px solid #cccc99; }

#blogpage #contentleft {font-size:75%;}
form#serendipity_comment label {position: absolute;  text-align:right; width:200px; font-size:80%; color:#993300; padding-left:4px; font-family:arial,sans-serif;  }
form#serendipity_comment input,  form#serendipity_comment textarea, form#serendipity_comment select, form#serendipity_comment img.captcha { margin-left: 220px; }

#vidpage #innercontentleft .wbox p{font-size:110%;}

#contentleft div.blog {font-size:75%;}
#contentleft div.blog h1 {font-size:132%;}

#contentleft div#yourstuff {font-size:75%;}
#contentleft div#yourstuff h1 {font-size:132%;}

@import "css/artsblogcss.css";

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:360px;width:598px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:10px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#336699;
	}

img.blogauthorpic {
    float:left;
    background-color: #fff;
    border:1px solid #ccc;
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.blogauthbio{
color: #666;
font-weight: normal; font-size:70%;
background: #fff;
border: 1px solid #ccc;
padding: 8px;
margin-bottom:5px;
}

#arts #supportsf {float:right; margin-top:-106px;}
#arts #toplogobox {margin-bottom: 10px;}
#arts #gallery {margin-left:8px;}

#arts h3.posttitle {margin-bottom:3px;}
#arts h2.posttitle {margin-bottom:3px;}

/* ----- Photo + caption */
div.photo-caption, div.big-photo-caption {color: #ccc; float: left;   font-size: 80%; height: auto; margin: 0; overflow: hidden; padding: 0; position: relative; width: auto; text-align:left;}
	div.photo-caption img , div.big-photo-caption img {border: 0; margin: 0; padding: 0;}
	div.photo-caption a  , div.big-photo-caption a{text-decoration: none; }

div.big-photo-caption {margin-bottom:10px; margin-top:5px; margin-left:2px;}
	
	/* positioning with bottom & left so the height of the image doesn't need to be fixed */
	div.caption-contain, div.big-caption-contain {width:100%; bottom: 0px; height: auto; margin: 0; padding: 0; position: absolute; right: 0px;}
	div.caption {padding: 5px 5px 5px 10px; position: relative; z-index: 3;} /* so the text doesn't inherit transparency */
		.caption-contain h3 {color: grey; font-size: 95%;  margin: 0 0 0px;}
		.caption-contain h3 a {color: grey; text-decoration: none;}
		.caption-contain p {margin: 0px; padding: 0; color: white; font-size: 85%;}
		.big-caption-contain h3 {color: grey; font-size:130%;  margin: 0 0 0px;}
		.big-caption-contain h3 a {color: grey; text-decoration: none;}
		.big-caption-contain p {margin: 0px; padding: 0; color: white; font-size: 100%;}

		div.transparency {background: #000; border: 0; filter:alpha(opacity=70); opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity:0.7; height: 100%; position: absolute; right: 0px; width: 100%; z-index: 2;}

	
		
/* Adding margins so the samples aren't smooshed together */
div.photo-caption {margin: 2px;}


#contentleft li {list-style:none;margin-left:0px;line-height:1.4em;}
#contentleft ul {margin-left:0px; padding:0;}