@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;	
}

html { 
	height: 100%;
	margin: 0 0 1em;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;			
	background-image:url('imgs/xhatch.png');
	background-repeat:repeat;
	line-height: 1.6em;
	height: 100%;
	width: 100%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	color: #444;
	word-spacing: 10pt;
}

hr {
	height: 1px; 
	border-style: none; 
	color: grey; 
	background-color: grey;
}

img.pic {
	float: left;	
	padding-right: 5px;
	padding-bottom: 5px;
}

img.research{
	float: left;
	width: 204px;
	/*border: solid red 1px;*/
	padding-right: 5px;
	padding-bottom: 5px;
}

img.class {
	float: left;	
}

div.header {
	padding-top: 60px;
	width: 848px;
	margin: auto;
	font-weight: lighter;
	/*border: 1px solid red;*/
}

div.nav {
	width: 848px;
	height: 30px;
	margin: auto;
	/*border: 1px solid red;*/
}

div.nav li {
	display: inline;
	width: 50px;
		
}
div.button {
	vertical-align: middle;
	text-align: center;
	width: 104px;
	height: 22px;
	background-color: #444;
	float: left; 
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	border-right: 2px solid white;
	text-decoration: none;

}
div#cur {
	background-color: #0CF;
}

div.content {
	/*border: 1px solid red;*/
	width: 848px;
	height: 100%;
	margin: auto;
}

div.leftCol {
	/*border: 1px solid red;*/
	width: 415px;
	height: 100%;
	margin: auto;
	float: left;
}

div.rightCol {
	/*border: 1px solid red;*/
	width: 415px;
	height: 100%;
	margin: auto;
	float: right;
}

div.intro {
	width: 529px;	
	color: #444;
	float: left;
}

div.white {
	background: white; 
	margin-top: 1.5em;
	padding-bottom: 6em;
	overflow: auto;
}

div.feed {
	color: #444;
	width: 260px;
	height: 544px;
	float: right;	
	font-family: Arial, Helvetica, sans-serif;		
	background-color: gainsboro;
	margin-right: 3px;
	padding: 20px;
	margin-top: 20px;
	line-height: 1.4em;
	font-size: 10px;
	overflow: auto;
}

div.intro h2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;		
}

div.people {
	/*border: 1px solid red;*/
	width: 420px;
	height: 130px;
	float: left;
}
div.teaching {
	padding-bottom: 15px;
}

div.research {
	width: 848px;
	padding-bottom: 2em;
	float: left;
}
div.research p {
	/*border: 1px solid red;*/
	margin-left: 318px;
	padding-bottom:13em;
}
div.prevresearch{
	width: 848px;
	padding-bottom: 82.5em;
}
div.pub {
	width: 848px;
	padding-bottom: 35px;
}

div.join{
	width: 848px;
	padding-bottom: 78em;
}




a.nav:link {
	line-height: 2em;
	color: white;
	text-decoration: none;
}      /* unvisited link */
a.nav:visited {
	line-height: 2em;
	color: white;
	text-decoration: none;
}  /* visited link */
a.nav:hover {
	line-height: 2em;
	border-bottom: 2px #0CF solid;
	text-decoration: none;
}  /* mouse over link */
a.nav:active {
	line-height: 2em;
	color: white;
	text-decoration: none;
}  /* selected link */


a.links:link {
	color: #0CF;
	text-decoration: none;
}      /* unvisited link */
a.links:visited {
	color: #0CF;
	text-decoration: none;
}  /* visited link */
a.links:hover {
	color: white;
	background-color: #0CF;
	text-decoration: none;
}  /* mouse over link */
a.links:active {
	color: #0CF;
	text-decoration: none;
}  /* selected link */


.blue {
	color: #0CF;	
}
.grey {
	color: #444;	
}