.body_text {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
@font-face {
  font-family: 'MuseoSans500';
  src: url('../type/MuseoSans_500.eot');
  src: local('Museo Sans 500'), local('MuseoSans-500'), url('../type/MuseoSans_500.woff') format('woff'), url('../type/MuseoSans_500.otf') format('opentype'), url('../type/MuseoSans_500.svg#MuseoSans-500') format('svg');
}
html { height: 100%; }
body {
  background-color: #fdfcea;
  font-family: "MuseoSans500", futura, helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  min-width: 960px;
  position: relative;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.splash { background-color: white; }
body, a {
  outline: 0;
  text-decoration: none;
  color: #53443c;
}
a:link {
  outline: 0;
  text-decoration: none;
  color: #53443c;
}
a:visited {
  outline: 0;
  text-decoration: none;
  color: #53443c;
}
a:hover {
  outline: 0;
  text-decoration: none;
  color: #53443c;
}
a:active {
  outline: 0;
  text-decoration: none;
  color: #53443c;
}
a:focus {
  outline: 0;
  text-decoration: none;
  color: #53443c;
}
#cloudHolder {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
header {
  display: none;
  position: absolute;
  top: 20px;
  width: 100%;
  min-width: 960px; /*960*/
}
.fig {
  display: block;
  width: 240px;
}
figure {
  display: block;
  width: 240px;
  float: left;
  margin: 7px;
}
figure img {
  max-height: 240px;
  -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
}
figure figcaption {
  display: block;
  width: 240px;
  text-align: center;
}
figure figcaption p { line-height: 14px; }
h1 {
  background-color: #fbed21;
  font-size: 36px;
  height: 80px;
  margin: 14px 0 0 0;
  position: relative;
}
h1 a {
  background-image: url(../images/logo.png);
  overflow: hidden;
  display: block;
  width: 372px;
  height: 57px;
  position: absolute;
  left: 50%;
  top: 12px;
  margin-left: 178px;
  text-indent: -100000px;
}
h2, h3 { font-size: 14px; }
div#pagebody {
  width: 500px;
  left: 50%;
  margin-left: -250px;
  top: 135px;
  display: none;
  position: relative;
}
nav {
  display: block;
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -440px;
  width: 150px;
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0 0 70px 0;
  width: 130px;
}
nav ul li {
  display: none;
  height: 80px;
  overflow: hidden;
  margin-bottom: 0px;
}
nav ul li h3 {
  font-style: normal;
  margin: 0;
  height: 70px;
  overflow: hidden;
  -webkit-transition: all 0.08s ease-in-out;
  -moz-transition: all 0.08s ease-in-out;
  transition: all 0.08s ease-in-out;
}
nav ul li.contact a {
  line-height: 1em;
  padding-top: 30px;
  height: 85px;
}
nav ul li.contact {
  height: 85px;
  line-height: 1em;
  -webkit-transition: all 0.26s ease-in-out;
  -moz-transition: all 0.26s ease-in-out;
  transition: all 0.26s ease-in-out;
}
nav ul li.contact:hover h3 {
  height: 85px;
  line-height: 1em;
  -webkit-transition: all 0.26s ease-in-out;
  -moz-transition: all 0.26s ease-in-out;
  transition: all 0.26s ease-in-out;
}
nav ul li:hover h3 {
  height: 80px;
  margin-bottom: 0px;
}
nav ul li a {
  display: block;
  text-align: center;
  height: 115px;
  width: 120px;
  line-height: 110px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 3px;
  -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
}
nav ul li:nth-child(2n) a { background-color: #fbed21; }
.circle {
  background-color: #53443c;
  color: #fbed21;
  -webkit-border-radius: 56px;
  -moz-border-radius: 56px;
  border-radius: 56px;
  width: 112px;
  height: 112px;
  margin-left: 6px;
}
nav ul li:nth-child(2n+1) h3 a {
  background-color: #53443c;
  color: #fbed21;
  -webkit-border-radius: 56px;
  -moz-border-radius: 56px;
  border-radius: 56px;
  width: 112px;
  height: 112px;
  margin-left: 6px;
}
article {
  display: block;
  width: 510px;
  margin: 0 auto 4em auto;
}
article h2 {
  text-transform: uppercase;
  margin-top: 0;
  line-height: 1em;
  letter-spacing: 1px;
  padding-bottom: 4px;
  border-bottom: 2px solid #fbed21;
}
#subnav h3 {
  text-transform: uppercase;
  margin-top: 0;
  line-height: 1em;
  letter-spacing: 1px;
  padding-bottom: 4px;
  border-bottom: 2px solid #fbed21;
}
article h2 + h2 {
  border-bottom-width: 0px;
  margin-left: 96px;
  margin-top: 0px;
}
p {
  color: #675850;
  line-height: 1.3em;
  margin-bottom: 1.3em;
}
article .extras { text-transform: uppercase; }
article .extras {
  padding-top: 2px;
  margin-top: 4px;
  display: inline-block;
  border-top: 2px solid #fbed21;
}
.show p a {
  padding-top: 2px;
  margin-top: 4px;
  display: inline-block;
  border-top: 2px solid #fbed21;
}
article a.extras { line-height: 15px; }
#subnav span { padding: 2px; }
article a {
  background-color: #fdfcea;
  padding: 2px;
}
#subnav a {
  background-color: #fdfcea;
  padding: 2px;
}
article a:hover { background-color: #fbed21; }
#subnav a.active { background-color: #fbed21; }
#subnav a:hover { background-color: #fbed21; }
nav li.active { height: 125px; }
nav li.active h3 { height: 125px; }
nav ul li.active:hover h3 { height: 125px; }
.listen {
  width: 145px;
  height: 144px;
  margin-left: -10px;
  background-image: url(/images/record_back.png);
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 10px;
}
.listen.stop { background-image: url(/images/record_play.gif); }
.listen h4 {
  position: absolute;
  color: #fbed21;
  text-align: center;
  width: 100px;
  padding: 0 25px;
  top: 10px;
}
.listen p.trackname {
  position: absolute;
  color: #fbed21;
  text-align: center;
  width: 100px;
  padding: 0 25px;
  top: 10px;
}
.listen h4 {
  opacity: 1;
  -webkit-transition: 0.2s all ease-in-out;
}
.listen p.trackname {
  opacity: 1;
  -webkit-transition: 0.2s all ease-in-out;
}
.listen a.pause {
  opacity: 1;
  -webkit-transition: 0.2s all ease-in-out;
}
.listen a.next {
  opacity: 1;
  -webkit-transition: 0.2s all ease-in-out;
}
.listen:hover h4 { opacity: 1; }
.listen:hover p.trackname { opacity: 1; }
.listen:hover a.pause { opacity: 1; }
.listen:hover a.next { opacity: 1; }
.listen p.trackname {
  color: #fdfcea;
  top: 85px;
}
.listenhover { opacity: 1; }
.controls a {
  display: block;
  position: absolute;
  top: 46px;
  left: 47px;
  text-indent: -10000px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}
.listen .play {
  height: 44px;
  width: 44px;
  background-image: url(/images/play-control.png);
  background-position: -44px 0px;
}
.listen .pause {
  width: 14px;
  height: 18px;
  top: 58px;
  left: 25px;
  background-image: url(/images/play-controls.png);
  background-position: -2px -2px;
}
.listen .next {
  width: 14px;
  height: 18px;
  top: 58px;
  left: 25px;
  background-image: url(/images/play-controls.png);
  background-position: -2px -2px;
}
.listen .next {
  width: 17px;
  height: 18px;
  top: 58px;
  left: 100px;
  background-position: -21px -2px;
}
.listen .pause {
  width: 14px;
  height: 18px;
  top: 58px;
  left: 25px;
  background-image: url(/images/play-controls.png);
  background-position: -2px -2px;
}
.listen .controls a.stop { background-position: 0px 0px; }
.listen:hover .controls a.stop { background-position: -88px 0px; }
li.maillist {
  height: 125px;
  background-color: #fbed21;
  text-align: center;
}
nav li.maillist {
  -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
}
li.maillist p { margin: 0; }
li.maillist h3 {
  margin-top: 20px;
  height: auto;
}
li:hover.maillist h3 {
  margin-top: 20px;
  height: auto;
}


#splash li.maillist h3 {
  margin-top: 50px;
  height: auto;
}
#splash li:hover.maillist h3 {
  margin-top: 50px;
  height: auto;
}
.maillist input.address {
  background-color: #fdfcea;
  border: 2px solid #53443c;
  width: 246px;
}
nav .maillist input.address { width: 115px; }
.maillist input.button {
  color: #fdfcea;
  background-color: #53443c;
  float: right;
  margin-right: 7px;
  border-width: 0;
  text-transform: uppercase;
}
#subnav {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  top: 0;
  position: absolute;
  right: -300px;
  width: 250px;
}
#subnav ul {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}
#subnav ol {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}
#subnav h3.nobreak {
  border-width: 0;
  margin-bottom: 0;
}
#subnav input {
  border: 2px solid #fbed21;
  background-color: #fdfcea;
  margin: 0;
  padding: 0;
}
#music ul {
  list-style: none;
  padding: 0;
  text-transform: capitalize;
}
#music ol {
  list-style: none;
  padding: 0;
  text-transform: capitalize;
}
#music li img {
  float: left;
  width: 200px;
  margin: 0.5em 2em;
  -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
}
#music article ul > li {
  padding: 4em 0;
  clear: both;
}
#music article ol { float: left; }
#music li li a {
  -webkit-transition: all 0.16s ease-in-out;
  -moz-transition: all 0.16s ease-in-out;
  transition: all 0.16s ease-in-out;
}
.lyrics h3 { margin: 2em 0 0 0; }
.attribution { margin-top: 0; }
.lyrics h3 + p { margin-top: 0; }
#subnav img {
  width: 130px;
  -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
}
#subnav .press .photos li { display: inline-block; }
#subnav .press img { width: 50px; }
#subnav ul { text-transform: capitalize; }
#lyrics #subnav ol { text-transform: capitalize; }
.lyricsmask {
  width: 510px;
  position: relative;
  overflow: hidden;
}
.lyricsbox {
  position: relative;
  width: 100000px;
}
#lyrics h2 { margin-bottom: 0; }
.lyrics {
  width: 510px;
  float: left;
}
.lyrics p { white-space: pre-line; }
.show span.date {
  display: inline-block;
  width: 90px;
}
.show p { margin: 6px 0px 6px 95px; }
.show { position: relative; }
.show h2 { margin-bottom: 0.25em; }
.show p.tix {
  position: absolute;
  right: 0;
  padding-right: 0;
  text-transform: uppercase;
}
.show p.share {
  position: absolute;
  right: 0;
  padding-right: 0;
  text-transform: uppercase;
}
a.share { font-size: 10px; }
#maingallery {
  position: relative;
  height: 350px;
  margin-bottom: 30px;
}
#maingallery .attr {
  position: absolute;
  bottom: -40px;
}
#maingallery img { width: 440px; }
#photos .nav {
  width: 440px;
  margin: 0;
}
#photos .nav a {
  display: inline-block;
  text-transform: uppercase;
}
#photos .prev { float: left; }
#photos .next { float: right; }
.galleria {
  list-style: none;
  width: 500px;
  padding: 0;
  clear: both;
  margin-top: 3em;
}
.galleria li {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  float: left;
  margin: 0 10px 10px 0;
}
.galleria li a { display: none; }
.galleria li div {
  position: absolute;
  display: none;
  top: 0;
  left: 180px;
}
.galleria li div img { cursor: pointer; }
.galleria li.active div img { display: block; }
.galleria li.active div { display: block; }
.galleria li img.thumb {
  cursor: pointer;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  height: auto;
}
.galleria li .caption {
  display: block;
  padding-top: 0.5em;
}
* html .galleria li div span { width: 400px; }
.gallery { padding: 0; }
.gallery li img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0.6;
}
.gallery li img:hover { opacity: 1; }
#splash {
  position: absolute;
  left: -250px;
  top: -145px;
  width: 965px;
  height: 960px;
  padding: 38px;
  background-image: url(/images/blank_sleeve.png);
  background-repeat: no-repeat;
}
#splash div {
  display: block;
  float: left;
  width: 180px;
  height: 150px;
}
#splash li {
  display: block;
  float: left;
  width: 180px;
  height: 150px;
}
#splash li {
  height: 180px;
  background-color: #fbed21;
  position: relative;
  overflow: hidden;
}
#splash li img {
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.16s ease-in-out;
  -moz-transition: all 0.16s ease-in-out;
  transition: all 0.16s ease-in-out;
}
#splash li:hover img { opacity: 1; }
#splash h3 { margin: 0; }
#splash h3 a {
  color: #fdfcea;
  background-color: transparent;
  display: block;
  padding-top: 80px;
  margin-top: 0;
  height: 100px;
  text-align: center;
  line-height: 1em;
}
#splash h3 a:hover { color: #fbed21; }
#splash .news {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: -180px 0;
  background-color: #fdfcea;
}
#splash .news h3 a {
  background-color: transparent;
  color: #53443c;
}
#splash .news h3 a:hover { color: #fbed21; }
#splash .photos {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: -180px 0;
  background-color: #fdfcea;
}
#splash .photos h3 a {
  background-color: transparent;
  color: #53443c;
}
#splash .photos h3 a:hover { color: #fbed21; }
#splash .music {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: -180px 0;
  background-color: #fdfcea;
}
#splash .music h3 a {
  background-color: transparent;
  color: #53443c;
}
#splash .music h3 a:hover { color: #fbed21; }
#splash .videos {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: -180px 0;
  background-color: #fdfcea;
}
#splash .videos h3 a {
  background-color: transparent;
  color: #53443c;
}
#splash .videos h3 a:hover { color: #fbed21; }
#splash .shows {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: 0 0;
  background-color: #fdfcea;
}
#splash .lyrics {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: 0 0;
  background-color: #fdfcea;
}
#splash .store {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: 0 0;
  background-color: #fdfcea;
}
#splash .press {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: 0 0;
  background-color: #fdfcea;
}
#splash .story {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: 0 0;
  background-color: #fdfcea;
}
#splash .contact {
  background-repeat: no-repeat;
  background-image: url(/images/splash_circles.png);
  background-position: 0 0;
  background-color: #fdfcea;
}
#splash ul {
  padding: 0;
  clear: both;
}
div#splashhead {
  float: right;
  width: 600px;
  margin-right: 65px;
}
#splashhead h1 {
  background-color: transparent;
  background-image: url(/images/logo_splash.png);
  background-repeat: no-repeat;
  text-indent: -10000px;
  margin-top: 30px;
  margin-right: 0px;
  width: 628px;
  height: 100px;
  float: right;
}
#splashjoin { clear: both; }
#announce {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -200px;
  width: 400px;
  height: 320px;
  background-color: #fdfcea;
  display: none;
  -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  padding: 0 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#announce h2 {
  border-bottom: 2px solid #fbed21;
  width: 400px;
}
#announce .close {
  line-height: 25px;
  text-align: center;
  margin: 0;
  position: absolute;
  width: 75px;
  height: 25px;
  bottom: 10px;
  left: 50%;
  margin-left: -37px;
  background-color: #fdfcea;
  border: 1px solid #fbed21;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#announce .close:hover { background-color: #fbed21; }
#subnav .ad img {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}
.oldnews, .newnews {
  display: inline-block;
  padding-bottom: 3em;
}
.oldnews { float: right; }
.newnews { float: left; }







/* old? */
	#recenttweets {
		padding-bottom: 15px;
		border-bottom: 2px solid #fbed21;	
	}

	#subnav ul li.tweet {
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 8px;
		text-indent: none;
		text-transform: none;	
	}
	
	#subnav .tweet-details {
		display: inline;
		font-size: 10px;
		color: #dbc716;	
	}
	
	
	
	


#playing-next {
  -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
  background-color: #fbed21;
  padding: 7px;
  height: auto;
  min-height: 10px;
  margin-top: 0px;
  display: none;
}

#playing-next h3 {
	height: auto;
	margin: 0;
	padding: 0;
}

#playing-next-title {
	font-family: 'MuseoSans500', futura, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.small {
	font-size: 10px;
	line-height: 0px;
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 8px;
	text-indent: none;
	text-transform: none;	

}
		
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;	
	padding-bottom: 10px;
}


.tweet_time a {
		display: inline;
		font-size: 10px;
		color: #dbc716;	
}

.tweet_user {
	font-weight: bold;
	text-transform: none;
}
	

#subnav p.ad {
	text-align: center;
}

#subnav p.ad:first-child {
//	border-bottom: 2px solid #fbed21;		
}

li.social {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;  
	width: 175px;
	margin-top: -19px;
	border: 0;
}

nav ul li.social a {
	border: 0;
	display: inline;
	width: 20px;
	height: 45px;
	background-image: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;  
	position: relative;
	margin: 0 2px 0 0;
}

nav ul li.camera {
	position: relative;
	top: -40px;
}
nav ul li.camera a  {
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
	width: 20px;
	height: 12px;	
	background-image: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;  
	position: relative;
}