/*
------------------------------------------------------------
Live
------------------------------------------------------------
*/
/* container for entire page */
#content {
	width: 850px;
}
#title {
	margin-top: 50px;
	margin-bottom: 8px;
	margin-left: 80px;
}
#live_items {
	float: left;
	margin-top: 60px;
	width: 850px;
}
/* chapter header (e.g. "upcoming shows") */
.chapter {
	font-size: 1.0em;
	clear: both;
	float: left;
	color: #e1eaf2;
	background-color: #CC6699;
	margin: 0px 0px 8px 100px;
	padding: 5px 11px 5px 7px;
}
/* past shows header specific */
.chapter.past {
	margin-top: 100px;
}



/*
------------------------------------------------------------
field headers
------------------------------------------------------------
*/
.fields {
	float: left;
	height: 25px;
	width: 750px;
	margin-left: 100px;
	margin-bottom: 15px;
}
.fields .bar {
	float: left;
	color: #000;
	font-size: 0.82em;
	padding: 4px 0 2px 5px;
	margin-right: 3px;
}
.fields .bar.date {
	background-color: #734452;
	width: 71px;
}
.fields .bar.location {
	background-color: #734452;
	width: 153px;
}
.fields .bar.venue {
	background-color: #734452;
	width: 214px;
}
.fields .bar.description {
	background-color: #734452;
	width: 280px;
}
/*
------------------------------------------------------------
year group
------------------------------------------------------------
*/
.year {
	float: left;
	width: 850px;
	margin-bottom: 30px;
}
/* year column */
.year .label {
	float: left;
	color: #c3ced9;
	font-size: 1.7em;
	text-align: right;
	width: 85px;
	margin-right: 15px;
	margin-top: -8px;
}
/* year column */
.year .gigs {
	width: 750px;
	float: right;
}
/*
------------------------------------------------------------
single gig
------------------------------------------------------------
*/
/* special case for case where no upcoming gigs */
#none {
	float: left;
	font-size: 0.9em;
	color: #DBDBDB;
	margin-left: 100px;
	line-height: 1.4em;
	width: 450px;
}

/* single item */
.gig {
	float: left;
	border-bottom: 1px solid #181818;
	padding-top: 4px;
	padding-bottom: 4px;
}
/* for alternating shading, set background color here */
.gig.on {
	border-bottom: 1px dashed #CC6699;
}
/* single item */
.gig.off {
	border-bottom: 1px dashed #CC6699;
}
/* data columns */
.gig .date {
	float: left;
	color: #FFF;
	width: 80px;
	font-size: 0.9em;
}
.gig .city {
	float: left;
	color: #DBDBDB;
	width: 160px;
	font-size: 0.9em;
}
.gig .venue {
	float: left;
	color: #B5B5B5;
	width: 220px;
	font-size: 0.82em;
}
.gig .description {
	float: left;
	color: #B5B5B5;
	width: 290px;
	font-size: 0.82em;
	line-height: 1.2em;
}