/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		background: #333 url(../images/pattern/bg_pattern.png) repeat-y top left fixed;
		background-size: 35%;
		font-family: Orbitron;
		color: #a4a4a4;
	}
				
/* start GENERAL STYLES */	
	
	.navigation.row div {
		border: 0px solid black;
		margin-bottom: 5px;
		padding: 10px 0px 0px 0px;
	}
	
	img {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: #222 2px 2px 5px;
		-webkit-box-shadow: #222 2px 2px 5px;
		box-shadow: #222 2px 2px 5px;
	}
	
	.icon_mail {
		background-image:url(../images/icons/mail_24x24.png);
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 30px; /* Or size of icon + spacing */
		width: 24px !important;
		height: 24px !important;
	}
	
	.icon_fb {
		background-image: url(../images/icons/facebook_32x32.png);
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 34px; /* Or size of icon + spacing */
		width: 32px !important;
		height: 32px !important;
	}
	
	.current {
		color: #a4a4a4 !important;
		background-image:url(../images/link_overline.png);
		background-position: top;
		background-repeat: repeat-x;
		padding-top: 5px;
	}
	
	.navigation .nav_align {
		text-align: right;
	}

	#navigation-ul {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		text-transform: uppercase;
		font-size:1em;
	}
	
	#navigation-ul li {
		list-style: none;
		display: inline;
		padding-left: 0px;
		padding-right: 10px;
	}
	
	#navigation-ul li a {
		text-decoration: none;
		color: #666;
	}
	
	#navigation-ul li a:hover {
		color: #a4a4a4;
		background-image:url(../images/link_overline.png);
		background-position: top;
		background-repeat: repeat-x;
		padding-top: 5px;
	}
	
	#navigation-ul li a:visited {
		color: #555;
		text-decoration: none;
	}
	
	.container.separator p {
		margin: 20px 0 0px 0;
		padding: 50px;
	}

	.container.big_separator p {
		margin: 20px 0 0 0;
		padding: 230px;
	}

	.container .row.empty {
		margin: 0px 0 0 0;
		padding: 10px;
	}
	
	.container .row.middle_empty {
		margin: 0px 0 0 0;
		padding: 60px;
	}
	
	.button {
    	padding: 6px 8px 4px 10px;
    	display: inline;
    	background: #555;
    	border: none;
    	color: #fff;
    	cursor: pointer;
    	font-weight: bold;
    	border-radius: 3px;
    	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	text-shadow: 1px 1px #666;
		-moz-box-shadow: #222 1px 1px 1px;
		-webkit-box-shadow: #222 1px 1px 1px;
		box-shadow: #222 1px 1px 1px;
    }

	.button:hover {
		background-color: #a4a4a4;
    }

	.button:active {
    	background-position: 0 top;
    	position: relative;
    	top: 1px;
    	padding: 6px 10px 4px;
    }
	
/* end GENERAL STYLES */

/* start styles CONTAINER LOGO */
	
	.container.logo p {
		margin: 20px 0 50px 0;
		padding: 10px;
	}
	
	.container.logo img {
		margin: 0 auto;
		width: 100%;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		-moz-box-shadow: #222 0px 0px 0px;
		-webkit-box-shadow: #222 0px 0px 0px;
		box-shadow: #222 0px 0px 0px;
		background: transparent !important;
		padding: 0px !important;
	}
	
/* end styles CONTAINER LOGO */

/* start styles CONTAINER HOME */

	.container.home img {
		width:100%;
		background: transparent !important;
		padding: 0px !important;
	}
	
	.container.home .header_home div p {
		margin: 0 0 20px 0;
		background: transparent;
		padding: 0px;
		line-height: 0em;
	}
	
	
	.container.home .video_home div p {
		margin: 20px 0 0 0;
		background: transparent;
		padding: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size:0.8em;
	}
	
	.container.home .video_home div p img {
		width:100%;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		
	}

/* end styles CONTAINER HOME */

/* start styles CONTAINER BAND */

	.container.band img {
		width:100%;
		background: transparent !important;
		padding: 0px !important;
	}

	.container.band .header_band div p {
		margin: 0 0 20px 0;
		background: transparent;
		padding: 0px;
		line-height: 0em;
	}
	
	.container.band .text_bandmembers p {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 10px;
	}
	
	.container.band .text_bandmembers .list_bandmembers p {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 10px;
		line-height:1.5em;
	}
	
	.container.band .text_bandmembers .list_bandmembers p b {
		font-size: 1.2em;
	}
	
	.container.band .text_bandmembers .list_bandmembers p.bandmembers_list {
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size:0.8em;
	}
	
	.container.band .text_bandmembers .band_booking a{
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.container.band .video_b img {
		width: 60%;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

	.container.band .video_band p.video_title {
		text-transform: uppercase;
		letter-spacing: 0px;
		font-size:0.8em;
		padding-top: 0px;
		margin-top: 0px;
	}
	
	.container.band .video_band div p {
		margin: 20px 0 0 0;
		background: transparent;
		padding: 10px;
	}

/* end styles CONTAINER BAND */

/* start styles CONTAINER MUSIC */

	.container.music img {
		width:100%;
	}
	
	.container.music .content_music img {
		border: 2px solid #a4a4a4;
	}

	.container.music .header_music div p {
		margin: 0 0 20px 0;
		background: transparent;
		padding: 0;
		line-height: 0em;
	}
	
	.container.music .content_music p {
		margin: 20px 0 0 0;
		background: transparent;
		padding: 10px;
		text-transform: uppercase;
		letter-spacing: 0px;
		font-size:0.8em;
	}
	
	.container.music .content_music img {
		width: 100%;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		-moz-box-shadow: #222 0px 0px 0px;
		-webkit-box-shadow: #222 0px 0px 0px;
		box-shadow: #222 0px 0px 0px;
	}
	
	.container.music .content_music p a {
		text-decoration: none;
		color: #777;
	}
	
	.container.music .content_music p a:hover {
		color: #a4a4a4;
		background-image:url(../images/link_overline.png);
		background-position: top;
		background-repeat: repeat-x;
		padding-top: 5px;
	}
	
	.container.music .content_music p a:hover img{
		padding: 0px;
	}

/* end styles CONTAINER MUSIC */

/* start styles CONTAINER CONTACT */

	.container .row.middle_empty#contact_emptyrow {
		margin: 0px 0 0 0;
		padding: 20px !important;
	}

	.container.contact img {
		width:100%;
		background: transparent !important;
		padding: 0px !important;
	}
	
	
	.container.contact p#contact_title {
		margin: 20px 0 0 0;
		padding: 0px 10px;
		text-transform:uppercase;
		font-size: 1.2em;
		color: #E0E0E0;
	}
	
	.container.contact p#contact_fb {
		padding: 0px 0px 40px 10px !important;
		text-transform:uppercase;
		font-size: 1em;
		color: #E0E0E0;
	}
	
	.container.contact p#contact_fb img {
		margin: 0px 0px 10px 0px !important;
		text-transform:uppercase;
		font-size: 1em;
		color: #E0E0E0;
	}
	
	.container.contact p#contact_text {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 10px;
		text-transform: uppercase;
		letter-spacing: 0px;
		font-size:0.8em;
		line-height:3.5em;
	}
	
	.container.contact p#contact_text a {
		text-decoration: none;
	}
	
	.container.contact p#credits_title {
		margin: 20px 0 0px 0;
		padding: 0px 10px;
		text-transform:uppercase;
		font-size: 1.2em;
		color: #E0E0E0;
	}
	
	.container.contact p#credits_text {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size:0.8em;
		line-height:1.5em;
	}
	
	.container.contact p#credits_text b {
		color: #fff;
		text-shadow: 1px 0px 0px #555;
		-moz-text-shadow: 1px 0px 0px #555;
		-webkit-text-shadow: 1px 0px 0px #555;
		letter-spacing: 0px;
	}
	
	.container.contact p#credits_text a {
		text-decoration: none;
		color: #666;
	}
	
	.container.contact p#credits_text a:hover {
		text-decoration: none;
		color: #a4a4a4;
		background-image:url(../images/link_overline.png);
		background-position: top;
		background-repeat: repeat-x;
		padding-top: 5px;
	}

/* end styles CONTAINER CONTACT */


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		background: #333;
	}
	
	.navigation .nav_align {
		text-align: center;
		font-size: 1.1em;
		padding: 0px;
	}
	
/* start styles CONTAINER HOME */

	.container.home .header_home div p {
		margin: 0 0 20px 0;
		background: transparent;
		padding: 0px;
		line-height: 0em;
	}
	
	.container.home .video_home div p {
		margin: 0 0 0 0;
		background: transparent;
		padding: 0px;
		border: 0px solid red;
	}
	
	.container.home .video_home .video_title {
		margin: 10px 0px 30px 0px;
		background: transparent;
		padding: 0px;
		border: 0px solid green;
		text-align: center;
	}

/* end styles CONTAINER HOME */

/* start styles CONTAINER BAND */

	.container.band .video_b img {
		width: 100%;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	
	.container.band .video_band div p img {
		margin: 0px 0px 0px 0px;
		background: transparent;
		padding: 0px;
		border: 0px solid red;
	}
	
	.container.band .video_band .video_title {
		margin: 10px 0px 0px 0px;
		background: transparent;
		padding: 0px;
		border: 0px solid green;
		text-align: center;
	}
	
	.container.band .list_bandmembers {
		border: 0px solid green;
		text-align: center;
	}
	
	.container.band .text_bandmembers .list_bandmembers p b {
		font-size: 1em;
	}
	
	.container.band .text_bandmembers .list_bandmembers p.bandmembers_list {
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size:0.8em;
		line-height: 1.2em;
	}
	
	.container.band .text_bandmembers p.bandmembers_list {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 0px;
	}
	
	.container.band .band_booking {
		margin-top: 20px !important;
		border: 0px solid green;
		text-align: center;
	}

/* end styles CONTAINER BAND */

/* start styles CONTAINER MUSIC */

	.container.music .content_music p {
		margin: 0px 0 0 0;
		padding: 0px;
	}


	.container.music .content_music div p img {
		margin: 0px 0px 0px 0px;
		background: transparent;
		padding: 0px;
		border: 0px solid red;
	}
	
	.container.music p.audio_title {
		margin: 0px 0px 20px 0px;
		background: transparent;
		padding: 0px;
		border: 0px solid green;
		text-align: center;
	}
	
/* end styles CONTAINER MUSIC */

/* start styles CONTAINER CONTACT */

	.container .row.middle_empty#contact_emptyrow {
		margin: 0px 0 0 0;
		padding: 5px !important;
	}

	.container.contact p#contact_text {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 0px;
		font-size: 0.7em;
		font-weight: normal;
	}	
		
	.container.contact p#contact_title {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 0px;
		font-size: 1em;
		font-weight: normal;
	}
	
	.container.contact p#credits_text {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 0px;
		font-size: 0.7em;
		font-weight: normal;
	}	
	
	.container.contact p#credits_text b {
		text-shadow: 0px 0px 0px #555 !important;
		-moz-text-shadow: 0px 0px 0px #555 !important;
		-webkit-text-shadow: 0px 0px 0px #555 !important;
		-
	}
	
	.container.contact p#credits_title {
		margin: -20px 0 0 0;
		background: transparent;
		padding: 0px;
		padding-top: 0px !important;
		font-size: 1em;
		font-weight: normal;
	}
	
	.container.contact p#contact_fb {
		margin: -20px 0 0 0 !important;
		padding: 0px 0px 40px 0px !important;
		text-transform:uppercase;
		font-size: 0.7em;
		color: #E0E0E0;
	}
	
	.container.contact p#contact_fb img {
		margin: 0px 0px 0px 0px !important;
		text-transform:uppercase;
		font-size: 1em;
		color: #E0E0E0;
	}
	
/* end styles CONTAINER CONTACT */

/* start GENERAL STYLES */

	.container .row.middle_empty {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 0px;
	}

	.container.first_separator p {
		margin: 0px 0 0 0;
		background: transparent;
		padding: 0px;
	}
	
	
	.container.logo p {
		margin: 20px 0 -10px 0;
		background: transparent;
		padding: 10px;
	}

	.navigation.row div {
		border: 0px solid black;
		margin-bottom: 5px;
		padding: 0px 0px 0px 0px;
		margin-top: -2px;
	}
	
/* end GENERAL STYLES */

}


/* ========================================== */
/* ! BG Image Media Queries					  */
/* ========================================== */

/* Displays/Screens (e.g. MacBook @ 1024x768) -------------- */
@media
only screen and (min-width: 994px) and (max-width: 1249px) {
	body {
		background-size: 32.2%;
	}
}

/* Displays/Screens (e.g. MacBook @ 1280x800) -------------- */
@media
only screen and (min-width: 1250px) and (max-width: 1409px) {
	body {
		background-size: 34%;
	}
}

/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media
only screen and (min-width: 1890px) and (max-width: 2529px) {
	body {
		background-size: 38.7%;
	}
}

/* iPads (portrait) ---------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	body {
		background-size: 35.5%;
	}
}

/* iPads (landscape) --------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	body {
		background-size: 33%;
	}
}