@font-face {
 font-family: 'IM Fell Great Primer';
 src: url(resources/IMFeGPrm28P.ttf);
}
@font-face {
 font-family: 'Crimson Text';
 src: url(resources/CrimsonText-Roman.ttf);
}
@font-face {
 font-family: 'Crimson Text';
 font-weight: bold;
 src: url(resources/CrimsonText-Bold.ttf);
}

body {
 background-color:#fff;
 font-family: 'Crimson Text', serif;
}
table {
 border-collapse: collapse;
}
table, th, td {
 border: 1px solid black;
 padding: 2px 8px;
}
img {
 clear:both;
 display:block;
 margin-left:auto;
 margin-right:auto;
 padding-top:5px;
}
a img {
 border: 1px solid #80b;
}
#header {
 position:absolute;
 top:10px;
 left:40px;
 padding:10px 5px;
 border-bottom:2px solid #ddd;
 font-family: 'IM Fell Great Primer', serif;
 white-space: nowrap;
 color:#c70;
}
#header h1 {
 display:inline;
 margin-right:10px;
 font-size:170%;
}
#header h1 a {
 color:#c70;
 text-decoration:none;
}
#header h2 {
 display:inline;
 margin-left:10px;
 font-weight:normal;
 font-size:140%;
 color:#c70;
}
#header span {
 font-size:170%;
}
#nav {
 position:fixed;
 border-right:2px solid #ddd;
 top:90px;
 left:20px;
 padding-right:15px;
 line-height:200%;
 font-size:120%;
 font-weight:bold;
}
#body {
 position:absolute;
 background-color:#fff;
 top:90px;
 left:150px;
 right:0;
 padding-left:20px;
 padding-top:0px;
 padding-right:50px;
 padding-bottom:100px;
 max-width:800px;
}
p {
 margin-top:5px;
 margin-bottom:15px;
}
a {
 color:#80b;
 line-height:100%;
}

h1 {
 margin-top: 10px;
 margin-bottom:15px;
 font-size:150%;
 line-height:100%;
}
h2 {
 margin-top: 40px;
 margin-bottom:15px;
 font-size:150%;
 line-height:100%;
}
h3 {
 font-size:120%;
 line-height:130%;
 margin-top:25px;
 margin-bottom:0px;
 color:#182;
}
h4 {
 font-size:110%;
 margin-bottom:0;
}

.imblock {
 display:table;
 padding-bottom:10px;
}
.imthumb {
 display:table-cell;
 max-width:300px;
 max-height:200px;
 margin-top:5px;
 vertical-align:top;
}
img.imthumb, .imthumb img {
 padding:0;
 margin-right:10px;
 margin-bottom:5px;
}
.imdesc {
 display:table-cell;
 vertical-align:top;
}
.vidwrap {
 display:block;
 position:relative;
}
.ytplay {
 background-image:url(images/play_black.svg);
}
.ytplay:hover {
 background-image:url(images/play_red.svg);
}
.vidplay {
 background-image:url(images/play_black.svg);
}
.vidplay:hover {
 background-image:url(images/play_grey.svg);
}
.ytplay, .vidplay {
 background-repeat:no-repeat;
 background-position:center;
 background-size:30px;
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
}


.bubble {
 display:inline-block;
 background-color:#ffefdf;
 border:1px solid #dca;
 border-radius:10px;
 padding:5px 15px;
 margin-left:40px;
 margin-right:40px;
 margin-top:5px;
 margin-bottom:15px;
}


.date {
 font-weight:bold;
 line-height:100%;
 color:#999;
 margin-top:30px;
 clear:both;
}
.title {
 font-weight:bold;
 font-size:140%;
 line-height:100%;
 margin-top:8px;
 margin-bottom:10px;
 color:#182;
}
.title a {
 color:#182;
}
.content {
 margin-left:15px;
}
.content img {
 max-height:150px;
 max-width:150px;
}