/*======================================================================*/
/* Work Stylesheet                                                      */
/*======================================================================*/
/* 
  I was having troubles with collapsible margins not working in Firefox
  3.0.4, so I took a different approach. I mostly use margin-bottom for
  block elements and then sometimes add a padding-top if an element
  needs a bit more room above it (eg. headers). I also had to use table
  as opposed to floats for side-by-side positioning because floats were
  just not consistent enough across browsers especially since I want
  equal height columns.

  Author : Christopher Batten
  Date   : December 3, 2008
*/

/*----------------------------------------------------------------------*/
/* Main Body Block                                                      */
/*----------------------------------------------------------------------*/

BODY 
{
  width            : 100%;
  margin           : 0px;
  padding          : 0px;
  background-color : white;
  background-image : none; 
  color            : black; 
}

DIV#main-body
{
  max-width        : 800px;
  margin-left      : auto;
  margin-right     : auto; 
  padding          : 25px;
}

/*----------------------------------------------------------------------*/
/* Header Block                                                         */
/*----------------------------------------------------------------------*/

DIV#header
{
  margin           : 0px;
  margin-bottom    : 10px;
  padding          : 0px;
}

DIV#header TD
{
  vertical-align   : top;
}

DIV#header IMG
{
  margin           : 0px;
  margin-right     : 15px;
  padding          : 0px;
  border           : 1px solid black;
}

/*----------------------------------------------------------------------*/
/* Content Block                                                        */
/*----------------------------------------------------------------------*/

DIV#content
{
  clear            : left;
  padding          : 0px;
}

/*----------------------------------------------------------------------*/
/* Paragraphs                                                           */
/*----------------------------------------------------------------------*/

P
{
  margin           : 0px;
  margin-bottom    : 10px;
  padding          : 0px;
}

/*----------------------------------------------------------------------*/
/* Links                                                                */
/*----------------------------------------------------------------------*/

A:link     { color: #0000CC; text-decoration: none      }
A:visited  { color: #0000CC; text-decoration: none      }
A:hover    { color: #0000CC; text-decoration: underline }
A:active   { color: #0000CC; text-decoration: underline }

A.ref
{
  font-size        : 90%;
}

/* This is when I want a cite but I the pdf is not ready yet */

SPAN.ref
{
  font-size        : 90%;
}

/*----------------------------------------------------------------------*/
/* Headings                                                             */
/*----------------------------------------------------------------------*/

H1 
{
  margin           : 0px; 
  margin-bottom    : 10px;
  padding          : 0px;
  font-weight      : bold;
  text-align       : left;
}

H2 
{
  margin           : 0px; 
  margin-bottom    : 10px;
  padding          : 0px;
  padding-top      : 5px;
  font-weight      : bold;
  border-bottom    : 1px solid gray; 
  text-align       : left;
}

H3 
{
  margin           : 0px;
  margin-bottom    : 10px;
  padding          : 0px;
  font-weight      : bold;
  text-align       : left;
}

/* 
  The extra formatting here is so that I can position a link to my
  publications next to the research heading.
*/

TABLE.two-col-h2
{
  margin           : 0px;
  margin-bottom    : 10px;
  padding          : 0px;
  width            : 100%;
  border-collapse  : collapse;
  border-spacing   : 0px;
  border           : 0px;
}

TABLE.two-col-h2 H2
{
  margin           : 0px; 
  padding          : 0px;
  padding-top      : 5px;
  font-weight      : bold;
  border-bottom    : 0px solid gray; 
}

TABLE.two-col-h2 TD
{
  border-bottom    : 1px solid gray; 	
}

TABLE.two-col-h2 TD.left
{
  text-align : left;
}

TABLE.two-col-h2 TD.right
{
  text-align : right;
}

/*----------------------------------------------------------------------*/
/* Lists                                                                */
/*----------------------------------------------------------------------*/

UL
{
  margin           : 0px;
  margin-left      : 25px;
  padding          : 0px;
  padding-top      : 5px;
}

UL UL
{
  margin-top       : 10px;
}

UL LI
{
  margin-bottom    : 10px;
  padding          : 0px;
}

UL.tightlist
{
  padding          : 0px;
  margin           : 0px;
  margin-left      : 30px;
  margin-bottom    : 10px;
}

UL.tightlist LI
{
  margin           : 0px;
  padding          : 0px;
}

/*----------------------------------------------------------------------*/
/* Topic Tables                                                         */
/*----------------------------------------------------------------------*/

DIV.topics
{
  margin           : 0px;
  padding          : 0px;
  padding-top      : 5px;
}

DIV.topic
{
  margin           : 0px;
  margin-left      : 15px;
  margin-right     : 15px;
  padding          : 0px;
}

DIV.topic H3
{
  margin           : 0px;
  padding          : 0px;
}

DIV.topic DIV.topic-subtitle
{
  margin           : 0px;
  padding          : 0px;
  padding-top      : 5px;
  font-style       : italic;
}

DIV.topic TABLE
{
  margin           : 0px;
  margin-bottom    : 15px;
  padding          : 0px;
  border-collapse  : collapse;
  border-spacing   : 0px;
  border           : 0px;
}

DIV.topic TABLE TD.discussion
{
  margin           : 0px;
  padding          : 0px;
  padding-right    : 15px;
  padding-top      : 10px;
  vertical-align   : top;
}

DIV.topic TABLE TD.discussion UL
{
  margin-top       : 10px;
}

DIV.topic TABLE TD.photo
{
  margin           : 0px;
  padding          : 0px;
  vertical-align   : top;
  text-align       : center;
}

DIV.topic TABLE TD.photo IMG
{
  margin           : 0px;
  padding          : 0px;
  border           : 1px solid black;
}

/*----------------------------------------------------------------------*/
/* Photo Page                                                           */
/*----------------------------------------------------------------------*/

DIV#photo-page
{
  text-align       : center;
}

DIV#photo-page H1
{
  text-align       : center;
  margin-bottom    : 25px;
}

DIV#photo-page IMG
{
  border           : 1px solid black;
  margin-bottom    : 10px;
  margin-right     : 10px;
}

DIV#photo-page DIV.caption
{
  margin           : 0px;
  margin-left      : auto;
  margin-right     : auto;
  margin-bottom    : 20px;
  padding          : 0px;
  text-align       : left;
  max-width        : 600px;
}

/*----------------------------------------------------------------------*/
/* Publications Page                                                    */
/*----------------------------------------------------------------------*/

SPAN.emph
{
  color            : #800020;
}

DIV#copyright
{
  margin           : 0px;
  padding          : 0px;
  padding-top      : 10px;
  color            : gray;
  font-size        : 90%;
}