/* reset */
*{ margin:0; padding:0; border:0; }

/* resume styles */
body{
  background-color:#dadcde;
  overflow-y:scroll;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#resume a{
  padding:0.2em 0.3em;
  margin:-0.2em -0.3em;
  -moz-border-radius:0.3em;
  -webkit-border-radius:0.3em;
  border-radius:0.3em;
  text-decoration: underline;
}
#resume a:link, #resume a:visited{
  color:#222;
}
#resume a:active, #resume a:hover{
  color:#f1f4f7;
  background:#147;
}

#resume{
  margin:24px auto;
  max-width:775px;
  width: 98%;
  background-color:#eaecee;
  border:4px solid #024;
  font-size:14px;
  color:#222;
  text-align: center;
  border-radius: 10px;
}
.wrapper{
  width:800px;
}
#resume .employer ul{
  text-align: left;
}
#resume summary{
  cursor: pointer;
  padding: 2px 4px;
  outline: none;
}

#resume h1{
  font-size:24px;
  color:#135;
}
#resume h2{
  font-size:14px;
  color:#246;
}
#resume h3{
  font-size:16px;
  text-transform:uppercase;
  font-family:"Courier New", Courier, monospace;
  padding:12px 0 0 10px;
}
#resume li{
  list-style:none;
  position:relative;
  left:18px;
}
#resume strong{
  font-weight:bold;
  font-style:normal;
  color:#000;
}

#resume .employer{
  margin-left:18px;
  text-align: left;
}
#resume .employer li{
  list-style:circle;
  margin:2px 0;
}
#resume .employer li.lead{
  list-style:disc;
}
#resume .employer li.sub{
  list-style:none;
}
#resume .employer ul{
  display:block;
  /*height: 0;*/
  overflow: hidden;
  max-width:730px;
  padding:4px 4px 8px 8px;
  margin:2px 0 4px 0;
  font-size:12px;
  line-height:18px;
  background-color:#fafcfe;
}
#resume .employer:first-child ul{
  height: auto;
}

#name{
  padding:12px 10px;
  border-bottom:4px solid #024;
}
#info{
  padding:12px 18px;
  margin-top:12px;
  border-top:4px solid #024;
  line-height:19px;
}
#info div:first-child{
  float:right;
  text-align:right;
  min-width:240px;
}
#info address{
  font-style:normal;
  text-align: left;
}
#skills{
  font-size:13px;
  line-height:16px;
}
#skills li{
  height:18px;
  text-align: left;
}

@media print {
  body,
  #resume,
  #resume .employer ul{
    background: none;
  }
  #resume,
  #resume a:link,
  #resume a:visited,
  #resume *{
    color:#000;
  }
  #resume h1{
    color:#000;
  }
  #resume h2{
    color:#222;
  }
  #resume, #info, #name{
    border-color: #444;
  }
}