body {
    font-family: Georgia, serif;
    margin: 0px;
    margin-bottom: 30px;
    background-color: #ffe;
    color: #404040;
}

div.body {
    margin-left: 100pt;
    margin-right: 100pt;
}
div.body_no_right_margin {
    margin-left: 100pt;
}

h1 {
    font-weight: normal;
    font-size: 200%;
    background-color: #eec;
    color: #666;
    padding-left: 100pt;
    padding-right: 20pt;
    padding-top: 5pt;
    padding-bottom: 5pt;
    margin-bottom: 25pt;
    margin-top: 0px;
    border-bottom: 2px #666 solid;
}

h2 {
    font-weight: normal;
    color: #555;
    padding-top: 10px;
    border-bottom: 1px solid #555;
    width: 350px;
}

hr {
    width: 350px;
    margin-left: 0;
    text-align: left;
}

li {
    margin-top: 5pt;
    margin-bottom: 5pt;
}

ul.crammed li {
    margin-top: 1pt;
    margin-bottom: 1pt;
    font-size: 80%;
}

dd {
    margin-left: 20pt;
}

ul {
    list-style-type: none;
}

ul.crammed {
    margin-top: 5pt;
    margin-bottom: 15pt;
}

a.external {
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
}

a.book {
    /* I can't find a good icon for a book */
    /* background: url(book.png) center right no-repeat; */
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
}

div.update {
    font-size: small;
    color: #606060;
    padding: 1em 0;
}

div.resume span.company {
    font-variant: small-caps;
    font-weight: bold;
}

div.resume span.position {
    font-size: 90%;
}

div.resume span.degree {
    font-variant: small-caps;
    font-weight: bold;
}

div.resume span.school_info {
    font-size: 90%;
}

div.resume div.contact_info {
    font-size: 90%;
}

div.image {
    margin: 1em 0;
    width: 350px;
}

p.image {
    margin: 1em 0;
    text-indent: 0;
}

div.google-ad {
    float: right;
}

p {
    margin-bottom: 0;
    margin-top: 0;
    width: 350px;
    text-align: justify;
    text-indent: 2em;
    /* line-height: 1.2; */
}

p.first, p.tex-math {
    text-indent: 0;
}

p.very-first {
    text-indent: 0;
}
p.very-first:first-line {
    font-variant: small-caps;
}
p.very-first:first-letter {
    color: #444444;
    display: inline;
    float: left;
    font-size: 4.4em;
    line-height: 0.8em;
    text-transform: uppercase;
    margin: 0.07em 0.14em 0pt 0pt;
}

p.date {
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 0;
    font-style: italic;
    font-size: smaller;
}

p.back {
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 0;
    font-size: smaller;
}

p.back a {
    background: url(back.png) center left no-repeat;
    padding-left: 13px;
}

p.thanks {
    font-size: smaller;
    text-indent: 0;
    margin: 1em 0;
}

p.reference {
    font-size: smaller;
    margin: 1em 0;
    text-indent: 0;
}

blockquote.callout {
    float: right;
    width: 15em;
    padding: 1em;
    /* background-color: #eee; */
    /* border: 1px solid #ccc; */
    margin: 0.5em 0 0.5em 1em;
    font-size: small;
    text-align: right;
    border-right: 1px solid #cca;
}

dl {
    width: 350px;
    text-align: justify;
}

dt {
    margin-top: 1em;
}

/* For strings of initials like "IBM" */
span.initials {
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: 0.05em;
}

/* Specifically for AM/PM. */
span.ampm {
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 90%;
}

ol, ul {
    text-align: justify;
    padding: 0 0 0 30px;
    width: 310px;
}

ol.wide, ul.wide {
    width: auto;
}

blockquote.inline {
    text-align: justify;
    padding: 0;
    width: 310px;
    margin: 1em 20px 1em 20px;
    font-style: italic;
}

/* For MathML. */
div.mathml { /* On its own line */
    font-size: 120%;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 3em;
}
span.mathml { /* Inline */
    font-size: 120%;
}

div#myTipitButton {
    margin-top: 1em;
}

p.author {
    font-style: italic;
    font-size: 80%;
    text-indent: 0;
    margin-bottom: 2em;
}