/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 21, 2014 */


@font-face {
    font-family: 'letter_gothicregular';
    src: url('../font/ufonts.com_letter-gothic-webfont.eot');
    src: url('../font/ufonts.com_letter-gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ufonts.com_letter-gothic-webfont.woff2') format('woff2'),
         url('../font/ufonts.com_letter-gothic-webfont.woff') format('woff'),
         url('../font/ufonts.com_letter-gothic-webfont.ttf') format('truetype'),
         url('../font/ufonts.com_letter-gothic-webfont.svg#letter_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background-image: url(../img/body_background.png); 
background-repeat: no-repeat;
background-position: center 50px;
border-top: 50px solid black;
background-color: black; 
font-size: 0.85em; line-height: 1.2em;
font-family: "letter_gothicregular"}

.fixed {position: fixed; bottom: 0; background-color: rgba(176, 104, 73, 0.8);
margin-top: 50px}

.right {float: right;}
.left {float: left;}
.hidden {overflow: hidden;}
.relative {position: relative;}
.absolute {position: absolute;}
.clear {clear: both;}
.strong {font-weight: bold;}

#wrapper {max-width: 1024px}

/*navigation*/
nav {width: 100%; height: 50px; background-color: rgba(176, 104, 73, 0.8);}
.menu {width: 1024px; margin: 0 auto;}
.menu li {display: inline-block; line-height: 50px; height: 50px;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; color: black;}
.menu li a {text-decoration: none; color: white; margin-left: 25px;text-transform: uppercase; font-size: 160%}
.menu li a:hover {color: black}
img[alt="logo"] {margin-top: 9px}

.more {display: none}

/*cycle*/
.cycle {width: 1024px; height: 340px; margin: 50px auto 0 auto; border: 1px solid white}

h1 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; 
text-transform: uppercase; font-size: 1.5em;}

/*content*/
.content {width: 1024px; margin: 50px auto 0 auto}
.content a {color: rgb(176, 104, 73); color: black; text-decoration: none}
.content article {background-color: rgba(255, 255, 255, 0.9);padding: 20px;}
.colLeft {width: 26.85546875%; margin-right: 4.78515625%}
.colCenter {width: 36.62109375%; margin-right: 4.78515625%}
.colRight {width: 26.85546875%}

/*lives dates*/
.liveDates time {margin-left: 6.638298%; font-weight: bold; color: rgb(176, 104, 73);}
.liveDates div {margin-left: 30.659574%; color: rgb(133, 95, 83);}

/*latest release*/
.latestRelease {margin-top: 50px;}
.latestRelease img {max-width: 100%; display: block;}
.libe {height: 33%; bottom: 0; position: absolute; background-image: url(../img/logo-LIBERATION.png); background-color: rgba(255, 255, 255, 0.5); background-size:50%; background-repeat: no-repeat; background-position: center 5px; transition:1s ease all;}
.latestRelease section {margin-bottom: 20px}
.latestRelease section:hover .libe{bottom: -33%}	
.latestRelease div {width: 100%}

/*media*/
iframe {width: 100%; height: 175px; padding-bottom: 5px}
.media div {padding-bottom: 17px}

/*news*/
.news {margin-top: 50px}
.news div {width: 100%}
.news a {text-decoration: underline;}
.align {text-align: right;}
.extraNews span {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-weight: bold;}
.extraNews {padding: 12px 0 10px 0; border-top: 1px solid rgb(176, 104, 73);}
.extraNews:last-child {padding-bottom: 2px}

/*legal*/
.legal {margin-top: 45px; color: rgb(133, 95, 83);
font-size: 0.8em; text-align: center}
.legal a {color: rgb(133, 95, 83); text-decoration: underline;}

/*shop*/
.tShirt img {width: 100%;}
img[alt="shadow"] {box-shadow: 10px 10px 5px #888888;}
.product {padding-top: 20px}
.links img {display: block; width: 85px; padding-right:10px;}
.cd img {width: 140px;}
.links img:first-child {padding-bottom: 2px}

/*bio*/
.bio {margin-top: 50px}
.bio div {width: 100%;}
.bio a {text-decoration: underline;}

/*social*/
.social {padding: 10px; border:1px solid white;}
.social li {margin: 0 16px; display: inline-block;}
.social ul li:last-child {padding-right: 0}
.social {margin: 50px 0 51px 0;}
.social a {text-align: center;}

/*footer*/
footer {display: none;}


/*@media 1023px --------------------->*/

	@media screen and (max-width:1023px){

	body { font-size: 0.8em; line-height: 1.1em;}

	.iPad {display: none;}
	h1 {font-size: 1.2em;}

	#wrapper {max-width: 800px}

	/*navigation*/
	.menu {width: 800px}
	.menu li a {margin-left: 20px; text-transform: uppercase; font-size: 120%}

	/*cycle*/
	.containerCycle {width: 800px; margin: 0 auto;}
	.cycle {width: 547px; height: 182px; margin: 37px auto 37px auto; border: 1px solid white;
	position: absolute; right: 0; top: 0}
	.cycle img {width: 547px; height: 182px}

	/*content*/
	.content {width: 800px; margin: 37px auto 0 auto}
	.content article {padding: 17px;}
	.colLeft {width: 26.875%; margin-right: 4.6875%;}
	.colCenter {width: 36.875%; margin-right: 4.6875%; margin-top: 219px}
	.colRight {width: 26.875%; margin-top: 219px}

	/*lives dates*/
	.liveDates time {margin-left: 7.638298%;}
	.liveDates div {margin-left: 38.659574%;}

	/*latest release*/
	.latestRelease {margin-top: 37px;}
	.latestRelease section {margin-bottom: 17px}
	.latestRelease section:hover .libe{bottom: -33%}	

	/*media*/
	.media div {padding-bottom: 0}
	.leipzig {display: none;}

	/*news*/
	.news {margin-top: 37px}
	.extraNews {padding: 12px 0 0 0;}

	/*legal*/
	.legal {margin-top: 30px;}

	/*shop*/
	.links img {display: block; width: 60px; padding-right:10px;}
	.cd img {width: 110px;}

	/*bio*/
	.bio {margin-top: 37px; }

	/*social*/
	.social {padding: 10px; border:1px solid white;}
	.social li {margin: 0 9px; display: inline-block;}
	.social ul li:last-child {padding-right: 0}
	.social {margin: 37px 0 51px 0;}
	.social a {text-align: center;}

	/*footer*/
	footer {display: none;}
	}

/*@media 799px --------------------->*/

		@media screen and (max-width:799px){

		#wrapper {max-width: 320px}
		.iPod {display: none;}

		/*navigation*/
		.menu {width: 320px}
		.menu ul {margin-top: 8px;}
		.menu li {width: 320px; display: block; background-color: rgb(185, 165, 154); 
		border-bottom: 1px solid rgb(176, 104, 73); text-align: center; padding: 10px 0 10px 0 }
		.menu li a {margin-left: 0}
		.more {display: block; margin-top: 9px;}

		/*cycle*/
		.containerCycle {display: none}

		/*content*/
		.content {width: 320px; margin: 37px auto 0 auto}
		.colLeft {float: none; width: 100%; margin-right: 0;}
		.colCenter {float: none; width: 100%; margin-right: 0; margin-top: 37px}
		.colRight {float: none; width: 100%; margin-top: 37px}

		/*lives dates*/
		.liveDates time {margin-left: 5.638298%;}
		.liveDates div {margin-left: 25.659574%}

		/*latest release*/
		.latestRelease section:hover .libe{bottom: 0}	

		/*media*/
		.media {display: none;}

		/*news*/

		/*legal*/
		.legal {display: none;}

		/*shop*/
		.tShirt img {width: 100%;}
		img[alt="shadow"] {box-shadow: 10px 10px 5px #888888;}
		.product {padding-top: 20px}
		.links img {display: block; width: 85px; padding-right:10px;}
		.cd img {width: 180px;}
		.links img:first-child {padding-bottom: 2px}
		.shop {margin-bottom: 37px}

		/*bio*/
.iPad {display: block; }
.bio {margin:37px 0 50px 0;}

		/*social*/
		.social {display: none;}

		/*footer*/
		footer{width: 100%; height: 50px; background-color: rgba(176, 104, 73, 0.8)}
		footer section {width: 320px; margin: 0 auto; height: 50px; padding-top: 10px}
		footer div li {margin-right: 15px; display: inline-block;}
		footer div ul li:last-child {margin-right: 0}
		footer div a {text-align: center;}
		footer .right {font-size: 90%; text-align: right; color: white}
		footer .right a {color: white}
		}