body { background: url('../images/page_background.jpg') top center no-repeat; color: #ccc; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 11px; }

/* Generic Classes */
.clearleft { clear:left; }
.floatleft { clear:left; float:left; }
.nopadbot { padding: 10px 20px 0 20px; }
.pad10top { padding: 10px 20px 20px 20px; }

/* Typography */
h1 { margin: 20px 20px 0 20px; padding: 0 0 20px 0; font-size: 32px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }
h2 { margin: 0; padding: 10px 20px 0px 20px;; font-size: 18px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }
h3 { margin: 0; padding: 10px 20px 0px 20px; font-size: 18px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }
h4 { margin: 0; padding: 10px 20px 0px 20px; font-size: 14px; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight: normal; }

a { color: #ccc; text-decoration: none; }
a:hover { color: #fff; }

/* Header */
#container {  }
#header { margin-top: 30px; width: 970px; height: 125px; background: url('../images/header.png') 0px bottom no-repeat;}
#logo { height: 100px; }
#logo a { display: block; }
#player { float: right; margin: 6px -3px 0 0; padding: 0; width: 290px;}

/* Content Backgrounds */
#content { padding: 20px; width: 960px; height: 350px; background: url('../images/content_background.png') no-repeat; }
#left_col { float: left; margin: -10px 0 0 4px; padding: 0; width: 189px; }
#history { margin: 6px 0 0 0; padding: 0; width: 182px; height: 135px; overflow: hidden; }
h1.history { display: block; text-indent: -9999px; margin: 10px 0 0 10px; padding: 0; width: 90px; height: 10px; background: url('../images/history.png') no-repeat; }
#history p { padding: 0 20px 0 10px; font-size: 10px; line-height: 12px; color: #333; }
#left_col span { position: absolute; }
#left_col span span { position: absolute; left: 165px; top: 130px;  }
#left_col span span.two { position: absolute; left: 165px; top: 40px;  }
#left_col a.up, #left_col a.up2 { display: block; text-indent: -9999px; width: 18px; height: 15px; background: url('../images/down.png') 0 0 no-repeat; }
#left_col a.up:hover, #left_col a.up2:hover { display: block; text-indent: -9999px; width: 18px; height: 15px; background: url('../images/down.png') 0 -15px no-repeat; }
#left_col a.down, #left_col a.down2 { display: block; margin-bottom: 0; text-indent: -9999px; width: 18px; height: 15px; background: url('../images/up.png') 0 0 no-repeat; }
#left_col a.down:hover, #left_col a.down2:hover { display: block; margin-bottom: 0; text-indent: -9999px; width: 18px; height: 15px; background: url('../images/up.png') 0 -15px no-repeat; }
#datescontain { margin-top: 20px; height: 90px;}
#dates { overflow: hidden; margin: 0 0 0 0; padding: 0; width: 180px; height: 75px; }
#dates ul { margin: 5px 10px 0 10px; font-size: 9px; line-height: 12px; color: #333; }
#dates ul li { margin-bottom: 3px;  }
h1.dates { display: block; text-indent: -9999px; margin: 30px 0 0 10px; padding: 0 0 0 0;  width: 90px; height: 10px; background: url('../images/dates.png') no-repeat; }
#links { margin: 10px 0 0 0; padding: 0; width: 189px; }
#links a.blog { display: inline-block; margin: 0; padding: 0; width: 90px; height: 45px; background: url('../images/blog.png') 0 0 no-repeat; }
#links a.store { display: inline-block; margin: 0 0 0 5px; padding: 0; width: 90px; height: 45px; background: url('../images/store.png') 0 0 no-repeat; }

ul#crew_links { overflow: hidden; display: block; margin: 0; padding:0; width: 200px; }
ul#crew_links li { float: left; margin-left: 8px; padding: 0; }
ul#crew_links li a { margin: 0; padding: 0; font-size: 8px; letter-spacing: 1.25px; color: #FFFFFF; }
ul#crew_links li a:hover { color: #FF00CC; }

#right_col { float: left; margin: -10px 0 0 10px; padding: 0; width: 730px;  }
#photos { margin: 0 10px 0 10px; height: 350px; background: #333; }
#getflash img { margin: 10px 0 0 20px; }


/* Footer */
#footer { padding-bottom: 20px; width: 940px; }
ul#social_links { float: left; margin: -5px 0 0 -1px; padding: 15px 10px; width: 300px; height: 50px; background: url('../images/social_links_background.png') 0 top no-repeat; }
ul#social_links li { float: left; margin-left: 10px; }
ul#social_links li.copyright { margin: 15px 0 0 10px; font-size: 9px; }

#social_links a { display: block; margin: 0; padding: 0; width: 60px; height: 20px; }
#social_links a.myspace { background: url('../images/myspace.png') 0 0 no-repeat; }
#social_links a.myspace:hover { background: url('../images/myspace.png') 0 -20px no-repeat; }
#social_links a.facebook { background: url('../images/facebook.png') 0 0 no-repeat; }
#social_links a.facebook:hover { background: url('../images/facebook.png') 0 -20px no-repeat; }
#social_links a.twitter { background: url('../images/twitter.png') 0 0 no-repeat; }
#social_links a.twitter:hover { background: url('../images/twitter.png') 0 -20px no-repeat; }
#social_links a.youtube { background: url('../images/youtube.png') 0 0 no-repeat; }
#social_links a.youtube:hover { background: url('../images/youtube.png') 0 -20px no-repeat; }

#footer_links { float: left; margin: -6px 0 0 0; padding-top: 21px; width: 140px; height: 55px; background: url('../images/footer_links_background.png') 0 top no-repeat; text-align: center; }
#footer_links a { margin: 0; padding: 0; color: #666; font-size: 8px; letter-spacing: 1.5px; }
#footer_links a:hover { color: #FF00CC; }

#newsletter { float: right; margin: -5px -31px 0 0; width: 300px; height: 50px; background: url('../images/social_links_background.png') 0 top no-repeat; }
#newsletter input.search { width: 188px; margin: 15px 5px 0 18px; }