/*
 * Styles for my research page. Borrowed and modified from those
 * of Philip Guo: http://www.stanford.edu/~pgbovine. Thanks, pg.
 */

/* This defines the default look for the entire body of the HTML page */
body
{
  margin-left: 20px;
  margin-top: 15px;
  background-color: white;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
}

/* This is used for section headings */
h1 {
  font-weight: bold;
  color: #3D477B;
  font-size: 17pt;
  font-family: georgia, serif;
  margin-top: 30px;
  margin-bottom: 3px;
  line-height: 1em;  /* enforce single spacing so that Georgia works */
/*  MARGIN-LEFT: 5px; */
/*  MARGIN-RIGHT: 15px;     */
}

/* This is used to provide project titles */
h3
{
  font-size: 13pt;
  color: #3D477B;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 3px;
  font-family: georgia, serif;
}

/* slightly smaller subtitle for h3 */
h3 .h3sub
{
  FONT-SIZE: 10pt;
  FONT-WEIGHT: normal;
}

table {
  border: 0px;
  font-size: 10pt;
}

/* Body text within the main content pane */
div#content p
{
  margin-left: 12px;
}

/* Horiz. bars within main content pane (copy p) */
div#content hr
{
  margin-left: 12px;
}


DIV.date
{
    FONT-SIZE: 10pt;
    COLOR: #3D477B;
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px;
}

/* CSS relating to project entries */

TH.thumbnail {
    width: 180px;
    height: 120px;
    margin-right: 10px;
}

img.thumbnail
{
  float: left;
  margin-right: 10px;
  margin-left: 5px;
  clear: left;
}

TD.projectInfo {
    width: 600px;
    padding-left: 10px;
}

TD.header-cell {
    padding-left: 10px;
}

DIV.projectDetails {
  padding-left: 10px;
  line-height: 1.5;  /* slightly more than single spacing, for prose text */
}

DIV.projectSummary {
  padding-left: 10px;
  line-height: 1.5;  /* slightly more than single spacing, for prose text */
}

TABLE.projectEntry {
    padding-top: 20px;
}

/* Top-level components of my pages */

div#container {
    float: center;
    width: 870px;
    margin: 0 auto 0 auto;
}

div#content {
  float: left;
  width: 700px; /* Narrow width for better text readability */
  /*margin-left: 10px;*/
  /*margin-top: 30px;*/
  margin-bottom: 20px;
  padding: 0px;
}

/* Sidebar idea and CSS jacked from Edmond Lau (via pg) - http://web.mit.edu/edmond/www/) */

#sidebar
{ 
  color: #222;
  position: fixed;
  width: 150px;
  /*position: relative;*/
  margin: 0px 0 20px 720px;
  font-size: 13px;
}

#sidebar a:link, #sidebar a:visited
{
  text-decoration: none;
}

DIV.sidebarHeading
{ 
  font-size: 16px;
  font-family: georgia, serif;
  text-align: center;
  margin-bottom: 10px;
}

DIV.sidebarCategory
{
  border-bottom: 1px solid #999;
  color: #888;
  padding-bottom: 1px;
  margin: 18px 0 12px 0;
}

DIV.sidebarEntry
{
  margin: 0 0 7px 5px;
}


/* only for UNORDERED lists */
ul li {
  list-style-type: circle;
  margin-bottom: 0.5em;
  line-height: 1.2;  /* slightly more than single spacing, for prose text */
}

A
{
  COLOR: #3D477B;
}

A:visited
{
  COLOR: #3D477B;
}

A:hover
{
  COLOR: #6E870C;
}

/* <tt>, <code>, and <pre> are usually for code snippets */
tt
{ 
  COLOR: #666666;
  FONT-WEIGHT: normal;
  font-size: 9pt;
}

code
{ 
  COLOR: #666666;
  FONT-WEIGHT: normal;
  font-size: 9pt;
}

pre
{ 
  FONT-WEIGHT: normal;
  COLOR: #666666;
  font-size: 9pt;
  line-height: 1em; /* single space */
  margin-left: 12px;
}

pre.graybox
{
  color: #444444;
  /* ehhh, the box idea doesn't jive so well with right margins */
  /* background-color: #dddddd;
  padding: 5px;
  */
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-bottom-color: #aaaaaa;
  border-bottom-style: solid;
}

.bigText {
  font-size: 18pt;
}

/* This is used to introduce overall content of a page and to provide a
   page summary */
DIV.summary
{
  font-weight: normal;
  font-size: 12pt;
  margin-top: 25px;
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: 25px;
  font-family: georgia, serif;
  
  /* Have a light background box, like Jakob Nielsen's summaries */
  background-color: #eff1cd; /* strongly desaturated version of #6e7320, */ 
                             /* which is the color of the titlebar.gif background */
                             /* #ffffdd; Nielsen's default light yellow */
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 12px;
}

div#footer {
  width: 720px;
  margin: 0px;
  padding: 0px;
}

/* This is for the 'Last modified: DATE' entries, usually
   at the bottom of selected pages */
DIV.lastModified
{
  font-style: italic;
  margin-bottom: 5px;
  margin-left: 12px;
}

/* This is used for ... well, nothing at all */
h2 {
  font-size: 11pt;
  font-weight: normal;
  margin-top: 8px;
  margin-bottom: 25px;
  margin-left: 5px;
  font-family: georgia, serif;
  line-height: 1em; /* enforce single spacing so that Georgia works */
}

/* Sub-section headings */
h4 {
  FONT-SIZE: 10pt;
  COLOR: #3D477B;
  FONT-WEIGHT: bold;
  MARGIN-LEFT: 8px;
  MARGIN-TOP: 20px;
  MARGIN-BOTTOM: 1px;
}

/* creates a colored box with padding to display small blurbs or abstracts */
DIV.abstract
{
  background-color: #eff1cd; 
  padding: 15px;
}