/*----------------------------------------------------------
Typography CSS file for Easy-Designs.net
Created 23 November 2007 by Aaron Gustafson
of Easy! Designs, LLC (easy-designs.net)
----------------------------------------------------------*/

/* =Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =Fonts */
body {
  font: 62.5%/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  padding: 1em;
}
h1, h2, h3, h4, h5, h6, legend, caption {
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: .5em;
}
h1 {
  font-size: 2em;
}
h2 {
  border-top: 4px solid;
  clear: right;
  float: left;
  font-size: 1.2em;
  letter-spacing: .05em;
  text-transform: uppercase;
}
p, ol, ul {
  clear: both;
  font-size: 1.2em;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0;
}
li {
  margin: 0 0 0 2em;
}
abbr, dfn, acronym {
  cursor: help;
}

/* =Forms */
fieldset {
  border-top: 1px solid;
}
legend {
  font-size: 1.2em;
  line-height: 1;
  padding-right: .3em;
}
fieldset ul {
  margin-top: .5em;
}
fieldset li {
  clear: both;
  list-style: none;
  margin: 0 0 .5em;
}
label {
  float: left;
  display: block;
  line-height: 1;
  margin: 0 1em 0 0;
  padding: .35em 0 0;
  width: 10em;
}
input, select, textarea {
  font-size: 1em;
  width: 300px;
}
textarea {
  font: 1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  height: 150px;
}
button {
  font-size: 1em;
  border: 0;
  letter-spacing: .05em;
  margin-left: 10em;
  padding: .2em .4em;
  text-transform: uppercase;
  position: relative;
  left: 1em;
}
#errors {
  clear: both;
  border: 2px solid;
  margin: 1em 0;
  padding: 1.5em;
}
  #errors p {
    margin: 0 0 .5em;
  }
  #errors ol {
    margin: 0;
  }
  #errors li {
    list-style: decimal;
  }
label {
  position: relative;
}
  label .e {
    display: block;
    white-space: nowrap;
    margin-top: -.2em;
    padding-right: 10px;
    position: absolute;
    left: 276px;
    top: 50%;
  }
  label .e:before {
    content: '\00AB\00A0';
  }

/* =Sections */
#who,
#work,
#contact {
  border-top: 1px solid;
  clear: both;
}
  #work ul {
    margin: 0 0 1.5em;
  }
  #work li {
    float: left;
    list-style: none;
    margin: 10px 0 0 10px;
  }
  #work img {
    border: 1px solid;
  }
  #testimonial p {
    font: italic 1.8em Georgia, Times, "Times New Roman", serif;
    line-height: 1.2;
    margin: 0;
  }
  #testimonial cite {
    font: .667em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    display: block; margin-bottom: 1.5em;
  }
#copyright,
#address {
  font-size: .9em;
  line-height: 1.5;
}
  #address p {
    font-size: 1em;
    margin: 0;
  }
  .post-office-box, .street-address {
    display: block;
  }
