body {
    margin: 10;
    font-size: 100%;
    font-weight: normal;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    background-color: white;
    color:black;
}

img {
    border: 0;    
}

h1 {
    font-size: 400%;
    line-height: 80%;
    margin: .2em 0 .2em 0;
}

h2 {
    font-size: 200%;
    line-height: 80%;
    letter-spacing: -3px;
    margin: .2em 0 .2em 0;
}

h3 {
    font-size: 150%;
    line-height: 80%;
    margin: .2em 0 .2em 0;
}

a {
    text-decoration: none;
    color: purple;
}

a:hover {
    color: #aaaaaa;
}

a.facebook:hover {
    color: #3B5997;
}

a.flickr:hover {
    color: #3366CC;
}

a.flickr:hover span {
    color: #FF3399;
}    

a.linkedin:hover {
    color: white;
}

a.linkedin:hover span {
    background-color:#3B5997;
    color: white;
}

a.twitter:hover {
    color: #34CCFF;
}

#bottom {
    padding: 0.2%;
    margin: 0.2%;
}

#left {
    float: left;
    padding: 0.2%;
    margin: 0.2%;
    width: 25%;
}

#middle {
    float: left;
    padding: 0.2%;
    margin: 0.2%;
    width: 50%;
}

#right {
    float: right;
    padding: 0.2%;
    margin: 0.2%;
    width: 20%;
}