/* @override 
	http://localhost/templates/hci-style.css
	http://hci.stanford.edu/templates/hci-style.css
*/

.frontpagetitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #FFFFFF;
	background-color: #B3051A;
}
.navmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #EEEEEE;
	font-size: 20px;
	cursor: pointer;
}

.pagetitle {
      font-family: Verdana, Arial, Helvetica, sans-serif; 
      font-size: 20px; 
      color: #880000; 
      text-align="center"; 
}
.title {
      font-family: Verdana, Arial, Helvetica, sans-serif; 
      font-size: 20px;
      font-weight: bold;
      color: #303030; 
      text-align="center"; 
}

.text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.lefttext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
}

body {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-left: 3px;
	padding-right: 3px;
}

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	padding: 1px 3px;
	color: #333333;
	background-color: #DDDDDD;
}
.heading a {
	text-decoration: none;
	color: #000000;
}
.subheading {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.sidebar {
	background-color: #FFD175;
	background-image: url(../images/peach-pixel.gif);
	vertical-align: top;
	padding-top: 30px;
}

.section_heading {
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
	color: #212121;
	font-weight: bold;
	font-variant: small-caps;
}

div.tab_home {
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-width: 2px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}
div.tab_research {
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}
div.tab_research:hover {
	color: white;
	background: #555555;
}
div.tab_academics {
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}
div.tab_academics:hover {
	color: white;
	background: #555555;
}
div.tab_people {
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}
div.tab_people:hover {
	color: white;
	background: #555555;
}

div.tab_publications {
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}
div.tab_publications:hover {
	color: white;
	background: #555555;
}
div.tab_software {
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}
div.tab_software:hover {
	color: white;
	background: #555555;
}

div.tab_private {
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}
div.tab_private:hover {
	color: white;
	background: #555555;
}

div.tab_home:hover {
	color: white;
	background: #555555;
}

table.leftFeature{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
}

table.feature {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	background-color: #FFDE82;
}

td.banner {
	background-color: #910516;
}

span.feature_title {
	font-size: 13px;
	font-weight: bold;
}


a.link {
	font-family: "Gill Sans", NeutraTextSC;
	font-weight: 500;
	font-size: 1.5em;
	padding-right: 12px;
	margin-bottom: 3px;
}

a.link:hover {
	cursor: pointer;
	text-decoration: underline;
}

a.feature {
	display: block;
	color: #333333;
	text-decoration: none;
}
a.feature:hover {
	background: #FFDE99;
}


a.paper_title:hover {
	background: #FFDE99;
}

a.paper_title {
	display: block;
	color: #000000;
	text-decoration: none;
}

span.paper_title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
}

span.paper_title:hover {
	color: #0000FF;
	text-decoration: underline;
}

span.paper_description {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	text-decoration: none;
}

tr.paper {
	display: block;
}

tr.paper:hover {
	background: #FFDE99;
}

tr.link:hover {
	background: #FFFDAA;
	cursor: pointer;
}

span.e-mail {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}


table.update {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
}

span.label {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

div.cell {
	display: table-cell;
}

div.table {
	display: table;
}

div.row {
	display: table-row;
}

p.contact {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.smallcaps {
	font-variant: small-caps;
	font-size: 9pt;
}


div#included-header{
	height: 26px;
 	background-color: #990000;
	border-bottom: 1px solid #666;
        padding-top: 1px;
}

img#hci-logo{
        float: left;
        padding-left: 20px;
        border: none;
}

div#main-link {
        float: left;
        font-family: "Gill Sans", NeutraTextSC;
}
div#center-links {
        float:left;
}
div#header-links {
        float: left;
	color: white;
        font-family: "Gill Sans", NeutraTextSC;
        padding-left: 17px;
}

#header-links a {
	color: white;
	text-decoration: none;
}
.linkpadding {
        padding-left: 5px;
	padding-right: 5px;
	font-weight: 200;
	color: white;
}

div#other-links {
        position: absolute;
        right: 90px;
        top: 2px;
        padding-right: 17px;
        font-family: "Gill Sans", NeutraTextSC;
}

div#searchbox {
        float: right;
        padding-right: 5px;
}
/**Research Projects**/
@font-face {
	font-family: '"Gill Sans", NeutraTextSC';
	src: url('/font/neutratext-lightsc-webfont.eot');
	src: local('NeutraText-LightSC'), url('/font/neutratext-lightsc-webfont.svg#webfontYUu2or1p') format('svg');
	src: local('NeutraText-LightSC'), url('/font/neutratext-lightsc-webfont.ttf') format('truetype');
	font-weight: 200;
}

@font-face {
	font-family: '"Gill Sans", NeutraTextSC';
	src: url('/font/neutratext-demisc-webfont.eot');
	src: local('NeutraText-DemiSC'), url('/font/neutratext-demisc-webfont.svg#webfontIreKTfx7') format('svg');
	src: local('NeutraText-DemiSC'), url('/font/neutratext-demisc-webfont.ttf') format('truetype');
	font-weight: 500;
}

a {
	text-decoration: none;
	color: #52081c;
}

a:hover{
	text-decoration: underline;
	color: 	#890819;
}

a#link{
	color: white;
}

body {
	/* ugly hack, don't have time to fix IE */
	text-align: left;
}

div.content h1, 
div.content h2, 
div.content h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

div.content p,
div.content div,
div.content table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

@media screen {
div.body {
	width: expression( document.body.clientWidth > 870 ? "840px" : "auto" ); /* > (max-width + padding-left + padding-right) ? max-width : auto (IE only) */
	max-width: 840px; /* max-width */
	border: 1px solid black;
	margin: 25px auto;
	text-align: left;
}
}

@media print {
div.body {
	width: 100% !important;
}
}

div.heading {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 10px 10px 14px;
	border-bottom: 1px solid black;
}

div.content {
	margin: 0;
	padding: 15px;
}

ul.NoBullets {
    list-style-type: none;
}
li {
	margin-top: 15px;
}

li ul li {
	margin-top: 0px;
}

table.projectsummary	{ margin-top: 20px; }
table.projectsummary td	{ padding-right: 20px; padding-bottom: 20px; }

td.tableheading {
	padding-right: 16px;
}
.question {
	font-weight: bold;
	margin-top: 25px;
}
.answer {
	margin-bottom: 25px;
}

img.border {
	border: 1px solid black;
	margin: auto 6px;
}

body {
  margin: 0px;
  padding: 0px;
}

.bestpaper {
  font-weight: bold;
  font-variant: small-caps;
  color: #990000;
}

.extracontent {
  font-variant: small-caps;
}

.footer {
  font-size: 75%;
  margin: 10px 10px 50px 10px;
}