/* general colour and style */

:root{
  --lightorange: #FFA300;
  --darkorange: #F05023;
  --gray: #646469;
  --white: #FFFFFF;
  --green: #00843D;
  --navy: #0C2340;
}

*{
  color: var(--white);
}

body{
	background-color: var(--navy);
}

figure{
	border: 1px solid #F05023;
}

.clear{
	clear: both;
}

.announce{
	color: red;
	border: 2px solid black;
}

li{
	clear: both;
}

/* all the header material */

address{
	font-size: 14px;
}

#title h1 {
  font-size: 1.5em;
  font-weight: 700;
}

#title h2 {
  font-size: 1.25em;
  font-weight: 400;
  font-style: italic;
}

#pagetop #title {
  float:left;
  display: inline;
  width: 70%;
}

#pagetop img {
  margin:10px 10px 10px 10px;
  box-shadow: 0px 0px 3px 3px var(--darkorange);
  border-radius:5px;
  width: 20%;
}

#pagetop #myphoto {
  float:right;
  height:auto;
  width: 20%;
}

#tabs div{
	display: inline-block;
	background-color: var(--green);
	border: 2px solid var(--lightorange);
}

#tabs div:hover{
	cursor: pointer;
}

/* basic style for how stuff displays on page in sections, etc. */

li{
	padding: 2px;
	clear: both;
}

figure{
	text-align: center;
}

figure img{
	margin:auto;	
}

li > img{ /* only if img directly  child of li */
	border: 2px solid var(--white);	
	display: block;
}

figure figcaption{
	text-align: center;
}

hr {
  clear:both;
}

h3 {
  background-color: var(--lightorange);
  display:inline-block;
}

a:hover{
  color:green;
}

.update {
  font-size: 1em;
}



/* here we manage the visibility/display of sections */

#about, #mentor, #teach, #publications, #talks, #cv{
	display: none;
}

#tabs .selected{
	border: 8px solid #F05023;
}


/* for the research part of the page */

.research_topic{
	font-size: 1.5em;
	color: var(--darkorange);
	font-family: Impact, sans-serif;
}

.more{
	font-style: oblique;
	font-weight: 900;
	color: orange;
}

#research .floats{
	float: right;
}

#research .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}