/* define classes */
body { background: url('../gfx/bg.jpg') #000000; text-align: center; padding: 0; }
body * { text-align: left; }

/* dropdowns */
.dropdown { margin: 0 auto; width: 800px; display: none; }
.dd { display: none; border: #383838 1px solid; padding: 5px 5px 5px 5px; background: url('../gfx/bg.jpg') #000000; float: left; position: absolute; top: 428px; font-size: 14px; }
.dd a:link, .dd a:visited { line-height: 18px; text-decoration: none; color: #AAAAAA; font-size: 13px; }
.dd a:active, .dd a:hover { text-decoration: underline; color: #888888; }
#dd_band { margin-left: 81px; }
#dd_media { margin-left: 342px; }
#dd_contact { margin-left: 630px; }

/* lay-out */
#page { margin: 0 auto; width: 800px; border: #383838 1px solid; margin-top: 10px; margin-bottom: 10px; }
  #header { width: 800px; height: 423px; border: 0; margin: 0; padding: 0; background: url('../gfx/header.jpg') top left no-repeat #000000; font-size: 0px; }
    #newsletternav { float: left; padding: 3px 0 0 5px; text-align: center; }
      .newsletter_label { width: auto; padding: 0 5px 0 0; color: #5F5F55; }
      .newsletter_button { width: auto; border: #5F5F55 1px solid; background-color: #222222; color: #5F5F55; padding: 0 2px 0 2px; margin: 0 0 0 3px; }
      .newsletter_input { width: 100px; border: #5F5F55 1px solid; background-color: #222222; color: #FFFFFF; }
  	#nav { padding: 392px 0 0 0; height: 25px; font-size: 0px; }
      #nav img { height: 30px; margin: 0; border: 0; }

    #content { background-color: #000000; width: 760px; padding: 20px; }
  #footer { width: 800px; height: 64px; border: 0; margin: 0; padding: 30px 0 0 0; background: url('../gfx/footer.jpg') top left no-repeat #000000; font-size: 0px; }
    #footer img { height: 64px; margin: 0; border: 0; }

div.error {   border: #AA0000 1px solid; color: #AA0000; padding: 10px 10px 10px 35px; background: url('../gfx/icons/icon_error.png')   no-repeat left #d37878; }
div.message { border: #000088 1px solid; color: #000088; padding: 10px 10px 10px 35px; background: url('../gfx/icons/icon_message.png') no-repeat left #7474D9; }
    
/* overall styles */
* { font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #AAAAAA; }
a:link, a:visited { text-decoration: none; color: #8d5d00; }
a:active, a:hover { text-decoration: underline; color: #533700; }
img { border: #FF0000 0px solid; }
td { vertical-align: top; }
h1, h2, h3 { margin: 20px 0 0 0; clear: both; font-weight: bold; }
h1 { font-size: 19px; } 
h2 { font-size: 17px; }
h3 { font-size: 15px; }
span.italicgrey { font-style: italic; color: #777777; }
br.clear { clear: both; }
div.loading { padding-left: 40px; background: url('../gfx/loading2.gif') no-repeat top left #001993; color: #B0C2FF; height: 32px; line-height: 32px; font-weight: bold; border: #AAAAAA 1px solid; } 

/* navigation */
img.nav { margin: 0px; padding: 0px; border: 0; }
div#subnav { text-align: center; }

/*
/* Band 
table.members { border-spacing: 0; border-collapse: collapse; width: 567px; }
table.members td { padding: 10px; text-align: center; }
table.members a img, table.members img { border: 0; }
table.members td.td_joran { width: 102px; height: 150px; padding: 0; }
table.members td.td_sander { width: 90px; height: 150px; padding: 0; }
table.members td.td_danny { width: 115px; height: 150px; padding: 0; }
table.members td.td_jos { width: 140px; height: 150px; padding: 0; }
table.members td.td_leo { width: 120px; height: 150px; padding: 0; }
*/

/* Members */
table.members_table { margin: 0 0 20px 0; }
table.members_table td, table.members_table th { vertical-align: top; }
table.members_table th { padding: 0 10px 0 0; width: 200px; }
table.members_table td img { border: #DDDDDD 1px solid; margin: 0 10px 0 0; }
table.members_table td ul { list-style-position: inside; margin: 0; padding: 0; }
table.members_table td h2 { margin: 0; }
table.members_table td p { margin: 0; }
		
/* Discography */
div.release { clear: both; margin: 0 0 30px 0; }
div.release h3 { margin-top: 0; }
img.disco { border: #5f5f55 1px solid; }

/* Newsitems */
div.news_item { margin: 20px 0 40px 0; }
  div.news_item_header { border: #AAAAAA 1px solid; border-width: 0 0 1px 0; margin: 0 0 20px 0; padding: 0 0 5px 0; }
    div.news_title { float: left; font-weight: bold; font-size: 13px; }
    div.news_date { float: right; color: #888888; }
  div.news_item_content { clear: both; }

/* News archive */
td.announcement div.leftItem { border: #444444 1px solid; padding: 0 5px 0 10px; width: 300px; margin: 0 0 25px 25px; background-color: #101010; }
td.announcement div.leftItem hr { border-collapse: collapse; border: #444444 1px solid; border-width: 1px 0 0 0; }

/* Discography */
img.disco { border: #5f5f55 1px solid; }

/* Gigs */
table.gigs th.date { width: 100px; }
table.gigs th.time { width: 75px; }
table.gigs th.venue { width: 100px; }
table.gigs th.description { width: 300px; }
table.gigs th.place { width: 200px; }
table.gigs td, table.gigs th{ padding: 5px; }
table.gigs p { padding: 0; margin: 0; }

/* Photoalbums */
div.albumthumb { clear: both; width: 150px; height: 150px; float: left; margin: 25px 25px 0 0; }
  div.albumthumb img { border: #AAAAAA 1px solid; }
div.albuminfo { float: left; margin: 25px 0 0 0; width: 580px; }
  div.albuminfo span.albumtitle { font-size: 16px; font-weight: bold; }
div.thumb { float: left; margin: 0 20px 20px 0; position: relative; width: 50px; height: 50px; display: block; }
div.thumb img.img { position: absolute; top: 0; left: 0; border: #5f5f55 1px solid; }
div.thumb div.overlay { position: absolute; top: 0; left: 0; width: 150px; height: 20px; text-align: center; background: url('../gfx/semi_white.png'); }
div.clear { clear: both; }
div.pic { width: 50px; height: 50px; border: #AAAAAA 1px solid; margin: 0 20px 20px 0; float: left; display: none; }

/* Forms */
form div { display: block; height: 1%; overflow: hidden; padding-bottom: 3px; clear: both; }
form label { float: left; width: 120px; }
form input, form select, form textarea{ background-color: #333333; border: #AAAAAA 1px solid; float: left; font-size: 10px; width: 250px; }
form div.buttons { padding: 0 0 0 120px; }
form div.buttons input { width: auto; }
form div#captcha_block img { padding: 0 0 0 120px; }

/* Guestbook */
div.guestbook_link { text-align: right; }
div.guestbook_item { border: #DDDDDD 1px solid; border-width: 0 0 1px 0; padding: 0 0 10px 0; margin: 0 0 20px 0; }
div.guestbook_item .author { font-weight: bold; margin-bottom: 10px; }
div.guestbook_item .author img { border: 0; }
div.guestbook_item .date { font-size: 9px; color: #AAAAAA; margin-bottom: 10px; }

/* Links */
div.link { padding: 5px 0 5px 0; width: 185px; float: left; }