html{
  height:100%
}
body{
  position:relative;
  z-index:0;
  width:100%;
  min-width:702px;
  height:100%;
  margin:0;
  font-family: "Helvetica Neue", Helvetica, Arial,Verdana, sans-serif;
  font-size:12px;
  line-height: 18px;
  color:#AAA;
  color: #111;
  /*background-image: url(images/baseline-18px.gif);*/
}
img.bg{
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  height:100%;
  width:100%;
}
a{
  color:#ca8103;
}
a:hover{
  color:#e29a1d;
}
#header{
  height:53px;
  font-size: 24px;
  background-color: #FFF;
  border-bottom: 1px solid #ddd;
  width:100%;
}
h1{
 height: 53px;
 font-size:18px;
 line-height:54px; 
 margin: 0;
 margin-left:8px;
 color:#111;
}
#bio{
  width:452px;
  margin-top:18px;
  padding:0 8px;
  float:left;
}
#bio p{
  margin:0;
  margin-bottom:18px;
  font-size:14px;
  line-height:18px;
}
#bio h2{
  font-size:18px;
  /*font-weight:normal;*/
}
#projects{
  float:right;
  width:530px;
  margin-top:0px;
  margin-left:39px;
  margin-right:0px;
}
#projects p{
  margin:0;
  font-size:14px;
  line-height:18px;
  padding-right:8px;
  padding-left:8px;
  padding-bottom:18px;
}
#projects a{
  text-decoration:none;
}
#projects h2, #projects h3, #projects h4{
  padding-left:8px;
  margin-top:0px;
  margin-bottom:0px;
  color:#111;
}
#projects h2{
  font-size:18px;
  line-height:18px;
  padding:18px 0 18px 8px;
}
#projects h3, #projects h4{
  font-size:14px;
  line-height:36px;
  padding:0px 0 0px 8px;
}
#projects h4{
  font-weight: normal;
}
#projects .opimage{
  opacity:0.1;
  filter: alpha(opacity=10);
  position:absolute;
  margin:0;
  padding:0;
  margin-left:-110px;
  display:inline;
}
#footer{
  width:100%;
  height:36px;
  float:right;
  text-align:center;
  color:#DD2200;
}
#shortBio{
  color:#FFF;
}
#projects p.note{
  font-size: 12px;
  line-height:18px;
}
#projects p a,#bio p a{
  text-decoration:none;
  border-bottom: 1px dotted;
}

#course-list{
  margin-left: 0;
}