@charset 'utf-8';

@import url("reset.css");

@import url("fonts.css");

@media screen, handheld, projection {

	html, body {
		background-color:#AAA;
	}

	/*
	 * Font Family
	 */

	h1, h2 {
		font-family:'Fontin';
	}

	h3, h4, p, a, ol {
		font-family:'Fontin Sans';
	}

	/*
	 * Font Size
	 */

	h1 {
		font-size:50px;
		line-height:54px;
	}

	h2 {
		font-size:40px;
		line-height:44px;
	}

	h3, h4, p {
		font-size:18px;
	}

	.button {
		font-size:24px;
	}

	/*
	 * Text Decoration
	 */

	p a, .button {
		color:#FFF;
	}
	
	a, .button:hover {
		text-decoration:none;
		color:#000;
	}
	
	a:hover {
		text-decoration:underline;
		color:#EF0;
	}

	/*
	 * Layout
	 */

	.clear {
		clear:both;
		font-size:1px;
		height:1px;
		width:1px;
	}
	
	.block {
		height:40px;
	}

	#liquidbox {
		background:#000C24 url(../img/liquidbox.png) top repeat-x;
		margin:0px auto;
		position:relative;
		width:1000px;
	}

	.blockElement {
		background:#AAA;
		margin:0 20px 20px 20px;
		padding:10px;
		width:940px;
	}
	
	.blockElement h1, h2, h3, p {
		margin:0 0 10px 0;
		text-align:right;
	}
	
	.blockElement h2.left, p.left {
		text-align:left;
	}

	.dateOverview h3 {
		text-align:left;
	}

	.blockElement h3 {
		background:#000;
		color:#FFF;
		line-height:30px;
		padding:0 10px;
	}

	span {
		display:block;
		margin:-30px 0 0 0;
		text-align:right;
	}

	.blockElement.reviewOverview p {
		text-align:justify;
	}

	.blockElement img {
		float:left;
		margin:0 10px 0 0;
	}
	
	.blockElement object, .blockElement embed {
		display:block;
		margin:0 0 10px 0;
		overflow:hidden;
		width:580px;
	}
	
	.blockElement object.dreiTracks, .blockElement embed.dreiTracks {
		height:151px;
	}
	
	.blockElement object.vierTracks, .blockElement embed.vierTracks {
		height:169px;
	}

	.logo {
		height:140px;
		width:940px;
	}
	
	#powerpacksLogo {
		background:#AAA url(../img/headerPowerpacks.png) no-repeat center;
	}
	
	#navigation {
		background:#AAA url(../img/navigation.png) repeat-x;
		height:40px;
		padding:0;
		width:960px;
	}
	
	#navigation li {
		display:inline;
		margin:0 20px;
		white-space:nowrap;
	}
	
	#navigation li a {
		display:inline-block;
		height:40px;
	}
	
	#navigation li a.blog {
		background:url(../img/blogReleasesDates.png) left top;
		width:60px;
	}
	
	#navigation li a.blog:hover, #navigation li a.blog:focus {
		background:url(../img/blogReleasesDates.png) left center;
	}
	
	#navigation li a.blog:active {
		background:url(../img/blogReleasesDates.png) left bottom;
	}

	#navigation li a.releases {
		background:url(../img/blogReleasesDates.png) -60px top;
		width:110px;
	}
	
	#navigation li a.releases:hover, #navigation li a.releases:focus {
		background:url(../img/blogReleasesDates.png) -60px center;
	}
	
	#navigation li a.releases:active {
		background:url(../img/blogReleasesDates.png) -60px bottom;
	}
	
	#navigation li a.dates {
		background:url(../img/blogReleasesDates.png) -170px top;
		width:70px;
	}
	
	#navigation li a.dates:hover, #navigation li a.dates:focus {
		background:url(../img/blogReleasesDates.png) -170px center;
	}
	
	#navigation li a.dates:active {
		background:url(../img/blogReleasesDates.png) -170px bottom;
	}
	
	#navigation li a.artists {
		background:url(../img/blogReleasesDates.png) right top;
		width:90px;
	}
	
	#navigation li a.artists:hover, #navigation li a.artists:focus {
		background:url(../img/blogReleasesDates.png) right center;
	}
	
	#navigation li a.artists:active {
		background:url(../img/blogReleasesDates.png) right bottom;
	}

	/*
	 * Buttons
	 */

	.button {
		background:#000;
		line-height:40px;
		padding:0 10px;
	}

	.releaseOverview .button, .dateOverview .button {
		clear:both;
		margin:-40px 0;
		float:right;
	}

	.button:hover {
		background:#EF0;
	}

	.footer, .button {
		display:inline-block;
	}

}

@media print {}