/* Author: Thomas Tran */
/* File name: simple_style.css */
/* Description: stylesheet for my website */

/* Font families, margin, padding and border for body element */
body 
{ 
   font-family: tahoma, geneva, sans-serif;
   margin: 0.5% 0.5%px;
   padding: 0 10%;
   border: thick solid red; 
}

/* Add uOttawa logo */
.background_image
{
   position: absolute;
   top: 4%;
   left: 3%;
   z-index: 1;
}

/* Add shadow for the top title of home page */
h1
{ 
   text-shadow: 3px 3px 3px dimgrey;
   font-size: 300%;
   text-align: center;
}

/* Font size and style for affiliation section */
p.larger_bold
{
   font-size: 150%;
   font-weight: bold;
}

p.large_bold
{
   font-size: 125%;
   font-weight: bold;
}

p.bold { font-weight: bold; }

/* Center the heading on every page */
div.heading { text-align: center; }

/* Style for text in biography */
div.bio { background-color: LemonChiffon; }

p.bio
{
   line-height: 150%;
   text-align: justify;
}

/* Font for publication headings */
p.p_heading
{
   font-size: 110%;
   font-weight: bold;
}

/* Center the all tables */
table
{
   text-align: center;
   position: relative;
   width: 70%;
   left: 15%;
}

/* Style for the horizonal menu */
table.hmenu 
{ 
   border-collapse: collapse;
   border: 2px solid RoyalBlue;
   padding: 6px; 
}

table.hmenu td 
{ 
   border: 2px solid RoyalBlue;
   padding: 6px;
}

a.menu 
{ 
   text-decoration: none;
   font-weight: 600; 
}

table.hmenu td:hover { background-color: PowderBlue; }

/* Style for list of publications */
/* No list style type for ol element */
ol.papers {list-style-type: none; }

/* Give some space between list item */
ol.papers li { margin-bottom: 7px; }

/* Chage background color of li element when hovered */
ol.papers li:hover
{
   background-color: PaleGreen;
   font-weight: 600;
}

/* Style for teaching info, i.e. courses */
/* Center teaching info */
div.teaching { text-align: center; }

/* No list style type for ul element */
ul.courses { list-style-type: none; }

/* Give some space between list item */
ul.courses li { margin-bottom: 7px; }

/* Style for professional activities */
div.pro
{
   position: relative;
   width: 70%;
   left: 15%;
}

ul li { margin-bottom: 7px; }


/* Style for the table of graduate students */
table.grad_students
{
   border-collapse:collapse; 
   background-color: Gainsboro; 
}

table.grad_students, table.grad_students td, table.grad_students th
{ 
   border: 1px solid black; 
   padding: 4px;
   text-align: left; 
}

table.grad_students th
{ 
   color: white;
   background-color: Black; 
}

table.grad_students tr.odd { background-color: white; }

table.grad_students caption
{
   text-align: left;
   font-size: 110%;
   font-weight: bold;
   margin-bottom: 1em;
}

th.name, th.program { width: 9em; }

th.status { width: 6em }


/* Paragraph on last updated date */
p.last_update { text-align: center; } 

