html {
    background: rgb(200,200,200);
}


#header{
    border: 1px solid black;
    background-image: url("/styles/banner.jpg");
    background-position: top left;
    background-repeat: repeat-x;
    background-size: cover;
    font-family: sans;
}

#header h1 {
    color: white;
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin: 0.5em ;
    padding: 0;
    text-shadow: 0.08em 0.08em 0.1em black;
}

#header h2 {
    font-size: 105%;
    font-style: italic;
    font-weight: normal;
    margin: 0.5em;
    padding: 0;
    font-weight: bold;
    color: white;
    text-shadow: 0.11em 0.11em 0.1em black;
}


#footer {
 background-color: rgb(100,100,100);
 text-align: center;
 border-top: 1px solid rgb(35,40,50);
}

#footer p {
 text-align: center;
 font-size: 75%;
 margin: 0;
 padding: 0;
}

#footer a {
 color: black;
}

/*=====================*/
#nav {
    border: 1px solid black;
    text-align: center;
    background-color: rgb(100,100,100);
}
#nav > ul > li { background-image: url("/styles/icons_nb.png");}
#nav > ul > li:hover { background-image: url("/styles/icons.png");}
#nav-about {background-position: 0px 0px;}
#nav-microblog {background-position: -32px 0px;}
#nav-articles {background-position: -64px 0px;}
#nav-photos {background-position: -96px 0px;}
#nav-hacks {background-position: -128px 0px;}
#nav-work {background-position: -160px 0px;}
#linkfeed {background-position: -192px 0px;}

#nav li a {
    color: transparent;
    display: block;
    width: 32px;
    height: 32px;
}
#nav li a:hover {
    color: transparent;
    background: transparent;
}


#infobar {
    margin-bottom: 3em;
}

/*=================================*/

a[href] {
    color: rgb(25%,0%,0%);
}

a[href]:hover {
    color: white;
    background-color: rgb(25%,0%,0%);
}