body {
background-image: url("img/bg.jpg");
background-color: #FEEDB3;
margin: 0;
}

/* CONTAINER */
#container {
max-width: 550px;
}

/* TOP */
#top {
width: 580px;
}

/* CONTENT */
#content {
font-family: arial;
font-size: 12px;
color: #E76DA5;
text-align: justify;
line-height: 25px;
float: left;
max-width: 395px;
margin-left: 20px;
}

#content b {
color: #04C1F2;
}

#content h1 {
font-family: arial black;
font-size: 30px;
color: #F6AD59;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 3px;
text-align: center;
border-bottom: 5px dotted #E2436A;
}

#content h1:first-letter {
color: #E76DA5;
}

#content a {
color: #E2436A;
text-decoration: none;
border-bottom: 2px dotted #F6AD59;
}

#content a:hover {
color: #F6AD59;
border-bottom: 2px dotted #E2436A;
}

#content blockquote {
border: 5px dotted #E2436A;
padding: 5px;
}

#content ul {
list-style-type: none;
padding: 0;
margin-left: 25px;
}

#content li {
background-image: url("img/li.png");
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 25px;
}

#content textarea, input {
background-color: transparent;
font-family: arial;
font-size: 12px;
color: #E76DA5;
border-bottom: 3px dotted #04C1F2;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}