* {
margin: 0;
padding: 0;
}

body {
color: #d0d0d0;
background: #1c1c1c;
font: 80% Arial, Tahoma, Verdana, sans-serif;
min-width: 1000px;
}

a:link, a:active, a:visited {
text-decoration: none;
color: #01ff00;
}

a:hover {
text-decoration: none;
color: #ffff00;
}

img {
border: 0;
}

p {
margin: 0;
padding: 5px 0;
}

h2 {
font: bold 120% Arial, Tahoma, Verdana, sans-serif;
color: #ffff00;
}

#header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 300px;
background: #1c1c1c url('../images/conception-2011.jpg') no-repeat;
z-index: -10;
}

#top-spacer {
height: 175px;
}

#top-nav {
position: absolute;
top: 120px;
left: 10px;
width: 770px;
height: 55px;
background: #1c1c1c url('../images/top-nav.jpg') no-repeat;
}

.nav-list {
padding: 5px;
font: 80% Arial, Tahoma, Verdana, sans-serif;
text-align: center;
}

.nav-list li{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.nav-list li a {
text-decoration: none;
text-transform: uppercase;
}

#content {
margin: 0 0 0 10px;
width: 770px;
}

#main-content {
float: left;
background: #424242;
padding: 10px;
width: 475px;
}

#main-content ul {
margin: 0 0 0 15px;
}

#flickr {
float: right;
background: #424242;
border-left: solid 5px #1c1c1c;
padding: 10px 0 10px 10px;
width: 260px;
}

#bottom-nav {
clear: both;
width: 770px;
height: 55px;
background: #1c1c1c url('../images/bottom-nav.jpg') no-repeat;
margin: 5px 0 0 10px;
padding: 15px 0 0 0;
font: 80% Arial, Tahoma, Verdana, sans-serif;
text-transform: uppercase;
text-align: center;
color: #01ff00;
}

#bottom-nav a {
text-decoration: none;
}

#friends {
margin: 0 0 0 10px;
}

#friends-list {
margin: 0;
padding: 0;
width: 770px;
text-align: center;
}

#friends-list li {
display: inline;
list-style-type: none;
padding: 0 10px 10px 0;
}