* { margin: 0; padding: 0; }
html, body { font-family: "Lucida Grande", Verdana, Arial; height: 100%; color: #c4c4c4; font-size: 11px; }
body { background: black url(../images/grunge_bkgrn.jpg) no-repeat center top;}
header, section, footer, aside, nav, article, figure { display: block; }   
img {border: 0px;}

.inside { width: 960px; padding: 0 20px; margin: 0 auto; position: relative;}

a { outline: 0; text-decoration: none; color: white; }
p { margin: 0 0 10px 0; background-color: #222; background-color: rgba(0,0,0,0.5); padding: 8px; }
h1, h2, h3, h4, h5 { margin: 0 0 10px 0; }
h2 { color: #d2c5be; text-transform: uppercase; font-size: 15px; text-shadow: 0 1px #736d69; letter-spacing: 1px; }
h3 { color: white; font-size: 24px; }

header, footer { width: 100%; }
header { background-repeat: repeat-x; background: url(../images/grunge_top.png) center; position: relative; top: 200px; height: 150px; }
footer { background: url(../images/grunge_btm.png) repeat-x center; height: 75px; }

#signature{ position: absolute; top: 200px; z-index: 999; left: 500px; width: 400px;}   
   
.wrap { height: 450px; }

#bio, #news, #photos{ display: none; overflow: auto; position: absolute; top: 0px; left: 20px; width: 625px; height: 100%; }

#bio p, #about p { text-shadow: 0 1px rgba(0,0,0,0.7); font-size: 14px; }

#upcoming { position: absolute; left: 20px; top: 270px; width: 210px; z-index: 30; }
#upcoming ul { list-style: none; }
#upcoming ul li { margin: 0 0 3px 0; background: #222; background: rgba(0,0,0,0.5); padding: 5px; position: relative; }
#upcoming ul li .date { display: block; color: white; font-weight: bold; }
#upcoming ul li .time { display: none; }
#upcoming ul li .city { position: absolute; top: 5px; right: 5px; }

#news ul { list-style: none; }
#news li { padding: 6px; -moz-border-radius: 12px; background: #222; background: rgba(0,0,0,0.5); margin: 0 0 5px 0; font-size: 14px; }
#news li .date { float: left; display: block; width: 100px; color: white; font-weight: bold; }
#news li .time { display: block; width: 70px; }
#news li .city { float: right; display: block; text-align: right; }
#news li .venu { clear: both; display: block; }

#photos { top: -500px; left: 385px; }
#photos a { opacity: 0.75; }
#photos a img { width: 100px; float: left; margin: 0 5px 5px 0; }
#photos a:hover { opacity: 1; }

#music { clear: both; position: absolute; left: 741px; top: -50px; width: 180px; z-index: 30; }
#music ul { list-style: none; }
#music ul li { margin: 0 0 3px 0; }
#music ul li a { color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(../images/pause.png); background-position: 5px center; background-repeat: no-repeat; }
#music ul li a:hover { background-color: #555; background-color: rgba(0,0,0,0.7); }
.sm2_paused { background-image: url(../images/play.png) !important; background-repeat: no-repeat; }
.sm2_playing { background-color: #333 !important; background-color: rgba(0,0,0,0.9) !important; }

#casey { position: absolute; bottom: 32px; left: 210px; z-index: 0; }
footer { z-index: 20; }
footer nav { z-index: 9999; padding: 30px 0 0 0; }
footer nav ul { list-style: none; text-align: center; }
footer nav ul li { display: inline; }
footer nav ul li a { color: #c4c4c4; margin: 0 14px; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
footer nav ul li a.current { border-bottom: 1px solid #c4c4c4; }
footer nav ul li a:hover { color: white; }