/* colours */

html {
    background: #f8f8f8;
    color:      #333;
}

a           { color: #003399  }
a:link      { color: #003399  }
a:visited   { color: #333     }
a:hover     { color: #3366cc  }
a:active    { color: #3366cc  }
a:focus     { background: yellow; }


h1 {
    color:  #ff9900;
}

/* fonts & layout */

html {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size:   100%;
   text-rendering: optimizeLegibility;
}

.content {
    margin:         2em auto;
    font-size:      1.5em;
    width:          33em;
    line-height:    1.75em;
}

h1 {
    text-transform: uppercase;
    font-weight:    normal;
}

a, .tel {
    white-space: nowrap;
}

#self {
    display: none;
}

.photo {
    float:          left;
    height:         4.25em;
    margin:         0.5em 0.75em 0pc 0px;
    border:         1px solid #333;
}

h1, p { 
    display:        inline;
    padding-right:  0.25em;
}

.separator img {
    width: 100%;
}