body { font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", arial, helvetica;  
       font-size: 85%;
       color: #202020;
       width: 700px; margin-left: auto; margin-right: auto; 
       border-left: solid 1px; border-right: solid 1px; padding: 0px;
       background: #9aa url(btgrdk.gif) bottom left fixed repeat-x;
}

#page { background: white; padding: 10px; }
       
#nav table { padding-bottom: 4px; }
#nav #name { font-weight: bolder; color: #333355 }
.email { font-weight: bolder; position: relative; top: -8px; right: -10px; }
.email img { position: relative; right: 5px; top: 5px; }
.emailimg { position: relative; right: 5px; top: 5px; }

code { font-family: "Fixed", "Courier New", "Courier", "Monospace" }

.fixedwidth { font-weight: bolder; font-family: "Fixed", "Courier", "Courier New"; }
div.itemheader {
    /* background-color: #fad163; */
    background-color: #ffeac0;
    border-top: 1px solid #ff9900;
    padding: 1px; padding-left: 8px;
    margin-top: 10px; margin-bottom: 5px;
}

div.row span.left {
        float: left;
	text-align: left;
	width: 49%;
}

div.row span.right {
        float: right;
	text-align: right;
	width: 49%;
}

div.spacer {
	clear: both;
}

strong { font-weight: bolder; }

#nav ul { background-color: #fff6e0; border-top: solid 1px #ff9900; line-height: 23px; margin: 0px; padding: 0px; }

#nav ul li { list-style-type: none; display: inline; border-right: solid 3px
black; }

#nav ul li a { 
	margin: 2px; padding: 4px; 
	text-transform: capitalize; 
}

/*
#nav ul li a:hover { 
	color: white; 
	background-color: #333366; 
	text-decoration: none; 
	line-height: 20px; 
}
*/

/* research navigation bar */
#resnav { background-color: #ffffd4; 
    float: right; margin-left: 10px; padding: 0px; text-align: left; 
}

#resnav ul { margin: 0px; padding: 10px; border: 1px solid #c0c0c0; }
#resnav ul li { list-style-type: none; padding: 3px 2px; }
#resnav ul li a { 
	width: 100%;
	display: block;
}

#contents { padding-top: 10px; padding-bottom: 0px; margin-top: 7px; border-top: 1px solid #333366; 
background: white;
}
#photu { float: right; margin: 5px; margin-bottom: 20px; padding: 0px; }

.attract { font-weight: bolder; }

h2 { color: #333366; border-bottom: solid 1px; border-color: #333366; }
h3 { color: #663333; }
/*
A                       { color: #006699; }
A:link          { color: #006699;  }
A:visited       { color: #ff776b;  }
A:active        { color: #CCCC99;  }
*/

/* research projects */
.project { margin-top: 10px; }
.project .title { background-color: #ccd; padding:
2px; }
.project .desc { margin: 5px; }

/* publications and talks */
.publications ul { list-style-image: url(bullet.gif); }
.publications ul li { margin-top: 5px; padding: 2px; }
.publications .me { font-weight: bolder; }
.publications .conference { color: #000; background-color: #eee; }
.publications .workshop { color: #000; background-color: #fff; }
.publications .techreport { font-style: italic; }

.talks ul { list-style-image: url(bullet.gif); }

.proficient { font-style: bold; }

dt { font-weight: bolder; }
.red { font-weight: bolder; color: red }
.green { font-weight: bolder; color: darkgreen }
.blue { font-weight: bolder; color: darkblue }
.bold { font-weight: bolder; }
.small { font-size: smaller; }
.lastmod { width: inherited; background-color: #c3d9ff; color: black; font-size: smaller;
text-align: right; padding: 2px; padding-right: 1em}
.emph { color: red; background-color: #ffff77; font-weight: bolder; }

.light_emph { text-decoration: underline; }

.foot { font-size: smaller; background-color: #c0c0c0; }