/* CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



@font-face {
	font-family:"Pictos";
	src:url('Pictos/Pictos.eot');
	src:url('Pictos/Pictos.eot?iefix') format('eot'),url('Pictos/Pictos.svg') format('svg'), url('Pictos/Pictos.ttf') format('truetype'), url('/Pictos/Pictos.woff') format('woff')
}

.pictos{font-family:"Pictos" !important}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    color: #bbb;
    font-family: Arial;
    line-height: 2em;
    font-size: .9em;
}

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #3a848f;
}
a:hover {
	color:#4db7be;
}

h2 {
	color: #fff;
	font-size: 5em;
	line-height: .8em;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	white-space: nowrap;
}
h4 {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.55em;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	white-space: nowrap;
	margin:-1px 0 0 0;
	text-indent:3px;
	text-transform: uppercase;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* longbeard */

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}
html {
	height:100%;
	width:100%;
	background-color: #000;
}

body {
	height:100%;
	width:100%;
	background-color: #000;
    background: url(images/pixelate.jpg) center center;
}

.clear {
	clear: both;
}

#bglines {
    background: url(images/lines.gif) repeat center center fixed;
    width:100%;
    height:100%;
    position: relative;
}
#bgblur {
    background: url(images/pixelate.jpg) no-repeat center center fixed;
    width:100%;
    height:100%;
    position: absolute;
    left:center;
}

#fullContent {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:100%;	
	width:100%;
	background-position-x: 50%;
	background-position-y: 50%;
}

#nav {
    background: url(images/bg_nav.png) repeat;
    width:100%;
    border-bottom: 1px solid #000;
	min-width: 450px;
	z-index: 100;
	position: absolute;
}

	#logo {
		margin:8px 0 0 20px;
	}
	
	.navitem, .navitem2 {
		float: right;
		width:28px;
		height:28px;
		margin: 5px 0 5px 3px;
		cursor: pointer;
	}
	
		.navitem.home {
    		background: url(images/nav_home.gif) no-repeat;
		}
		
		.navitem.info {
    		background: url(images/nav_info.gif) no-repeat;
		}

		.navitem.music {
    		background: url(images/nav_music.gif) no-repeat;
		}

		.navitem.video {
    		background: url(images/nav_video.gif) no-repeat;
		}

		.navitem.photo {
    		background: url(images/nav_photo.gif) no-repeat;
		}

		.navitem.news {
    		background: url(images/nav_news.gif) no-repeat;
		}

		.navitem.shop {
    		background: url(images/nav_shop.gif) no-repeat;
		}

		.navitem2.facebook {
    		background: url(images/nav_facebook.gif) no-repeat;
		}

		.navitem2.twitter {
    		background: url(images/nav_twitter.gif) no-repeat;
		}

		.navitem2.apple {
    		background: url(images/nav_apple.gif) no-repeat;
		}
		
		.navspace {
			float: right;
			width:20px;
			height:28px;
		}

		.navitem.on {
			background-position: 0px -28px;
		}

	#photoBrowser {
		position: absolute;
		z-index: 5;
		right:7px;
		top:46px;
		display:none;
	}
	
		.browser {
			background-color:#000;
			padding: 10px;
			display: table;
		}

		.browser img {
			float: left;
			cursor: pointer;
		}
		
		#preload {
			width: 1px;
			height:1px;
			overflow: hidden;
		}
		
		.arrow {
			position: absolute;
			top:45%;
			cursor: pointer;
			display: none;
		}
		
		#ltarrow {
			left:20px;
		}
		#rtarrow {
			right:20px;
		}

#infoContent {
	padding:20px;
	display: none;
}

	.infoItem, .infoH2 {
		background: #000;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	
	.infoH2 p {
	}

	.infoH2 {
		padding: 10px 20px 15px;
	}

	
	.infoItem .plus {
		float: left;
		height:100%;
		font-size: 8.75em;
		line-height: .55em;
		background-color: #fff;
		font-weight: bold;
		padding-top: 3px;
		margin-left:-80px;
	}

#newsContent {
	padding:46px 0 0 20px;
	display: none;
}

	.newsItem {
		background: #000;
		margin: 0 5px 5px 0;
		float: left;
		width:48.5%;
		overflow: hidden;
	}
	
	.newsItem .plus {
		float: left;
		height:100%;
		font-size: 10.2em;
		line-height: .55em;
		background-color: #fff;
		font-weight: bold;
		padding-top: 3px;
		margin-left:-85px;
	}
	
#audio {
  background-color: rgba(0,0,0,.7);
	position: absolute;
	bottom: 0px;
	left:0px;
	color:#fff;
	width:100%;
	padding-top: 5px;
}
	#audio .playing {
		text-shadow: .5px .5px 2px #000;
		padding-left: 15px;
		font-family: 'Lato', sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		font-size: .8em;
	}

		#audio .playing span.pictos {
			font-size: 1.4em;
			color: #fff;
		}

		#audio .playing b {
		font-weight: bold;
		}
	
	#audio .toggle {
		float:left;
		padding-left: 15px;
		font-weight: bold;
		line-height: normal;
		font-family: 'Lato', sans-serif;
		text-shadow: .5px .5px 2px #000;
		font-size: 3em;
	}

	#audio .toggle a {
		color:#fff;
	}

	#audio .title {
		float:left;
		font-weight: normal;
		line-height: normal;
		font-family: 'Lato', sans-serif;
		text-shadow: .5px .5px 2px #000;
		font-size: 3em;
		text-transform: uppercase;
		letter-spacing: -2px;
	}
	
	#audio .title li {
		display: none;
	}

	#audio .title li a {
		color: #fff;
		font-weight: normal;
	}

	#audio .title li.jp-playlist-current {
		display: block;
	}
	
	.jp-pause, .jp-play {
		display: inline-block;
		width:50px;
		text-align: center;
	}
	
.jp-play-bar {
	background-color: #ff3b3b;
	height:8px;
}

#musicContent {
	padding-top: 46px;
	display:none;
}

	.musicItem {
		background: url(images/bg_black.png) repeat;
		margin:auto;
		width:600px;
		overflow: hidden;
	}
	
	.musicItem .cover {
		padding: 15px;
		float: left;
	}
	
	.musicItem h3 {
		font-weight: normal;
		font-family: 'Lato', sans-serif;
		font-size: 2em;
		line-height: 1em;
		padding-top: 10px;
		color: #fff;
	}
	
	.musicItem ol {
		font-size: .8em;
		line-height: 1.5em;
		margin:15px 0;
	}

	.musicItem span {
		font-size: .7em;
		line-height: 1.5em;
		display: block;
		margin-top:15px;
	}

	.musicItem a {
		color:#fff;
	}

#homeContent {
	padding-top: 46px;
}

	.homeItem {
		background: url(images/bg_black.png) repeat;
		margin:auto;
		width:400px;
		overflow: hidden;
		padding: 20px;
	}





body div#TSCart_header_wrap {
		background: #000;
    border: 1px solid #000000;
    border-radius: 6px 6px 6px 6px;
    color: #AAAAAA;
    font: 10px "Lucida Grande",Tahoma,Arial,Helvetica,sans-serif;
    right: 240px;
    top: 6px;
}
div#TSCart_header_wrap #TSCart_header img {
    top: 2px;
    position: relative;
}



#podcast {
-moz-border-radius: 5px;
border-radius: 5px;
position:absolute;
top:5px;
left:200px;
background-color: #d43939;
font-size:10px;
padding: 0px 10px;
z-index: 200;
}

a.podcast {
color:#fff;
}

a.podcast #podcast:hover {
opacity:.9;
}