@charset "utf-8";

body		{ color: #000000; margin: 0; padding: 0; background-color: #fff3cc; }

/* Links ***********************************************************************************************/
a			{ outline: none; color: #000; text-decoration: underline; }
a:link		{ color: #9e251c; text-decoration: underline; }
a:visited	{ color: #9e251c; text-decoration: underline; }
a:hover		{ color: #9e251c; text-decoration: underline; }
a:active	{ color: #9e251c; text-decoration: underline; }

/* Layout elements ************************************************************************************/
#wrapper	{  }
	#header 	{ width: 960px; height: 251px; position: relative; background: url(../images/header_background.jpg) top left no-repeat; }
		h1#logo		{ position: absolute; top: 163px; left: 142px;}
		h1#logo a	{ width: 264px; height: 79px; text-indent: -3000px; display: block; background: url(../images/the-weener-pigs.jpg) top left no-repeat; }
		ul#navigation	{  }
			ul#navigation li	{ position: absolute; }
			ul#navigation li a	{ text-indent: -3000px; display: block;  }
			ul#navigation li#navMusic	{ top: 189px; left: 422px; }
			ul#navigation li#navMusic a	{ width: 59px; height: 28px; background:url(../images/nav_music.jpg) top left no-repeat; }
			ul#navigation li#navMusic a:hover { background-position: bottom left; }
			ul#navigation li#navPhotos	{ top: 149px; left: 492px; }
			ul#navigation li#navPhotos a	{ width: 69px; height: 27px; background:url(../images/nav_photos.jpg) top left no-repeat; }
			ul#navigation li#navPhotos a:hover { background-position: bottom left; }
			ul#navigation li#navMembers		{ top: 200px; left: 539px; }
			ul#navigation li#navMembers a	{ width: 92px; height: 27px; background:url(../images/nav_members.jpg) top left no-repeat; }
			ul#navigation li#navMembers a:hover { background-position: bottom left; }
			ul#navigation li#navCalendar	{ top: 173px; left: 641px; }
			ul#navigation li#navCalendar a	{ width: 89px; height: 27px; background:url(../images/nav_calendar.jpg) top left no-repeat; }
			ul#navigation li#navCalendar a:hover { background-position: bottom left; }
			ul#navigation li#navStore	{ top: 208px; left: 752px; }
			ul#navigation li#navStore a	{ width: 56px; height: 26px; background:url(../images/nav_store.jpg) top left no-repeat; }
			ul#navigation li#navStore a:hover { background-position: bottom left; }
			ul#navigation li#navContact		{ top: 193px; left: 836px; }
			ul#navigation li#navContact a	{ width: 77px; height: 26px; background:url(../images/nav_contact.jpg) top left no-repeat; }
			ul#navigation li#navContact a:hover { background-position: bottom left; }
		h2	{ overflow: hidden; width: 960px; height: 15px; text-indent: -3000px; margin: 0px; background: url(../images/a-san-diego-classic-rock-cover-band.jpg) top left no-repeat; }
	#mainContentWrapper	{ width: 960px; background: url(../images/maincontent_background.jpg) top left repeat-y; padding: 30px 0px; }
		#mainContent	{ margin: 0px 80px 0px 100px; border: solid red 0px; } /*content is 780px wide*/
		#mainContentLeft {  } /*Optional*/
		#mainContentRight {  } /*Optional*/
	#footer 	{ width: 960px; height: 73px; text-align: center; background:url(../images/footer_background.jpg) top left no-repeat; padding-top: 22px; }
	#footer p#legal	{ font-size: 77%; width: 100%; top: 23px; margin-left: 25px;}
	#footer p#legal span { background-color: #fff; padding: 2px 4px; }
	#footer p#legal span a { text-decoration: none; }
	#footer p#legal span a:hover { text-decoration: underline; } 

/*Photos*/
table#photosSummary { width: 600px; margin: 10px auto 0px auto; }
table#photosSummary tr td { padding: 2px; }



/*Gig Track Listing*/
#trackListing { border: 1px solid #9e251c; margin: 0 auto; width: 97%; }
#trackListing th { background-color: #111; color: #fff; margin: 0; padding: 6px 7px; font-weight: bold; font-variant: small-caps; white-space: nowrap; }
#trackListing td { border-top: 1px solid black; margin: 0; padding: 4px 7px; text-align: left; }
.musicSongName {}
.musicSongLyrics {}
.musicAlbumInfo { font-size: 90%; }
#trackListing td.musicSongName { font-weight: bold; text-align: left; white-space: nowrap; }
#trackListing td.trackLyricsWrapper { border-width: 0px; }
.trackLyrics { display: none; margin: 0px; padding: 4px 20px 10px 27px; text-align: left; }

/* Miscellaneous classes for reuse ********************************************************************/
.flR { float: right; margin-left: 8px; }
.flL { float: left; margin-right: 8px; }
.flClear { clear:both; height:0; font-size: 1px; line-height: 0px; } /*placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

/* Content elements ***********************************************************************************/
h1		{  }
h2		{  }
h3		{ color: #9e251c; font-weight: bold; font-variant: small-caps; font-size: 116%; }
h4		{  }
h6		{  }
p		{  }

strong	{ font-weight: bold; }
em		{ font-style: italic; }

dl	{  }
	dt	{  }
	dd	{  }

ol.list,ul.list	{ margin-left:2em; }
ol.list li		{ list-style: decimal outside; }
ul.list li 		{ list-style: disc outside; }