.gigwrapper {
	margin: 5px auto;
	background-color: black;
	border-radius: 10px;
	border: 3px solid white;
	width:1232px;
	padding: 6px;
	text-align:center;
	max-width:1232px;
}

.gigwrapper .topline {
	height:80px;
}

.gigwrapper .bandbox {
	background-image: url("/images/BandBack.jpg");
	background-repeat: repeat-y;
	background-position: top right;
	border: 0px;
	width: 560px;
	float:left;
	padding: 2px;
	color: rgb(9,47,135);
}

.gigwrapper .venbox {
	background-image: url("/images/VenBack.jpg");
	background-repeat: repeat-y;
	background-position: top left;
	border: 0px;
	width: 560px;
	float:left;
	padding: 2px;
	color: rgb(9,47,135);
}

.gigwrapper .middle {
	background-color: rgb(255,251,156);
	font-family: 'Tillana', cursive;
	font-size: 18px;
	color: rgb(9,47,135);
	width: 100px;
	float:left;
	padding: 2px;
}

.gigwrapper .dateline {
	background-color: red;
	color: white;
	font-family: 'Arimo', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size:22px;
	width: 1232px;
	float:left;
	/*height:80px;*/
}

.gigwrapper .admiss {
	background-color: red;
	color: white;
	font-family: 'Arimo', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size:22px;
	width: 1232px;
	clear:left;
}

.gigwrapper .face {
	background-color: rgb(0,204,255);
	width:1232px;
}	

.gigwrapper .face img {
	width: 30px;
	margin-right:3px;
	margin-top:2px;
}

.gigwrapper h1, .gigwrapper h1 a:link, .gigwrapper h1 a:visited {
	font-family: 'Pridi', serif;
	font-size: 25px;
	font-weight: 700;
	color: rgb(9,47,135);
}

.gigwrapper h1 a:hover, .gigwrapper h1 a:active {
	color:red;
}
.gigwrapper h2 {
	font-size: 20px;
}

.gigwrapper h5 a:hover, .gigwrapper h5 a:active {
	color:blue;
}

.gigwrapper h3 {
	font-size: 18px;
}
.gigwrapper h4 {
	font-size: 15px;
}
.gigwrapper h5 {
	font-size: 13px;
}

.bandbox h5 {
	max-height:75px;
	overflow:auto;
}

.venbox h5 {
	max-height:76px;
	overflow:auto;
}
.leftpic {
	transform: rotate(-10deg);
	box-shadow: 10px 10px 5px #888888;
	max-height:100px;
	margin-top:-65px;
	margin-bottom:15px;
	border: 2px solid black;
	border-top: none;
	border-left:none;
}

.rightpic {
	transform: rotate(10deg);
	box-shadow: -10px 10px 5px #888888;
	max-height:100px;
	margin-top:-65px;
	margin-bottom:15px;
	border: 2px solid black;
	border-top: none;
	border-right:none;
}

.level2 {
	height:150px;
}

.belowgig {
	clear: both;
	background-color:rgb(9,47,135);
	margin: 0 auto;
	margin-top:-10px;
	margin-bottom:20px;
	width:80%;
	text-align:center;
	border: 3px solid white;
	border-top: none;
	border-radius:10px;
	color:white;
	font-size:20px;
	font-family: 'Arimo', sans-serif;
}
.belowgig input[type=submit] {
	text-align:center;
	padding:2px;
	width:175px;
}

.overstamp {
    margin-top: -100px;
	margin-left: -95px;
	z-index: 2; /* Sit on top */
	width:250px;
	transform: rotate(20deg);
}

.gigwrapper a {
	color:white;
}


#map {
	margin:10px auto;
	width:90%;
	height:600px;
}
	/* Changes for large mobile media screens */
@media only screen and (min-width: 901px) and (max-width: 1240px)
{
		.gigwrapper {
			width:850px;
		}

		.gigwrapper .topline {
			height:80px;
		}

		.gigwrapper .bandbox {
			width: 392px;
		}

		.gigwrapper .venbox {
			width: 392px;
		}

		.gigwrapper .middle {
			font-size: 18px;
			color: rgb(9,47,135);
			width: 50px;
		}

		.gigwrapper .dateline, .gigwrapper .admiss {
			font-size:22px;
			width: 846px;
		}

		.gigwrapper .face {
			width:846px;
		}	

		.gigwrapper h1, .gigwrapper h1 a:link, .gigwrapper h1 a:visited {
			font-family: 'Pridi', serif;
			font-size: 28px;
			font-weight: 700;
			color: rgb(9,47,135);
		}

		.gigwrapper h2 {
			font-size: 26px;
		}

		.gigwrapper h3 {
			font-size: 20px;
		}
		.gigwrapper h4 {
			font-size: 18px;
		}
		.gigwrapper h5 {
			font-size: 15px;
		}

		.leftpic {
			max-height:90px;
		}

		.rightpic {
			max-height:90px;

		}

		.bandbox h5 {
			max-height:83px;
			overflow:auto;
		}

		.venbox h5 {
			max-height:63px;
			overflow:auto;
		}
}

	/* Changes for medium mobile media screens */
@media only screen and (min-width: 580px) and (max-width: 899px)
{
								.gigwrapper {
									width:550px;
								}

								.gigwrapper .topline {
									height:65px;
								}

								.gigwrapper .bandbox {
									width: 240px;
								}

								.gigwrapper .venbox {
									width: 240px;
								}

								.gigwrapper .middle {
									font-size: 12px;
									width: 50px;
								}

								.gigwrapper .dateline, .gigwrapper .admiss {
									font-size:18px;
									width: 542px;
									
								}

								.gigwrapper .face {
									width:542px;
								}	

								.gigwrapper .face img {
									width: 25px;
								}

								.gigwrapper h1, .gigwrapper h1 a:link, .gigwrapper h1 a:visited {
									font-size: 18px;
								}

								.gigwrapper h2 {
									font-size: 16px;
								}

								.gigwrapper h3 {
									font-size: 15px;
								}
								.gigwrapper h4 {
									font-size: 13px;
								}
								.gigwrapper h5 {
									font-size: 11px;
								}

								.leftpic {
									box-shadow: 5px 5px 2px #888888;
									max-height:60px;
									margin-top:-5px;
									border: 1px solid black;
									border-top: none;
									border-left:none;
								}

								.rightpic {

									box-shadow: -5px 5px 2px #888888;
									max-height:60px;
									margin-top:-5px;
									border: 1px solid black;
									border-top: none;
									border-right:none;
								}

								.level2 {
									height:160px;
								}
								
								.overstamp {
									margin-top: -10px;
									margin-left: -50px;
									width:150px;
									transform: rotate(20deg);
								}
									
								.bandbox h5 {
									max-height:85px;
									overflow:auto;
								}

								.venbox h5 {
									max-height:72px;
									overflow:auto;
								}

	}
	
	/* Changes for mobile media screens */
@media only screen and (min-width: 150px) and (max-width: 579px)
			{
																.gigwrapper {
																	width:310px;
																}

																.gigwrapper .topline {
																	height:65px;
																}

																.gigwrapper .bandbox {
																	background-image: url("/images/VenBack2.GIF");
																	background-repeat: repeat-x;
																	background-position: center right;
																	width: 300px;
																}

																.gigwrapper .venbox {
																	background-image: url("/images/BandBack2.GIF");
																	background-repeat: repeat-x;
																	background-position: center right;
																	width: 300px;
																}

																.gigwrapper .middle {
																	font-size: 12px;
																	width: 300px;
																	height:25px;
																}

																.gigwrapper .dateline, .gigwrapper .admiss {
																	font-size:18px;
																	width: 300px;
																	padding:2px;
																	
																}

																.gigwrapper .face {
																	width:300px;
																	padding:2px;
																}	

																.gigwrapper .face img {
																	width: 20px;
																}

																.gigwrapper h1, .gigwrapper h1 a:link, .gigwrapper h1 a:visited {
																	font-size: 22px;
																}

																.gigwrapper h2 {
																	font-size: 16px;
																}

																.gigwrapper h3 {
																	font-size: 15px;
																}
																.gigwrapper h4 {
																	font-size: 12px;
																}
																.gigwrapper h5 {
																	font-size: 11px;
																}

																.leftpic {
																	transform: rotate(-15deg);
																	box-shadow: 3px 3px 1px #888888;
																	max-height:50px;
																	margin-top:20px;
																	margin-bottom:15px;
																	border: 1px solid black;
																	border-top: none;
																	border-left:none;
																	float:left
																}

																.rightpic {
																	transform: rotate(15deg);
																	box-shadow: -3px 3px 1px #888888;
																	max-height:50px;
																	margin-top:-20px;
																	margin-bottom:15px;
																	border: 1px solid black;
																	border-top: none;
																	border-right:none;
																	float:right
																}

																.level2 {
																	height:85px;
																}
																
																.overstamp {
																	margin-top: -50px;
																	margin-left: -0;
																	width:100px;
																	transform: rotate(20deg);
																}
																
																.bandbox h5 {
																	max-height:74px;
																	overflow:auto;
																}

																.venbox h5 {
																	max-height:52px;
																	overflow:auto;
																}
				
			}