html >/**/ body { 
	overflow: auto; 
	overflow-y: scroll;
}
body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 13px;
}

/* Fonts, links etc */
h1 {
	margin: 0 0 10px 0;
	padding: 0;
}
h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 24px;
	line-height: 19px;
}
p {
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
}
img {
	border: 0;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.inverse a {

}


/* Main layout */
body, .header, .bgColor, .dynamicBG {
	background: #ffe5d4;
}
.header {
	border-bottom: 4px solid #060606;
	width: 100%;
}
.mainContent {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 0; 
}
.standalone {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/*
.standalone.mainContent, .standalone .feature {
	top: auto; left: auto; right: auto; bottom: auto;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
*/
.content {
	padding: 0 15px 15px;
	margin: 0 auto;
	position: relative;
}
.header .content {
	padding: 0 15px;
}
.head.content {
	min-height: 60px;
}
.header .datarock {
	position: absolute;
	background-position: -4px -283px;
	width: 389px;
	height: 90px;
	bottom: -41px;
	left: 26px;
}
.header .datarock span {
	position: absolute;
	top: -9999px;
}
.header .yap {
	background-position: -193px 0;
	width: 94px;
	height: 46px;
	position: absolute;
	left: -90px;
	bottom: 5px;
}
.header .slideElement {
	padding: 0 0 0 0;
	display: none;
	position: relative;
}
.header .columnContainer {
}
.header ul.topMenu {
	margin: 0 25px 0 0;
	padding: 0;
}
.header .itunes {
	display: block;
	height: 40px;
	padding: 0 0 0 40px;
	margin-top: 20px;
	margin-left: 8px;
	background: url(/graphics/itunesLogo.png) no-repeat 0 50%;
	line-height: 40px;
	font-size: 11px;
	float: left;
}
.belowFold {
	min-height: 100%;
}
.footer {
	width: 100%;
	background: url(/graphics/footer-background.png);
/*	border-top: 3px solid #2c2a2a; */
	color: #aaaaaa;
	font-size: 10px;
	position: relative; 
	bottom: 0;
	overflow: hidden;
}
.footer .content {
	padding: 5px 15px 5px 10px;
}
.footer .partners, .footer .social, .footer .copyright {
	overflow: hidden;
	float: left;
	margin-left: 15px;
	padding-bottom: 10px;
}
.footer .social {
	float: right;
}
.footer .copyright {
	width: 200px;
}
.footer a {
	display: block;
	background: url(/graphics/footer-logos.png);
	height: 40px;
	float: left;
}
.footer .yap {
				width: 92px;
				background-position: -364px 0;
}
.footer .youtube {
				width: 63px;
				background-position: -206px 0;
}
.footer .facebook {
				width: 84px;
				background-position: -108px 0;
}
.footer .myspace {
				width: 98px;
}
.footer .twitter {
				width: 83px;
				background-position: -285px 0;
}

.columnContainer {
	overflow: hidden;
}
.columnContainer.top {
	padding-top: 55px;
}
.column {
	float: left;
	padding: 0 10px;
}
.fullWidth {
	width: 100%;
}
.centerText {
	text-align: center;
	display: block;
}
.red {
/*	color: #!f86c51; */
	color: #ff5644;
}
.redBg {
	background-color: #ff5644;
}
.brutal {
	text-transform: uppercase;
	font-family: FuturaP-ExtBol;
	font-size: 24px;
	line-height: 19px;
	font-weight: normal;
/*	text-shadow: 0px 0px 1px #aaa; */
}
.brutal.biggest, .brutal .biggest {
	font-size: 90px;
	line-height: 66px;
}
.brutal.big, .brutal .big {
	font-size: 68px;
	line-height: 49px;
}
.brutal.medium, .brutal .medium {
	font-size: 24px;
	line-height: 19px;
}
.brutal.small, .brutal .small {
	font-size: 17px;
	line-height: 14px; 
}
.brutal.smallest, .brutal .smallest {
	font-size: 15px;
	line-height: 12px;
}

/* Helper for animations */
._kkState {
	width: 100%;
}

/* Top menu */
.header ul.topMenu {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: -50px;
	padding: 15px 0 10px;
}
.header ul.topMenu li {
	float: left;
	margin-left: 7px;
}
.topMenu a .text {
	position: relative;
}
.header ul.topMenu a { 
	display: block;
	text-decoration: none;
	padding: 3px 10px;
	position: relative;
}
.header ul.topMenu a._active { 
	background: black;
	color: #ffe5d4;
}
.topMenu ._active.needExact .background,
.topMenu .background {
	display: none;
}
.topMenu ._active {
/*	display: block; */
}

.handheld {
	display: none;
}
.handheld.menu {
	position: absolute;
	left: 22px;
	bottom: 4px;	
}
.handheld.menu select {
	width: 155px;
}

/* Shared stuff */
.boxButton {
	display: block;
	border: 3px solid black;
	text-decoration: none;
	padding: 2px 10px;
	background: #ffe5d4;
	color: black;
	position: relative;
	float: left;
}
.boxButton:hover {
	background: #ff5644;
	text-decoration: none;
}
.boxButton._active {
	background: black;
}
.boxButton._active:hover {
	background: black;
}

/* Front page */
.front.content {
}
.aboveFold {
	position: absolute;
	height: 40px;
	top: -40px;
	line-height: 40px;
	left: 50%;
}
#aboveFold .aboveFold {
	top: auto;
	bottom: 0;
	margin-bottom: 0;
}
.aboveFold .foldIcon {
	display: block;
	position: absolute;
	z-index: 10;
	top: 13px;
	left: 15px;
}
.aboveFold .brutal {
	line-height: 40px;
}
.noPadding .aboveFold {
	margin-left: 0;
}
.aboveFold .foldIcon, .aboveFold .text, .aboveFold .background {
	margin-left: -50%;
}
.aboveFold .background {
	width: 100%;
	right: auto;
}
.aboveFold .text {
	display: block;
	padding: 0 15px 0 48px;
	height: 40px;
	position: relative;
	z-index: 10;
	color: #ffe5d4;
}
.aboveFold:hover .text {
/*	color: #ffe5d4; */
	color: #ff5644;
}
.background {
	background: black;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 9;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.tweetContainer, .eventContainer {
	margin-top: 7px;
}
.tweetContainer {
	overflow: hidden;
}
.youtubeContainer {
	display: block;
	width: 221px;
	height: 221px;
	display: table;
	background: url(/graphics/circle216.png) left center no-repeat;
	overflow: hidden;
}
.youtubeContainer p {
	margin: 0;
}
.youtubeContainer img {
	margin-bottom: 5px;
}
.youtubeContainer .video {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.youtubeContainer img {
	width: 100px;
}
.youtubeContainer a {
	text-decoration: none;
}
.youtubeContainer span, .youtubeContainer a {
	display: block;
}
.youtubeContainer .latest {
	color: #ff5644;
}
.youtubeContainer .watch {
	color: white;
	background: #ff5644;
}
.tweet {
	font-size: 12px;
	margin: 0 0 15px 0;
}
.tweet p {
	padding: 0;
	margin: 0;
}
.tweet p.tweetFooter {
	padding-left: 20px;
	background: url(/graphics/bubble.png) 0 4px no-repeat;
}
.tweetFooter, .tweetFooter a {
	color: #ff5644;
	font-size: 11px;
}
.event {
	overflow: hidden;
}
.event.odd {
	background: #fecdba; 
}
.event .date, .event .text {
	float: left;
}
.event .date {
	width: 35px;
	padding: 5px;
	background: white;
	color: #ffe5d4;
	margin: 10px;
	text-align: center;
}
.eventHead {
	padding: 0 0 5px 10px;
}
.event.odd .date {
	color: #fecdba;
}
.event .date .month {
	font-size: 13px;	
	display: block;
	text-transform: uppercase;
}
.event .date .day {
	font-size: 24px;
	line-height: 19px;
}
.event .text {
	width: 330px;
	padding: 7px 7px 5px;
}
.event .name {
	display: block;
	text-transform: uppercase;
	color: #262424;
	margin-bottom: 8px;
	margin-top: 1px;
}
.event a {
	color: white;
	background: #ff5644;
	padding: 2px 5px 2px;
	font-size: 11px;
}

/* Feature */
.feature {
	position: relative;
	overflow: hidden;
}
.standalone .feature {
	position: absolute;
}
.feature .text {
	position: absolute;
	bottom: 20%;
	width: 100%;
}
.feature .title, .feature .subtitle {
	width: 450px;
}
.feature .title {
	display: block;
}
.feature .subtitle {
	display: block;
}
.feature .content {
	padding: 0;
	height: 100%;
}
.standaloneFooter {
	bottom: 0;
	position: absolute;
	width: 100%;
}
.standaloneFooter .content {
	padding: 0;
}
.links .one, .links .two {
	position: absolute;
}
.links a:hover {
	text-decoration: none;
}
.links .icon {
	display: block;
	overflow: hidden; 
	position: relative;
	border-bottom: 6px solid transparent;
	clear: left;
	float: left;
	cursor: pointer;
}
.links .icon img {
	position: relative;
	padding: 0 10px 0 10px;
} 
.links li:hover .icon {
	background: #fcdfcb;
	border-bottom: 6px solid #000000;
}
.links li:hover .icon img {
	position: relative;
	margin-top: 0;
}
.links .one {
	bottom: 0;
	left: 0;
}
.links .two {
	bottom: 0;
	right: 0;
}
.links ul {
	margin: 0;
	padding: 0;
}
.links li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	position: relative;
}

.links .metadata {
	position: absolute;
	bottom: 62px;
	display: block;
	line-height: 20px; 
	font-size: 28px;
	text-shadow: 0px 0px 1px #aaa;
	text-wrap: none;
	white-space: nowrap;
	padding-bottom: 10px;
	visibility: hidden;
	float: left;
	clear: left;
}
.links .two .metadata {
	right: 0;
	text-align: right;
}
.links li:hover .metadata {
	visibility: visible;
}
.links .title, .links .url {
	clear: left;
}
.links .title {
	color: black;
}
.links .separator {
	display: block;
	clear: left;
	padding-top: 12px;
}
.links .url {
	padding-bottom: 10px;
	
}
.links .logo {
	clear: left;
}
.standalone .volume {
	display: block;
}
iframe {
	border: 0;
}

/* Store */
.storeData {
	bottom: 36px;
}
.storeData h1 {
	width: 450px;		 
}
.storeData h1 {
	font-weight: normal;
}
.storeData .text {
	width: 270px;
	background: #0a0a0a;
	color: #ffe5d4;
	padding: 15px 15px 5px 15px;
}
.storeData a {
	color: #ffe5d4;
}
.storeData .openClose {
	position: absolute;
	top: 0;
	left: 305px;
	cursor: pointer;
	width: 32px;
	height: 32px;
}
.item span.price {
	width: 50px;
	height: 50px;
	display: block;
	background: #e6e6d5;
	margin-right: 5px;
	text-align: center;
	line-height: 50px;
	display: none;
}
.item {
	padding: 0;
	height: 300px;
}
.item .caption {
/*	width: 166px; */
}
.item .slogan {
	font-size: 11px;
}
.item .label, .item .caption {
}
.item img {
	width: 100%;
}
.item a:hover {
	color: red;
	text-decoration: none;
}
.item span {
	width: 100%;
	text-align: center;
	display: block;
}

/* Info */
.info .padding {
	padding: 0 10px;
}
.infoBox {
	margin: 0 0 1px 0;
}
.info h1 {
	font-size: 68px;
	line-height: 50px;
	margin: 10px 0 30px; 
	color: #ff5644;
}
.infoBox .title {
	background: #fecdba;
	display: block;
	padding: 10px;
	color: #ff5644;
	font-weight: normal;
	margin: 0;
}
.infoBox p {
	margin: 1em 0 0 ;
}
.infoBox .boxContent {
	display: none;
}
.infoBox a {
	color: #ff5644;
}
.info .cites {
	padding: 10px 0;
}
.cite {
	margin: 22px 0;
}
.cite .source {
	color: #ff5644;
}
.cite:hover a {
	text-decoration: none;
}
.info .downloads {
	overflow: hidden;
	padding: 15px 5px;
	background: #fecdba;
	position: relative;
}
.info .download {
	background: url(/graphics/circle227.png) center center no-repeat;
	width: 236px;
	height: 236px;
	float: left;
	display: table;
	font-size: 24px;
	line-height: 19px;
	text-decoration: none !important;
}
.info .download span {
	display: block;
	text-align: center;
}
.info .download .center {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
.info .download .title {
	color: #ff5644;
}
.info .description {
	margin-bottom: 5px;
}
.info .download .doit {
	background: #ff5644;
	color: white;
	margin-top: 5px;
	font-size: 13px;
	padding: 2px 5px;
	display: inline;
	line-height: 15px;
}
.download:hover {
	text-decoration: none !important;
}
.download:hover .doit {
	text-decoration: none;
}

/* Discography */
.headerLinks {
	position: absolute;
	right: 25px;
	bottom: 4px;
}
.volume {
	display: block;
	display: none;
	width: 100px;
	height: 12px;
	margin-top: 12px;
	margin-right: 15px;
	cursor: default;
	padding-right: 25px;
	position: relative;
}
.volume .line {
	display: block;
	height: 0;
	border-top: 2px solid #d9c3b4;
	position: absolute;
	top: 6px;
	right: 25px;
	left: 0;
}
.volume .speaker {
	display: block;
	width: 9px;
	height: 15px;
	position: absolute;
	right: 5px;
	top: 0;
	background-position: -194px -66px;
}
.volume .bar {
	display: block;
	height: 14px;
	width: 100%;
	position: relative;
}
.volume .bar .dot {
	background-position: -194px -102px;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	right: -7px;
}
.volume._pressed .dot {
	background-position: -209px -102px;
}
.mediaControls {
	overflow: hidden;
	display: block;
	padding-left: 10px;
}
.mediaControls .volume, .mediaControls .buttons {
	float: left;
}
.mediaControls .buttons {
	overflow: hidden;
}
.button {
	width: 36px;
	height: 36px;
	float: left;
	cursor: pointer;
}
.sprite {
	background: url(/graphics/sprite.png);
	background-position: -1px -4px;
	display: block;
}
.sprite.upTab {
	background-position: -4px -211px;
	width: 136px;
	font-size: 11px;
	line-height: 20px;
	height: 18px;
	padding-top: 2px;
}
.sprite.downTab {
	background-position: -4px -232px;
	width: 136px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
}
.sprite.upTab, .sprite.downTab {
	color: #ffe5d4;
	text-decoration: none;
	cursor: pointer;
}
.sprite.upTab:hover, .sprite.downTab:hover {
	color: #fff5e4;
	text-decoration: none;
}
.sprite.downArrow {
	background-position: -152px -70px;
	width: 24px;
	height: 15px;
}
.sprite.downArrowSmall {
	background-position: -4px -265px;
	width: 14px;
	height: 8px;
}
.sprite.openClose {
	width: 33px;
	height: 33px;
	background-position: -3px -109px;
}
.sprite.openClose.pressed {
	background-position: -3px -141px;
}
.sprite.openClose.closed {
	background-position: -35px -109px;

}
.sprite.openClose.closed.pressed {
	background-position: -35px -141px;
}
.sprite.foldIcon {
	background-position: -152px -70px;
	width: 24px;
	height: 15px;
}
.aboveFold:hover .foldIcon {
	background-position: -152px -85px;
}
.sprite.thumbIcon {
	background-position: -68px -109px;
	width: 33px;
	height: 33px;
}
._open .sprite.thumbIcon {
	background-position: -68px -173px;
}

.button.prevTrack:hover { background-position: -1px -39px; }
.button.prevTrack.pressed { background-position: -1px -74px; }
.button.play,
.button.play._playing._paused { background-position: -36px -4px; }
.button.play:hover,
.button.play._playing._paused:hover { background-position: -36px -39px; }
.button.play.pressed,
.button.play._playing._paused.pressed { background-position: -36px -74px; }

.button.play._playing { background-position: -106px -4px; }
.button.play._playing:hover { background-position: -106px -39px; }
.button.play._playing.pressed { background-position: -106px -74px; }

.button.nextTrack { background-position: -71px -4px; }
.button.nextTrack:hover { background-position: -71px -39px; }
.button.nextTrack.pressed { background-position: -71px -74px; }

.mediaControls .button .label {
	position: absolute;
	top: -9999px;
}
.disco {
	overflow: hidden;
	border: none;
	padding-bottom: 20px;
}
.rockify {
	position: absolute;
	top: -24px;
	right: -15px;
}
.playerDisplay {
	position: absolute;
	right: 97px;
	top: -20px;
	white-space: nowrap;
	font-size: 11px;
}
.displayTab {
	background-position: -141px -241px;
	width: 20px;
	height: 16px;
	overflow: hidden;
}
.displayField {
	overflow: hidden;
	background: #fecdba;
	height: 16px;
	width: 0;
}
.discoItem ._playingAlbum,
.discoLink:hover {
	text-decoration: none;
	color: #ffe5d4;
}
.discoItem img {
	border: 4px solid transparent;
	margin-left: -4px;
	display: block;
}
.discoItem ._playingAlbum img {
}
.discoItem a {
	display: block;
	width: 178px;
	white-space: normal;
}
.discography {
	background-color: #ff7a60;
	padding: 10px 0 5px;
}
.discography .slider {
	padding: 0 30px;
}
.discography .indexItem {
	padding: 0px 7px 10px 0;
}
.discoSingle {
	background: #ff5644;
	border-bottom: 5px solid #ff7a60;
}
.release.column {
	width: 174px;
	height: 255px;
	border: none;
}
.extended.release {
	overflow: hidden;
}
.extended.release .left {
	margin: 0;
	padding: 15px 35px 0 0;
}
.extended.release .left, .extended.release .right {
}
.extended.release .title {
	margin: 3px 0;
}
.disco .meta {
	font-size: 11px;
}
.extended.release li {
	font-size: 12px;
	font-weight: 600;
	clear: left;
}
.extended.release .odd {
	background: #feb89b;
}
.extended.release li._playing,
.extended.release li._playing .trackNo {
	color: #ffe5d4;
}
.extended.release li:hover,
.extended.release li:hover .trackNo {
	color: #ffe5d4;
	background: #ff7a60;

}
.extended.release li .text {
	display: block;
	float: left;
	padding: 1px 7px 1px 1px;
}
.extended.release .trackList {
	margin-top: 17px;
}
.extended.release .trackNo {
	width: 20px;
	color: #ff7a60; 
	text-align: right;
	clear: left;
}
.extended.release .trackTitle {
	width: 322px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.extended.release .discoBack {
	float: left;
	clear: left;
	margin-top: 30px;
}
.extended.release p {
	margin-bottom: 0;
	margin-top: 10px;
}
.musicLink:hover {
	cursor: pointer;
}
.musicLink:hover .trackTitle {
	text-decoration: underline;
}
.disco .filter {
	float: left;
	font-size: 22px;
	margin: 0 30px;
	line-height: 20px;
}
.disco .filter a {
	color: #ff5644;
}
.disco .filter a._activeFilter {
	color: #C52232;
}

.track .playing {
	background-position: 10px 10px;
	height: 9px;
	width: 7px;
	position: absolute;
	left: -12px;
	top: 4px;
}
.track._playing .playing,
.track:hover .playing {
	background-position: -155px -13px;
}

.track .videoLink {
	background-position: -155px -22px;
	width: 13px;
	height: 9px;
	padding: 0 0 4px;
	margin-top: 1px;
	display: inline-block;
	zoom:1;
	*display: inline;
}
.track .itunesLink {
	background-position: -195px -125px;
	width: 38px;
	height: 12px;
	margin-right: 2px;
	margin-bottom: -1px;
	display: inline-block;
	zoom:1;
	*display: inline;
}
.videoLink .inner, .itunesLink .inner {
	position: absolute;
	top: -9999px;
}

/* Video-player */
object.youtube {
	display: block;
	height: 450px;
}


/* Padding bah */
.nopadding {
	padding: 0;
}



/*
 * General Kveik-styles below
 */

/* Gallery */
.imgContainer {
	background: black;
}
.galleryControl {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	overflow: hidden;
}
._touch .volume, 
._touch .galleryControl {
	display: none !important;
}
.handheld {
	display: none;
}
.galleryControl .link {
	position: absolute;
	top: 0;
	bottom: 0;
	cursor: pointer;
	height: 100%;
}
.ie .galleryControl .link {
	background: url(/is/graphics/primitives/transparent.png);
}
.galleryControl .left {
	left: 20px;
	right: 60%;
}
.galleryControl .right {
	left: 60%;
	right: 20px;
}
.galleryControl .cursor {
	overflow: hidden;
	width: 150px;
}
.galleryControl .cursor span {
	float: left;
	line-height: 25px;
	margin-left: 10px;
	color: #ffe5d4;
}
.galleryControl .graphic {
	display: block;
	width: 16px;
	height: 25px;
	background: url(/graphics/buttons.png) -331px -2px;
}
.prevInteractor.pressed .graphic {
	background-position: -331px -52px;
}
.nextInteractor .graphic {
	background-position: -348px -2px;
}
.nextInteractor.pressed .graphic {
	background-position: -348px -52px;
}
.galleryControl .cursor {
	display: none;
}
.galleryControl .link:hover .cursor {
	display: block;
}
.gallery.thumbs {
	left: 0;
	right: 0;
}
.slider {
	overflow: hidden;
	float: left;
	white-space: nowrap;
	position: relative;
}
.slideItem {
	display: inline-block;
	vertical-align: top;
}
.ie .slideItem {
	zoom: 1;
	*display:inline;
}
.gallery.thumbs .bottom {
	border-top: 51px solid black;
	white-space: nowrap;
}
.slideContainer {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.gallery .slideContainer {
	border-bottom: 4px solid black;
}
.gallery.thumbs .frame ._isElement, .gallery.thumbs .frame ._kkState {
	width: auto;
}
.gallery.thumbs .background {
	background: black;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}
.gallery.thumbs .background, .gallery.thumbs a {
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.gallery.thumbs a._active, .gallery.thumbs a:hover {
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.gallery.thumbs img {
	border-right: 4px solid black;
}
.gallery.thumbs .hoverArea {
	height: 75px;
}
.ie .gallery.thumbs .hoverArea {
	background: url(/is/graphics/primitives/transparent.png);
}
.thumbLabel {
	position: absolute;	
	color: #cacaca;
	padding: 2px 4px 4px 4px;
	margin-top: 7px;
	margin-left: 5px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}
.thumbLabel .label {
	position: absolute;
	top: -99999px;
}

/* Fullscreen */
html, body.fullscreen {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;	
}
.fullView {
	height: 100%;
}
.fullView.root {
	top: 0;
	left: 0;
}
.fullView.imgContainer {
	overflow: hidden;
}
.fullViewImg {
	position: relative;
	top: -9999px;
	width: 0;
	height: 0;
}

/* Helpers */
.hidden {
	position: absolute;
	top: -99999px;
}
.fixed {
	position: fixed;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.floatLeft {
	float: left;	
}
.floatRight {
	float: right;
}
.topLeft {
	top: 0;
	left: 0;	
}
.bottom {
	bottom: 0;
}
.bottomLeft {
	bottom: 0;
	left: 0;
}
.block {
	display: block;
}
.inlineBlock {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* Z-index layers */
.bottomLayerM1 { z-index: 8; }
.bottomLayer { z-index: 10; }
.bottomLayerP1 { z-index: 12; }
.middleLayerM1 { z-index: 98; }
.middleLayer { z-index: 100; }
.middleLayerP1 { z-index: 102; }
.topLayerM1 { z-index: 198; }
.topLayer { z-index: 200; }
.topLayerP1 { z-index: 202; }

/* Debugging */

/* Defaults */
.content { 			width: 970px; }
.column { 			width: 220px; }
.wide.column { 	width: 463px; }
.wide.column.noPadding { width: 463px; }
.half.column { 	width: 441px; }
.half.column.noPadding { width : 466px; }
.column.noPadding { padding: 0; }

.header ul.topMenu a {
	padding: 3px 10px;
	font-size: 22px;
}

/* Responsiveness */
@media all and (min-width: 0px) {
	.yap { display: none; }

	.info .download { float: none; margin: 10px auto; }

}


/* iPhone / handheld */
@media all and (max-width: 450px) {
	.content { 			width: 300px; }
	.column { 			width: 280px; }
	.wide.column { 	width: 280px; }
	.wide.column.noPadding { width: 300px; }
	.half.column { 	width: 280px; }
	.half.column.noPadding { width : 300px; }

	.text img { width: 100%; }

	.header .datarock {
		background-position: -4px -463px;
		bottom: auto;
		top: 2px;
		width: 151px;
		height: 26px;
	}

	.info h1 {
		font-size: 42px;
		line-height: 32px;
	}

	.handheld {
		display: block;
	}
	.noHandheld {
		display: none;
	}

	.brutal {
		font-size: 19px;
		line-height: 16px;
	}
	.brutal.small, .brutal .small {
		font-size: 12px;
	}
	.brutal.biggest, .biggest .brutal, .brutal .biggest {
		font-size: 30px;
		line-height: 22px;
	}


	#aboveFold {
		width: 100%;
		overflow: hidden;
	}

	/* Tracklist */
	.extended.release .trackTitle {
		width: 200px;
	}

	.event .text {
		width: 221px;
	}

	.footer .social {
		width: 178px;
	}

	.playerDisplay, .volume { display: none !important; }

	.content {
		padding: 0 auto;
	}

	/* Front page youtube-container */
	.youtubeContainer.smallest {
		margin: 30px auto;
	}


	/* Items */
	.column .item {
		overflow: hidden;
		height: auto;
		margin-bottom: 40px;
	}

	/* Textbox for store&gallery */
	.storeData {
		top: 10px;
		bottom: 20px;
	}
	.storeData .content {
		position: absolute;
		height: 100%;
		overflow: auto;
	}
	.storeData h1 {
		width: 298px;
	}
	.storeData .openClose {
		left: auto;
		right: 0;
	}

	.columnContainer { border-left: 1px solid #e5cebe; border-right: 1px solid #e5cebe; }

	.feature .title, .feature .subtitle {
		width: 200px;
	}


	/* Images in text (info) */
	.text img {
		margin-bottom: 30px;
	}
}

/* Two columns
 * - menu under logo + player
 */
@media all and (min-width: 451px) and (max-width: 767px) {
	.content {
		width: 450px;
	}
	.column {
		width: 204px;
	}
	.wide.column {
		width: 450px;
	}
	.half.column {
		width: 429px;	
	}
	.half.column.noPadding {
		width: 450px;
	}
	.wide.column.noPadding {
		width: 450px;
	}

	.info h1 {
		font-size: 65px;
		line-height: 50px;
	}

	.text img {
		width: auto;
	}

	.brutal.biggest, .biggest .brutal, .brutal .biggest {
		font-size: 50px;
		line-height: 38px;
	}

	.header .datarock {
		background-position: -4px -390px;
		height: 51px;
		width: 309px;
		bottom: 4px;
	}

	/* Tracklist */
	.extended.release .trackTitle {
		width: 347px;
	}

	.playerDisplay, .volume { display: none !important; }

	.columnContainer.dual { border-left: 1px solid #e5cebe; border-right: 1px solid #e5cebe; }
	.columnContainer.quad { background: url(/graphics/columns/2/indexbg.png) repeat-y; }
	.columnContainer.front { border-left: 1px solid #e5cebe; border-right: 1px solid #e5cebe; }

	.feature .title, .feature .subtitle {
		width: 400px;
	}
}

/* iPad portrait */
@media all and (min-width: 768px) and (max-width: 1023px) {
	.header ul.topMenu a {
		padding: 3px 5px;
		font-size: 18px;
	}
	.content { 			width: 745px; }
	.column { 			width: 226px; }
	.front .column {	width: 216px; }
	.wide.column { 	width: 230px; }
	.wide.column.noPadding { width: 267px; }
	.half.column { 	width: 351px; }
	.half.column.noPadding { width : 372px; }

	.event .text {	width: 188px; }
	.info h1 { font-size: 50px; margin-bottom: 20px; }
	.info .download { float: none; margin: 10px auto; }

	.brutal { font-size: 16px; line-height: 13px; }
	.brutal.biggest, .biggest .brutal, .brutal .biggest {
		font-size: 60px;
		line-height: 46px;
	}

	.columnContainer.dual { background: url(/graphics/columns/3/infobg.png) repeat-y; }
	.columnContainer.quad { background: url(/graphics/columns/3/indexbg.png) repeat-y; }
	.columnContainer.front { background: url(/graphics/columns/3/frontbg.png) repeat-y; }

	.feature .title, .feature .subtitle {
		width: 450px;
	}
}

/* iPad wide */
@media all and (min-width: 1024px) {
	.content { 			width: 970px; }
	.column { 			width: 222px; }
	.wide.column { 	width: 463px; }
	.wide.column.noPadding { width: 483px; }
	.half.column { 	width: 466px; }
	.half.column.noPadding { width : 483px; }

	.event .text {	width: 330px; }
	.info h1 { font-size: 50px; margin-bottom: 20px; }
	.info .download { float: left; margin: 10px auto; }

	.brutal { font-size: 24px; line-height: 19px;}
	.brutal.biggest, .biggest .brutal, .brutal .biggest {
		font-size: 90px;
		line-height: 66px;
	}

	.header ul.topMenu a {
		padding: 3px 10px; 
		font-size: 22px;
	}

	.header .datarock {
		background-position: -4px -283px;
		width: 389px;
		height: 90px;
		top: auto;
		bottom: -41px;
		left: 26px;
	}

	.columnContainer.dual { background: url(/graphics/columns/4/infobg.png) repeat-y; }
	.columnContainer.quad { background: url(/graphics/columns/4/indexbg.png) repeat-y; }
	.columnContainer.front { background: url(/graphics/columns/4/frontbg.png) repeat-y; }

	.feature .title, .feature .subtitle {
		width: 450px;
	}
}

@media all and (min-width: 1200px) {
	.yap {
		display: block;
	}
}