@import url('no-script.css');
@media screen {

*
	{margin: 0;
	padding: 0;
	outline: none;}

html
	{background: #e3ded9;}

body
	{color: #4d4343;
	font: 12px/1.6 georgia, cambria, serif, sans-serif;}

input, select, textarea
	{font: 13px georgia, cambria, serif, sans-serif;}

a,
a:active
	{outline: 0;
	color: #8c8c8c;}
	
	a img
		{border: none;}

iframe
	{border: 0;
	background: transparent;}
	
section,
article,
nav,
header,
footer, 
aside,
video,
audio,
figure,
hgroup
	{display: block;}

time
	{}

p
	{padding: 0;}

ul,
ol
	{padding: 0 0 15px 30px;}

hgroup
	{margin: 20px auto 0;
	width: 600px;
	height: 166px;
	text-align: left;
	text-indent: -6957919px;
	overflow: hidden;
	background: url(../images/lrs-sprite.png);}

h1
	{font: 26px/30px georgia, cambria, serif, sans-serif;
	padding: 10px 0;
	clear: both;}
	
	hgroup h1
		{}
	
	hgroup h2
		{}
	
	hgroup a
		{display: block;}
		
		hgroup a:hover
			{text-decoration: underline;}

/* BUILDING..... */

#everything
	{text-align: center;}

#supersized-loader
	{display: none;}

#supersized
	{position: fixed;
	left:0;
	top:0;
	overflow:hidden;
	z-index:-999;
	height:100%;
	width:100%;}

	#supersized img
		{position: relative;
		outline :none;
		border: none;
		-ms-interpolation-mode:bicubic;
		image-rendering: optimizeQuality;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;}

.dld
	{padding: 15px 0 10px;
	text-align: left;}

#get-songs
	{list-style: none;
	padding: 5px 0;
	text-align: left;
	font: 18px/20px georgia, cambria, serif, sans-serif;
	text-shadow: 0 0 7px rgba(255,255,255,0.3);}
	
	#get-songs li
		{display: inline;
		padding: 6px 20px 4px;
		color: #979190;}
	
	#get-songs li:first-child
		{padding-left: 0;}
		
		#get-songs li a
			{color: #4d4343;
			text-decoration: none;
			-webkit-transition:text-shadow .3s ease-in;
			-moz-transition:text-shadow .3s ease-in;
			transition:text-shadow .3s ease-in;}
			
			#get-songs li a:hover
				{text-shadow: 0 0 12px rgba(0,0,0,0.4);}
				

#share-songs
	{display: none;
	background: rgba(0,0,0,0.8);
	width: 300px;
	padding: 15px 10px;
	color: #ddd;
	position: absolute;
	z-index: 999;
	border-radius: 7px;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.1), 
	inset -1px -1px 0 rgba(0,0,0,0.2), 
	inset 1px 1px 0 rgba(255,255,255,0.2);
	text-align: center;
	font-size: 13px;}
	
	#ie #share-songs
		{display: block;
		left: -6957919px;
		top: -400px;}

	#share-songs ul
		{padding: 10px 0 10px 70px;
		list-style: none;
		position: relative;}
	
	#share-songs li
		{float: left;
		position: relative;
		margin: 0 4px 0 0;}
		
		#share-songs input
			{float: right;
			margin-top: 10px;
			padding: 1px 3px;
			color: #11161c;}
	
#lunchtime
	{padding: 30px 5% 10px;
	margin: 0 auto 10px;
	width: 940px;
	clear: both;}

#lunchtime .media
	{float: left;
	margin: 10px 5px 15px;}
	
	#lunchtime strong
		{}
		
	#lunchtime p
		{clear: both;
		padding: 0 0 10px 0;}

#tonka-truck
	{clear: both;
	margin: 0 auto 10px;
	width: 960px;
	font-size: 12px;}
	
	
	#tonka-truck h1
		{font: 22px/24px georgia, cambria, serif, sans-serif;
		padding: 10px 0;
		clear: both;}
	
	#tonka-truck .dinner
		{padding: 0 0 0 190px;
		margin: 10px 0 10px 40px;
		text-align: left;
		min-height: 210px;
		width: 700px;
		background: url(../images/album-cover.jpg) 0 10px no-repeat;}

#lunchtime,
#tonka-truck
	{text-align: center;}
	
	#tonka-truck p
		{padding: 0 0 4px 0;}

#sinker
	{margin: 10px auto 0;}
	
	#sinker article
		{float: left;
		width: 460px;
		margin: 5px;
		height: 380px;
		font-size: 11px;}
	
	#sinker article p
		{padding: 5px;
		text-align: justify;
		line-height: 1.6;}
	
	#sinker article h1
		{padding: 10px 0 3px 5px;}
		
		#sinker article.l
			{width: 100%;
			height: auto;
			margin-bottom: 20px;}
		
		#sinker article.l p
			{width: 460px;
			margin: auto;}

.media
	{margin: 0 auto;
	visibility: hidden;
	background: rgba(0,0,0,0.7);
	min-width: 400px;
	min-height: 225px;
	box-shadow: 0 0 7px rgba(0,0,0,0.3);}

.cAcK,
#sell
	{position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1;}
	
#bits
	{font-size: 11px;
	padding: 5px 5%;
	text-align: right;}
	
	#bits li
		{list-style: none;
		display: inline;
		padding-left: 10px;}

#sell	
	{left: auto;
	right: 10px;
	width: 70px;
	height: 63px;
	text-align: left;
	text-indent: -6957919px;
	overflow: hidden;
	background: url(../images/lrs-sprite.png) 0 -236px;}

	#sell a
		{display: block;
		width: 100%;
		height: 100%;}

footer ul
	{list-style: none;
	padding: 0 0 5px 10px;}
	
	footer li
		{text-align: left;
		height: 22px;
		padding: 5px 0;}
}

@media only screen and (max-device-width: 480px) 
{

html
	{background-image: url(../images/bg.jpg);
	background-attachment: fixed;}

hgroup
	{width: 300px;
	height: 100px;
	padding-top: 40px;
	background-position: 0 -350px;}

hgroup h1,
hgroup h2
	{}

#everything
	{width: 320px;}

#everything,
.media,
.media iframe,
#sinker
	{min-width: 0;
	width: 300px !important;
	padding: 0;}

.media,
.media iframe
	{min-height: 0;
	height: 169px !important;}

#sell,
.cAcK
	{position: absolute;}

#sell
	{right: 5px;
	top: 5px;}

hgroup
	{margin-top: 28px;}

hgroup h1
	{font: 50px/1.6 georgia, cambria, serif, sans-serif;}

#everything
	{overflow: hidden;
	margin: auto;
	position: relative;}

#tonka-truck,
#lunchtime,
#sinker,
#sinker article,
#tonka-truck .dinner
	{width: 300px;
	float: none;
	margin: 0;}

#sinker article
	{height: auto;}
	
	#sinker article.l p
		{width: auto;}
	
#lunchtime
	{padding: 10px 0;}

#tonka-truck .dinner
	{padding: 190px 0 0 0;
	text-align: center;
	background-position: 50% 0;}

#get-songs,
.dld
	{text-align: center;}

#get-songs li
	{padding: 0 3px;
	margin: 0 5px !important;}

#supersized,
#supersized-loader
	{display: none !important;}

}