.posts {
width: 830px;
border: solid 10px #eee;
background: #eee;
float: left;
margin: 10px;
overflow: hidden;
height: auto;
position: relative;
}

.posts img {
margin: 0;
max-width: 830px;
width:expression(document.body.clientWidth > 830? "830px": "auto" );
height: auto;
}

.posts:hover .permalink {
display: none;
}

div.permalink {
display: none;
text-align: center;
}

a.datelink {
display: block;
}

.short {
font-family: Georgia;
font-size: 72px;
font-style: italic;
line-height: 1em;
}

.medium {
font-family: Georgia;
font-size: 60px;
font-style: italic;
line-height: 1em;
}

.long {
font-family: Georgia;
font-size: 24px;
font-style: italic;
line-height: 1em;
}

.video, .video embed, .video iframe {
width: 830px;
height: 460px;
}

.audio ul {
list-style: none;
margin: 0;
padding: 0;
}

.audio ul li {
margin: 5px 0 0;
padding: 5px;
}

ol.notes {
padding: 0px;
margin: 10px 0 0;
list-style-type: none;
}

ol.notes li.note {
width: 100%;
padding: 10px 0;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

ol.notes li.note span.action {
font-weight: bold;
}

ol.notes li.note .answer_content {
font-weight: normal;
}

ol.notes li.note blockquote {
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
text-decoration: none;
}