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


/*
 * Color palette creator
 * http://colorschemedesigner.com/
 *
 * CSS Layout with using float
 * http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/ 
 */

/* ==================================================================== 	*/
/*         layout                 										 	*/
/* ==================================================================== 	*/

#wrapper {
	background: #bbbbbb;
	height: 100%;
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 40px;
	margin-bottom: -10px;
	background-image: url("../_images/theme/bodytilebottom-tall.png");
}

#monkeywrapper{
	position: relative;
	margin: 0px auto;
/*	background-image: url("../_images/theme/monkeyColor.png"); */
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 0px;
}


#innerwrapper {
	/*background:  #f00; */
	width: 810px;
	margin: 0px auto;
}

#mainwrapper {
	/*margin-top: 16px;*/
	background: #EEECE5; /* #e5e2de; #fff;*/
	padding-top:  14px; /* for some reason a +1 padding-top prevents a gap between nav bar when first element is <h1> */
	padding-left: 18px;
	padding-right: 18px;
}

#header {
	background-color: black; /*for debugging */
	color: white;
	width: 100%;
	height: 129px;
	margin-left: auto;  /* auto margins center */
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}

#headertitle{
	padding-top: 94px;
	padding-left: 6px;
	font-size: 26px;
}

#headerimage{
	float: right;
}

#nav {
	/* background-color: #cccccc;  for debugging */
	background-image: url("../_images/theme/navBrown.gif");
	margin-right: auto; /* this will cetner the nav...*/
	margin-left: 0px; /* ... until it gets within x of the left side */
	margin-top: 0px;
	margin-bottom: 0px;	
	
	text-align: right;

	width: 100%;
	height: 36px;
}
	
#nav a {
	line-height: 35px;
	font-size: 14px;
	text-decoration: none;
	padding-right: 11px;
	padding-left:	11px;
	
	color: #373d42;
}


#nav a.on, #nav a.on:visited, #nav a.on:hover {
	background-image: url("../_images/theme/navLinkOn.gif");
	background-repeat: no-repeat;
	background-position: top center;
	color: #ffffff;
	padding-top: 9px;
	padding-right: 11px;
	padding-bottom: 20px;
	padding-left:	11px;
	margin-left: 0px;	
}

#nav a.green, #nav a.green:visited, #nav a.green:hover {
	background-image: url("../_images/theme/navBlue.gif");
	background-repeat: repeat-x;
	background-position: top center;
	color: #ffffff;
	padding-top: 9px;
	padding-right: 11px;
	padding-bottom: 18px;
	padding-left:	11px;
	margin-left: 0px;	
}


#footer{
	margin-top: 60px;
	margin-left: 10px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #777777;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#clearboth { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
 }


/* ==================================================================== 	*/
/*         general text                										*/
/* ==================================================================== 	*/	

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Helvetica Neue", verdana, arial, sans-serif;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #373d42;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	color: #373d42;
	margin: 0px;
	padding: 0px;
}


p {
	font-size: 12px;
	font-weight:normal;
	color: #373d42; 
	text-align: justify; 
	text-justify: newspaper;
	margin-top: 0px;
}


li {
	font-size: 12px;
	font-weight:normal;
	color: #373d42; 
	margin-top: 0px;
	margin-bottom: 8px;
}

img, div, a, input { behavior: url(iepngfix.htc) }

/* links */

a:link, a:visited {
	color: #373d42;
	text-decoration: underline;
	}
	
a:hover {
	color: #a7aeb3;
}
	
span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	color: #6F6F74; /*#a7aeb3;*/
	}
	
hr {
	border: none 0; 
	border-top: 1px solid #cfd4d8;
	width: 100%;
	height: 1px;
	margin: 18px auto 0 0;
	text-align: left;
}


b.title {
	font-size: 18px;
	font-weight:normal;
	color: #373d42;
}


b.title-light {
	font-size: 18px;
	font-weight:normal;
	color: #a7aeb3;
}


b.subtitle {
	font-size: 15px;
	font-weight:normal;
	color: #373d42;
}

b.date {
	font-family: "Georgia", sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #6F6F74; /* #a7aeb3; */
}

b.contact {
	font-size: 13px;
	font-weight:normal;
	color: #373d42;
	text-align: left;
}

b.light {
	font-size: 12px;
	font-weight:normal;
	color: #a7aeb3;
	text-align: justify; 
	text-justify: newspaper;
}

b.strong {
	font-size: 12px;
	font-weight:bold;
}


b.image {
	float: right;
	padding: 15px 0px 5px 15px;
	}
	
b.caption {
	/* font-family: "Georgia", sans-serif; */
	font-size: 12px;
	font-style: italic;
	font-weight:normal;
	text-align: center;
	color: #373d42;
	}
	
.fig-caption{
	font-size: 11px;
	font-weight:normal;
	color: #373d42;
	margin-bottom: 10px;
}
	
/* ==================================================================== 	*/
/*         home                   										 	*/
/* ==================================================================== 	*/

#home-wrapper {}

#about-content {
	/* for debugging 
	border-color: #bbbbbb;
	border-width: 1px;
	border-style: solid;
	*/
	float: left;
	width: 500px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	padding: 0;
}

#about-project{	
/*	clear: both;	*/
}

#about-project-image{	
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 12px;
	margin-bottom: 8px;
}

#about-project-description{	
	margin-top: 0px;
	width: 340px;
	float: right;
}


#news-content {
	/* for debugging 
	border-color: #bbbbbb;
	border-width: 1px;
	border-style: solid;
	*/
	float: right;
	width: 250px;
	margin-top: 0px;
	margin-left: 16px;
	margin-right: 0px;
	padding: 0;
}

#pic{
	text-align: center;
	background: #000000;
	width: 100%;
	margin-bottom: 1px;
}

.picimg{}

#pictext{
color: #FF0000;
	font-size: 12px;
	font-weight:normal;
	color: #373d42;
}

#address{
	clear: both;	
}

/* ==================================================================== 	*/
/*         Research                										 	*/
/* ==================================================================== 	*/

#research-wrapper {

	width: 750px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;

}

#research-wrapper h1 {
	font-weight: bold;
	font-size: 22px;
	font-weight: normal;
	color: #373d42;
}

#research-wrapper h2 {
	font-weight: bold;
	color: #373d42;
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 0px;
}

#research-wrapper p {
	font-size: 13px;
}

#research-wrapper img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}



/* ==================================================================== 	*/
/*         Pubs                   										 	*/
/* ==================================================================== 	*/

#pubs-wrapper {}

/* main container for all the publication information */
#pubs-content {
	/*
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	*/
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

/*  A section of publications, e.g., journal paper, book chapter */
#pubs-type{
	/*
	border-color: #0f0;
	border-width: 1px;
	border-style: solid;
	*/
	clear:both;	
	margin-bottom: 12px;
}

/* Use this for the year, e.g., 2005 for 1 or more pubs 
 * Should be nested within pubs-type.
 *  The top margin should match the top margin of pubs-refs.
 */
#pubs-year{
	/*
	border-color: #00f;
	border-width: 1px;
	border-style: solid;
	*/
	clear:both;	
	float:left;
	width: 55px;

	margin-bottom: 	3px;
	margin-top: 	12px;
	padding-top: 	2px; /* need padding for margin to work?*/
	padding-bottom: 0px; 
}

/*  A list of publications in the same year 
 *  Should be nested within pubs-type.
 *  The top margin should match the top margin of pubs-year.
 */
#pubs-refs{
	/*
	border-color: #00f;
	border-width: 1px;
	border-style: solid;
	*/
	float:right;
	margin-bottom: 	15px;
	margin-top: 	12px;
	padding:		0px; /* need padding for margin to work?*/
	
	width:715px;
}

/* A single publication.
 * Should be nested within pubs-refs.
*/
#pubs-ref{
	/*
	border-color: #00f;
	border-width: 1px;
	border-style: solid;
	*/
	float:left;
	width:620px;
}

/* Download links for a pubs-ref.
 * Nested within pubs-refs.
 */
#pubs-download{
	/*
	border-color: #00f;
	border-width: 1px;
	border-style: solid;
	*/
	float:right;
	width:80px;
	padding-top: 	2px; /* need padding for margin to work?*/
}


/* Style for title, nested inside pubs-ref */
#pubs-title {
/*	font-family: "Georgia", sans-serif; */
	font-size: 15px;
	font-weight:normal;
	color: #373d42;
}
	
/* Style for title, nested inside pubs-ref */
#pubs-journal {
	font-size: 13px;
	font-style:italic;
	color: #5f676c;
}

/* Style for title, nested inside pubs-ref */
#pubs-authors {
	font-size: 11px;
	font-weight:bold;
	color: #373d42;
}
	
b.pubs-authors-secondary {
	font-size: 11px;
	font-weight:normal;
	color: #5f676c;
}
		
#update {
	float: left;
	width: 780px;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 12px;
}

/* ==================================================================== 	*/
/*         CV                   										 	*/
/* ==================================================================== 	*/

#cv-wrapper {}


#cv-category p{
/*	font-family: "Georgia", sans-serif; */
	font-size: 16px;
	font-weight:normal;
	color: #373d42;
	line-height: 16px;
}
	

#cv-content a:link, a:visited{
	color: #5f676c;
}
	
#cv-content a:hover{
	color: #a7aeb3;
}
	
#cv-line {
	float: left;
}

#cv-category {
	clear:left;
	float: left;
	width: 170px;
	margin-left: 0px;
	margin-right: auto;
	}

#cv-information {
	float: left;
	width: 600px;
	margin-left: 0px;
	margin-right: auto;
	}
	
#cv-info-piece {
	float: left;
	width: 500px;
	padding-bottom: 16px;
	}

		
#cv-info-subproject {
	margin-left: 10px;
}

#cv-dates {
	float: left; 
	margin-left: 16px;
	padding-left: 0px;
	padding-top: 0px;
/*	font-family: "Georgia", sans-serif; */
	font-size: 13px;
	font-weight:normal;
	color: #373d42;
	line-height: 16px;
	}
	
#cv-information p{
/*	font-family: "Georgia", sans-serif; */
	font-size: 14px;
	font-weight:normal;
	color: #373d42;
	line-height: 16px;
	}
	
#cv-information b.strong{
/*	font-family: "Georgia", sans-serif; */
	font-size: 13px;
	font-weight:bold;
	color: #373d42;
	line-height: 16px;
	}
	
#cv-first-line{
/*	font-family: "Georgia", sans-serif; */
	font-size: 14px;
	font-weight:normal;
	color: #373d42;
	line-height: 18px;
	}
	
#cv-second-line{
/*	font-family: "Georgia", sans-serif; */
	font-size: 13px;
	font-weight:normal;
	color: #5f676c;
	line-height: 16px;
	}
	
#cv-other-lines{
/*	font-family: "Georgia", sans-serif; */
	font-size: 12px;
	font-style: italic;
	font-weight:normal;
	color: #5f676c;
	line-height: 16px;
	}



/* ==================================================================== 	*/
/*         bio                   										 	*/
/* ==================================================================== 	*/


#bio-wrapper {}

#bio-pic{
	float:left;
	margin-left: 0px;
	margin-right: 20px;
}

#bio-description{	
	float: left;
	width: 530px;
	margin-top: 0px;
}

#bio-description p {	
	font-size: 13px;
}
	
/* ==================================================================== 	*/
/*         teaching                										 	*/
/* ==================================================================== 	*/

#teaching-wrapper{
	margin-left: 14px;
	margin-right: 14px;
}

#teaching-wrapper p{
	font-size: 13px;
}


#teaching-wrapper b.emphasize {
	font-weight:bold;
	font-style: italic;
}

#teaching-wrapper ul{
/*	padding-left: 16px; */
}

#teaching-wrapper ul ul{

}

#teaching-wrapper li{
	font-size: 13px;
}

/* ==================================================================== 	*/
/*         software                										 	*/
/* ==================================================================== 	*/

#software-wrapper{}

#software-pic, #bubblegum {
	float:left;
	margin-left: 0px;
	margin-right: 20px;
}

#software-description{
	float: left;
	width: 530px;
}

#bubblegum{
	border-color: #000;
	border-width: 1px;
	border-style: solid;

	}