body {
    margin: 0;
    padding: 0;
    background: #369;
    font-family: "Hoefler Text", Georgia, serif;
}
a        { text-decoration: none; }
a:hover, a:active  { text-decoration: underline; }

#wrap {
    background: #fff;
    color: #000;
}

#banner {
    margin: 0;
    padding: 0;
    float: right;
    width: 75%;
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    background: #369;
    color: #f80;
    font-size: 120%;
}
#banner div {
    margin: 0;
    padding: 30px 30px 20px 30px;
}
#banner h1 {
    margin: 0;
    padding: 0;
    background: #369;
    color: #fff;
    font-style: italic;
/*    line-height: 100%;
    font-size: 165%; */
}
#banner a {
    color: #f80;
}
#banner a:hover, #banner a:active { text-decoration: none; }
#content {
    float: right;
    width: 75%;
}
#content div {
    /*padding: 30px 30px 0 30px;*/
    padding: 0 30px 0 30px;
    max-width: 35em;
    line-height: 125%;
       /* padding: 0 40px 0 20px; */
}
#content div h2 {
    margin: 0;
    padding: 2px 0;
    font-family: Optima, sans-serif;      /*color: #136;*/
}
.slug {
    margin: 0; padding: 0 0;
    font-size: 75%;
    font-family: Optima, sans-serif;
/*
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    padding-top:15px;}
*/
}

#sidebar {
    float: left;
    width: 25%;
    color: #666;
    text-align: right;
    font-family: Optima, sans-serif;
    font-size: medium;
}
#sidebar div {
    padding: 0 30px 20px 30px; /* 10px 30px 30px;*/
}
#sidebar div h2 {
    margin-bottom: 10px;
}
#sidebar hr {
    width: 0;  /* probably a mistake */
}
.begone {
    color: #fff;
}
#footer {
    clear: both;
    border-top: 1px solid black;
    background: #369;
    color: #bbb;
    font-size: 80%;
    padding: 10px 0;
/*    padding: 10px 20px;*/
}
#footer div {
    float: right;
    width: 75%;
}
#footer div em {
    padding: 0 30px;
    font-style: normal;
}