@import "reset.css";
body { background: url(b9.gif); font-family: georgia; font-size: 62.5%; margin: 10px 0px 0px 0px;}
a { text-decoration: none; display: block; color: #333; }
.output { padding: 0px 0px 40px 0px; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
.output { margin: 0px 0px 0px 10px; }
.output li { margin: 0px 10px 10px 0px; position: relative; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }
.output img { width: 100%; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.output .title { position: absolute; top: 0px; left: 0px; font-family: arial; font-weight: bold; color: #fff; display: block; text-shadow: 1px 1px 0px #000; font-size: 24px; line-height: 24px; display: none; }
li:hover .title { display: block; }
.twitter a { color: #000; }
.twitter { font-family: arial; font-weight: bold; font-size: 16px; line-height: 16px; padding: 4px 4px 10px 4px; text-shadow: 1px 1px 0px #fff; }
.twitter:hover:nth-child(1n+1) { background: magenta; }
.twitter:hover:nth-child(2n+2) { background: cyan; }
.delicious a { color: #000; font-family: arial; font-weight: bold; font-size: 9px; background: blue; padding: 4px 4px 6px 4px; display: block; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.delicious a:hover { background: #fff; color: blue; }