* {
	border-spacing: 0px;
	border-collapse: collapse;
	font-family: 'Fauna One', serif;
	padding: 0px; 
	margin: 0px;
}

h1,h2{
			color: #630;
		background: rgba(204,153,102,0.6);
		background: radial-gradient(ellipse farthest-corner, 
			rgba(255, 204, 153, 0.9), 
			rgba(204,153,102, 0.7)
			);
		text-shadow: 
			0px 0px 4px rgba(255,255,255, 0.9);
		font-family: 'Fredericka the Great', cursive;
	
}

h1 {
	font-size: 48px;
	font-weight: normal;
	border-bottom: 1px solid #630;
	padding: 0px; 
	margin: 0px;
		
}

h2 {
	font-weight: normal;
	font-size: 36px;
	text-align: center;
	height:50px;
	padding: 0px; 
	margin: 0px;
}

.foo {
		text-shadow: 
		//0 -1px 0 #fff, 
		0 1px 0 #2e2e2e, 
		0 2px 0 #2c2c2c, 
		0 3px 0 #2a2a2a, 
		0 4px 0 #282828, 
		0 5px 0 #262626, 
		0 6px 0 #242424, 
		0 7px 0 #222, 
		0 8px 0 #202020, 
		0 9px 30px rgba(0, 0, 0, 0.9);
	
}
body {
	background-image: url(https://storage.googleapis.com/oldoldearthhome.appspot.com/img/bg/trees.JPG);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	background-color:#005100;
	text-align: center;
}

#description,#calendar,#sounds {
	float: left;
	width: 300px;
	height: 635px;
	margin: 20px;
}

#descriptiontext,#calendar,#sounds {
	border: 3px outset #333;
	border-radius: 3px;
	box-shadow:3px 3px 3px 2px rgba(0, 0, 0, 0.5);
	
}
#logo {
	width:300px;
	height:300px;
	border: 3px outset #333;
	border-radius: 150px;
	box-shadow:3px 3px 3px 2px rgba(0, 0, 0, 0.5);
}


#description {
}

#descriptiontext {
	width: 280px;
	height: 300px;
	padding: 20px;
	margin-top: 20px;
	line-height: 150%;
	color: #000000;
	background: rgba(255, 204, 153, 0.9);
	background: radial-gradient(circle farthest-corner, 
		rgba(255, 204, 153, 0.8), 
		rgba(255, 204, 153, 0.9), 
		rgba(153,102,51, 0.8)
		);
	font-weight: bold;
	text-align: left;
	display:table-cell; vertical-align:middle;
	text-shadow: 
		0px 0px 5px rgba(255,255,255, 1.0);
	
}

#calendar {
}
#gigdates {
	width: 300px;
	height: 400px;
	overflow: auto;
}

#sounds {
}

#soundframe {
	width: 100%;
	height: 585px;
	border: none;
	overflow: clip;
}

.gigdate, .gigdate tr td {
	border: 1px solid #630;
	padding: 4px 4px 4px 4px;
}
.gigdate {
	width: 100%;
	background: rgba(255, 204, 153, 0.9);
}

#liveimg {
	width: 300px;
}

.gigtitle {
	color: white;
	font-weight: bold;
	font-size: 16px;
	background: rgba(102, 51, 0, 0.9);
	border-top: 3px solid black;
}

.gigtitle A {
	color: #CCCCFF;
}

.day, .month,.year,.time {
		color: #630;
		background: rgba(0,0,0,0.3);
		text-shadow: 
			0px 0px 3px rgba(255,255,255, 0.9);
		
}

.day {
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	width: 36px;
}
.month, .time, .year {
	font-weight: bold;
	font-size: 20px;
	font-variant: small-caps;
	width: 36px;
	text-align: center;
}

.giglocation {
	font-size: 11px;
	background: rgba(255, 204, 153, 0.6);
	width: 100%;
	text-align: left;
}
.gigdescription {
	font-size: 12px;
	text-align: left;
}

#soundframe {
		background: rgba(255, 204, 153, 0.8);
	
}

#footer {
	clear: left;
	width: 100%;
}
#footerLogo {
	width: 64px;
	height: 64px;
}



.plaid {
	background-color: #000;
background-image: repeating-linear-gradient(90deg, transparent, transparent 50px,
      rgba(255, 127, 0, 0.25) 50px, rgba(255, 127, 0, 0.25) 56px, transparent 56px, transparent 63px,
      rgba(255, 127, 0, 0.25) 63px, rgba(255, 127, 0, 0.25) 69px, transparent 69px, transparent 116px,
      rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px),
repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(255, 127, 0, 0.25) 50px,
      rgba(255, 127, 0, 0.25) 56px, transparent 56px, transparent 63px, rgba(255, 127, 0, 0.25) 63px,
      rgba(255, 127, 0, 0.25) 69px, transparent 69px, transparent 116px, rgba(255, 206, 0, 0.25) 116px,
      rgba(255, 206, 0, 0.25) 166px),
repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px,
      rgba(143, 77, 63, 0.25) 10px),
repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px,
      rgba(143, 77, 63, 0.25) 10px);
}
