@import url(http://fonts.googleapis.com/css?family=Merriweather:900,400);

html {
    height: 100%;
}

body {
    font-family: 'Merriweather', serif;
    font-size: 16px;
    background: #33556a;
    height: 100%;
    margin:0; padding:0;

    background: -webkit-gradient(linear, left top, left bottom, from(#33556a), to(#22445a)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #33556a,  #11334a); /* for firefox 3.6+ */ 
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h1,h2,h3 {
    font-weight: 900;
}

h1 {
margin-left: 3%;
margin-right: 0;
margin-top: 0;
padding-left: .5em;
padding-top: .5em;
padding-bottom: .5em;
background: #FFFFD3;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffd3), to(#ffff88)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffd3,  #ffff88); /* for firefox 3.6+ */ 
border: 1px solid #a00;
}

h2 {
}
h3 {
margin-left: -1%;
}

pre {
border: solid;
border-width: thin;
border-color: #000088;
background: #DDDDFF;
}

ul,li {
}

li {
margin-top: .5em;
}

div.container {
background: #fafafa;
margin:0 75px 0 75px; 
padding:5px 1em 2em 0;
}

div.pagebody, div.blosxomStory {
margin-left: 7%;
margin-right: 10%;
}

div.blosxomStory {
    font-size: 14px;
}

div.blosxom h2 {
    font-weight: normal;
    font-size: larger;
    text-align: right;
}

div.newentry {
    margin-left: 3%;
    margin-right: 10%;
    border: 1px dotted gray;
}

div.newentry p {
    margin-left: 3%;
}

table.spreadsheet {
    font-size: small;
    width: 100%;
    border-collapse: collapse;
}
table.spreadsheet td, table.spreadsheet th {
    border: 1px solid #ccc;
    padding: 1px 3px;
    margin: 0;
}

table.spreadsheet th {
    background: #ffffd3;
    border: 1px solid #a00;
}

td.num {
    text-align: right;
}

img.photo {
    float: right;
    border: 1px solid #333;
    margin-left: 3em;
    padding: 4px;
    background: #fff;
}

p.widgets {
    text-align: right;
    font-size: 12px;
}