body {
font-family: Trebuchet MS, sans serif;
color: #6d5643;
}

h1 {
color: #9c6738;
background-color: #381f08;
text-transform: uppercase;
padding: 5px;
font-size: 24px;
}

div.clear {
clear: both;
}

span.name {
color: #381f08;
text-transform: lowercase;
font-size: 64px;
display: block;
margin: 30px 0px;
}

a {
color: #051f22;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.attention {
display: block;
text-align: center;
margin: 15px 0px;
padding: 5px;
background-color: #d7e7e9;
color: #596f72;
text-decoration: none;
}

a.attention:hover {
color: #d7e7e9;
background-color: #596f72;
}

#wrapper {
width: 880px;
margin: auto;
margin-top: 100px;
font-size: 14px;
line-height: 1em;
}

#main {
width: 440px;
float: left;
}

#main div {
margin-bottom: 100px;
}

#main p {
margin-top: 20px;
line-height: 25px;
}

#main ul li {
margin: 15px 0px;
}

#side {
width: 340px;
float: right;
}

#footer {
background-color: #9c6738;
color: #381f08;
padding: 5px;
margin-bottom: 100px;
text-align: right;
}