/* General */

html, body {
	height: 101%;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: "Optima", "Lucida Grande", "Bitstream Vera Sans", "Verdana";
    font-size: 10pt;
    color: #333;
    background: white url(/images/gradient.png) repeat-x;
}

h1 {
    margin-top: 0px;
    font-size: 28px;
    color: #000;
}
  
a  {
	  color: #03c;
    text-decoration: none;
}

a:hover {
    background-color: #03c;
    color: white;
    text-decoration: none;
}

dl dt {
	font-weight: bold;

}

dl dd {
	font-weight: normal;
	margin-left: 7pt;
	margin-bottom: 2pt;
	margin-top: 1pt;	
}

/* Layout */

#ribbon {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 128px;
    height: 128px;    
    background-image: url(/images/ribbon.png);
    background-repeat: no-repeat;
}

.wrap {

  width: 800px;
  margin: 2.4em auto 0 auto;
}

.wrap .sidebar {
  float: right;
  width: 120px;

}


.wrap .content {
  width: 650px; 
  float: left;

}

.footer {
  clear: both;
  text-align: center;
  font-size: 9pt;
  padding-top: 1.5em;
  padding-bottom: 1.0em;  
  color: #888;
}

/* header */

.header h1, .header h2 {
  margin: 0;
}

.header h2 {
  color: #888;
  margin-bottom: .5em;
  font-weight: normal;
}

/* sidebar */

ul.sidebar {
  margin-top: 1.1em;
  list-style: none inside;
  padding-left: 0;
}

ul.sidebar li {
  padding-left: .2em;
  margin-bottom: .5em;
}

ul.sidebar li.divided {
  padding-top: .5em;
  margin-top: .5em;  
  border-top: 1px solid #ccc;
}

/* content */

.content {
  line-height: 135%;
}

.content img {
  margin-right: 1em;
}

.publications dt.title {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ccc;
}

/* Projects */

ul.projects {
  list-style: none inside;
  padding-left: 0;
}

.projects li {
  border: 1px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  background-color: #E6E6E6;
  font-weight: bold;
  font-size: 12pt;
  float: left;
  width: 40%;
  padding: 6px;
  text-align: center;
}


.projects li {
  height: 210px;
  float: left;
  margin-right: 2em;  
  margin-bottom: 2em;    
}

.projects li h3 {
  margin-bottom: 2px;
  margin-top: 4px;  
}

.projects li img {
  width: 230px;
  margin-top: 1em;
  border: 1px solid transparent;  
}

.projects li img:hover {
  border: 1px solid #ccc;
}

.projects li a:hover {
  background-color: transparent;
}