body {
 background-color: white;
 margin: 5em 2em 3.5em 24em;
 padding: 0;
 font-family: 'Roboto','Segoe UI',Verdana,Arial,sans-serif;
 font-size: 10.5pt;
 color: black;
 max-width: 70em;
}
img {
 border: none;
}
ul {
 list-style-type: square;
}
li {
 padding: 0 0 5pt 0;
 line-height: 1.6em;
}

#strawberries {
 width: 100px;
 height: 100px;
 border: none;
 vertical-align: top;
}
#logo {
 width: 252px;
 height: 40px;
 border: none;
 padding: 3pt 0 0 0;
 vertical-align: top;
}
#feed {
    position: fixed;
    width: 1.2em;
    height: 1.2em;
    top: 0.5em;
    right: 13.5em;
}
header, header>ul, footer, aside {
 position: fixed;
 left: 0;
}
header, header>ul {
 top: 0;
 right: 0;
 height: 4.5em;
 background-color: white;
 padding: 0;
}
header>ul>li {
 text-transform: uppercase;
}
header>form {
 position: fixed;
 right: 0.5em;
 top: 3pt;
 width: 13em;
 min-width: 13em;
 height: 20pt;
 font-size: 10pt;
 color: gray;
}
header>form>input {
 width: 8em;
 border: 1px solid silver;
 padding: 2pt;
 margin-left: 5pt;
}
header>form>button {
 display: none;
}
header>ul {
 display: block;
 left: 28em;
 text-align: right;
 right: 15.5em;
}
header>ul>li {
 text-align: center;
 width: 60pt;
 height: 20pt;
 display: inline-block;
 background-color: #f5f5f5;
 margin-left: 1pt;
}
header>ul>li>a {
 width: 100%;
 height: 20pt;
 display: block;
 text-decoration: none;
 color: gray;
 font-size: 9pt;
 background-repeat: no-repeat;
 padding-top: 3.5pt;
 border-bottom: 2px solid white;
}
header>ul>li>a:hover {
 border-bottom: 2px solid #262;
 color: #262;
}
footer {
 bottom: 0;
 left: 250pt;
 right: 0;
 height: 14pt;
 color: #777;
 font-size: 8pt;
 padding: 3pt 0 2pt 3pt;
 background-color: white;
}
footer a {
 color: #977;
 text-decoration: none;
}

p {
 margin: 0.5em 0;
 line-height: 1.6em;
}

a {
 color: #262;
}

q {
 font-style: italic;
}

blockquote {
 font-style: italic;
 line-height: 1.6em;
}

dt {
 font-weight: bold;
 margin: 5pt 0 0 10pt;
}

dd {
 line-height: 160%;
}

ul {
 margin: 0 0 0 0;
 padding: 2pt 0 4pt 2em;
}

div.quote
{
 margin-top: 0.5cm;
 margin-bottom: 0.5cm;
 margin-left: 0.5cm;
 margin-right: 0.5cm;
 font-style: italic;
}

p.photo
{
 text-align: center;
 padding: 2em 2pt 2em 2pt;
 font-style: italic;
}

th.tableheader {
 font-weight: bold;
 vertical-align: top;
 background-color: #909080;
 color: white;
}

td.tablelight {
 background-color: rgb(250,250,250);
 vertical-align: top;
 line-height: 160%;
}

td.tabledark {
 background-color: #ecece6;
 vertical-align: top;
 line-height: 160%;
}

th.head {
 font-weight: bold;
 vertical-align: top;
 background-color: #909080;
 color: white;
}

td.row-a {
 background-color: rgb(250,250,250);
 vertical-align: top;
 line-height: 160%;
}

td.row-b {
 background-color: #ecece6;
 vertical-align: top;
 line-height: 160%;
}

hr {
 height: 1px;
 border: none;
 background-color: silver;
}

li.question
{
 font-weight: bold;
}

table.blog
{
 margin: 4pt auto 6pt auto;
 border-collapse: collapse;
}

table.blog td
{
 padding: 3pt;
 border: 1px solid gray;
}

table.blog th
{
 text-align: center;
 border: 1px solid gray;
 background-color: gray;
 color: white;
}

body>aside {
 left: 1em;
 top: 45pt;
 bottom: 1em;
 padding-bottom: 12em;
 width: 21em;
 overflow: auto;
 border-right: 1px solid #bcb;
 text-align: right;
 padding-right: 6pt;
}
body>aside * {
 margin: 0;
 padding: 0;
 text-align: right;
}
body>aside a {
 text-decoration: none;
 color: #777;
}
body>aside ul a:hover {
 color: #690;
 text-decoration: underline;
}
body>aside ul a.open {
 color: #300;
}
body>aside li {
 display: block;
 font-size: 9pt;
 line-height: 1.2em;
 padding: 2pt 8pt;
}
body>aside a.category {
 font-size: 11pt;
 line-height: 14pt;
}

.rightAligned { text-align: right; }
.centered { text-align: center; }