/* general styles */

a:link:hover, a:visited:hover {
  color: #ff6666;
}

a:link, a:visited {
  color: #0000cc;
  font-weight: normal;
  text-decoration: none;
}

h2 a:link {
  font-weight: bold;
}

h3 {
  font-size: 12pt;
}

* {
  /* default font */
  font-family: 'Arial', 'Helvetica', sans-serif;
}

li {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

/* sidebar and body positioning */

/*
#sidebar {
  position: absolute;
  left: 0;
  width: 160px;
}

#body {
  margin-left: 166px;
  min-width: 240px;
}
*/

/* sidebar formatting */

#sidebar {
  /* border around entire sidebar */
  border: 2px solid #ff9999;
}

#sidebar h2 {
  /* sidebar main header ("Mark Ryan") */
  padding: 0.1em;
  background-color: #ffdddd;
  margin-top: 0;
  margin-bottom: 0;
}
#sidebar h2 a:link,
#sidebar h2 a:visited {
  /* sidebar main header link */
  font-size: 14pt;
  font-weight: bold;
}
#sidebar h2 a:link,
#sidebar h2 a:visited {
  /* sidebar main header link */
  color: #990066;
}
#sidebar h2 a:link:hover,
#sidebar h2 a:visited:hover {
  /* sidebar main header link */
  color: #ff6666;
}

#sidebar h3 {
  /* sidebar sub-heading ("Research", "Teaching" etc.) */
  padding: 0.1em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #ff9999;
  border-bottom: 1px solid #ff9999;
  color: #990066;
}

#sidebar ul {
  /* sidebar list formatting */
  list-style-type: none;
  margin: 0;
  padding: 0.1em;
}

#body > div, .three-columns.tall > div {
  /* space out the frame in the main section (i.e. not the sidebar) */
  /*margin-top: 12px;*/
  margin-bottom: 18px;
}

/* colourful frames */

/* frame contents gets wrapped in a .content div, so
   the h2 but not the contents can be flush with the border.
   div.box > h2 { ... } is avoided for IE6 compatibility. */

/* To use a colourful frame:
    <div class="orange box">
      <h2>Box heading</h2>
      <div class="content">
        insert content here
      </div>
    </div>
*/

div.box .content {
  margin: 8px;    /* stand-off from border */
}

div.box h2 {
  margin: 0 0 0.5em 0;
  font-size: 14pt;
  font-weight: bold;
  padding: 0.1em;
}

div.green.box { border: 2px solid #99cc33; }
div.green.box h2 { background-color: #ccee99; }
div.orange.box { border: 2px solid #eaa900; }
div.orange.box h2 { background-color: #fed669; }
div.blue.box { border: 2px solid #007bff; }
div.blue.box h2 { background-color: #d4dee8; }

/* main page header */

div.mainheader {
  text-align: center;
  min-height: 169px; /* to accomodate photograph */
  height: auto !important;
  height: 169px;
}

div.mainheader img {
  float: right;
}

div.mainheader h1 {
  margin-top: 0.6em;
  font-size: 24pt;
  font-weight: normal;
}

/* main header for other pages */

div.pageheader {
  text-align: center;
}

div.pageheader h1 {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  font-size: 14pt;
  font-weight: bold;
}

/* a floating image / video */
div.floatimg {
  float: right;
  margin: 10px; /* stand off from other objects */
}

div.floatimg p {
  margin-top: 2px; /* caption shouldn't be too far away */
}

/* page-specific styles */

/* Research Activities, main page */
ul.research_activities > li {
  margin-top: 1em;
}

/* Committee memberships, research coordination activities, main page */

.committee_memberships {
  font-size: 11pt;        /* will it fit on one line? :) */
  margin-bottom: 1em;     /* fix collapsed space - without it, next bullet point will
                             be stuck to committee_memberships*/
}
.committee_memberships h4 {
  font-weight: normal;    /* the 'heading' isn't supposed to stand out! */
}
.committee_memberships ul {
  list-style-type: none;  /* don't show bullet points next to the years */
}
.committee_memberships ul li ul li,
.committee_memberships ul li h5,
.committee_memberships ul li ul {
  display: inline;        /* put the year, and the list of links, all on the same line */
}
.committee_memberships ul {
  margin-left: 0;         /* keep the list flush left */
  padding-left: 0;
}

/* Book list */

.books_list {
  text-align: center;     /* put the books in the middle of the page */
}
.books_list ul li {
  display: inline;        /* display the books next to each other
                             (this hides bullet points, too */
}
.books_list ul li a img {
  border: 1px solid #ccc; /* nice border, */
  padding: 4px;           /* but not too close to the book */
}

div.three-columns {
  margin: 0mm;
  padding: 0mm;
  float: left;
  width: 32%;
  min-width: 16em;
}

div.three-columns.c1 {
  clear: left;
}

div.three-columns.c1,
div.three-columns.c2 {
  margin-right: 2%; /* (100-32*3)/2 */
}