body { background: url('../gfx/site_layout/bodybg.jpg') no-repeat top center #000000; background-attachment: fixed; padding: 0; margin: 0; text-align: center; color: #DDDDDD; font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 11px; line-height: 15px; }
div { text-align: left; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { clear: both; }
a:link, a:visited { color: #3B5998; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
table td, table th { vertical-align: top; }
img.border { border: #DDDDDD 1px solid; }
div.newsletterbuttons { float: right; }
div.loading { padding-left: 40px; background: url('../gfx/icons/loading2.gif') no-repeat top left #001993; color: #B0C2FF; height: 32px; line-height: 32px; font-weight: bold; border: #AAAAAA 1px solid; } 

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; }

/* lay-out styles */
#container { margin: 0 auto; width: 900px; border: 0; }
  #top { width: 900px; background: url('../gfx/site_layout/header.jpg') no-repeat top center #000000; height: 327px; }
    #newsletternav { padding: 10px; height: 155px; }
      .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 { width: 900px; height: 152px; border: 0; margin: 0; padding: 0; position: relative; }
      #nav img { border: 0;}
      .dropdown { display: none; border: #FFFFFF 1px solid; background-color: #000000; position: absolute; padding: 5px 10px 5px 10px; font-size: 16px; line-height: 22px; }
        .dropdown a:link,   .dropdown a:visited { color: #FFFFFF; text-decoration: none; }
        .dropdown a:active, .dropdown a:hover      { color: #AAAAAA; text-decoration: none; }
	#content { width: 870px; padding: 15px; }
	#content:after { content: ""; display: block; height: 0; clear: both; }

/* home */
td.announcement { text-align: center; width: 350px; }
td.announcement img { border: #DDDDDD 1px solid; }
td.announcement div.item { height: 175px; border: #444444 1px solid; padding: 0 5px 0 10px; width: 300px; margin: 0 0 25px 25px; background-color: #101010; }
  div#facebook { background: url('../gfx/socialmedia/facebook_bg.jpg') no-repeat top right #101010; }
  div#twitter   { background: url('../gfx/socialmedia/twitter_bg.jpg') no-repeat top right #101010; }
td.announcement div.item hr { border-collapse: collapse; border: #444444 1px solid; border-width: 1px 0 0 0; }
td.announcement div.item div { margin: 0; padding: 0; }
td.announcement div.item div.item_content { height: 125px; }
td.announcement div.item div.smaller { height: 100px; }
td.announcement div.item div.socialmedia_link { height: 20px; line-height: 20px; clear: both; margin-top: 10px; text-align: right; }
td.announcement div.item h2 { color: #888888; font-size: 14px; font-weight: bold; }
td.announcement div.item span.tweet { color: #DDDDDD; font-size: 14px; font-style: italic; font-weight: bold; }
td.announcement div.item span.latest_tweet { color: #777777; font-style: italic; }
td.announcement div.item div.socialmedia_icons img { border: 0; }

/* 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; }

/* Band */
table.members { border-spacing: 0; border-collapse: collapse; width: 915px; }
table.members td { padding: 10px; text-align: center; height: 610px; }
table.members a img, table.members img { border: 0; }
table.members td.td_left { width: 172px; padding: 0; }
table.members td.td_jelle { width: 145px; padding: 0; }
table.members td.td_johan { width: 140px; padding: 0; }
table.members td.td_mark { width: 153px; padding: 0; }
table.members td.td_sander { width: 168px; padding: 0; }
table.members td.td_right { width: 137px; 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; }
		
/* Newsitems */
div.news_item { margin-bottom: 30px; }
div.news_head { border: #DDDDDD 1px solid; border-width: 0 0 1px 0; height: 20px; }
  div.news_title { color: #DDDDDD; font-weight: bold; font-size: 15px; float: left; }
  div.news_date { font-size: 9px; color: #AAAAAA; margin-bottom: 10px; float: right; }

/* Discography */
div.release { clear: both; margin: 0 0 30px 0; }
div.release h3 { margin-top: 0; }
img.disco { border: #5f5f55 1px solid; }

/* Gigs */
span.cancelled { text-decoration: none; color: #FF0000; font-weight: bold; }
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; }

/* Photoalbums */
div.albumthumb { clear: both; width: 150px; height: 150px; float: left; margin: 25px 25px 0 0; }
  div.albumthumb img { border: #5f5f55 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/site_layout/semi_white.png'); }
div.pic { width: 50px; height: 50px; border: #5f5f55 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{ 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: 250px; float: left; }