/*  YSPF Concert Styles  */

p.year
{
	font-size: 1.6em;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
}

div.concert
{
	margin: 40px 0px 30px 0px;
	overflow: auto;
}

div.concert p.datetime
{
	color: red;
	font-weight: bold;
	margin: 0px;
}

div.concert p.location
{
	font-weight: bold;
	margin: 0px;
}

div.concert p.short-description
{
	margin: 0px 0px 5px 40px;
}

div.concert p.tickets
{
	margin: 0px 0px 5px 0px;
}



/* All table styles are now irrelevant  */

table.events
{
}
table.events thead
{
	font-weight: bold;
}
thead td.month
{
	padding-right: 10px;
}
thead td.day
{
	padding-right: 20px;
}
table.event tbody
{
}
tbody td
{
	vertical-align: top;
}
tbody td.DoW
{
	padding-right: 10px;
}
tbody td.day
{
	padding-right: 20px;
	text-align: right;
}

span.continuation
{
	padding-left: 4em;
}

/* BEGIN Styles for details */ 
	/*  Set "display: inline;" as the default
	 *	value for the "details tag"...
	 */
tbody td.event span.details
{
	margin-left: 20px;
	display: inline;
}
	/*	...but then provide the ability to override
	 *	it here. On the page itself, it now says
	 *		class="details"
	 *	To hide the "details tag", just change it to:
	 *		class="details hide"
	 */
tbody td.event span.hide
{
	display: none;
}
tbody td.event span.cancelled
{
	text-transform: uppercase;
	color: red;
	font-weight: bold;
	font-style: italic;
}
tbody td.location
{
	padding-left: 10px;
}
/* END Styles for details */