/* WORKS Style Sheet */
/*  $Id: works.css,v 1.28 2008-04-01 21:58:29 hans Exp $  */

/* -------------------------------------------------------------------------- */
/*                                                                            */
/* XHTML LAYOUT                                                               */
/*                                                                            */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* STANDARD TAGS ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
A { 
  text-decoration:   none; 
  /*                    Right    Left     */
  /*                 T   R   B   L   */
  padding:           0px 1px 0px 1px; 
}

A:link {
  color:             #00a;
}

A:visited {
  color:             #009;
}

A:active {
  color:             Black;
}

A:hover {
  text-decoration:   none;  
  color:             #79f;
  background-color:  #24f;
  border:            1px solid #cccccc;
  /*                 T   R   B   L   */
  padding:           0px 0px 0px 0px; 
}

BODY	{
  margin-top:        0;
  margin-left:       3%;
  margin-right:      3%;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size:         10pt;
  background-color:  #5271b5;
  background-image:  url(/hans/blue_gradient_bg.gif); 
  color:             #000044;
  max-width:         640px;
}

CODE { 
  font-weight:       bold;
}

DT { 
  font-weight:       bold;
  margin-bottom:     1px;
}

DD { 
  margin-bottom:     5px;
}

/* the title at the top of the page, in the nav ----------------------------- */
H1 { 
  font-size:         26px;
  /*                 T   R   B   L   */
  padding:           5px 0px 2px 5px; 
  color :            #ccccff;
  background-color : #11bb66; 
  border:            2px dotted #00b;  
  margin-top:        0;
  margin-bottom:     0;
}

/* major page section title ------------------------------------------------- */
H2 {
  font-size:         16pt; 
  /*                 T   R   B   L   */
  padding:           3px 0px 1px 5px; 
  color:             #ffcc66;
  background-color : #00cc77;
  border:            1px dotted #cccccc;
}

/* minor page section title ------------------------------------------------- */
H3 { 
  /*                 T   R   B   L   */
  padding:           3px 0px 1px 5px; 
  border:            1px dotted #00b;  
}

HR { 
/*   width:             5px; */
  height:            38px;
  border:            2px dotted #00b;  
  background-color:  #00cc77;
}

PRE {
  font-family:       serif;
  font-size:         10pt;
  color:             #222222;
}

/* spacing between list elements */
LI { 
  /*                 top R  bottom L            */
  padding:           2px 0px 1px 0px; 
}

/* -------------------------------------------------------------------------- */
/* XHTML IDs ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* for the CVS Tag at the bottom of the page -------------------------------- */
#cvsid {
  font-family:       Arial, Helvetica, sans-serif;
  font-size:         7pt;
  color:             #555;
}
/* the directory-style location at the tope of the page --------------------- */
#nav { 
  font-weight:       bold;
  font-size:         18px;
  /*                 T   R   B   L   */
  padding:           2px 2px 2px 5px;
  color :            #ccccff;
  background-color:  #4488ff;
  border:            1px dotted #00b;
}
/* menu for major sections, which take you to a different page -------------- */
#mainmenu { 
  font-size:         14px;
  color :            #ccccff;
  background-color:  #4488ff;
}
#mainmenu BR { 
  margin:            2px 0px 2px 0px;
}
#mainmenu A {
  display:           table-cell;
  width:             80px;
  text-decoration:   none;
/*   background-color : #11bb66;  */
  border:            1px dotted #cccccc;
  padding:           1px 5px 1px 5px; 
  margin:            1px 0px 1px 0px;
}
#mainmenu A:hover {
/* this is needed to make the blue background
   override the menu background */
  background-color:  #24f;
  border:            1px solid #cccccc;
}
/* menu for sections within the page ---------------------------------------- */
/* eventually, these should act as a filter so that 
   only the selected type of content is displayed. */
#pagemenu { 
  color :            #fff;
}
#pagemenu A {
  display:           table-cell;
  width:             80px;
  padding:           1px 5px 1px 5px; 
  text-decoration:   none;
  font-size:         14px;
/*   background-color : #11bb66;  */
  margin:            1px 0px 1px 0px;
  border:            1px dotted #cccccc;
}
#pagemenu A:hover {
/* this is needed to make the blue background 
   override the menu background */
  background-color:  #24f;
  border:            1px solid #cccccc;
}

/* -------------------------------------------------------------------------- */
/* XHTML CLASSES ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

abbr, acronym, .help { 
  border-bottom: 0px dotted #333;
  cursor: help;
}
/* for any date, next to an entry for an event, grant, work, etc. ----------- */
.date {
  display:           table-cell;
  font-family:       Arial, Helvetica, sans-serif;
  /*	font-weight: bold; */
  font-size:         12px;
  text-align:        left;
  white-space:       nowrap; 
  color :            #ccccff;
  width:             70px;
}
.year { 
  margin-top:        10px;
  margin-bottom:     1px;
}
/* ENTRY PARTS */
.entry { 
  margin-left:       10px;
  margin-right:      2px;
  margin-top:        0px; 
  margin-bottom:     3px;
}
.entrytitle { 
  display:           table-cell;
  width:             550px;
  padding:           1px 0px 1px 0px; 
  font-size:         13px;
}
.entrybody { 
  font-size:         12px;
  margin-left:       15px;
  margin-right:      15px;
}
.license { 
  font-size:         10px;
}
.text { 
  margin-left:       35px;
  margin-right:      15px;
}
/* CATEGORIES */
.software, .research { 
  margin-top:        1px;
  margin-bottom:     20px;
}
.cvindent { 
  margin-top:        1px;
  margin-bottom:     5px;
  margin-left:       10px;
}
/* Image caption classes  */
div.caption
{
  font-size:         90%;
  text-align:        center;
}
div.caption-marker
{
  float: left;  
  margin-right: 0.2em;
  text-align: left;
}
div.caption-text
{
/*   float: left; */
/*   clear: right; */
  text-align: left;
}
div.copyright
{
/*   text-align: right; */
/*   float: right; */
  color: #333;
  font-family: "Franklin Gothic Book", Verdana, sans-serif;
}
/* FOR PHOTOS */
.photo { 
  border:            1px dotted #00b;  
/*   display:           block; */
  margin-left:       auto;
  margin-right:      auto;
}
.photoparagraph { 
  padding:           10px 10px 10px 10px; 
}
.filetype {
	border:          0px;
}