body {
	background-image: url(../images/screen_1.jpg); 
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-position: center 100%;
	background-size: cover;
}

/* standard text styles */
p, ol, body, td, th, .text, ul, li, input, select , textarea {
	color:#000000;
	font-family: 'Francois One', 'Arial';
	font-size: 35px;
}

#logo_cz_pos {
	position:absolute;
	top:0px;
	left:0px;
	margin-top:30px;
	margin-left:30px;
}
.logo_cz {
	width:650px;
}

#soundcloud_player {
	width:100%;
	height:165px;
	position:absolute;
	top:100%;
	left:0px;
	margin-top:-165px;
	margin-left:0px;
	box-shadow: 0px -5px 25px #000000;
}
#soundcloud_player_iframe {
	height:165px;	
}

.next_shows_bt{
	position:absolute;
	top:100%;
	left:100%;
	height:60px;
	width:208px;
	margin-top:-225px;
	margin-left:-837px;
	padding: 6px 20px 6px 20px;
	box-sizing: border-box;
	vertical-align:middle;
	background: rgba(255, 57, 0, 0.7);
	border-top-left-radius:20px;
	border-top-right-radius:0px;
}
.next_shows_bt:hover {
	background: rgba(255, 57, 0, 1);
}

.next_shows_obj {
	font-size: 35px;
	margin-top:0px;
	display:table-cell;
}

.booking_bt{
	position:absolute;
	top:100%;
	left:100%;
	width:180px;
	height:60px;
	margin-top:-225px;
	margin-left:-626px;
	padding: 6px 20px 6px 20px;
	box-sizing: border-box;
	vertical-align:middle;
	background: rgba(51, 51, 51, 0.7);
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
.booking_bt:hover {
	background: rgba(51, 51, 51, 1);
}
.booking_obj {
	font-size: 35px;
	margin-top:0px;
	display:table-cell;
}

.social_icons{
	position:absolute;
	top:100%;
	left:100%;
	margin-top:-225px;
	margin-left:-443px;
}

.social_icons_obj {
	margin-top:4px;
	display:table-cell;
}

.social_icon {
	display:block;
	width:60px;
	border-radius:0px;
	margin-right:3px;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.social_icon:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.next_shows_display {
	font-size:35px;
	color: #2d2d2d;
	position: absolute;
	top:47%;
	margin-top: 0px;
	left:25%;
	width:70%;
	height:45%;
	padding: 20px 30px 30px 25px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 7px 7px 15px #000000;
}
.next_shows_display_list {
	font-family: 'Monda', sans-serif;
	overflow: auto;
	height: 91%;
	font-size:20px;
	color: #2d2d2d;
}
#next_shows_display_list div,td {
	font-family: 'Monda', sans-serif;
	font-size:20px;
	color: #2d2d2d;
	line-height:23px;
}
.show_title {
	font-size:25px;
}
.next_shows_td {
	padding: 10px 0px 10px 10px;
	width: 98%;
	margin-top:7px;
}

.next_shows_close_bt {
	position:absolute;
	top:0px;
	left:100%;
	margin-left:-40px;
	color:#ffffff;
	background: rgba(255, 45, 0, 0.7);
	padding:10px;
	font-size:20px;
	width:20px;
	border-bottom-left-radius:10px;
}

/* custom text styles */
.title			{ font-size: 70px; }


/* general styles */
ul			{ list-style-type: square; }
hr 			{ height: 1px; color: #a0a0a0; background: #a0a0a0; font-size: 0; border: 0; margin-top:20px;margin-bottom:10px; }

/* link styles */
a:link			{ color:#bfbfbf; text-decoration:none; }
a:visited		{ color:#bfbfbf; text-decoration:none; }
a:hover			{ color:#858585; text-decoration:none; }
a:active		{ color:#858585; text-decoration:none; }

a.white:link		{ color:#ffffff; text-decoration:none; }
a.white:visited		{ color:#ffffff; text-decoration:none; }
a.white:hover		{ color:#ffffff; text-decoration:underline; }
a.white:active		{ color:#ffffff; text-decoration:underline; }

a.next_shows:link		{ color:#ffffff; text-decoration:none; }
a.next_shows:visited		{ color:#ffffff; text-decoration:none; }
a.next_shows:hover		{ color:#ffd5c9; text-decoration:none; }
a.next_shows:active		{ color:#ffd5c9; text-decoration:none; }


@media screen and (max-width: 651px) and (orientation: portrait){
	body {
		background-image: url(../images/screen_1.jpg); 
		background-repeat: no-repeat;
		background-attachment: fixed; 
		background-position: center -450px;
		background-size: 350%;
	}
	#logo_cz_pos {
		text-align:center;
		position:static;
		top:0px;
		left:0px;
		margin-top:20px;
		margin-left:-10px;
	}
	.logo_cz {
		width:580px;
	}
	#soundcloud_player {
		width:100%;
		height:165px;
		position:absolute;
		top:100%;
		left:0px;
		margin-top:-165px;
		margin-left:0px;
		box-shadow: 0px -5px 25px #000000;
	}
	#soundcloud_player_iframe {
		height:165px;	
	}

	.next_shows_bt{
		position:absolute;
		top:100%;
		left:0px;
		width:276px;
		margin-left:2px;
		margin-top:-317px;
		padding: 3px;
		box-sizing: border-box;
		vertical-align:middle;
		background: rgba(255, 57, 0, 0.7);
		border-top-left-radius:0px;
		border-top-right-radius:20px;
	}
	.next_shows_obj {
		font-size: 40px;
		margin-top:0px;
		display:table-cell;
	}
	.booking_bt{
		position:absolute;
		top:100%;
		left:100%;
		width:276px;
		margin-left:-278px;
		margin-top:-317px;
		padding: 3px;
		box-sizing: border-box;
		vertical-align:middle;
		background: rgba(51, 51, 51, 0.7);
		border-top-left-radius:20px;
		border-top-right-radius:0px;
	}
	.booking_obj {
		font-size: 40px;
		margin-top:0px;
		display:table-cell;
	}
	.social_icons{
		position:absolute;
		top:100%;
		left:0px;
		margin-top:-255px;
		margin-left:1px;
	}
	
	.social_icons_obj {
		margin-top:4px;
		display:table-cell;
	}
	.social_icon {
		display:block;
		width:90px;
		border-radius:0px;
		margin-right:3px;
		opacity: 0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
	}

	.next_shows_display {
		font-size:35px;
		color: #2d2d2d;
		position: absolute;
		top:0px;
		margin-top: 430px;
		left:5%;
		width:90%;
		height:460px;
		padding: 25px 30px 30px 25px;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.5);
		box-shadow: 7px 7px 15px #000000;
	}
	.next_shows_display_list {
		overflow: auto;
		height: 370px;
		font-size:20px;
		color: #2d2d2d;
	}
	#next_shows_display_list div,td {
		font-family: 'Monda', sans-serif;
		font-size:20px;
		color: #2d2d2d;
		line-height:23px;
	}
	.show_title {
		font-size:25px;
	}
	.next_shows_td {
		padding: 10px 0px 10px 10px;
		width: 98%;
		margin-top:7px;
	}
	
	.next_shows_close_bt {
		position:absolute;
		top:0px;
		left:100%;
		margin-left:-40px;
		color:#ffffff;
		background: rgba(255, 45, 0, 0.7);
		padding:10px;
		font-size:20px;
		width:20px;
		border-bottom-left-radius:10px;
	}

}

@media screen and (max-width: 651px) and (orientation: landscape){
	body {
		background-image: url(../images/screen_1.jpg); 
		background-repeat: no-repeat;
		background-attachment: fixed; 
		background-position: -50px -190px;
		background-size: 130%;
	}
	#logo_cz_pos {
		position:fixed;
		top:0px;
		left:0px;
		margin-top:10px;
		margin-left:10px;
	}
	.logo_cz {
		width:250px;
	}
	#soundcloud_player {
		width:100%;
		height:165px;
		max-height:165px;
		position:absolute;
		top:100%;
		left:0px;
		margin-top:-65px;
		margin-left:0px;
		box-shadow: 0px -5px 25px #000000;
	}
	#soundcloud_player_iframe {
		height:165px;	
	}

	.next_shows_bt{
		position:absolute;
		top:100%;
		left:100%;
		height:30px;
		width:104px;
		margin-top:-95px;
		margin-left:-431px;
		padding: 4px 14px 0px 14px;
		box-sizing: border-box;
		vertical-align:middle;
		background: rgba(255, 57, 0, 0.7);
		border-top-left-radius:10px;
		border-top-right-radius:0px;
	}
	.next_shows_obj {
		font-size: 15px;
		margin-top:0px;
		display:table-cell;
	}
	.booking_bt{
		position:absolute;
		top:100%;
		left:100%;
		height:30px;
		width:90px;
		margin-top:-95px;
		margin-left:-324px;
		padding: 4px 14px 0px 14px;
		box-sizing: border-box;
		vertical-align:middle;
		background: rgba(51, 51, 51, 0.7);
		border-top-left-radius:0px;
		border-top-right-radius:0px;
	}
	.booking_obj {
		font-size: 15px;
		margin-top:0px;
		display:table-cell;
	}
	.social_icons{
		display:block;
		position:absolute;
		top:100%;
		left:100%;
		margin-top:-95px;
		margin-left:-231px;
	}
	
	.social_icons_obj {
		margin-top:4px;
		display:table-cell;
	}
	.social_icon {
		display:block;
		width:30px;
		border-radius:0px;
		margin-right:3px;
		opacity: 0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
	}
	
	.next_shows_display {
		font-size:25px;
		color: #2d2d2d;
		position: absolute;
		top:100%;
		margin-top: -195px;
		left:15%;
		width:80%;
		height:180px;
		padding: 15px 20px 20px 15px;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.5);
		box-shadow: 7px 7px 15px #000000;
	}
	.next_shows_display_list {
		overflow: auto;
		height: 117px;
		font-size:17px;
		color: #2d2d2d;
	}
	#next_shows_display_list div,td {
		font-family: 'Monda', sans-serif;
		font-size:17px;
		color: #2d2d2d;
		line-height:18px;
	}
	.show_title {
		font-size:20px;
	}
	.next_shows_td {
		padding: 5px 0px 5px 5px;
		width: 98%;
		margin-top:5px;
	}
	
	.next_shows_close_bt {
		position:absolute;
		top:0px;
		left:100%;
		margin-left:-30px;
		color:#ffffff;
		background: rgba(255, 45, 0, 0.7);
		padding:5px;
		font-size:10px;
		width:20px;
		border-bottom-left-radius:10px;
	}
}