*						{ outline: none; }
html, body				{ margin: 0; padding: 0; border: none; text-align: center; }
body					{ overflow-y: scroll; }
table, body				{ font: 9pt/1.5em Verdana, Arial, sans-serif; }
#container				{ width: 820px; margin: 0 auto; position: relative; text-align: left; }

#header					{ margin: 0; padding-top: 30px; width: 360px; height: 80px; }

#block_contact			{ position: absolute; right: 0; top: 10px; margin: 0; padding: 25px 0 0 0; width: 330px; height: 75px; font: italic bold 12pt/1.4em Georgia, sans-serif; color: #FFF; background: url("images/contact_bg.png") no-repeat; text-align: center; }
#block_contact a		{ color: #FFF; }

#menu					{ margin: 0; padding: 0; height: 100px; font: bold 14pt/100px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; color: #FFF; background: url("images/menu_bg.png") no-repeat; text-align: center; }
#menu li				{ list-style-type: none; display: inline; margin: 0 16px; }
#menu a					{ color: #AAA; text-decoration: none; }
#menu a.active,
#menu a:hover			{ color: #FFF; }

#bands					{ float: left; margin: 0; padding: 0; width: 180px; text-align: center; }
#bands li				{ margin-top: 20px; list-style-type: none; }
#bands a				{ color: #AAA; text-decoration: none; }
#bands a:hover			{ color: #FFF; }
#bands img				{ border: none; }
#bands span				{ margin-top: -15px; position: relative; z-index: 1; }

#content				{ float: left; margin: 0 0 0 30px; width: /* 610 - 20 = */ 590px; }
#homepage #content		{ width: 400px; }
#content h1				{ margin: 20px 0 10px 0; font: italic bold 16pt/1.4em Georgia, serif; color: #881109; }
#content h2				{ margin: 20px 0 5px 0; font: bold 11pt/1.1em Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; color: #555; }
#content h3				{ margin: 0 0 5px 0; font: bold 9pt/1.5em Verdana, Arial, sans-serif; }
#content p				{ margin: 0 0 15px 0; }
#content ul				{ margin: 0 0 15px 0; padding: 0 0 0 15px; }
#content hr				{ margin: 15px 0; height: 1px; border: none; border-top: 1px solid #AAA; line-height: 0; }
* html #content hr		{ margin: 0; }
#content img.left		{ margin: 5px 15px 10px 0; float: left; clear: left; }
#content img.right		{ margin: 5px 0 10px 15px; float: right; clear: right; }
#content a				{ color: #881109; }
#content a:hover		{ color: #000; }
/* forst band profile image */
/*
#content .first-child			{ margin-top: 20px; }
#content .first-child img		{ margin-top: 0; }
*/

#content table.calendar			{ width: 100%; border-collapse: collapse; }
#content table.calendar	thead	{ display: none; }
#content table.calendar	td		{ padding: 5px 0 0 0; }

#sidebar				{ float: right; width: 180px; margin-top: 20px; }
#sidebar h3				{ margin: 0; }
#sidebar h3 a				{ text-decoration: none; }

#sidebar ul.buttons		{ margin: 20px 0 0 0; padding: 0; text-align: center; }
#sidebar ul.buttons li	{ list-style-type: none; }
#sidebar ul.buttons img	{ border: none; }


span.block				{ display: block; padding: 0 20px; width: 140px; height: 60px; background: url("images/block_bg.png") no-repeat; font: bold 11pt/60px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; text-align: center; }
* html span.block			{ width: 180px; }
a span.block				{ cursor: pointer; color: #AAA; text-decoration: none; }
a:hover span.block			{ color: #FFF; }

span.block.twolines			{ line-height: 1.1em; padding-top: 14px; height: /* 60-14= */ 46px; }
* html span.block.twolines		{ height: 60px; }


table.events			{ margin: 10px 5px; border-collapse: collapse; font-size: 7.5pt; line-height: 1.3em; }
table.events td			{ padding: 0 0 3px 5px; text-align: left; vertical-align: top; }

#footer					{ border-top: 20px solid #FFF; clear: both; margin: 0 0 15px 0; height: 40px; line-height: 38px; font-size: 7.5pt; color: #FFF; background: url("images/footer_bg.png") no-repeat; text-align: center; }
#footer a				{ color: #FFF; }

/* styles for band pages */

#content img.bandpicture		{ margin-top: 20px; }

#content table				{ clear: both; margin: 20px 0 5px 0; width: 100%; border-collapse: collapse; }
#content table td			{ padding: 0; vertical-align: top; }
#content table td h2			{ margin-top: 0; }

#content ul.icons			{ padding-left: 0; }
#content ul.icons li			{ padding: 3px 3px 4px 29px; list-style-type: none; background: url("../files/icons/icon_site.png") no-repeat 5px 4px; }
#content ul.icons li.myspace		{ background-image: url("../files/icons/favicon_myspace.png"); }
#content ul.icons li.youtube		{ background-image: url("../files/icons/favicon_youtube.png"); }
#content ul.icons li.pdf		{ background-image: url("../files/icons/icon_pdf.png"); }
#content ul.icons li.pictures		{ background-image: url("../files/icons/icon_pictures.png"); }
#content ul.icons li.music		{ background-image: url("../files/icons/icon_music.png"); }