/****************************************************************************
 * 4. Typography
 ***************************************************************************/

/****************************************************************************
 * 5. Iconography
 ***************************************************************************/
p.email
{
    display: block;
    background-color: #EDEDED;
    background-image: url(/sites/all/themes/physics/images/email.png);
    background-repeat: no-repeat;
    background-position: 10px 9px;
    margin-top: 7px;
    margin-bottom:0px;
}
.email a,
.email span.spamspan
{
    display: block;
    color: #d31245;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    border: 1px solid #ddd;
}
.email a:hover
{
    color: #002147;
}

/* Duplication here. TODO: Remove it */
.personal-webpage
{
    display: block;
    background-color: #EDEDED;
    background-image: url(/sites/all/themes/physics/images/www.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    margin-bottom:0px;
}
.personal-webpage a
{
    display: block;
    color: #d31245;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    border: 1px solid #ddd;
}
.email a:hover
{
    color: #002147;
}