@charset "UTF-8";

body {
	background: #CCF url(gradient.png) repeat-x top;
	margin: 0px;
	padding: 0px;
}

.container {
	background-color: white;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
	max-width: 934px; /* width of image on home page */
}

a:link    { color: #339; }
a:visited { color: #30C; }
a:active  { color: #30C; }
a:hover   { color: #30C; }

h2 a:hover   { color: black; }
h2 a.highlight	{ background-color: yellow;}

.header {
	background: #CCF url(gradient.png) repeat-x top;
}

.banner {
	padding: 0px;
	padding-bottom: 30px;
	margin: 0px;
}
.banner > img {
	width: 100%;
}

h1, h2 {
	font-family: sans-serif;	
}

.logo {
	width: 64px;
	height: auto;
	margin-bottom: -15px;
	padding-right: 10px;
}

.thumb {
	width: 100px;
	float: left;
	height: auto;
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 15px;
}

/* this is for the case where the thumbnail image is inside a span of class thumb */
.thumb img {
	width: 100px;
	height: auto;
}
.thumb span {
	font-size: 10px;
	font-family: sans-serif;
	color: #999;
}
.thumb span a {
	text-decoration: none;
	color: #999;
}

h1 {
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}

h2 {
	clear: both;
	background-image: url(vgradient.png);
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
	height: 30px;
}

p {
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

p.summary {
	font-style: italic;
}

/* prepending icons to links to content files */
li.pdf  {
	list-style-image: url(pdf.png);
}
li.slides {
	list-style-image: url(slides.png);
}
li.video {
	list-style-image: url(video.png);
}
li.audio {
	list-style-image: url(audio.png);
}

/* formatting publication list */
p.ref span.authors:after {
	content: ".";
}
p.ref span.title {
	font-weight: bold;	
}
p.ref span.title:after {
	content: ".";
}
p.ref span.booktitle {
	font-style: italic;	
}
p.ref span.booktitle:after {
	content: ", ";	
}
p.ref span.conference {
	font-style: italic;
}
p.ref span.conference:before {
	content: "In ";	
}
p.ref span.conference:after {
	content: ", ";	
}
p.ref span.journal {
	font-style: italic;	
}
p.ref span.journal:after {
	content: ", ";	
}
p.ref span.publisher:after {
	content: ", ";	
}
p.ref span.pages:after {
	content: ".";	
}
p.ref span.link:before {
	content: " [";
}
p.ref span.link:after {
	content: "] ";
}

/* replacing links with icons - only works with CSS3 browsers and Safari */
p.ref > a.pdf {
	content: url(pdf.png);
}
p.ref > a.acm {
	content: url(acm.png);
}
p.ref > a.hal {
	content: url(hal.png);
}
p.ref > a.video {
	content: url(video.png);
}
p.ref > a.slides {
	content: url(slides.png);
}
p.ref > a.audio {
	content: url(audio.png);
}


p.abstract {
	font-size: small;
	margin-left: 150px; /* 20 pixel margin + 100 pixel thumb + 30 pixel padding right of thumbnail */
}

p.sw-author {
	font-style: italic;	
}

ul {
	margin-top: 0px;
	margin-left: 25px;
	padding-left: 30px;
}

/* this is for lists that are to the right of a thumbnail */
.thumb + ul {
	margin-left: 140px; /* (was 10px) - 20 pixel margin + 100 pixel thumb + 30 pixel paragraph margin */
}

/* tabs */

ul.menu {
	list-style-type: none;
	margin: 0px;
	margin-bottom: 25px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 0px;
}

ul.menu li {
	background: #99F url(tab-left.png) no-repeat left top;
	font-family: sans-serif;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	padding: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
}

ul.menu li a {
	background: #99F url(tab.png) no-repeat right top;
	padding: 15px;
	padding-left: 0px;
	padding-bottom: 10px;
	color: black;
	text-decoration: none;
}

ul.menu li.active {
	background: white url(active-tab-left.png) no-repeat left top;
}

ul.menu li.active a {
	background: white url(active-tab.png) no-repeat right top;
	color: grey;
}

/* footer */

.footer {
	font-family: sans-serif;
	font-size: small;
	color: grey;
	clear: both;
	text-align: center;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 20px;
	margin: 0px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-color: #999;
	border-top-style: solid;
}
.footer a {
	color: grey;
}