/* @group Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} table {border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} table, td, th {vertical-align: middle;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a img {border: none;} :focus {outline: 0;} /* @end Reset */

html, body {height: 100%; position: relative;}
body {background: #ddd url(../images/body.jpg); color: #999; font: 11px/15px "Lucida Grande", Helvetica, Arial, sans-serif;}

h1, #brain a span {display: none;}
#brain {background: url(../images/brain.png); bottom: 0; height: 450px; left: 50%; list-style: none; margin: 0 0 0 -410px; position: absolute; width: 820px;}
#brain a:hover span {display: block; position: absolute;}
#brain .rss {background-image: url(../images/rss.png); background-repeat: no-repeat; background-position: left 0px; height: 15px; position: absolute; text-indent: -9999px; width: 15px;}
#brain .rss:hover {background-position: left -15px;}

#bensomething a.link, #flickr a.link, #lastfm a.link, #twitter a.link {display: block; position: absolute; text-indent: -9999px;}
#bensomething a.link {background: url(../images/bensomething.png); height: 42px; left: 188px; top: 30px; width: 280px;}
#bensomething a:hover span {background: url(../images/bensomething-overlay.png); height: 139px; left: 39px; top: 202px; width: 188px;}
#flickr a.link {background: url(../images/flickr.png); height: 42px; left: 29px; top: 140px; width: 145px;}
#flickr a:hover span {background: url(../images/flickr-overlay.png); height: 116px; left: 167px; top: 194px; width: 65px;}
#flickr .rss {left: 138px; top: 165px;}
#lastfm a.link {background: url(../images/lastfm.png); height: 43px; left: 419px; top: 150px; width: 163px;}
#lastfm a:hover span {background: url(../images/lastfm-overlay.png); height: 71px; left: -149px; top: 229px; width: 208px;}
#lastfm .rss {left: 546px; top: 176px;}
#twitter a.link {background: url(../images/twitter.png); height: 45px; left: 617px; top: 90px; width: 166px;}
#twitter a:hover span {background: url(../images/twitter-overlay.png); height: 214px; left: -204px; top: 146px; width: 188px;}
#twitter .rss {left: 640px; top: 118px;}

#foot {bottom: 0; left: 0; position: absolute; width: 100%;}
#foot a:link, #foot a:visited {color: #999;}
#foot a:hover {color: #777;}
#copyright, #site-by {display: inline; padding: 10px;}
#copyright {float: left;}
#site-by {float: right;}