/*======================================================================*/
/* 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).

  Some of this formatting comes directly from the Cornell University
  website templates.

  Author : Christopher Batten
  Date   : July 2010
*/

/*----------------------------------------------------------------------*/
/* Main Body Block                                                      */
/*----------------------------------------------------------------------*/
/* According to Cornell website template comments: Note the font-size
   declaration. Its purpose is to reset the default font size to 10px
   instead of 16px, allowing font sizes to be specified in ems
   throughout the stylesheet (1.0em = 10px, 1.3em = 13px, etc.). It is
   important to specify font sizes in ems instead of pixels, because
   IE/Win does not allow text to be resized by the user if it is
   specified in pixels. 
*/

BODY 
{
  width            : 100%;
  margin           : 0px;
  padding          : 0px;
  background-color : white;
  background-image : none; 
  font-family      : verdana, arial, helvetica, sans-serif;
  /* translate 1.0em to 10px, 1.5em to 15px, etc. */
  font-size        : 63.125%;
  color            : #222;
  background       : #f0eee4;
  overflow-y       : scroll;
}

/*----------------------------------------------------------------------*/
/* Cornell Header                                                       */
/*----------------------------------------------------------------------*/

#cu-identity
{
  height           : 45px;
  background       : #b31b1b;
}

#cu-identity-inner
{
  max-width        : 755px;
  margin           : 0px;
  margin-left      : auto;
  margin-right     : auto; 
  padding          : 0px;
  padding-left     : 25px;
  padding-right    : 25px;
  height           : 45px;
}

#cu-logo
{
  max-width        : 755px;
  margin           : 0px;
  margin-left      : auto;
  margin-right     : auto; 
  height           : 45px;
  background       : url(cornell.png) no-repeat top left;
}

/*----------------------------------------------------------------------*/
/* Header                                                               */
/*----------------------------------------------------------------------*/
/* Includes both the unit name and the navigation bar which is
   formatted as a horizontal band with a gray background. */

#header-uname
{
  background       : #ffffff;
}

#header-uname-inner
{
  max-width        : 755px;
  margin           : 0px;
  margin-left      : auto;
  margin-right     : auto; 
  padding          : 0px;
  padding-left     : 25px;
  padding-right    : 25px;
  background       : #ffffff;
  /*border : 1px solid blue;*/
}
 
#header-uname h1
{
  max-width        : 755px;
  margin           : 0px;
  margin-left      : auto;
  margin-right     : auto; 
  padding          : 0px;
  padding-top      : 25px;
  padding-bottom   : 25px;
  font-family      : times, serif;
  font-size        : 2.4em;
  font-weight      : normal;
  /*color            : #73736c;*/
  display          : block;
  /*border : 1px dashed blue;*/

  /* Make header a little larger on iOS safari */
  -webkit-text-size-adjust : 150%;
} 	

#header-nav
{
  width            : 100%;
  background       : #b3b3aa;
}

#header-nav-inner
{
  max-width        : 755px;
  margin           : 0px;
  margin-left      : auto;
  margin-right     : auto; 
  padding          : 0px;
  padding-left     : 25px;
  padding-right    : 25px;
  background       : #b3b3aa;
  /*border : 1px solid green;*/
}
	
#header-nav ul
{
  float            : left;
  margin           : 0;
  padding          : 0;
  border-left      : 1px solid #a6a69d;
  max-width        : 739px;
  display          : block;
}
	
#header-nav li
{
  margin           : 0px;
  padding          : 0px;
  float            : left;
  background       : none;
  display          : block;
  font-size        : 1em;
  /*border : 1px solid red;*/

  /* Make item a little larger on iOS safari */
  -webkit-text-size-adjust : 150%;
}
	
#header-nav a
{
  float            : left;
  padding          : 7px 15px;
  border           : none;
  border-right     : 1px solid #a6a69d;
  font-size        : 1.2em;
  font-weight      : bold;
  color            : #ffffff;
  text-decoration  : none;
}
	
#header-nav a:hover
{
  background       : #a6a69d;
}

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

DIV#header
{
  margin           : 0em;
  padding          : 0em;
}

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

IMG#headshot
{
  margin           : 0em;
  margin-left      : 2em;
  margin-bottom    : 2em;
  padding          : 0em;
  border           : 1px solid black;
  float            : right;
}

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

DIV#content
{
  clear            : left;
  width            : 100%;
  margin           : 0em;
  padding          : 0em;
  background       : #f0eee4;
}

DIV#content-inner
{
  clear            : left;
  max-width        : 755px;
  margin           : 0em;
  margin-left      : auto;
  margin-right     : auto; 
  padding-left     : 25px;
  padding-right    : 25px;
  padding-top      : 25px;
  padding-bottom   : 25px;
}

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

P
{
  margin           : 0em;
  margin-bottom    : 0.7em;
  padding          : 0em;
  font-size        : 1.3em;
  line-height      : 1.39em;
}

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

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

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

A.details
{
  font-size        : 90%;
  font-weight      : normal;
}

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

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

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

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

/*
H2.first
{
  margin           : 0em; 
  margin-bottom    : 0.4em;
  padding          : 0em;
  font-weight      : bold;
  font-size        : 1.8em;
  text-align       : left;
}

H2
{
  margin           : 0em; 
  margin-bottom    : 0.4em;
  padding          : 0em;
  padding-top      : 1em;
  font-weight      : bold;
  font-size        : 1.8em;
  text-align       : left;
}
*/

H2.first
{
  margin           : 0em; 
  margin-bottom    : 0.4em;
  padding          : 0em;
  font-weight      : bold;
  font-size        : 1.8em;
  text-align       : center;
  text-indent      : -1em;
}

H2.first:before
{
  content : "\2014  ";
}

H2.first:after
{
  content : "  \2014";
}

H2
{
  margin           : 0em; 
  margin-bottom    : 0.4em;
  padding          : 0em;
  padding-top      : 1em;
  font-weight      : bold;
  font-size        : 1.8em;
  text-align       : center;
}

H2:before
{
  content : "\2014  ";
}

H2:after
{
  content : "  \2014";
}

H3 
{
  margin           : 0em;
  margin-bottom    : 0.4em;
  padding          : 0em;
  padding-top      : 0.7em;
  font-size        : 1.3em;
  font-weight      : bold;
  text-align       : left;
}

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

UL
{
  margin           : 0em;
  margin-left      : 2.5em;
  padding          : 0em;
  padding-top      : 0.5em;
}

UL UL LI
{
  font-size        : 1em;
}

UL LI
{
  margin-bottom    : 0.7em;
  padding          : 0em;
  font-size        : 1.3em;
  line-height      : 1.39em;
}

UL.tightlist
{
  padding          : 0em;
  padding-left     : 1.5em;
  margin           : 0em;
  margin-bottom    : 0.7em;
  list-style-position : inside;
}

UL.tightlist LI
{
  margin           : 0em;
  padding          : 0em;
  font-size        : 1.3em;
}

UL.medlist
{
  padding          : 0em;
  margin           : 0em;
/*  margin-left      : 2.5em;*/
  margin-left      : 5em;
  text-indent      : -3.5em;
  list-style-position : inside;
}

UL.medlist LI
{
  margin           : 0em;
  margin-bottom    : 0.4em;
  padding          : 0em;
  font-size        : 1.3em;
}

UL.medlist LI SPAN.date
{
  font-weight      : bold;
}

/*----------------------------------------------------------------------*/
/* Topic Block                                                          */
/*----------------------------------------------------------------------*/

DIV#content-inner-topics
{
  clear            : left;
  max-width        : 805px;
  margin           : 0em;
  margin-left      : auto;
  margin-right     : auto; 
  padding-left     : 0px;
  padding-right    : 0px;
  padding-top      : 25px;
  padding-bottom   : 25px;
}

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

DIV.topic:target
{
  border-top       : 2px solid #b31b1b;
  border-left      : 2px solid #b31b1b;
  padding-left     : 13px;
  padding-right    : 13px;
}

DIV.topic H3
{
  margin           : 0em;
  margin-bottom    : 0.3em;
  padding          : 0em;
  padding-top      : 0.7em;
}

DIV.topic DIV.topic-subhead
{
  margin           : 0em;
  margin-bottom    : 0.7em;
  font-size        : 1.3em;
  line-height      : 1.39em;
  display          : block;
} 

DIV.float-right
{
  margin           : 0em;
  margin-left      : 2em;
  margin-bottom    : 0.7em;
  padding          : 0em;
  text-align       : center;
  font-size        : 1.3em;
  float            : right;
}

DIV.float-right IMG
{
  border           : 1px solid black;
  margin-bottom    : 0.5em;
}

DIV.float-right-no-border
{
  margin           : 0em;
  margin-left      : 2em;
  margin-bottom    : 0.7em;
  padding          : 0em;
  text-align       : center;
  font-size        : 1.3em;
  float            : right;
}

DIV.float-right-no-border IMG
{
  margin-bottom    : 0.5em;
}

IMG.word-cloud
{
  display          : block;
  width            : 100%;
  max-width        : 755px;
  margin           : 0px;
  margin-left      : auto;
  margin-right     : auto;
  margin-top       : 10px;
  padding          : 0px;
}

IMG.banner
{
  border           : 1px solid black;
  display          : block;
  width            : 100%;
  max-width        : 755px;
  margin           : 0px;
  margin-left      : auto;
  margin-right     : auto;
  margin-top       : 10px;
  margin-bottom    : 20px;
  padding          : 0px;
}

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

DIV#photo-page
{ }

DIV#photo-page H2
{
  text-align       : center;
  margin           : 0em;
  padding          : 0em;
  padding-bottom   : 0.5em;
}

DIV#photo-page DIV.side-by-side
{
  text-align       : center;
  margin           : 0em;
  margin-top       : 1em;
  margin-bottom    : 0.5em;
}

DIV#photo-page DIV.side-by-side IMG
{
  border           : 1px solid black;
  margin           : 0em;
  margin-left      : 0.5em;
  margin-right     : 0.5em;
  margin-bottom    : 1.0em;
  display : inline;
}

DIV#photo-page DIV.side-by-side-flush
{
  text-align       : center;
  margin           : 0em;
  margin-top       : 1em;
  margin-bottom    : 0.5em;
}

DIV#photo-page DIV.side-by-side-flush DIV
{
  margin           : 0em;
  margin-bottom    : 1.5em;
  display          : block-inline;
}

DIV#photo-page DIV.side-by-side-flush IMG
{
  border           : 1px solid black;
  margin           : 0em;
  margin-bottom    : 1.25em;
  display          : inline;
}

DIV#photo-page DIV.side-by-side-flush2
{
  text-align       : center;
  margin           : 0em;
  margin-top       : 1em;
  margin-bottom    : 0.5em;
}

DIV#photo-page DIV.side-by-side-flush2 DIV
{
  margin           : 0em;
  display          : block-inline;
}

DIV#photo-page DIV.side-by-side-flush2 IMG
{
  border           : 1px solid black;
  margin           : 0em;
  margin-bottom    : 1.25em;
  display          : inline;
}

DIV#photo-page IMG
{
  border           : 1px solid black;
  margin           : 0em;
  margin-left      : auto;
  margin-right     : auto;
  margin-top       : 1em;
  margin-bottom    : 1.25em;
  display          : block;
}

DIV#photo-page IMG.drawing
{
  border           : none;
  margin           : 0em;
  margin-left      : auto;
  margin-right     : auto;
  margin-top       : 1em;
  margin-bottom    : 1.5em;
  display          : block;
}

P.short-caption
{
  text-align       : center;
}

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

SPAN.emph
{
  /*color            : #800020;*/
}

DIV#copyright
{
  margin           : 0em;
  padding          : 0em;
  padding-top      : 0.7em;
  color            : gray;
  font-size        : 1.15em;
  line-height      : 1.3em;
}

DIV#copyright2
{
  margin           : 0em;
  padding          : 0em;
  margin-top       : -0.5em;
  padding-bottom   : 0.75em;
  color            : gray;
  font-size        : 1.15em;
  line-height      : 1.3em;
  text-align       : right;
}

/*----------------------------------------------------------------------*/
/* Misc                                                                 */
/*----------------------------------------------------------------------*/

.float-fix { clear : both; }

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

TABLE.news
{
  font-size        : 1.3em;
  line-height      : 1.39em;
}

TABLE.news TR TD:first-child
{
  white-space      : nowrap;
/*  font-weight      : bold;*/
  vertical-align   : top;
  margin           : 0px;
  padding-left     : 1em;
  padding-right    : 10px;
}
