body {
    font-family: Verdana, Arial;
    font-size: 90%;
    color: #000;
    text-align: center;
    background: #fff;
}

* {
    margin: 0;
    padding: 0;
}

#wrapper {
    position: relative;
    width: 600px;
    text-align: left;
    margin: 0.5em auto;
}

h1 {
    width: 100%;
    height: 150px;
    background: transparent url(../images/header.gif) no-repeat 100% 0;
    text-indent: -50000em;
}

h2 {
    width: 182px;
    height: 39px;
    text-indent: -50000em;
}

h2 a {
    width: 182px;
    height: 39px;
    display: block;
}

h2#recent-videos {
    background: #fff url(../images/recent-videos.gif) no-repeat 0 0;
}

h2#recent-photos {
    background: #fff url(../images/recent-photos.gif) no-repeat 0 0;
}

h2#recent-news {
    background: #fff url(../images/recent-news.gif) no-repeat 0 0;
}

#navigation {
    text-align: right;
    margin: 0.5em 2.2em;
}

ul {
    margin: 0.5em 1.0em 1.0em 1.0em;
}

#videos li, #photos li {
    list-style-type: none;
    display: inline;
    margin: 0 0.8em;
}

li {
   list-style-type: none;
   margin: 0 0 0.6em 0.8em;
}

#videos li img, #photos li img {
    width: 75px;
    border-width: 2px;
} 

#copyright {
    font-size: 70%;
    text-align: center;
    color: #444;
    margin: 3.0em 0;
}

#copyright a {
    color: #666;
}

#adsense {
    width: 177px;
    height: 171px;
    position: absolute;
    top: 0;
    left: 1.0em;
    background: transparent url(../images/sketchbg.gif) no-repeat 0 0;
    text-align: center;
    padding: 20px 0 0 0;
}

a:link, a:visited {
    text-decoration: none;
    color: #c66;
}

a:hover, a:active {
    color: #36c;
}

a:focus {
    outline: 0;
}