/* Reset the default characteristics for these tags so all browsers will behave similarly */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;  
	padding: 0;  
	border: 0;  
	outline: 0;  
	font-size: 100%;  
	vertical-align: baseline;  
	background: transparent; 
}
html {  
	/* These two lines are supposed to keep iOS from enlarging the text
	when a device is held in landscape mode. Doesn't seem to work. */
	-webkit-text-size-adjust: 100%;  
	-ms-text-size-adjust: 100%; 
}
body {  
	font-family: "HelveticaNeue", arial, helvetica, sans-serif;  
	background: #540000;  /* This is the color of the main background of the page */
	font-size: 0.875em;  
	line-height: 1.3; 
}
@media only screen and (max-device-width: 480px) {  
	body {    
		min-height: 480px; 
	} 
}
a {  
	color: #C97000;                /* This is the color of the normal body text.  Right now, it is ORANGE */
	text-decoration: none;
}

/* Style the list */
.events-list {
}
.events-list li {
	padding: 0.5em 0.785em 0.714em;
	border-top: 1px #8C2A34 solid;
	border-bottom: 1px #420106 solid;
}
.events-list .altrow {
	background: #720000;
}
.events-list .advrow {
	background: #400000;
}
.events-list .daterow {
	color: black;
	font-size: 1.3em;
	background: #d6b69e;
	text-align: center;
	padding: 0.0em;
	padding-bottom: 0.1em;
}

/* Style the data in the list */
.events-list a {  
	color: #d6b69e;  
	text-decoration: none; 
}
.headline, .message {
	color: white;
	font-size: 1.285em;
	text-shadow: 1px 1px #000000;  
	display: block;
}
.events-list .venue, .subhead {
	color: #d6b69e;  
	font-size: 1.285em;
	text-shadow: 1px 1px #000000;  
}
.events-list .address {
	color: #d6b69e;  
	display: block;
}
.events-list .time {
	color: #d6b69e;  
}

/* Style the header */
.page-header {
	display: block;
	position: fixed; /* Keep this header div at the top of page when scrolling */
	top: 0;
	width: 100%;
	height: 2em;
	padding: 3px;
	background: #C97E00;      /* This is the color of the top bar */
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;  
	horizontal-align: middle;  
}
/* This div is needed to space down from the floating page-header. Make its size identical to the page-header div */
.page-header-spacing {
	display: block;
	width: 100%;
	height: 2em;
	padding: 3px;
	background: #320000;
}
.button, input.button { 
	font-size: 1.0em;  
        color: black;
	font-weight: bold;
        background: #FFD040;
	padding: 4px;
	padding-left: 0.6em;
	padding-right: 0.6em;
        border: 2px solid #8C2A34;
	border-radius: 5px;
	-webkit-border-radius: 6px;
	-webkit-appearance: none; /* Turns off restyling of submit buttons by mobile safari */
	text-decoration: none; 
	cursor: pointer;
}
.page-title {
	color: white; /* This is the color of the text in the top bar and the body */
	font-weight: normal;
	font-size: larger;
		text-align: center;
}
.center {
	text-align: center;
	padding-top: 14px;
	
}
/* Style the details page */
.normal {
	color: #660000;       
}
.bandname {
	color: white;
	font-size: 1.285em;
	text-shadow: 1px 1px #000000;  
}
.page_data {
	padding-top: 0.7em;
	padding-right: 0.3em;
	padding-bottom: 1.5em;
	padding-left: 0.7em;
}
/* Style forms */
select, input, textarea {
	font-size: 1.2em;  
        color: black;
	padding: 6px;
	padding-left: 0.6em;
	padding-right: 0.6em;
        background-color: #EDE9B7;
        border: 2px solid #8C2A34;
	border-radius: 6px;
}
.divider {
	background-color: #d6b69e;
	vertical-align: middle;
	margin-bottom: 0.4em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.align_left {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}