@import url("lightbox.css");

/*******************/
/*** * Universals * ***/
/*******************/
html, body {
	margin: 0;
	padding: 0;
} 
 
body {
	width: 100%;
	min-width: 1000px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #143857;
}

body#home,
body#privacy,
body#sitemap		{background: url(/images/homeTile.png) left top;}
body#bio 		{background: url(/images/bioTile.png) left top;}
body#calendar 	{background: url(/images/calendarTile.png) left top;}
body#tour 		{background: url(/images/tourTile.png) left top;}
body#store 		{background: url(/images/storeTile.png) left top;}
body#privacy 	{background: url(/images/homeTile.png) left top;}
body#popup		{background: url(/images/calendarTile.png) left top; min-width: 420px; max-width: 420px;}

a img	{border: none;}

p {
	margin: 0;
	padding: 0 5px;
	color: #3c5c7e;
	font-size: 0.9em;
	line-height: 1.6em;
	text-indent: 20px;
}

h2 {
	border-bottom: 1px dotted #143857;
	font-size: 1.2em;
	margin: 0 0 3px 0;
	padding: 22px 0 3px 0;
}
	h2.musicNews	{padding: 0; background: url(/images/guitarIcon.gif) no-repeat left center;}

h3 {
	font-size: 0.9em;
	margin: 15px 0 3px 0;
	padding: 0;
}
	h3 a	{color: #2d5493;}
	
#sideImage {
	position: absolute;
	width: 500px;
	height: 281px;
	top: 0;
	left: 0;
	z-index: 2;
}
	#home #sideImage,
	#privacy #sideImage,
	#sitemap #sideImage	{background: url(/images/homeSide.png) repeat-y left top;}
	#bio #sideImage		{background: url(/images/bioSide.png) repeat-y left top;}
	#calendar #sideImage	{background: url(/images/calendarSide.png) repeat-y left top;}
	#store #sideImage	{background: url(/images/storeSide.png) repeat-y left top;}
	#tour #sideImage		{background: url(/images/tourSide.png) repeat-y left top;}

#head {	
	position: absolute;
	width: 100%;
	height: 291px;
	top: 0;
	left: 0;
	z-index: 1;
}
	#home #head,
	#privacy #head,
	#sitemap #head	{background: url(/images/homeTopTile.png) repeat-x left top;}
	#bio #head		{background: url(/images/bioTopTile.png) repeat-x left top;}
	#calendar #head	{background: url(/images/calendarTopTile.png) repeat-x left top;}
	#store #head		{background: url(/images/storeTopTile.png) repeat-x left top;}
	#tour #head		{background: url(/images/tourTopTile.png) repeat-x left top;}

#topImage {
	position: absolute;
	width: 431px;
	height: 465px;
	top: 0;
	left: 0;
	z-index: 3;
}
	#home #topImage,
	#privacy #topImage,
	#sitemap #topImage	{background: url(/images/homeTopImage.png) no-repeat left top;}
	#bio #topImage		{background: url(/images/bioTopImage.png) no-repeat left top;}
	#calendar #topImage	{background: url(/images/calendarTopImage.png) no-repeat left top;}
	#tour #topImage		{background: url(/images/tourTopImage.png) no-repeat left top;}
	#store #topImage		{background: url(/images/storeTopImage.png) no-repeat left top;}

#myspace {
	position: absolute;
	top: 0; 
	z-index: 4;
}
	#home #myspace,
	#privacy #myspace,
	#sitemap #myspace	{left: 153px;}
	#bio #myspace		{left: 170px;}
	#calendar #myspace	{left: 160px;}
	#tour #myspace		{left: 210px;}
	#store #myspace		{left: 170px;}
	
#nav {
	position: relative;
	height: 37px;
	list-style: none;
	margin: 0 0 0 343px;
	padding: 10px 0 0 0;
	font-size: 1.3em;
	z-index: 5;
}

.navItem {
	float: left; 
	height: 37px;    
}
	.navItem span a		{text-decoration: none; color: #fff9ed; text-transform: uppercase;}
	.navItem span a:hover	{border-bottom: 3px solid #fff9ed;}

.navDivider {
	width: 13%;
	/* Width is 7% with five items */
	float: left;
}
	.navDivider img	{display: block; width: 7px; margin: 0.3em auto 0 auto;}

#title {
	position: absolute;
	top: 223px;
	z-index: 5;
}
	#home #title,
	#privacy #title,
	#sitemap #title	{left: 185px;}
	#bio #title		{left: 220px;}
	#calendar #title	{left: 250px;}
	#store #title	{left: 190px;}
	#tour #title		{left: 210px;}

#sideGrunge {
	position: relative;
	width: 131px;
	height: 281px;
	float: right;
	margin: -47px 0 0 0;
	padding: 0;
	z-index: 3;
	overflow: hidden;
}

#content {
	position: absolute;
	width: 100%;
	top: 70px;
	z-index: 4;
}

#footer {
	width: 60%;
	max-width: 1070px;
	margin: 20px 0 0 230px;
	padding: 0 0 20px 0;
	text-align: center;
	font-size: 0.8em;
}
	#footer ul			{width: 100%; margin: 0 auto 5px auto; padding: 10px 0 0 0; list-style: none; border-top: 1px dotted #FEF4E9;}
	#footer ul li			{display: inline;}
	#footer ul li a			{color: #FFF8EB; padding: 0 5px;}
	#calendar #footer	{width: 70%; margin: 20px auto 0 auto;}
	

/***************/
/*** * Home * ***/
/***************/
#topStoreLink {
	margin: 7px 0 0 260px;
	float: left;
}

#albumPreview {
	position: relative;
	width: 24%;
	margin: -9px 0 0 0;
	float: left;
	text-align: center;
	overflow: hidden;
}

.songs {
	display: block;
	width: 170px;
	margin: -5px auto 0 auto;
	text-align: left;
}
	.songs span		{display: block; margin: -5px 0 0 0; font-size: 0.85em;}
	.songs span a		{display: block; margin: 0; color: #fff; text-decoration: none;}
	.songs span a span	{text-decoration: underline; margin: -22px 0 0 23px;}
	.songs a img		{padding: 5px 0 0 0; text-decoration: none;}
	.songs span a.buy	{margin: 0 0 -15px 0; padding: 0 0 0 23px; color: #bababa;}
	
#theWordWrap {
	position: absolute;
	top: 230px;
	left: 210px;
	width: 547px;
	height: 292px;
	background: url(/images/theWord.png) no-repeat left top;
}
	#bio #theWordWrap		{width: 415px; background: url(/images/timsStory.png) no-repeat left top;}
	#privacy #theWordWrap	{background: url(/images/privacy.png) no-repeat left top;}
	#sitemap #theWordWrap	{background: url(/images/sitemap.png) no-repeat left top;}

#theWord {
	width: 450px;
	height: 210px;
	margin: 50px 0 0 30px;
	padding: 0 20px;
	overflow: auto;
}
	#bio #theWord	{width: 315px;}
	
.subTitle {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.8em;
	color: #b9bab9;
	font-weight: bold;
	text-align: right;
}
	/*.subTitle.headlinesEnd	{width: 283px; height: 49px; margin: 0 0 0 -30px; padding: 0 30px 0 0; background: url(/images/headlinesbgBottom.png) no-repeat left bottom;}*/
	

/*******************/
/*** * Biography * ***/
/*******************/
#bioGallery {
	margin: 20px 0 0 270px;
	height: 500px;
}
	#bioGallery a img		{border: 1px solid #FFF9ED; padding: 3px; background: #999;}
	#bioGallery a img		{margin: 0 4% 0 0;}
	#bioGallery a img.last{margin: 0;}
	
#emailTim {
	position: absolute;
	top: 230px;
	left: 627px;
	width: 369px;
	height: 289px;
	background: url(/images/emailTim.png) no-repeat left top;
}
	#emailTim form			{width: 310px; height: 210px; margin: 40px 0 0 30px; overflow: auto; font-size: 0.9em;}
	#emailTim fieldset			{border: none;}
	#emailTim label			{display: block;}
	#emailTim label span		{display: block;}
	#emailTim .text			{display: block; width: 200px; margin: 3px 0 10px 20px; padding: 1px 3px; border: 1px solid #444341;}
	#emailTim textarea			{display: block; width: 240px; height: 130px; margin: 3px 0 10px 20px; padding: 1px 3px; border: 1px solid #444341; font-family: georgia; font-size: 0.8em;}
	#emailTim .note			{display: block; margin: 0 0 10px 0; font-size: 0.8em; color: #454442; text-align: center;}
	#emailTim .required		{display: inline !important; color: #BA3A3A !important;}
	#emailTim .checks		{margin: 5px 0 10px 17px;}
	#emailTim .checks span	{display: block; margin: -18px 0 0 23px; color: #454442; font-size: 0.8em; line-height: 1.5em;}
	#emailTim .button		{background: #DED7CB; border: 1px solid #434140;}
	#emailTim .buttons		{text-align: center;}

	
/******************/
/*** * Calendar * ***/
/******************/
#monthPick {
	width: 80%;
	height: 75px;
	margin: 220px auto 0 auto;
	text-align: center;
	line-height: 1.2em;
	font-size: 0.7em;
}
	#monthPick .month			{float: left; width: 8%; min-width: 50px; padding: 12px 0 0 0;}	
	#monthPick .month.current	{min-width: 75px; padding: 0;}
	#monthPick a					{text-decoration: none; text-transform: none; color: #abcaa5;}
	#monthPick a:hover			{background: none; color: #d7f7d0;}
	#monthPick span				{display: block;}
	
#calContent {
	width: 80%;
	font-size: 0.8em;
	margin: 20px auto;
	color: #FFFFF9;
}
	#calContent a			{display: block; color: #F9F9FA !important; margin: 0 0 5px 0;}
	#calContent td 			{width: 14%; height: 91px; padding: 5px; border: 1px solid #CACAC9; text-align: left; vertical-align: top;}
	#calContent td.noDate 	{border: none;}
	#calContent td.event		{background: #85a37f;}
	#calContent td.eventOver	{background: #900010; cursor: pointer;}
	#calContent p			{margin: 0; padding: 0 !important; text-align: center; text-indent: 0 !important;}
	
	
/***************/	
/*** * Store * ***/
/***************/
#cartSummary {
	width: 520px;
	height: 169px;
	float: left;
	margin: -20px 0 80px 350px;
	background: url(/images/cartSummary.png) no-repeat left top;
}
	#cartSummary ul	{width: 400px; height: 120px; margin: 30px 0 0 6%; overflow: auto; list-style: none;}
	#cartSummary li	{margin: 0 0 5px 0; font-size: 0.9em; color: #592316;}

#actions {
	width: 130px;
	float: left;
	text-align: center;
}
	#actions a	{display: block; width: 130px; height: 32px; padding: 15px 0 0 0; background: url(/images/storeAction.gif) no-repeat center center; text-decoration: none; font-weight: bold; font-size: 0.8em; color: #7E3C2C;}

.storeItem {
	width: 750px;
	margin: 0 0 20px 20%;
	color: #FFF9ED;
}
	.storeItem fieldset			{border: none;}
	.storeItem h2			{width: 500px; margin: 0; padding: 17px 0 0 0; overflow: hidden; border-color: #FFF9ED;}
	.storeItem h3			{margin: 5px 0 0 0;}
	.storeItem dl				{width: 500px; float: left;}
	.storeItem dt				{font-weight: bold;}
	.storeItem dd			{margin: 5px 0 10px 20px; font-size: 0.9em;}
	.storeItem ol				{margin: 0; padding: 0; list-style: decimal inside;}
	.storeItem ol li			{margin: 0 0 5px 0; height: 20px;}
	.storeItem ol li .listen	{padding: 5px 5px 0 5px;}
	.storeItem a.buy			{font-size: 0.75em; color: #bababa; text-decoration: none;}
	.storeItem a.buy span		{text-decoration: underline;}

.actionColumn {
	width: 230px;
	float: left;
}
	.actionColumn img		{margin: 0 0 10px 0;}
	.actionColumn label		{display: block; width: auto; margin: 0 auto 10px auto;}
	.actionColumn label span	{display: block; width: 100px; height: 1.2em; text-align: right;}
	.actionColumn select		{display: block; margin: -1.5em 0 0 110px; border: 1px solid #5E2C20;}
	.actionColumn input.button	{display: block; width: 130px; height: 47px; margin: 20px auto; padding: 2px 7px; border: none; font-weight: bold; color: #7E3C2C; background: url(/images/smallButton.gif) no-repeat center center;}

#customerForm {
	width: 700px;
	margin: 0 0 0 20%;
}
	#customerForm fieldset				{border: none;}
	#customerForm label				{display: block; width: 100%; margin: 0 0 10px 0;}
	#customerForm label span			{display: block; width: 30%; height: 1.2em; text-align: right; color: #fff;}
	#customerForm select				{display: block; width: 50%; margin: -1.5em 0 0 33%; padding: 3px 1px; background: #FFF8EB; border: 2px solid #4E1E13; border-top: none; border-left: none;}
	#customerForm .text				{display: block; width: 50%; margin: -1.5em 0 0 33%; padding: 3px 1px; background: #FFF8EB; border: 2px solid #4E1E13; border-top: none; border-left: none;}
	#customerForm .button			{display: inline; padding: 3px 6px; border: 2px solid #4E1E13; background: #FFF8EB; border-top: none; border-left: none; font-weight: bold; color: #7B3929;}
	#customerForm .shortText			{display: block; width: 20%; margin: -1.5em 0 0 33%; background: #FFF8EB; border: 2px solid #4E1E13; border-top: none; border-left: none;}
	#customerForm .superShortText	{display: block; width: 50px; background: #FFF8EB; margin: -1.5em 0 0 33%; padding: 3px 1px; border: 2px solid #4E1E13; border-top: none; border-left: none; text-align: right;}
	#customerForm h2					{color: #FFF8EB; margin: 0 0 10px 0; border-color: #FFF8EB;}
	#customerForm .note				{display: block; margin: 0 0 10px 0; font-size: 0.8em; color: #ddd; text-align: center;}
	#customerForm .checks			{width: 50%; margin: 0 0 10px 33%;}
	#customerForm .checks span		{display: block; margin: -18px 0 0 23px; color: #FFF8EB; font-size: 0.8em; line-height: 1.5em;}
	#customerForm .buttons			{display: block; width: 680px; text-align: center;}
	#customerForm .required			{display: inline !important; color: #fff32e !important;}
	
#cart {
	margin: 0 0 0 200px;
	font-size: 0.9em;
}
	#cart fieldset		{border: none;}
	#cart .buttons	{display: block; width: 680px; text-align: center;}
	#cart .button	{display: inline; padding: 3px 6px; border: 2px solid #4E1E13; background: #FFF8EB; border-top: none; border-left: none; font-weight: bold; color: #7B3929;}
	#cart .shortText	{background: #fff; border: 1px solid #4E1E13; border-top: none; border-left: none;}
	#cart select		{border: 1px solid #5E2C20;}
	
#viewCart {
	background: #FFF9ED;
	border: 3px solid #4E1E13;
	border-top: 1px solid #4E1E13;
	border-left: 1px solid #4E1E13;
	color: #5D7187;
}	
	#viewCart th				{padding: 6px 10px;}
	#viewCart tr				{width: 100%;}
	#viewCart tr.alt			{background: #f3eae0;}
	#viewCart td				{padding: 7px 15px;}
	#viewCart td.totals		{border-top: 1px solid #5D7187;}
	#viewCart td.remove a		{display: block; width: 15px; height: 15px; background: url(/images/trash.gif) no-repeat left top;}
	#viewCart td.remove span	{display: none;}
	
.lonely {
	width: 600px;
	margin-left: 200px;
	color: #fff;
}

#flash {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px; 
	height: 60px;
	margin: 0;
	padding: 20px;
	background: #143857;
}

#eventsPopUp {
	width: 400px;
	color: #fff;
}
	#eventsPopUp h2	{width: 350px; margin: 0 0 20px 40px; text-align: center; border-color: #fff;}
	#eventsPopUp dl	{margin: 0 0 0 40px; padding: 0;}
	#eventsPopUp dt	{margin: 0; padding: 0; font-weight: bold; font-size: 1.1em;}
	#eventsPopUp dd	{margin: 3px 0 13px 15px; padding: 0;}

.clear {
	clear: both;
}

.centerText {
	text-align: center;
}

.fleft {
	float: left;
}