@import url("reset.css");
@import url("960.css");

body { background-color: #fff; background-repeat: repeat-x; background-image: url(../images/background-gradient.gif); font-family: Helvetica, Arial, sans-serif; font-size: 10pt}
.container_16 { margin-top: 50px; background-color: #fff; -moz-border-radius: 15px; border-radius: 15px;}
a { color:black }
p { margin-bottom: 1em }

#header { position:relative; text-align: right; }
#header h1 { position: absolute; top: -50px; left: -50px; z-index:10}
ul#nav { float:right }
ul#nav li { display: block; float:left}
ul#nav li a { font-size: 1.5em; color: black; text-decoration: none; text-transform:lowercase; display:block; padding:15px 0; margin: 0 15px;}
ul#nav li a:hover { border-top: 5px solid black; padding-top:10px}
#photo_slideshow { height: 350px; width: 960px; margin-left: 0; margin-right: 0; overflow:hidden; margin-bottom:1em}

.container_16 h2 { text-transform: uppercase; font-size:1.25em; margin-bottom:1em}
h2 .date { float: right }
#upcoming_shows .venue { font-size: 1em; font-weight: bold }
#upcoming_shows .location, .date, .supporting_acts { font-size: 0.75em }
#upcoming_shows ul { margin-bottom: 1em }

#footer { text-align:center; margin: 2em 0; font-size:0.888888885em}

th { text-align: left }
td { padding: 10px; padding-left: 0 }