/* $Id: style.css,v 1.48 2010/04/09 14:28:03 smissaert Exp $ */

body {
  margin: 0;
  padding: 0;
  font-size: 90%;
  font-family: georgia, times, "times new roman", serif;
  color: #000000;
  background-color: #ffffff;
}

/*
 * Elements
 */

div#leftpane {
  position:absolute;
  top:4em;
  left:0em;
  margin:0;
  padding:0;
  padding-bottom:20em;	/* for footer */
  width:750px;
  /* border:1px dotted blue; */
  min-height:80%;
}

div#rightpane {
  position:absolute;
  top:4em;
  left:760px;
  margin:0;
  padding:0;
  float:right;
  width:20%;
  /* border: 1px dotted green; */
  display:inline;
  min-height:70ex;
}

div#navigation {
  position:absolute;
  margin-top:0;
  padding-left: 210px;
  padding-top: 1em;
  padding-bottom:1em;
  width:85%;
  font:bold 120% monospace, sans-serif; 
  text-align:left;
  letter-spacing:.1em;
  color: #ffffff;
  background-color: #000000;
}

div#header {
  margin:0;
  padding:0;
  height:180px;
  min-height:170px;
  min-width:600px;
  /* border-bottom:1px solid #afafaf; */
  /* border:1px dotted yellow; */
}

div#leftcorner {
  margin:0;
  padding:1em 0em 0em 2em;
  display:inline;
  width:140px;
  float:left;
  height:170px;
}

div#leftcorner a:link {
  text-decoration:none;
}

div#leftcorner img {
  width:140px;
  border-right:1px solid #afafaf;
  border-top:0;
  border-left:0;
  border-bottom:0;
}

div#leftcorner h2 {
  padding-left:2em;
  padding-top:1em;
  margin:0;
  color:#979797;
  font:normal 80% monospace, sans-serif;
}


div#highlights {
  position:absolute;
  top:1em;
  left:200px;
  margin:0;
  padding:0;
  font:normal 90% arial, sans-serif;
  border-bottom:1px solid #afafaf;
  width:550px;
  height:145px;
}

div#highlights_left {
  display:inline;
  float:left;
  padding:1em 2em 2em 0em;
  width: 25%;
  margin:0;
}

div#highlights_middle {
  display:inline;
  float:left;
  width: 30%;
  padding:1em 2em 2em 0em;
  margin:0;
}

div#highlights_right {
  display:inline;
  float:left;
  width: 25%;
  padding:1em 2em 2em 0em;
  margin:0;
}

div#content {
  margin-left:2em;
  width: 74%;
  margin-top:0em;
  padding-top:1em;
  padding-right:2em;
  font: normal 100%/140% arial, helvetica, sans-serif;
  clear:both;
}

div#content b {
  font:bold 85% arial, sans-serif;
}

/* right_pane elements */
div#picture {
  margin:0;
  padding-left:4em;
  padding-right:1em;
  padding-top:1em;
  padding-bottom:2em;
}

div#picture img {
  border:0;
  display:inline;
  float:right;
  width:200px;
}

div#more {
  clear:both;
  float:right;
  width:130px;
  padding: 2em 2em 2em 2em;
  margin-right:0em;
  font:normal 90% arial, sans-serif;
  color:#979797;
  text-align:right;
}

div#more h3 {
  margin-top:0;
  padding:0;
  font:bold 90% arial, sans-serif;
}

div#more a {
  display:block;
}

p#intro {
  font: bold 100%/120% arial, helvetica, sans-serif;
  color:#000;
  background:#fff;
  text-align:justify;
  padding:0;
  margin-bottom:2em;
}

p#name {
  font:bold 90% arial, sans-serif;
  color:black;
  background-color:white;
}

div#footer {
  position:absolute;
  bottom:1em;
  margin:0;
  padding:0;
  width:750px;
}

div#credits {
  display:inline;
  float:left;
  width:50%;
  font: italic 80% monospace, sans-serif;
  padding-left:.5em;
  padding-top:0em;
}

div#icons {
  display:inline;
  float:left;
  width:90px;
  padding-left:2.0em;
}

div#icons img {
  display:inline;
  float:left;
  border:0;
  width:88px;
  height:31px;
  padding-top:0;
  padding-bottom:0em;
}

div#tutorial {
  display:inline;
  float:left;
  border:0;
  margin:0;
  padding-left:4em;
  padding-right:5em;
  padding-top:4em;
  font: normal 100%/140% arial, helvetica, sans-serif;
}

div#cleardiv {
  clear:both;
}

div#tutorial h1 {
  padding-bottom:.5em;
}

div#tutorial img {
  margin:0;
  padding:12px;
}

/*
 * HTML elements
 */

a:link {
  color: #ff8a00;	/* orange */
  background-color:transparent;
  text-decoration: none;
}

a:visited {
  color: #73bd64;	/* green */
  background-color: transparent;
  text-decoration: none;
}

a:active, a:hover {
  color:red;
  background-color: transparent;
  text-decoration: none;
}

/*
 * Classes
 */

.caption {
  padding-top:0;
  padding-bottom:0;
  font: lighter 80% monospace, sans-serif;
  color: #979797;
  vertical-align: top;
}