/**************************************************************************************************
 *
 * Basic Styles
 *
 *************************************************************************************************/ 
 
.content {
	width:625px;
}

article.detail .time {
	font-size:12px;
	margin-bottom:15px;
	display:block;
	font-weight:bold;
}

article.detail .meta {
	margin-bottom:5px;
}

article.detail .meta em {
	font-size:12px;
}

article.detail .meta em a {
	font-size:12px;
}

article.detail .rsvp a {
	padding:6px 12px;
	-webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
	font-size:0.9em;
}

/**************************************************************************************************
 *
 * Recommended Styles
 *
 *************************************************************************************************/
article.detail .time {
	font-weight:bold;
	font-size:14px;
}

article.detail .time .eventTime {
	font-weight:normal;
	font-size:14px;
}

article.detail .meta em {
	font-weight:bold;
  font-style:normal;
}

article.detail .rsvp a {
	background:#999;
	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px 1px #666;
	cursor:pointer;
	text-decoration:none;
}

article.detail .rsvp a:hover {
	background:#666666;
	color:#fff;
}

article.detail .rsvp a:active {
	background:#000;
}

/**************************************************************************************************
 *
 * Custom Overrides - delete these and you should be at a good starting point
 *
 *************************************************************************************************/

 
/* width of event detail area - this should probably always be overwritten */
 .content {
	width:625px;
}

/* The rest of the overrides */
article.detail .time {
	color:#555;
	background-color:none;
	background:none;
	border:none;
	float:none;
	margin-bottom:5px;
}

article.detail .time .event-sep {
	color:#999;
}

article.detail .time .eventTime {
	color:#999;
}

article.detail .rsvp a {
	background:#999;
	color:#fff;
	text-shadow:-1px -1px 1px #666;
}

article.detail .rsvp a:hover {
	background:#666666;
	color:#fff;
}

article.detail .rsvp a:active {
	background:#000;
}
