<style>
/* resume Styles */ 

 html { 
  background-color:#ffffff;
  overflow-y:auto 
} 
 body {
      line-height: 1.6;
      margin: 0;
      padding: 0;
      background-color: #f4f4f4;
      color: #333;
      font:1em/1.5em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
      -webkit-font-smoothing:antialiased;
      color:#7f8285;
      line-height:1.5;
    }
  #content {
      max-width: 900px;
      margin: 20px auto;
      padding: 20px;
      background: #fff;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    header h1 {
      font-size: 2.5em;
      margin-bottom: 0;
    }
    header .subtitle {
      display: block;
      font-size: .2em;
      color: #555;
    }
    h2 {
      border-bottom: 1px solid #A319D1;
      padding-bottom: 10px;
    }
    section h3 {
      font-size: 1.5em;
      margin-bottom: 5px;
    }
    section h4 {
      font-size: 1.2em;
      margin-bottom: 10px;
      color: #555;
    }
    ul {
      list-style-type: disc;
      margin: 0;
      padding: 0 0 0 20px;
    }
    ul li {
      margin-bottom: 10px;
    }

/* ul { list-style:none; } */
ol { list-style:decimal inside none; } 
strong { font-weight:normal }  

em {
  font:0.8em/1em ff-tisa-web-pro,Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
}

a {
  color:#E6B800;
  text-decoration:none;
}

a:hover {
  color:#4d4d4f;
}

h1, h2, h3, h4 {
  font-weight:normal;
}

h1 {
  font-size:3.0em;
  line-height:1;
  margin-bottom:0.05em;
}

h1 em {
  color:#A319D1;
}

h2, h3 {
  font-size:1.0em;
}

h2 {
  line-height:1.25;
}

h2.baseline-align {
  line-height:1.1;
}

h3 {
  line-height:1.25;
  color:#A319D1;
  font: 1.2em/1.5em ff-tisa-web-pro,Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
}

h4 {
  color:#4d4d4f;
}
.subtitle {
  display: block;
  font: 10px/18px ff-tisa-web-pro,Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: none;
}

.subtitle a.phone {
  color:#7f8285;
}

.heading {
  text-align: center;
  border-bottom:1px dotted #ddd;
}

.left {
  float:left;
}

.right {
  float:right;
}

.clear {
  clear:both;
}

.self-clear {
  zoom:1;
}

.self-clear:after {
  content:' ';
  height:0;
  display:block;
  visibility:hidden;
  clear:both;
}

#content {
  margin:0 auto;
}

#content section {
  padding-top:25px;
  text-align:left;
}

#content section h2 {
  float:left;
  width:114px;
  padding-top:25px;
  color:#7f8285;
}

#content section section {
    text-align: left;
    float:right;
    padding-left: 2em;
    padding-right: 2em;

}

#content #header,
#content section section {
  width:600px;
  margin:0 auto;
}

#content #header h1 {
  margin-left:-4px;
  margin-right:-10px;
}

#content #header .byline {
  color:#4d4d4f;
  margin-bottom:1.5em;
}

#content #header .byline a {
  color:#4d4d4f;
}

#content #header .byline a:hover {
  color:#009aff;
}

#content #header .right {
  margin-right:4px;
}

@media only screen and (max-width:830px) {
  #content {
    width:600px;
    margin:0 auto;
  }

  #content #header {
    float:none;
  }

  #content #header .right {
    margin-right:8px;
  }

  #content section {
    text-align:left;
  }

  #content section h2 {
    float:none;
    width:auto;
    padding-top:50px;
    display:block;
    font-size:1.6em;
  }

  #content section section {
    float:none;
    padding-left:0;
    width:auto;
  }

}

@media only screen and (max-width:700px) {
  #content,
  #content #header {
    width:auto;
  }
  #content {
    padding-left:20px;
    padding-right:20px;
  }

  #content #header {
    text-align:center;
  }

  #content #header h1 {
    font-size:2.5em;
    margin-bottom:0.5em;
    line-height:1.25;
  }

  #content #header .left,
  #content #header .right {
    float:none;
    margin:0;
  }

  #content section h2 {
    text-align:center;
  }

  #content section h3,
  #content section h4 {
    margin-bottom:0.5em;
  }

  #content section section li {
    margin-bottom:1em;
  }

}
</style>