.post { position: relative; margin: 0 0 5px 0; padding: 0 0 1px 0; }

.post h2 a:hover { color: #ED6935; }

h5 { margin-top: 20px; }
h5:first-child { margin-top: 0; }

#snippets-header { margin: 40px 0 15px 0; }
#snippet-headers { overflow: hidden; }
#snippet-headers h4 { padding: 8px; font: 14px/1.3 Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; float: left; border: 2px solid #eee; margin: 0 10px 10px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#snippet-headers h4 span { padding: 3px 5px; margin-right: 4px; font-size: 12px; font-family: Verdana; font-style: normal; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#snippet-headers h4 a { color: #333; }
#snippet-headers h4:hover { border: 2px solid #333; }
#snippet-headers h4.css:hover { background: #f7deba; }
#snippet-headers h4.css span { background: #f0be78; }
#snippet-headers h4.html:hover { background: #ddf2bc; }
#snippet-headers h4.html span { background: #bce67b; }
#snippet-headers h4.htaccess:hover { background: #ffc5b7; }
#snippet-headers h4.htaccess span { background: #f08f78; }
#snippet-headers h4.javascript:hover { background: #bbeef0; }
#snippet-headers h4.javascript span { background: #7adde1; }
#snippet-headers h4.jquery:hover { background: #bed0f0; }
#snippet-headers h4.jquery span { background: #80a2e2; }
#snippet-headers h4.wordpress:hover { background: #f8f6d2; }
#snippet-headers h4.wordpress span { background: #f1eda7; }
#snippet-headers h4.php:hover { background: #d4c8ee; }
#snippet-headers h4.php span { background: #aa94dd; }

#latest-links { margin-top: 40px; }

#latest-screencast { margin-top: 55px; }

.meta { background: url(../images/sep.png) 170px 10px no-repeat; overflow: hidden; height: 50px;  -webkit-transition: background-position 0.3s ease; -moz-transition: background-position 0.3s ease; }
.post:hover .meta { background-position: 270px 10px; }

.meta .date-and-comments { position: absolute; left: -50%; top: 10px; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; }
.post:hover .meta .date-and-comments { left: 0; }

.meta .read-more { background: white; position: absolute; padding-left: 10px; right: -50%; top: 10px; -webkit-transition: right 0.3s ease; -moz-transition: right 0.3s ease; }
.post:hover .meta .read-more { right: 0; }