body{ 
margin: 0; 
padding: 0;
text-align:center;
background-color: #FFDC50;
color: #4C4218;
font-family: helvetica neue, arial, sans-serif;
/*background-image: url(../img/baseline.png);*/
}

#content{
width:36em; 
padding: 4.4em 0 6em 1em;
text-align:left;  
margin-left:auto; 
margin-right:auto;
} 

.entry {
padding-top: 4em;
}

.article {
width: 31em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
}

h1 {
font-size: 1.5em;
font-weight: 200;
color: #B29A38;
line-height: 1.35em;
}

h2 {
font-size: 1.5em;
line-height: 1.35em;
margin-bottom: 2em;
font-weight: 200;
}

h3 {
font-size: 1.2em;
line-height: 1.35em;
margin-bottom: 1em;
font-family: helvetica neue, arial, sans-serif;
font-weight: 200;
}


h4 {
font-size: 1em;
text-transform: uppercase;
margin: .8em 0 1.9em 0;
font-weight: 200;
color: #B29A38;
}

p {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1.5em;
font-family: georgia, sans-serif;
}

.article ul {
margin: 0 0 3.4em 0;
padding: 0;
font-family: georgia, sans-serif;
}

.article li{
margin: 0 0 .8em 0;
padding: 0;
}

.about {
margin-right: 6em;
}

.about p {
font-size: 1.2em;
line-height: 1.5em;
font-family: helvetica neue, arial, sans-serif;
font-weight: 200;
}

.about img {
float: right;
margin: .4em 0 0 .5em;
}

.footnote {
font-size: .8em;
margin: 2.2em 0 0 0;
text-transform: uppercase;
color: #B29A38;
font-family: helvetica neue, arial, sans-serif;
}

.footer {
font-size: .8em;
margin: 2.2em 0 0 0;
color: #B29A38;
font-family: helvetica neue, arial, sans-serif;
}

sup {
font-size: .2em;
}

a {
color: inherit;
text-decoration: none;
border-bottom: 1px solid #B29A38;
}

a:hover {
color: #FFF;
text-decoration: none;
border-bottom: 1px solid #FFF;
}

.down {
float: right;
padding-top: .8em;
text-transform: uppercase;
font-size: .8em;
}

.down a {
padding:  3px 0 5px 25px;
color: #FFDC50;
background-image: url(../img/arrow_down.png);
background-repeat: no-repeat;
background-position: 0 0;
border-bottom: 0;
}

.down a:hover {
color: #FFF;
border: 0;
background-image: url(../img/arrow_down.png);
background-repeat: no-repeat;
background-position: 0 -30px;
}

.down a:active {
color: #FFF;
}

.up {
float: right;
margin: 2px 0 0 0;
text-transform: uppercase;
font-size: .8em;
}

.up a {
padding:  0 0 5px 25px;
color: #FFDC50;
background-image: url(../img/arrow_up.png);
background-repeat: no-repeat;
background-position: 0 0;
border-bottom: 0;
}

.up a:hover {
color: #FFF;
border: 0;
background-image: url(../img/arrow_up.png);
background-repeat: no-repeat;
background-position: 0 -30px;
}

.up a:active {
color: #FFF;
}