div.page {
    border: solid;
    border-width: 7px;
    border-color: #000066;
    padding: .2em .8em .2em .8em;
}

div.footer {
    padding-right: 1em;
    padding-top: .5em;
}

h1 {
    color: #000066;
}

h1, h2 {
    text-transform: lowercase;
}

h1 span.name {
    letter-spacing: .3em;
    word-spacing: .5em;
}

div.section {
    margin-left: 1em;
}

img {
    border: 0;
}

a.stamp {
    position: absolute;
    right: .6em;
    margin-right: 15px;
}

ul.spaced li, ol.spaced li {
    margin-bottom: .75em;
}

/* menu with feedback
 *
 * An unordered list is rendered as a menu with inline items.  The selected
 * item is indicated with a solid border.  Hovering over other items shows
 * a dashed border.  Link underlining is disabled.  The LI tag of the selected
 * item should set its class to "selected".
 *
 * This version works around IE6 issues at the expense of hard coding
 * page background and item border colors.
 *
 */

/* page name is indicated in the menu */
h1 span.separator, h1 span.name2 {
    display: none;
}

div.menu h2 {
    display: none;
}

div.menu {
    margin-bottom: 2em;
    margin-top: -.5em;
}

div.menu ul {
    list-style-type: none;
    padding: 0em;
}

div.menu li {
    display: inline;
}

/* ISSUE: IE6 does not handle "transparent" and "inherit" border colors,
 *  so we have to hard code the background color and manually choose
 *  a border color.  IE6 also seems to incorrectly make hover items
 *  inherit properties from non-hover items.
 */

div.menu li a {
    text-decoration: none;
    border-style: solid;
    border-width: thin;
    border-color: white;
    padding: .3em .5em .3em .5em;
    display: block;
    float: left;
    margin: .2em .5em .2em 0em;
}

div.menu li a:hover {
    border: dashed thin #666;
}

div.menu li.selected a {
    border-color: #666;
}

div.menu li.selected a:hover {
    border: solid thin #666;
}

/*
 * Blog style
 */

div.blog {
    clear: both;
}

div.blog-entry {
    margin-bottom: 2em;
}

div.blog-entry h3 {
    padding: .4em;
    font-size: 100%;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000066;
}

div.blog-entry h3 span.left {
    float: left;
    text-align: left;
}

div.blog-entry h3 span.separator {
    display: none;
}

div.blog-entry h3 span.right {
    float: right;
    text-align: right;
    margin-left: 2em;
}

div.blog-entry div.body {
    padding: 0em 1em 0em 1em;
}

/* language list */

div.lang {
    text-align: right;
}

div.lang h2 {
    display: inline;
    font-weight: normal;
    font-size: medium;
}

div.lang  h2:after {
    content: ": ";
}

div.lang ul {
    display: inline;
    padding-left: 0em;
}

div.lang ul li {
    list-style: none;
    display: inline;
}

div.lang ul li:before {
    content: "\0020\00B7\0020";
}

div.lang ul li.first:before {
    content: "";
}