body { background:#000; margin:0; padding:0; font-family:'Spinnaker', helvetica, arial, sans-serif; color:#333; }

h1 { font:bold 33px 'Nothing You Could Do', helvetica, arial, sans-serif; color:#669; float:left; margin:-9px 30px 0 0; padding:0; letter-spacing:-3px; }
h2 { padding:0; margin:0 0 5px 0; }
#nav { position:fixed; bottom:30px; width:100%; background:#000; margin:0; padding:0; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ letter-spacing:-1px; }
.cont { padding:15px 30px; font-size:22px; font-family:Helvetica, arial, sans-serif; }
.cont a:link, .cont a:visited { color:#666; text-decoration:none; font-family:'Spinnaker', helvetica, arial, sans-serif; }
.cont a:hover { color:#fff; }
#credits { position:fixed; bottom:15px; right:0; width:400px; height:10px; margin:0; padding:0; text-align:right; font:12px Helvetica, Arial, sans-serif; color:#666; }
#credits a {color:#666; }
#credits p { padding:0 20px; margin:0; }
#active { color:#fff; }

.player { float:right; }


.box { margin:0 auto; width:550px; padding:50px; margin-top:50px; background:#fff; color:#333;  -webkit-border-radius: 50px;
-moz-border-radius: 50px; border-radius: 50px; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
.box a:link, .box a:visited { color:#669;}
.boxcol_s { float:left; width:180px; padding-top:10px; }

.fb-like { float:right; margin-right:20px; }