@import url(/css/colors.css);

/************************************************
*    COMMON STUFF                              *
************************************************/

html, body {
  /*background: #333;*/
  /*color: #bbb;*/

  height: 100%;
  margin: 0;
  padding: 0;

  font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

h1 {
  font-size: 4em;
  /*color: #888;*/

  padding-bottom: 10px;
  border-bottom: 7px solid black; /* #ff8000; */
  margin-bottom: 12px;
}

a {
  /*color: #a6d322;*/
}

/************************************************
*    HOMEPAGE STUFF                            *
************************************************/

.homepage div {
  height: 10%;
  width: 90%;
  position: absolute;
  left: 5%;
  top: 35%;
}

.homepage h1 {
  text-align: right;
}

.homepage ul {
  display: inline;
  list-style: none;
}

.homepage ul li {
  padding-right: 7px;
  float: left;
}

.homepage a {
  padding: 2px 8px 2px 8px;
}

.homepage a:hover {
  /*background: #a1d013;*/
  /*color: #333;*/
}

/************************************************
*    RESUME STUFF                              *
************************************************/

.resume {
  font-size: .9em;
  position: relative;
  width: 90%;
  left: 5%;

  padding-bottom: 2em;;
}

.resume .header {
  width: 100%;
  text-align: center;
}

dl {
}

dt {
  display: inline;
  font-weight: bold;

}

dd {
  margin: 0;
  padding-right: 20px;
  display: inline;
}

.resume h2 {
  clear:both;
  border-bottom: 1px black solid;
  padding-bottom: 1px;
  font-size: 2em;
}

.jobTitle {
  font-size: 1.4em;
  font-weight: bold;
}

.employer, .employmentDates {
  font-style: italic;
}

.resume a {
  text-decoration: none;
}

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