/* reset browser styles */
html, body, div, span, h1, h2, h3, h4, a, p,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figurecaption, footer,
header, hgroup, menu, nav, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
nav, section, summary {
	display: block;
}
body {
	line-height: 1.2;
}
ol {
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: square;
}
/* reset browser styles */

/* font */
body {
	font-family: "PT Serif", Constantia, serif;
}
.nav, .main-header, footer, h1, h2, h3, h4 {
	font-family: Tahoma, Avenir, sans-serif;
}

h1, h2, h3, h4 {
	color: SteelBlue;
}
h1 {
	font-size: 1.2em;
}
h2, h3, h4 {
	margin-top: 0.5em;
	color: steelBlue;
}

/* styles for the main header (home page only) */
.main-header {
	background-image: url("../Images/199A1940.jpg"),
						url("../Images/catslablogo2.png"),
					/*	url("../Resources/hcii-logo.png"), */
						linear-gradient( #EAEAEA, #EAEAEA );
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, 95% 5px, 12px top ;
	background-size: auto 180px, auto 40%, 100% 2.1em;
/*	border-bottom: 1px darkGray solid;
*/}

.main-header h1 {      /* set margin-top? */
	margin-left: 124px ;
	padding: 5px;
	font-size: 1.4em;
	color: steelblue;
/*	color: rgb(70, 70, 70);
*//*	background-color: #EAEAEA;  */
}

.main-header h2 {
	padding-left: 129px ;  /* 124 + 5 */
	margin-top: 0.25em;
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
	color: black;
}

/* make horizontal navigation bar */
nav {
	padding-left: 124px ;
	padding-top: 0.1em;
}

nav a {
	padding: 5px;
	text-decoration: none;
	background-image: linear-gradient( /*#EAEAEA*/ lightGray, white) ;
	border-radius: 3px;
	box-shadow: 2px 2px SteelBlue;
	text-shadow: 1px 1px White;   /* hmmm.... */
	border: 1px solid darkGray;
	font-size: 0.9em;
	display: inline-block;  /* to display them horizontally */
	margin-top: 1em;    /* for wrapping the row of buttons */
}



/* links anywhere on the page */
a:link { 
    color: SteelBlue;
    text-decoration: none;
}

a:visited { 
    color: LightSteelBlue;
}

a:hover {
	color: FireBrick;
	text-decoration: underline;
}

a:active { 
    color: IndianRed;
}

nav a:hover {
	background-color: white;
	background-image: none;
}

/* CSS for the "you are here" feature */
.home-page .home-link:visited,   /* :visited seems needed to prefer this
  					one over the rule for .nav a:link; not quite sure why */
.teaching-page .teaching-link:visited,
.publications-page .publications-link:visited,
.people-page .people-link:visited,
.personal-page .personal-link:visited,
.contact-page .contact-link:visited
 {
	background-color: LightSteelBlue;
	color: black;
}

/* code for objectives and news - on the home page */
.objectives, .news, .publications, .ugrad-programs,
.urgent-matters, .contact-info {
	margin: 6px;     /* would be better to place this somewhere is */
	border: 1px solid darkGray;
	border-radius: 3px;
	padding: 5px;
}

/* just make this h1? */
.objectives h1, .news h1, .publications h1, .ugrad-programs h1,
.urgent-matters h1, .contact-info h1 {
/*	color: rgb(70, 70, 70); */
	background-color: #EAEAEA;
	color: steelblue;
}

.objectives h2, .news h2, .publications h2 {
	color: FireBrick;
	font-weight: normal;
}

.news-items {
	column-count: 2;
}
footer {
	background-color: #EAEAEA;
	margin: 6px;
	margin-top: 1.5em;
	padding: 5px;
	font-size: 0.8em;
}
.pub {
	margin-top: 0.6em;
}
.pub summary {
	text-indent: -3em;
	margin-left: 3em;
}

.pub .abstract {
	padding-top: 0.5em;
	padding-left: 3em;
}

.pub .abstract:before {
	content: "Abstract.";
	font-weight: bold;
}

a.pre-pub-pdf {
	content: url("../Resources/pre-pub-small.png");
	padding-bottom: 0;
	margin-bottom: 0;
	vertical-align: bottom;
}

a.published-pdf {
}