@charset "utf-8";

/* i call these para target demos, though only one styles
   the :target. maybe useful, maybe not... */

html, body
{
     margin: 0; padding:0; 
     text-align: center;
     font-family: Verdana, Arial, Helvetica, sans-serif;
}
body
{
     background: #E1EBE1; 
     font-size: 62.5%; 
     border-top: 5px solid #86A786; 
}
#sleeve
{
     position: relative; 
     overflow: hidden;
     width: 60em;
     height: 50em;
     margin: 70px auto;
     background: #EBF1EB; 
     border: 1px solid #B8CFB8;
     padding: 7em 0;
}
#content
{
     margin: 0 auto;
     width: 46em;
     position: relative;
     z-index: 7; 
     background: #EBF1EB; 
}
#one, #two, #three, #four
{
     position: absolute;
     top: 13.2em;  
     width: 46em;
     height: 100%;
     margin: 0 7em; 
     background: #EBF1EB; 
     z-index: 1;
}
p 
{
     margin:1.5em 0; 
     line-height: 1.8;
     font-size: 1.3em;
     text-align: left;
     color: #687F68;
}
h1, h2
{
     font-weight: normal;
     font-family: "Cooper Black",  "Monotype Corsiva", "Brush Script MT", cursive;
     word-spacing: -0.065em;
     color:  #687F68;
}
h1
{
     font-size: 5em;
     letter-spacing: 0.1em;
     line-height: 1.4;
}
h2
{
     font-size: 2.8em; 
     text-align: left;
     letter-spacing: 0;
     margin: 70px 0 35px;
     line-height: 1;
}
h3#author
{
     text-align: center; 
     letter-spacing: 0.2em;
     font-size: 1.1em;
     color: #687F68;
     font-weight: normal;
}
div > a
{
     text-decoration: none;
     font-size: 1.2em;
     padding: 0 5px;
     color: #687F68;
}
div > a:hover
{
     color:  #292929;
}
p > a
{
     color: #292929;
     border-bottom: 1px solid #B8CFB8;
     text-decoration: none;
     padding: 0 2px;
}
p > a:hover
{
     border-bottom: 1px solid #292929;
     color: #292929;
}
a:focus
{
     outline: 0;
}
code
{
     font-family: "Andale Mono", monospace;
     cursor: default;
     font-size: 95%;
}
code:hover
{
     background: #86A786;
     color: #fff;
     outline: 2px solid #86A786;
}
acronym
{
     border-bottom: 1px dotted #B8CFB8;
     cursor:help;
     font-size: 90%;
}
acronym:hover
{
     border-bottom: 1px solid #292929;
}