body { max-width: 960px; background-color: #ebc; background: url(bg.gif); background-attachment: fixed; color: #201; } hr { border: 0; border-top: 1px solid #534; } textarea { max-width: 100%; } a { word-wrap: anywhere; } input[type=submit], button { background-color: #ebc; border: 2px outset #dab; } input[type=submit]:active, button:active { background-color: #dab; border: 2px inset #dab; color: #201; } strong.error, del { color: red; } strong.quote, strong.name, strong.name > a, span.trip { color: green; } strong.quote { font-weight: normal; } #newpost { max-width: 500px; padding-bottom: 10px; } .center { margin-left: auto; margin-right: auto; display: block; } .post, #newpost { background-color: #fcd; border: 5px outset #dab; margin-bottom: 10px; } #newpost > h2 { margin: 0; } #newpost input:not([type=submit]), #newpost textarea { background-color: #ebc; border: 2px inset #dab; } #footer { background-color: #ebc; border: 5px inset #dab; padding: 10px; } #footer p:first-of-type { margin-top: 0; } #footer p:last-of-type { margin-bottom: 0; } .post { display: inline-block; padding: 0 10px 10px 0; /* height: 100%; */ } .posthead { margin: 0 0 5px 0; } .postbody { padding-left: 10px; } .postbody img { float: left; margin-right: 10px; } .ts { color: #67b0db; } .rn { color: #b78a9d; } .a { color: whitesmoke; } .clearfix:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } .clearfix { display: inline-block; } /* Hides from IE Mac \*/ * html .clearfix { height: 1%; } .clearfix { display:block; } /* End Hack */