/*
   www.patrickmin.com style sheet
*/

body
{
  background: #dddfd6;
  color: black;
  font-family: Trebuchet, Arial, sans-serif;
  font-size: 12pt;
}

div#wrapper
{
  width: 870px;
  height: 640px;
  margin: 0 auto;
}



/*
   header
*/

div#header
{
  width: 870px;
  height: 120px;
  margin: 8px auto;

  z-index: 2;

  border: solid 1px grey;
  background-color: white;

  moz-border-radius: 12px;
  border-radius: 12px;  
}

div#header table
{
  margin-left: 0px;
}

div#header td
{
  letter-spacing: 0.7em;
  font-weight: bold;
}

td.right
{
  text-align: right;
}

img#header_img
{
  border: 0;
  padding-top: 2px;
}



/*
   menu
*/
div#menu
{
/*  position: relative;
  left: 0px;
  top: 6px;*/

  float: left;
  width: 180px;
  height: 500px;

  z-index: 1;

  border: solid 1px grey;
  background-color: white;

  visibility: visible;
  overflow: hidden;
  
  moz-border-radius: 12px;
  border-radius: 12px;  
}

div#menu tr, div#header tr
{
  height: 24px;
}

div#menu td
{
  padding-left: 8px;
  padding-right: 16px;
}

div#halfcell
{
  height: 12px;
}

/*
   content block
*/
div#introduction, div#previous, div#portfolio, div#projects, div#research, div#publications, div#opensource, div#programmer
{
/*  position: relative;

  left: 188px;
  top: -316px;*/

  float: right;
  
  width: 650px !important;
  height: 520px;
 
  z-index: 5;

  padding: 16px 16px 8px 16px;
  
  border: solid 1px grey;

  background-color: white;

  display: none;

  moz-border-radius: 12px;
  border-radius: 12px;  
}

div#programmer
{
  display: block;
  width: 840px !important;
  float: left;
}

div#previous
{
  height: 1100px;
}

div#portfolio, div#research
{
  padding-top: 4px;
  height: 800px;
}

div#research
{
  padding-left: 8px;
}

div#publications
{
  height: 1200px;
}


div#footer, div#footer2
{
  margin: 0 auto;
  
  font-family: Courier, monospace;
  letter-spacing: 0.5em;

/*  position: relative;
  left: 0px;
  top: -310px;*/
/*  top: 12px;*/
  width: 870px;
  height: 24px;

  z-index: 1;

  background-color: white;
  border: solid 1px grey;
}






span.menuitem, a.normal, a.active {
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}

a.normal
{
  color: #200772; /*black;*/
}

a.active
{
  color: #ff7400; /*orange;*/
}

/*a:visited {
  color: #202020;
}*/

a.normal:hover
{
  color: #ff7400; /*orange;*/
}




ul.topics
{
  list-style-type: none;
  margin: 16px 16px 0 8px;
/*  letter-spacing: 0.7em;*/
}

ul.topics li
{
/*  margin: 2px 0 0 -32px;*/
}

ul.subtopics
{
  list-style-type: none;
  margin: 0;
/*  letter-spacing: 0.5em;*/
}
ul.subtopics li
{
  margin: 0;
}