/* 
    Document   : layout
    Created on : Jan 12, 2010, 11:31:25 AM
    Author     : Benjamin
    Description:
        Home page look and feel
*/


root { 
  display: block;
}

body {
  margin: 0px;
  padding: 1em;
  font-family: arial, helvetica, sans-serif;
  color: #000;
  background-color: #bbb;
  text-align: left;
  height: 100%;
}

#overviewTabs {
  max-width: 60em;
}

#home, #projects, #papers, #resume {
  padding: 1em;
}

img {
  border: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#copyright {
  width: 90%;
  color: #333;
  font-size: 8pt;
  text-align: right;
  margin-top: 5em;
}

.photo {
  float: left;
  margin-right: 1em;

}

.vcard {
	  padding-bottom: 6em;
}

/* Start project CSS */
.project {
  overflow: auto;
  width: 100%;
  margin-bottom: 10px;
}

.project p {
  padding: 10px;
}

.tags {
  padding: 1px;
  margin-left: 0;
  font: 10px Verdana, sans-serif;
  background: #eed;
  width: 13em;
  float: right;
}

.tags li {
  list-style: none;
  margin: 0;
  padding: 0.25em 1em;
  border: 1px solid;
  border-color: #FFF #AAA #AAA #FFF;
  text-align: center;
}


/* Start resume CSS */
.hresume {
  text-align: left;
}

.hresume dl {
  margin-bottom:1em;
  margin-left:0px;
  padding: 0px;
}

.hresume dl dt {
  float:left;
  font-weight:bold;
  margin-right:1em;
  padding:5px;
  width:15em;
}

.hresume dl dd {
  margin:2px 0;
  padding:5px 0;
  margin-left:16em;
}

.hresume a {
  color: #006;
  text-decoration: none;
}

.hresume a:hover {
  text-decoration: underline;
}

.hresume .education .date_duration, .hresume .experience .date_duration {
  float: right;
}

.hresume abbr {
  border: none;
}