body {
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size:14px/1.5em;		
	margin:0;
	padding:0;
	background-color:#000000;
	background-image:url('background.png');
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 218%;
}

h2 {
	font-size: 164%;
}

h3 {
	font-size: 145%;
}

h4 {
	font-size: 118%;
}

img {
	border:0;	
}

#mainFooter {
	position: fixed;
	z-index: 99999;
	padding: 15px 0;
	bottom: 0;
	min-height: 45px;
	line-height: 23px;
	background: #000 url(footerbackground.png) bottom repeat-x;
	color: #ae8d2a;
	width: 100%;
	-webkit-transition: opacity 2s ease;
	-moz-transition: opacity 2s ease;
	-ie-transition: opacity 2s ease;		
}

.footer-content {
	min-width: 1000px;
	margin: 0 auto;
}

.addthis_toolbox {
	position: absolute;
	left: 0;
	top: 10px;
	width: 50%;
}

.footer-links {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	text-align: right;
	font-style: normal;
}

.footer-links img {
	height:30px;	
	margin-right:5px;
}

.background {
	width:85%;
	height:100%;
	position:absolute;
	
    -webkit-animation-iteration-count:infinite;
 	-webkit-animation-timing-function:linear;
   	-webkit-animation-name:stars;
    -moz-animation-iteration-count:infinite;
 	-moz-animation-timing-function:linear;
   	-moz-animation-name:stars;	   			
}

#backgroundBox {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	overflow:none;
}

#spaceBackground {
	background-image:url("background.png");
	background-position:right top;
	-webkit-transform:rotate(90deg);
    -webkit-animation-duration:100s;
	-moz-transform:rotate(90deg);
    -moz-animation-duration:100s;
        
}

#spaceMidground {
	background-image:url("midground.png");
	background-position:right top;
	-webkit-transform:rotate(90deg);
    -webkit-animation-duration:220s;
	-moz-transform:rotate(90deg);
    -moz-animation-duration:220s;

}

#spaceForeground {
	background-image:url("foreground.png");	
	background-position:left top;	;		
    -webkit-animation-duration:290s;
    -moz-animation-duration:290s;
    
}
	
@-webkit-keyframes stars{
	0%{
		 -webkit-transform:scale(1);
	}
	50%{
		 -webkit-transform:scale(2);
	}
	100%{
		 -webkit-transform:scale(1);
	}
}

@-moz-keyframes stars{
	0%{
		 -moz-transform:scale(1);
	}
	50%{
		 -moz-transform:scale(2);
	}
	100%{
		 -moz-transform:scale(1);
	}
}

.navigationPhone {
	display:none;	
}
#satelliteInfo {
	width:250px;
	height:402px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:55px;
	
}
	
#satelliteText {
	background-color:#ffffff;
	width:250px;
	height:402px;	
	padding:5px;
	display:none;
	
	border-bottom-left-radius:111px;
	border-bottom-right-radius:111px;	
	border-top-left-radius:11px;
	border-top-right-radius:11px;

}

#satellite {
	background-image:url("satellite.png");
	background-repeat:no-repeat;
	width:192px;
	height:202px;
	position:absolute;
	top:350px;
	margin-left:20px;
	margin-right:auto;
	bottom:5px;
	cursor:pointer;

	-webkit-transform:rotate(25deg);
	-moz-transform:rotate(25deg);
}

.section {
	background-color:#ffffff;
	background:none;
	display:block;
	position:relative;			
	color:#333333;
	margin-left: auto;
	margin-right: auto;
	z-index:9999;
}

.section img {
	width:25%;	
}
.section h1 {
	color:#ffffff;	
}

.album {
	background-color:#ffffff;
	display:block;
	position:relative;
	color:#333333;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow:0px 0px 50px 5px #ff3f3f;
	-webkit-border-radius:11px;
	-moz-box-shadow:0px 0px 50px 5px #ff3f3f;
	-moz-border-radius:11px;
}

.player iframe {
	width:100%;
	height:400px;
	position:relative;
}
.album-cover img {
	width:100%;	
}

.albumNotes {
	padding:11px;
	background-color:#f2f2f2;
	border:1px solid #999999;
	margin-bottom:11px;
	border-radius:5px;
}

.album .albumNotes {
	border:0;
}

.albumTitle	{
	display:block;
	margin-bottom:11px;
	font-family: 'Raleway', cursive;
	color:#000000;
	padding:5px;
}	

.video {
	-webkit-box-shadow:0px 0px 50px 5px #666666;
	-moz-box-shadow:0px 0px 50px 5px #666666;
}

#twitter .video {
	-webkit-box-shadow:0 0 0 0;	
	-moz-box-shadow:0 0 0 0;		
}

.media ul {
	padding:0;
	margin:0;	
}

.media ul li {
	margin-bottom:55px;	
}

.satelliteLoader {
	background-image:url("satellite.png");
	background-repeat:no-repeat;
	width:192px;
	height:202px;
	-webkit-animation-name:loader;
	-webkit-animation-iteration-count:infinite;		
	-webkit-animation-duration:1s;
	
	-moz-animation-name:loader;
	-moz-animation-iteration-count:infinite;		
	-moz-animation-duration:1s;
	
}

@-webkit-keyframes loader{
	0%{
		 -webkit-transform: scale(.9,.9);
	}
	50%{
		 -webkit-transform: scale(.95,.95);
	}
	100%{
		 -webkit-transform: scale(.9,.9);
	}
}

@-moz-keyframes loader{
	0%{
		 -moz-transform: scale(.9,.9);
	}
	50%{
		 -moz-transform: scale(.95,.95);
	}
	100%{
		 -moz-transform: scale(.9,.9);
	}
}

.section h1 {
	font-family:'Century Gothic','Futura';	
	font-weight:normal;
}
	
.member {
	position:relative;
	text-align:center;
}

.member .albumNotes {
	opacity:.75;	
}

.memberJudd {
	background-color:#e47834;	
}

.memberZakk {
	background-color:#41b8ba;
}

.member img {
	width:50%;	
}

.member ul li {
	list-style:none;	
}
#tbox #tweet-box-container {
	width:100%;	
}

#twitter {
	margin-left:auto;
	margin-right:auto;	
	background:none;	
	border:0;
	
}

#twitter ul {
	display:none;	
}
#twitter a:link,
#twitter a:visited
 {
	text-decoration:none;
	color:#edae2f;
}

#twitter a:hover {
	text-decoration:underline;
}

#twitter ul {
	background-color:#ffffff;
	color:#333333;	
	padding:0;
	margin:0;
	background:none;
	font-family: "Helvetica Neue",Arial,sans-serif;
}

#twitter ul li {
	list-style:none;
	padding: 9px 12px;
	border-bottom: 1px solid #E8E8E8;
}

#twitter li.tweetDate {
	color:#999999;
	padding-bottom:11px;	
	text-align:center;
	border-bottom:0;
	margin-top:11px;
	-webkit-border-top-left-radius:11px;
	-webkit-border-top-right-radius:11px;			
}

#loadMoreTweets {
	color:#999999;
	padding-bottom:11px;	
	text-align:center;
	border-bottom:0;
	margin-top:11px;
	-webkit-border-radius:11px;
}

#twitter div.tweetTime {
	color:#999999;
	margin-right:11px;
	display:inline-block;
	width:10%;
	vertical-align:top;
}

#twitter div.tweetMedia {
	margin-top:11px;
	padding:5px;	
}

#twitter div.tweetMedia img {
	width:100%;	
}

#twitter div.tweet {
	width:85%;
	display:inline-block;
}

#twitter ul li.color0 {
	background-color:#ffffff;
}	

#twitter ul li.color1 {
	background-color:#f3f6fa;
}	

.sectionheader {
	color:#ffffff;
	font-family: 'Raleway', cursive;
	font-size:400%;
	margin-bottom:55px;
}	


#bio {
	margin-left:11px;
	margin-right:auto;
}	

.blackhole {
	-webkit-animation-iteration-count:once;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:55s;
	-webkit-animation-fill-mode: forwards; 	 	
	-webkit-animation-name:blackhole;	

	-moz-animation-iteration-count:once;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:55s;
	-moz-animation-fill-mode:forwards; 	 	
	-moz-animation-name:blackhole;

}


@-webkit-keyframes blackhole{
	0%{
		 -webkit-transform:scale(1) rotate(0deg);
	}
	25% {
		 rotate(180deg);
	}
	50% {
		-webkit-transform:scale(.5) rotate(360deg);
	}
	75% {
		rotate(520deg);
	}
	100%{
		-webkit-transform: scale(0) rotate(720deg);
	
	}
}

@-moz-keyframes blackhole{
	0%{
		 -moz-transform:scale(1) rotate(0deg);
	}
	50% {
		-moz-transform:scale(.5) rotate(-100deg);
	}
	100%{
		-moz-transform: scale(0) rotate(-200deg);
	
	}
}


#donutHolder {
	width:273px;
	height:240px;
	float:right;
	border-radius:5px;
	margin-bottom:11px;	
	display:block;
	position:relative;
	-webkit-border-radius:11px;
	
}

#donutButton {
	width:253px;
	height:240px;
	background-image:url('donutbutton.jpg');	
	background-repeat:no-repeat;
	background-position:-0px 0px; 
	box-shadow:inset 0px 0px 0px 3px #000000;
	cursor:pointer;

}

.sectionheader img {
	width:100%;		
}	

.header img {
	width:100%;		
}	

	
#logo {
	color:#ffffff;
	font-family: 'Raleway', cursive;
	font-size:500%;
	margin-left:auto;
	margin-right:auto;
}	

#logo h1 {
	font-weight:normal;	
	margin-bottom:5px;
	padding-bottom:5px;
}

#logo kern {
	display:inline-block;
	width:50px;	
}

#logo .satelliteText {
	background-image:url("satellite2.png");
	background-repeat:no-repeat;
	background-position:85% -3%;
	padding-left:50px;
	padding-bottom:55px;
}

#logo .subheader {
	color:#ffffff;
	font-size:90%;
	margin-left:5%;
	text-shadow:-1px -1px 0px #e47834, -2px -2px 0px #41b8ba, -3px -3px 0px #e47834, -4px -4px 0px #41b8ba;
    -webkit-animation-iteration-count:once;
 	-webkit-animation-timing-function:linear;
    -webkit-animation-duration:110s;
    -webkit-animation-fill-mode: forwards; 	 	
   	-webkit-animation-name:logo;
   	
    -moz-animation-iteration-count:once;
 	-moz-animation-timing-function:linear;
    -moz-animation-fill-mode: forwards; 	  	
    -moz-animation-duration:110s; 	
   	-moz-animation-name:logo;   			
}

@-webkit-keyframes logo{
	0%{
		 -webkit-transform:scale(1);
	}
	100%{
		 -webkit-transform:scale(0);
	}
}

@-moz-keyframes logo{
	0%{
		 -moz-transform:scale(1);
	}
	100%{
		 -moz-transform:scale(0);
	}
}

.albumNotes h1 {
	color:#000000;	
}

.albumNotes ul {
	margin:0;
	padding:0;	
}

.navigation {
	color:#ffffff;
	padding:0;
	margin:0;
	list-style:none;
	padding:5px;
	height:18px;
	width:100%;
	z-index:9999;
	margin-left:11px;
	display:none;
}

.navigation li {
	font-family: 'Raleway', cursive;
	font-size:1.5em;
	cursor:pointer;
}

.navigation li img {
	width:124px;
	display:inline;
}

.spacer {
	height:480px;	
}

.album-spacer {
	height:480px;	
}

.albumList {
	list-style:none;
	padding:0;
	margin:0;
}

.albumList li {
	margin-bottom:256px;
}

.video iframe {
	height:375px;
	width:100%;	
}	

#loadMoreTweets {
	-webkit-box-shadow:0px 0px 50px 5px #2dbaef;
	cursor:pointer;
	font-weight:bold;
	-webkit-transition:all 500ms ease-in;
}

#twitter ul #loadMoreTweets.loadMoreHover {
	background-color:#2dbaef;
	color:#ffffff;
	-webkit-box-shadow:0 0 0 0;
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	
	.player {
		margin-top:33px;	
	}	
	
	#logo {
		font-size:745%;
	}

	.footer-links img {
		height:18px;	
	}

}

@media screen and (max-width: 767px) {


	.player {
		margin-top:33px;	
	}	
	
	.album {
		margin-top:33px;
	}	
	
	body {
	}
	.video iframe {
		height:150px;	
	}	
	
	.member {
		width:100%;
		display:block;
		padding:0;
		margin-bottom:5px;	
	}	
	
	.albumNotes {
	}
	
	
	#logo {
		font-size:345%;
		margin-left:auto;
		margin-right:auto;
	}	
			
	#logo kern {
		display:inline-block;
		width:11px;	
	}

	#logo .satelliteText {
		background-image:url("satellite3.png");
		background-repeat:no-repeat;
		background-position:85% 2%;
		padding-left:11px;
	}
	
	#logo .subheader {

	}
	

	#twitter div.tweetTime {
		margin-right:11px;
		display:inline-block;
		width:15%;
		vertical-align:top;
	}
	
	#twitter div.tweet {
		width:80%;
	}		

	
	.navigation {
		display:none;
	}
	
	.navigationPhone {
		display:block;	
		position:relative;
		height:155px;
		width:50%;
		margin-top:55px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:55px;
	}

	.navigationPhone li {
		display:block;	
		width:100%;
		clear:both;
	}


	.navigationPhone li img {
		width:65%;
	}
	

	.sectionheader {
		color:#ffffff;
		font-family: 'Raleway', cursive;
		font-size:300%;
	}	
	
	.addthis_toolbox {
		position: absolute;
		left: 0;
		top: 10px;
		width: 100%;
	}
	.footer-links {
		display:none;	
	}

	#mainFooter {
		padding: 5px 0;
		min-height: 25px;
		line-height: 13px;
	}

}