@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'Oxygen', sans-serif;
	color:#333;
}

a {
	border:none;
	text-decoration:none;
}

img {
	border:none;
}

body {
	background-color:#c3c3c3;
}

#container {
	display:block;
	width:100%;
	height:100vh;
	padding-top:2%;
	border-top:#58595b solid 1em;
	background-image:url(img/grayBar.gif);
	background-position:top;
	background-repeat:repeat-x;
	min-width:450px;
}

#leftist {
	width:29%;
	float:left;
	padding-left:3%;

}

#logo {
	width:100%;
	
}
#logo img {
	width:100%;
	height:auto;
}

#menut {
		width:100%;
	padding:0 0 .75em 0;

	font-weight:700;
	
}

#menut ul {
	list-style:none;
	display:table;
	width:100%;
	text-align:center;
}

#menut li {
			width:98%;
			background-color:#b3b3b3;
	height:2em;
	border-radius:.65em;
	margin:2% 2% 0 1%;
	display:table-cell;
	float:left;
	padding:.8em 0 0 0;
		font-size:1.4em;
}


#menut li:hover{
	background-color:#999;
	color:#1E1E1E;
	
}

#faceFeed { 
		width:95%;
		margin-left:5px;
	background-color:#b3b3b3;
		border-radius:1em;
		padding:8px;
		
	
}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

/*.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}*/

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.gallery-icon {
	margin:5px;	
}

.clearly { clear:both; }

.page .entry-content .edit-link {
	display:block;
	clear:both;	
}

/* past shows styling */

#post-68 .entry-content ul {
	margin:20px;
	border-top:1px solid black;	
}

#post-68 .entry-content ul li {
	color:#F05A28;
	padding:10px 10px;
	margin: 0;
	border-bottom:1px solid black;
	list-style:none;
	font-size:21px;
	
}


@media(max-width:1600px) {
#faceFeed { 	
		width:94%;
}
}

@media(max-width:1300px) {
#faceFeed { 	
		width:93%;
		margin-left:4px;
}
}

@media(max-width:1000px) {
#faceFeed { 	
		width:92%;
		margin-left:3px;
}
}

@media(max-width:800px) {
#faceFeed { 	
		width:91%;
		margin-left:3px;
}
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

#righty {
	width:63%;
	float:right;
	padding-left:2%;
		padding-right:3%;
}

#slidey {
		width:100%;
	height:auto;
	padding:0;
	margin-bottom:.75em;
	
}

#slidey img {
		width:100%;
		height:auto;
		border-radius:1em;
	
}

#abouter {
		width:88%;
	background-color:#e6e7e8;
		border-radius:1em;
		margin-bottom:.75em;
		padding:2em 6% 2em 6%;
	
}

#contacter {
		width:88%;
	background-color:#e6e7e8;
		border-radius:1em;
		margin-bottom:.75em;
		padding:2em 6% 2em 6%;
	
}

#contacter p, #abouter p {
		padding:.25em 0 .5em 0;
		line-height:1.5em;
		font-size:1.25em;
		text-align:justify;
	
}


#eventer {
		width:100%;
	clear:both;
	
}

#eventer ul {
	list-style:none;
	
}

#eventer li {
		width:97.5%;
	background-color:#e6e7e8;
		border-radius:1em;
		margin-bottom:.75em;
		padding:1em .75% 1em 1.75%;
		clear:both;
		height:95px;
			background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:center right;
	
}

#eventer li:hover {
	
	background-color:#F3F3F3;
	
}



.dated {
	background-image:url(img/date_box.png);
	width:77px;
	height:94px;
		display:block;
	float:left;
	text-align:center;
	color:#fff;
	
}

.datedMonth {
	font-size:1em;
	line-height:2em;
	width:100%;
	color:#fff;
		display:block;
		vertical-align:middle;
		height:25px;
	
}

.datedDate {
	font-size:2.65em;
		line-height:1.27em;

	font-weight:700;
		width:100%;
	color:#fff;
		display:block;
				height:45px;
}


.datedDay {
	font-size:.75em;
		line-height:1.5em;

		width:100%;
	color:#fff;
		display:block;
				height:24px;
	
}

.descri {
	max-height:87px;
	display:block;
	float:left;
	margin-left:1.5em;
		margin-right:3.5em;
	max-width:75%;
	text-wrap:normal;
	padding-top:7px;
	vertical-align:bottom;
	
}

.descTop {
	font-size:2em;
	font-weight:400;
	
}

.houred {
		font-size:1em;
	font-weight:700;
	
}


.descBot {
	font-size:1.15em;
	
}


#footy {
	background-color:#888;
	height:auto;
	float:left;
	margin-top:1em;
	text-align:center;
	line-height:.85em;
	font-size:.85em;
	width:94%;
	padding:2em 3% 2em 3%;
	
}

#footy a {
		font-size:1em;
	color:#333;
	
}

#footy a:hover {
	text-decoration:underline;
	
}

.titled, .entry-title {
	font-size:3em;
	color:#555;
	
}


#closed {
	font-size:1.125em;
	display:inline-block;
	float:right;
			border-radius:.4em;
			border:#999 solid 1px;
			padding:.1em .5em .1em .5em;
			margin-top:.65em;
			color:#777;
			background-color:#c3c3c3;
}

#showPage {
	width:88%;
	background-color:#e6e7e8;
		border-radius:1em;
		margin-bottom:.75em;
		margin-top:.25em;
		padding:2em 6% 2em 6%;
}


#showPage p {
		padding:.25em 0 .5em 0;
		line-height:1.5em;
		font-size:1.25em;
		text-align:justify;
	
}

.ticketBuy {
	font-size:1.125em;
	height:40px;
	display:inline-block;
			border-radius:.4em;
			border:#999 solid 1px;
			padding:0 .5em 0 .5em;
			color:#666;
			background-color:#CFCFCF;
			line-height:41px;
}

.bClass {
	margin:0 0 0 1em;
	padding:0;
	height:40px;
	width:40px;
	display:inline-block;
	vertical-align:top;
			line-height:41px;

}

.bClass img {
	width:100%;
	height:auto;
}

.ticketBuy:hover {
			color:#777;
			background-color:#F0F0F0;
}

/* formatting for modal form - additional styling in formly.css */

#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }

#inline { display: none; width: 600px; }

#wrapper, #inline, .fancybox-skin { background-color:#E6E7E8; }

#inline h2, #inline label, .txt, .txtarea {
	font-family: 'Oxygen', sans-serif;
	color:#333;
}

#inline h2 {
	text-transform:uppercase;
	padding-bottom: 15px;
	font-size:36px;
	font-weight:normal;
}

label { margin-right: 12px; margin-bottom: 9px; font-size: 1.2em; }

.txt { 
display: inline-block; 
color: #676767;
width: 420px; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
margin-bottom: 10px; 
width: 500px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send, #sender { 
color: #333;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border:none;
border-radius: 5px;
/*background: #999999;*/
}

#send:hover, #sender:hover {
background: #F05A28; 

}
#send:active, #sender:active {
background: #F05A28; 
}

/* formatting for wordpress posts */

.entry-content a { color:#F05A28; }

.entry-title { 
	font-weight:normal;
	text-transform:uppercase;
}

.entry-content .size-full {
	width:100%;
	height:auto;
	max-width:720px;	
	margin:20px 0;
}

.concert-meta { padding-top: 10px; }
.concert-meta li, .concert-meta a { font-size:1.2em; }
.concert-meta li { list-style:none; margin:10px; }
.concert-meta-label {font-weight: bold; text-transform:uppercase; margin-right:10px; display:inline-block; width:80px; text-align:right; }
.also-door-tix { display:block; font-size:0.9em; margin:3px 0 0 90px; }


@media (max-width: 990px) {
	
	.descri {
	max-width:65%;

	
}
	
.descTop {
	font-size:1.75em;
	
}

.houred {
		font-size:1em;
	
}


.descBot {
	font-size:1em;
	
}



}
	

@media (max-width: 900px) {
	#menut li{
	
		font-size:1.2em;
	
}
.descTop {
	font-size:1.5em;
	
}

.houred {
		font-size:1em;
	
}


.descBot {
	font-size:.9em;
	
}



}
	
@media (max-width: 800px) {
		#menut li{
	
		font-size:1em;
	
}

.descTop {
	font-size:1.4em;
	
}

.houred {
		font-size:1em;
	
}


.descBot {
	font-size:.9em;
	
}


}

@media (max-width: 700px) {
	
	
	#leftist {
		width:94%;
			padding-left:3%;
				padding-right:3%;
}

	#menut li{
	
		font-size:1.5em;
		margin:1.5% 2% 0 1%;
}
#righty {
			width:94%;
			padding-left:3%;
				padding-right:3%;
}
#faceFeed {
	display:none;
}

#slidey {
	padding-top:.75em;
}
#slidey img {
		width:98.5%;
		height:auto;
		border-radius:1em;
		margin-left:.75%;
		margin-right:.75%;
	
}
.descTop {
	font-size:1.75em;
	
}

.houred {
		font-size:1em;
	
}


.descBot {
	font-size:1em;
	
}


}

	
@media (max-width: 600px) {

.descTop {
	font-size:1.4em;
	
}

.houred {
		font-size:1em;
	
}


.descBot {
	font-size:.9em;
	
}


}

@media (max-width: 500px) {

.descri {
	max-width:60%;

	
}

.descTop {
	font-size:1.75em;
	font-weight:400;
	
}
.descBot {
	display:none;
	
}


}

@media (max-width: 500px){


	

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */


}

/* Smartphones (landscape) -----------
@media only screen 
and (min-width : 321px) { */
	@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 767px) 
and (orientation : landscape) {
/* Styles */
* {
	font-size:18px;
}


#eventer {
		width:100%;
	clear:both;
	
}

#eventer ul {
	list-style:none;
	
}

#eventer li {

		margin-bottom:.5em;
		padding:.75em .75% .75em 1.75%;
		height:195px;
	
}

#eventer li:hover {
	
	background-color:#F3F3F3;
	
}



.dated {
	background-repeat:no-repeat;
	width:161px;
	height:195px;
	background-size:contain;
	
}

.datedMonth {
	font-size:1.9em;
	line-height:1.75em;
		height:35px;
	
}

.datedDate {
	font-size:4.25em;
		line-height:1.75em;
				height:125px;
}


.datedDay {
	font-size:1.65em;
		line-height:.25em;
				height:35px;
	
}

.descri {
	max-height:190px;
	margin-left:1em;
		margin-right:2em;
	max-width:60%;
	padding-top:7px;
	overflow:hidden;
	
}

.descTop {
	font-size:1.75em;
	font-weight:400;
	
}

.houred {
		font-size:1em;
	
}


.descBot {
		font-size:1.125em;
}









#closed {

			padding:.5em .75em .5em .75em;
			margin-top:.65em;
			color:#333;
}


#showPage p, #contacter p, #abouter p {
		line-height:1.5em;
		font-size:1.65em;
	
}

.ticketBuy {
	font-size:2em;
	height:56px;

			padding:8px .75em 8px .75em;
			color:#333;
			line-height:56px;
}

.bClass {
	height:74px;
	width:74px;
	vertical-align:top;
line-height:100px;
}

}

/* Smartphones (portrait) ----------- 
@media only screen 
and (max-width : 320px) {*/
	
	@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 767px) 
and (orientation : portrait)  {
/* Styles */

* {
	font-size:15px;
}

	#leftist {
		width:94%;
			padding-left:3%;
				padding-right:3%;
}

	#menut li{
	
		font-size:2em;
		margin:1.5% 2% 0 1%;
}
#righty {
			width:94%;
			padding-left:3%;
				padding-right:3%;
}
#faceFeed {
	display:none;
}

#slidey {
	padding-top:.75em;
}
#slidey img {
		width:98.5%;
		height:auto;
		border-radius:1em;
		margin-left:.75%;
		margin-right:.75%;
	
}




#eventer {
		width:100%;
	clear:both;
	
}

#eventer ul {
	list-style:none;
	
}

#eventer li {

		margin-bottom:.5em;
		padding:.75em .75% .75em 1.75%;
		height:155px;
	
}

#eventer li:hover {
	
	background-color:#F3F3F3;
	
}



.dated {
	background-repeat:no-repeat;
	width:121px;
	height:148px;
	background-size:contain;
	
}

.datedMonth {
	font-size:1.8em;
	line-height:1.5em;
		height:27px;
	
}

.datedDate {
	font-size:3.5em;
		line-height:1.75em;
				height:94px;
}


.datedDay {
	font-size:1.8em;
		line-height:.25em;
				height:27px;
	
}

.descri {
	max-height:150px;
	margin-left:1em;
		margin-right:1.5em;
	max-width:55%;
	padding-top:7px;
	overflow:hidden;
	
}

.descTop {
	font-size:2em;
	font-weight:400;
	
}

.houred {
		font-size:1em;
		display:block;
	
}


.descBot {
	display:none;
	
}





#footy {
	margin-top:1em;
	line-height:1.5em;
	font-size:1em;
	padding:1em 3% 1em 3%;
}

#footy a {
		font-size:1em;
	
}


.titled {
	font-size:3em;
	color:#444;
	
}


#closed {

			padding:.5em .75em .5em .75em;
			margin-top:.65em;
			color:#333;
}


#showPage p, #contacter p, #abouter p {
		line-height:1.5em;
		font-size:1.65em;
	
}

.ticketBuy {
	font-size:2em;
	height:60px;

			padding:20px .75em 20px .75em;
			color:#333;
			line-height:60px;
}

.bClass {
	height:100px;
	width:100px;
	vertical-align:top;
line-height:100px;
}

.concert-meta-label {font-size: 2em; width:150px; }

}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */




}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */


}