@charset "UTF-8";


/* TCT SCREEN CSS */

html { height:100%; }
	
body {
	background:#000 url(../i/film.jpg) no-repeat 50% 0% scroll;
	color:#888;
	font:82.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
	overflow-y:scroll;
	}

body.home { 
	overflow-y: hidden;
	padding:0;
	height:100%;
	background-image:none;
	}

a {
	font-weight:bold;
	color:#ccc;
	text-decoration:none;
	outline:none;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	}
	a:hover { color:#fff; text-shadow:0px 0px 10px rgba(255,255,255,.5); }
	
em, strong {
	font:normal 1.05em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#ccc;
	}
	
strong { font-style:normal; }


.home #menu {
		-webkit-animation-name: slidedown;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		}
		
			@-webkit-keyframes slidedown {
				from {
						opacity:0;
						-webkit-transform:translateY(-30px)
				}
				50% {
						opacity:0;
						-webkit-transform:translateY(-30px)
				}
				to {
						opacity:1;
						-webkit-transform:translateY(0px)
				}
			}
			
.home .fineprint,
.home #twitter_div {
		-webkit-animation-name: slideup;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		}
		
			@-webkit-keyframes slideup {
				from {
						opacity:0;
						-webkit-transform:translateY(30px)
				}
				50% {
						opacity:0;
						-webkit-transform:translateY(30px);
				}
				to {
						opacity:1;
						-webkit-transform:translateY(0px)
				}
			}

/* Stop the flicker...blah! */
div { -webkit-transform:translate3d(0,0,0); }
	
#menu {
	position:relative;
	margin:0 auto;
	text-align:center;
	font:80% Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	background:#111;
	z-index:999;
	white-space:nowrap;
	-webkit-box-shadow:0px 10px 30px rgba(0,0,0,.6);
	-moz-box-shadow:0px 10px 30px rgba(0,0,0,.6);
	box-shadow:0px 10px 30px rgba(0,0,0,.6);
	}
	#menu a {
		position:relative;
		padding:1.5% 2% 0.5%;
		letter-spacing:0.1em;
		font-weight:bold;
		background:#151515;
		border-bottom:1px solid #000;
		display:inline-block;
		z-index:200;
		}
		body.home #menu a {
			color:#999;
			}	
			#menu a:hover,
			body.home #menu a:hover {
				background:#444;
				color:#fff;
				border-bottom:1px solid #ddd;
				}
	
#menu a#home {
	color:#fff;
	border:none;
	}
	
#menu a#downloads {
	color:#FFFF99;
	}

#menu a.active,
#menu a.active:hover {
	background:#222;
	color:#fff;
	border-bottom:1px solid #fff;
	}
	body.news #menu a.active,
	body.news #menu a.active:hover { color:#e0da96; border-bottom:1px solid #e0da96; }
	body.tour #menu a.active,
	body.tour #menu a.active:hover { color:#efb499; border-bottom:1px solid #efb499; }
	body.sound #menu a.active,
	body.sound #menu a.active:hover { color:#d73f28; border-bottom:1px solid #d73f28; }
	body.releases #menu a.active,
	body.releases #menu a.active:hover { color:#d73f28; border-bottom:1px solid #d73f28; }
	body.images #menu a.active,
	body.images #menu a.active:hover { color:#567e5a; border-bottom:1px solid #567e5a; }
	body.motion #menu a.active,
	body.motion #menu a.active:hover { color:#cff; border-bottom:1px solid #cff; }
	body.links #menu a.active,
	body.links #menu a.active:hover { color:#719673; border-bottom:1px solid #719673; }
	body.signup #menu a.active,
	body.signup #menu a.active:hover { color:#960; border-bottom:1px solid #960; }
	body.downloads #menu a.active,
	body.downloads #menu a.active:hover { color:#719673; border-bottom:1px solid #719673; }
	
#menu a#myspace,
#menu a#facebook,
#menu a#twitter {
	position:relative;
	padding:0;
	margin:0 4px 0;
	opacity:0.5;
	}
	#menu a#myspace {
		margin-left:30px;
		}
	
#menu a#myspace:hover,
#menu a#facebook:hover,
#menu a#twitter:hover {
	background:none;
	border:none;
	opacity:1.0;
	}

#container {
	position:relative;
	max-width:1280px;
	margin:0 auto;
	padding-bottom:2em;
	text-align:center;
	}
	
#container {
		-webkit-animation-name: fadein;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		}
		
			@-webkit-keyframes fadein {
				from {
						opacity:0;
				}
				25% {
						opacity:0;
				}
				to {
						opacity:1;
				}
			}

#text {
	width:90%;
	margin:0 auto;
	padding:0 5%;
	text-align:center;
	}

h1,
h1.blog {
	font-weight:normal;
	font-size:4000%;
	letter-spacing:-0.15em;
	margin:-.5em auto .1em;
	line-height:1em;
	padding:0;
	display:block;
	text-indent:-5%;
	text-shadow:0px 0px 25px rgba(0,0,0,.8);
	}
	
h1:first-letter {
	color:#fff;
	}
	body.news h1:first-letter { color:#e0da96; }
	body.tour h1:first-letter { color:#efb499; }
	body.sound h1:first-letter { color:#d73f28; }
	body.images h1:first-letter { color:#567e5a; }
	body.motion h1:first-letter { color:#cff; }
	body.downloads h1:first-letter { color:#719673; }
	body.signup h1:first-letter { color:#960; }
	
h1 span {
	font:0.4em Georgia, "Times New Roman", Times, serif;
	background:none;
	letter-spacing:-.1em;
	line-height:1;
	height:1em;
	display:block;
	}

h2 {
	font:normal 200% Georgia, "Times New Roman", Times, serif;
	color:#ccc;
	margin:15px 0;
	}

h3 {
	font-size:1.25em;
	}

.post h2 {
	font:normal 170%/130% Georgia, "Times New Roman", Times, serif;
	text-align:left;
	border-top:1px solid #151515;
	padding:0.75em 0 0.4em;
	letter-spacing:-0.05em;
	clear:both;
	}
	.post h2 a { font-weight:normal; color:#ccc; }
	
#text ul {
	display:block;
	width:65%;
	margin:0 auto;
	padding:1em 0;
	}

#text ul li {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	}
	
#text p,
#text li {
	
	}
	
/*#text ul li:before {
	content: "\00BB \0020";
	}*/
	
input,
textarea {
	background:#111;
	border:none;
	border-bottom:1px solid #000;
	color:#888;
	font:2em Georgia, "Times New Roman", Times, serif;
	text-align:center;
	}
	
textarea {
	text-align:left;
	}
	
.submit {
	background:#111;
	color:#fff;
	cursor:pointer;
	border:none;
	}
	
.submit:hover {
	background:#960;
	}
	


/* ======= SOUND ========= */

.column {
	float:left;
	width:283px;
	height:32em;
	border-left:1px solid #222;
	}
	.last { border-right:1px solid #222; }
	
#text .column p,
#text .column ol li,
#text .column ul li,
#text .column li {
	font-size:.9em;
	}

#text .column ul,
#text .column ol,
#text #unreleased ul,
#text #unreleased ol {
	width:180px;
	text-align:left;
	margin:0 auto;
	}
	
#unreleased {
	margin-bottom:2.5em;
	}
	
#text #unreleased p,
#text #unreleased ol li,
#text #unreleased ul li {
	font-size:.9em;
	}






/* ======= TOUR ========= */

#text .tour-dates {
	margin:0 auto;
	padding:0;
	list-style:none;
	}

#text .tour-dates li {
	margin:0;
	padding:1em 0 1em 120px;
	border-bottom:1px solid #222;
	display:block;
	text-align:left;
	}
	
#text .tour-dates strong {
	color:#efb499; 
	margin:0 5% 0 -120px; 
	padding:0.1em 0.5em; 
	background:#222;
	font-size:175%;
	letter-spacing:0.075em;
	text-align:center;
	width:80px;
	display:inline-block;
	}
	
#text .tour-dates em {
	font:bold 80% Georgia, "Times New Roman", Times, serif;
	color:#ccc;
	margin-left:2%;
	}
	
#text .tour-dates li a.tickets {
	color:#efb499;
	background:#222;
	padding:2px 5px;
	}
	
#text .tour-dates li a.tickets:hover {
	background:#1f1f1f;
	color:#fff;
	}

	
/* Featured Shows */
	
#text .tour-dates li.feature {
	font: 120%/1.55 Georgia, "Times New Roman", Times, serif;
	background:#222;
	letter-spacing:1px;
	text-transform:uppercase;
	}
	#text .tour-dates li.feature:hover { background:#222; }
	
#text .tour-dates li.feature strong,
#text .tour-dates li.feature em {
	margin:0;
	padding:0;
	}
	
#text .tour-dates li.feature em { font-size:90%; }

#text .tour-dates li.feature img {
	float:left;
	width:auto;
	margin:3px 10px 3px 30px;
	}
	
#text .tour-dates li.feature img.frame {
	border:1px solid #444;
	padding:2px;
	background:#222;
	}

	


/* ====== MISC ======= */


.fineprint {
	font:x-small Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#666;
	text-align:center;
	padding:1em 0;
	margin:0;
	letter-spacing:0.1em;
	background:#111;
	display:block;
	float:left;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:9999;
	overflow:hidden;
	-webkit-box-shadow:0px -10px 30px rgba(0,0,0,.6);
	-moz-box-shadow:0px -10px 30px rgba(0,0,0,.6);
	box-shadow:0px -10px 30px rgba(0,0,0,.6);
	}
	#text .fineprint {
		font-size:0.9em;
		letter-spacing:normal;
		text-transform:none;
		padding:0;
		margin: 0 0 1em;
		}
		
.motion .postdata {
	border-top:1px solid #333;
	font-size:9px;
	padding:5px 0 0;
	margin:5px auto 0;
	text-align:center;
	max-width:853px;
	clear:both;
	}
	
embed,
iframe {
	width:100% !important;
	}

.horz-border {
	height:1px;
	border-top:1px solid #222;
	clear:both;
	}
	
.images #text img {
	border:10px solid #666;
	padding:20px;
	margin:0 auto 1em;
	display:block;
	}
	
#twitter_div {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:1000000;
	padding-bottom:8px;
	font:bold .8em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#666;
	text-transform:uppercase;
	}
	
#twitter_update_list {
	position:relative;
	max-width:700px;
	width:90%;
	margin:0 auto;
	padding:5% 5% 3%;
	list-style:none;
	z-index:1000000;
	}
#twitter_update_list li {
	display:block;
	text-align:center;
	margin:0;
	padding:1px 0;
	letter-spacing:1px;
	}
	
#twitter_update_list li span {
	font-size:9px;
	}
	
#twitter_update_list li a {
	margin-left:4px;
	letter-spacing:normal;
	font-size:9px;
	text-transform:lowercase;
	}

.twitter,
.twitter img {
	border:none;
	position:relative;
	top:1px;
	}
	
.more {
	border-left:1px solid #222;
	margin-left:5px;
	padding-left:8px;
	font:bold 1em Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#666;
	}
	
.albums img {
	border:1px solid #333;
	padding:0.5%;
	margin:0.5%;
	background:#000;
	}
	
.attachment-thumbnail {
	width:75px;
	height:75px;
	}
	
h1.header_title {
	font:12px Georgia, "Times New Roman", Times, serif;
	}
	
.item {
	width:310px;
	margin:2em auto;
	display:block;
	}
	
.item strong {
	color:#666;
	font-size:1.3em;
	text-transform:uppercase;
	letter-spacing:8px;
	border-bottom:1px solid #222;
	margin-bottom:.5em;
	padding-bottom:.5em;
	display:block;
	}
	
	
	
/* NEW / WORDPRESS STUFF */

.widecolumn {
	margin-bottom:160px !important;
	}
	
.navigation {
	font-size: 180%;
	margin: 20px 0 0;
	}

#authorbox {
	background:#000 none repeat scroll 0 0;
	border:1px solid #222;
	clear:both;
	color:#666;
	height:auto !important;
	margin-bottom:10px;
	min-height:85px;
	overflow:hidden;
	}
	
.authortext {
	padding-left:100px;
	}
	
#authorbox img {
	border:1px solid #222;
	float:left;
	margin:10px;
	padding:0;
	}

#authorbox p {
	color:#fff;
	margin:0;
	padding:3px 0 0;
	float:right;
	width:448px;
	display:block;
	font-weight:normal;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	}
	
#authorbox h2 {
	background:transparent;
	padding:10px;
	margin:0;
	border:none;
	}
	
#authorbox h4 {
	margin:25px 0 0;
	padding:0 0 6px;
	font-weight:normal;
	border-bottom:1px solid #333;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	float:right;
	width:450px;
	display:block;
	}
	
#authorbox h4 > a {
	color:#fff;
	text-decoration:none;
	}
#authorbox h4 .left {
	float:left;
	width:200px;
	}
#authorbox h4 .right {
	float:right;
	width:200px;
	text-align:right;
	margin-right:10px;
	font:12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	display:block;
	}
	
#authorbox p {
	color:#666;
	}
	
#authorbox p a {
	color:#fff;
	}
	
small .avatar {
	position:relative;
	top:10px;
	border:1px solid #222;
	margin-right:5px;
	}
	
.highlight {
	color:#e0da96;
	}
	
.highlightalt {
	color:#FF3333;
	}

a.more-link {
	width:100%;
	background:#151515;
	margin:5px 0;
	padding:5px 0px;
	font:bold 1.2em "Helvetica Neue", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	border:1px solid #333;
	text-align:center;
	display:block;
	}
	a:hover.more-link { background:#333; color:#fff; border:1px solid #999; }	

blockquote {
	font:15px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}
	blockquote p {
		color:#aaa;
		}
		
.powerpress_player {
	border:1px solid #333;
	padding:6px 8px;
	background:#222;
	float:left;
	width:100%;
	clear:both;
	}
	
.powerpress_links {
	clear:both;
	width:100%;
	font-size:11px !important;
	line-height:14px;
	position:relative;
	top:-34px;
	left:330px;
	width:220px;
	text-align:right;
	margin-bottom:-20px;
	}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
#menu a#myspace,
#menu a#facebook,
#menu a#twitter {
	display:none;
	}
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	/* layouts smaller than 480px and mobiles */
	
	body { 
		margin:0;
		padding:0 0 15%; 
		-webkit-background-size:120% auto; 
		-moz-background-size:120% auto; 
		background-size:120% auto;
		min-height:460px;
		background: #000 url(../i/film.jpg) no-repeat top center;		
		}
	div {
		-webkit-animation-name: fade;
		-webkit-animation-duration: 2.5s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		}
		
			@-webkit-keyframes fade {
				from {
						opacity:0;
				}
				50% {
						opacity:0;
				}
				to {
						opacity:1;
				}
			}
			
			
	body.home { background: #000 url(../i/film.jpg) no-repeat top center; }		
	iframe {
		width:100% !important;
		height:auto;
		}	
	#container img,
	form {
		float:none;
		max-width:100%;
		height:auto;
		margin:0 auto;
		display:block;
		}
	#menu, 
	#container,
	.widecolumn, 
	#text,
	.item,
	#footer {
		position:relative;
		top:auto;
		left:auto; 
		width:90% !important;
		display:block;
		padding:0 5%;
		margin:0;
		clear:both;
		border:0 none;
		overflow:hidden;
		}
	#menu {
		margin:15px 0;
		padding-bottom:7%;
		background:transparent;
		}
	#menu a { 
		background:transparent none; 
		border:0;
		float:left; 
		width:46%; 
		display:block;
		margin:0 auto !important; 
		padding: 2% !important;
		border:0 !important; 
		text-shadow:0px 0px 10px #000;
		font-size:160%; 
		}
	#menu a:hover {
		background:transparent none !important;
		border:0 none !important;
		color:#fff !important;
		}
	#menu a.active { 
		background: rgba(0, 0, 0, 0.4) !important; 
		-webkit-border-radius:15px; 
		-moz-border-radius:15px; 
		border-radius:15px; 
		}
	h1, h2, h3, h4, h5, h6, .item {
		float:none;
		width:100%;
		display:block;
		margin:10% 0 0;
		}
	#flashcontent, .fineprint, h1, h1.blog, .most_comments, object { display:none; }
	#text ul { width:100%; }
	
	#text .tour-dates {
		width:100%;
		border-top:0;
		}		
	#text .tour-dates li {
		padding:8% 2%;
		margin:0;
		border-top:0px;
		width:auto;
		}	
	#text .tour-dates strong {
		width:auto;
		margin:2% 0;
		display:block;
		}
	#text .tour-dates em {
		display:block;
		margin:1% 0;
		}		
	.albums {
		width:100%;
		clear:both;
		padding:2%;
		}
	.albums img {
		float:left !important;
		width:45%;
		margin:1% !important;
	}
	#unreleased {
		float:left;
		}
	.motion .postdata {
		width:100%;
		}
	#twitter_div {
		position:relative;
		bottom:auto;
		text-align:left;
		}
	#twitter_update_list {
		width:auto;
		padding:2%;
		}
	#twitter_update_list li {
		text-align:left;
		padding:0;
		margin:5%;
		}
}