@charset "UTF-8";

@import "reset.css";


body, html {

background: url(../img/pattern_129.gif); /* this is from squidfingers!! */
font: .95em Georgia, "Times New Roman", Times, serif;
color: #645545;
height: 100%;
line-height: 1.3em;
}

div#wrap {
width: 550px;
margin: 0 auto;
background: #f2e8c3;
padding: 20px;
height: 100%;
border-top: 5px solid #6d664d;

}

h1, h2, h3, h4 {
padding: 0 0 5px 0;
border-bottom: 1px dotted #968d6b;
}

h1 {
font-size: 2.5em;
margin: 10px 0 20px 0;
padding: 0 0 5px 0;


}

h2 {
font-size: 1.7em;
padding: 0 0 10px 0;
margin: 20px 0 20px 0;
}

h3 {
font-size: 1.4em;
margin: 20px 0 20px 0;
}

h4 {
font-size: 1.1em;
}

h5 {
font-size: .75em;
margin: 5px 0 5px 0;
font-style: italic;
}



ul li {
padding: 0 0 3px 15px;
}


p.content {
float: left;
width: 500px;
margin: 0 0 20px 0;
}

p.hang {
float: left;
width: 15px;
font-size: 1.8em;
padding: 10px 10px 10px 0;
margin: 0 10px 10px 0;
line-height: 0;
}



/* archive */
#archive {
background: #6d664d;
z-index: 5;
text-align: left;
width: 100%;
position: fixed;
bottom: 0;
right: 0;
color: #ccc;
font-size: .75em;
margin: 0;
padding: 5px;
}



p#archive a {
color: #fffad7;
}

p#archive a:hover {
color: #fbdfaf;
}