/* Stylesheet for my pages
 */

html, body 
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	background: white;
	color: black;
	line-height: 135%;
}

img 
{
	display: block;
	border-style: none;
}

/* #skiplink. Black on gray, with text right-aligned.
 */
 
#skiplink 
{
	display: block;
	background: #CCC;
	color: black;
	font-size: 75%;
	text-align: right;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
}

#skiplink * 
{
	margin: 0 1em 0 1em;
}

/* #logo and #siteid.
 */
 
#logo, #siteid 
{
	padding: 0;
	margin: 5px 20px 5px 20px;
}

/* #header, #primary, #secondary tabs.
 * Based on the CSS by Daniel Burka, available at http://labs.silverorange.com/
 
 */

#header 
{
 
	position: relative;
	margin: 5px 20px 0 20px;
 
	height: 3em;

}



#header ul#primary 
{
 
	margin: 0;
 
	padding: 0;
 
	position: absolute;
 
	bottom: -1px;
 
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */

 }


 
#header ul#primary li 
{
 
	display: inline;
 
	list-style: none;

}


 
#header ul#primary a, #header ul#primary span, #header ul#primary a.current 
{
 
	width: 8em;
 
	display: block;
 
	float: left;
 
	padding: 4px 0;
 
	margin: 1px 2px 0 0;
 
	text-align: center;
 
	font-size: 85%;
 
	text-decoration: none;

}


 
#header ul#primary span, #header ul#primary a.current, #header ul#primary a.current:hover 
{
	border: 1px solid black;
 
	border-bottom: none;
 
	background: #FFF3B3;
 
	padding-bottom: 6px;
 
	margin-top: 0;

}


 
#header ul#primary a 
{
	background: #FFFAE1;
 
	border: 1px solid #AAA;
 
	border-bottom: none;

}


 
#header ul#primary a:hover 
{
 
	margin-top: 0;
 
	border-color: #666;
 
	background: #FFF7CD;
 
	padding-bottom: 5px;

}


 
#header ul#secondary 
{
 
	position: absolute;
 
	margin: 0;
 
	padding: 0;
 
	bottom: -1.4em;
 
	left: 1px;
 
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */

}


 
#header ul#secondary li a,#header ul#secondary li span 
{
 
	width: auto;
 
	display: block;
 
	float: left;
 
	padding: 0 10px;
 
	margin: 0;
 
	text-align: left;
 
	border: none;
 
	border-right: 1px dotted #AAA;
 
	background: none;

}


 
#header ul#secondary li a 
{
 
	color: #06C;
 
	text-decoration: underline;

}


 
#header ul#secondary li a:hover 
{
	color: #333;
 
	background: transparent;
 
	padding: 0 10px;
 
	border: none;
 
	border-right: 1px dotted #AAA;

}


 
#header ul#secondary li a:active 
{
 
	color: #000;
 
	background: transparent;

}


 
/*
#header ul#secondary li:last-child a 
{ 
	border: none; 
}
*/

/* main content
 */
 
#main 
{
 
	border: 1px solid black;
 
	clear: both;
 
	background-color: #FFF3B3; 
 
	padding-top: 2em;
	margin: 0 20px 5px 20px;

	min-width: 58em;
}



#content 
{
 
	padding: 1.5em;
 
	background: #FFFDF3;
 
}

#contactinfo
{
	padding-bottom: 3em;
}

#contactinfo img 
{
	float: right;
	margin-left: 2em;
	margin-right: 2em;
}

#contactinfo .line 
{
	display: block;
}
 
#contactinfo th 
{
	vertical-align: top;
	text-align: left;
	padding-right: 2em; 
}

/* Narrow columns of content
 */
 
#blurbs 
{
	clear: both;
	font-size: 85%;
	position: relative;
	min-width: 56em;
	min-height: 57em; 
}

.blurb
{
	color: black;
	background-color: #B2EFBB;
	border: 2px solid black;
	min-width: 18em;
	width: 30%;
	height: 100%;
	position: absolute;
}
 
.blurb h3
{
	color: white;
	background-color: black;
	padding: 0.5em 1em 0.5em 1em;
	margin-top: 0;
	text-align: center;
}

.blurb ul 
{
	padding-right: 1em;
}

.blurb li 
{
	padding-bottom: 1em;
}

.blurb li li 
{
	padding-bottom: 0;
}

#blurbs #research 
{
	top: 0;
	left: 0;
}

#blurbs #teaching 
{
	top: 0;
	left: 33.3%;
}
 
#blurbs #bio 
{
	top: 0;
	left: 66.6%;
}

/*
 * Window-wide stretches of content
 */

.topic
{
	color: black;
	background-color: #B2EFBB;
	border: 2px solid black;
	width: 99%;
	margin-bottom: 2em;
}
 
.topic h3
{
	color: white;
	background-color: black;
	padding: 0.5em 1em 0.5em 1em;
	margin-top: 0;
	text-align: center;
}

.topic ul
{
	padding-right: 1em;
}

.topic li 
{
	padding-bottom: 1em;
}

.topic li li 
{
	padding-bottom: 0;
}

/* Module teaching resources
 */
 
#module table
{
	min-width: 1px;
	margin-left: auto;
	margin-right: auto;
}

#module th, #module td 
{
	padding: 0.5em;
}
 
#module th
{
	color: white;
	background-color: black;
}

#module .desc
{
	background-color: #55BB2F;
	font-style: italic;
}
	
#module .res
{
	background-color: #00FA9A;
}

#module .lab
{
	background-color: #44BB88;
	}

/* Publications
 */
.links 
{
	margin-bottom: 1em;
}

/* Footer formatting
 */
 
#footer 
{
 
	clear: both;
 
	font-size: 0.6em;

}


#footer h2 
{
  
	position: absolute; 
  
	left: -999px; 
  
	width: 990px; 

}

#footer p 
{
	margin: 0 20px 0px 20px;
}


#footer #validator img
{
	display: inline;
}