* { padding: 0; margin: 0; }
body { width: 100%; color: #fff; background-color: #111; font: 11px Helvetica; text-shadow: rgba(255, 255, 255, .01) 0px -1px 1px; }
img { border: none; }
a:link { color: #fff; text-decoration: none; } a:visited { color: #fff; text-decoration: none; } a:hover{ color: #fff; text-decoration: none; } a:active { color: #fff; text-decoration: none; }
#nav { float: left; width: 50%; padding: 30px; }
.menu { padding: 10px 0 0 0; opacity: 0; }
#nav:hover .menu { opacity: 0.5; }
#nav .menu:hover { opacity: 0.9}
em { font-family: Georgia, Garamond, Times New Roman, serif; }
a:link { color: #fff; font-weight: normal; text-decoration: none; }
a:hover { border-bottom: 1px solid white; }
a.home { display: inline-block; opacity: 0.5; }
a.prev { display: inline-block; padding: 0 0 0 20px; opacity: 0.3;}
a.next { display: inline-block; padding: 0 0 0 10px; opacity: 0.3;}
a:hover.home, a:hover.prev, a:hover.next { display: inline-block; opacity: 0.9; }
a:hover.prev, a:hover.next { border-bottom: none; }
#muzak { float: left: width: 50%; text-align: right; padding: 34px 30px; }
#muzak p { float: right; width: 26px; padding: 0 0 0 10px; margin-top: -4px; }
h1 { font: bold 30px Helvetica; }
#permalink a { position: absolute; top: 0; display: block; width: 100%; height: 6px; background-color: rgba(255, 255, 255, .2); }
#permalink a:hover { display: block; width: 100%; background-color: rgba(255, 255, 255, .9); }
#archive { position: absolute; top: 100px; left: 200px; }
#archive a { float: left; height: 240px; margin: 0 10px 10px 0; border: 1px solid #111; }
#archive a:hover { border: 1px solid white; }
#info { position: absolute; top: 100px; left: 30px; width: 140px; font: 11px Courier; line-height: 18px; }
#info a { border-bottom: 1px solid white; }
#info a:hover { color: #ffcc00; border-bottom: 1px solid #ffcc00; }
#info p { margin-bottom: 10px; }
.title { position: relative; left: 40px; }
#load { position: absolute; top: 100px; left: 30px; font: 14px Courier; letter-spacing: 1px; z-index: -2; }