/* 
	All Source Code, Written Content, and Website Design Copyright 2010, Vrasa
	http://vrasa.com/
	
	This code is licensed for this domain, http://www.eisley.com/m/
	only and it is illegal to use this code, partial snippets or in full, on 
	any other domain, subdomain, or subfolder of a domain without the express
	written consent of Vrasa, http://www.vrasa.com/
	
	If you like what you see, and want to use some of this code please email us 
	here: hello [at] vrasa.com and we can discuss pricing and availability.

	Date: Sat August 14 20:19:07 2010 -0600
*/

/* la vanilla*/    
body {
	margin: 0;
    padding: 0;
    font-size: 100%;
    height: 100%;
    font-family: helvetica, arial, sans-serif;
    color: #2c2c2c;
    background: #bda038 url('../images/bg.jpg') no-repeat;
    -webkit-text-size-adjust: none;
}

a {
	text-decoration: none;
	color: #2c2c2c;
}

a:hover {
	text-decoration: none;
	color: #2c2c2c;
}
    
.header { margin: 10px 10px 16px 10px; }
	
.interior h1 {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
    
.interior #content {
    font-size: 0.8em;
    margin: 0;
}

.interior #content #menu { font-size: 1.3em; }
    
.interior #content h2 {
    font-size: 0.98em;
    margin: 0;
    display: block;
	height: 37px;
    background: #2c2c2c;
}
    
.interior #content p { line-height: 1.3em; }

.interior #content h2.social .title {
    display: block;
    width: 145px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/social.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}
    
.interior #content h2.contact .title {
    display: block;
    width: 145px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/contact.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}
    
.interior #content h2.albums .title {
    display: block;
    width: 145px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/albums.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}

.interior #content h2.videos .title {
    display: block;
    width: 145px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/videos.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}

.interior #content h2.trolleywood .title {
    display: block;
    width: 145px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/trolleywood.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}
    
.interior #content h2 .home {
    display: block;
    width: 38px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/home.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    right: 15px;
}
    
.interior #content h2.combinations .title {
    display: block;
    width: 200px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/combinations_menu.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}
    
.interior #content h2.firekite .title {
    display: block;
    width: 200px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/firekite_menu.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}
    
.interior #content h2.laughingcity .title {
    display: block;
    width: 200px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/laughingcity_menu.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}

.interior #content h2.marvelousthings .title {
    display: block;
    width: 200px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/marvelousthings_menu.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}
    
.interior #content h2.roomnoises .title {
    display: block;
    width: 200px;
    height: 37px;
    text-indent: -9999px;
    background: transparent url('../images/roomnoises_menu.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 15px;
}

#master #content .thing { text-align: center; }

#master #content .space { padding-top: 20px; }
	
.space_large { margin-top: 110px; }
		
#master #content p {
	text-align: justify;
	padding: 0 10px;
	font-size: 1em;
	font-weight: bold;
}

#master h1 {
	background: transparent url('../images/header.png') 0 0 no-repeat;
    margin: 0 auto;
    width: 291px;
    height: 206px;
    display: block;
    text-indent: -9999px; 
}   

/* navigation */
.nav {
    font-size: .9em;
    margin: 0 10px;
    padding: 0px;
}
    
.nav li {
    list-style-type: none;
    padding: 2px;
}
       
.nav li a {
	display: block;
    font-size: 0.80em;
    color: #f5e7c8;
    font-weight: bold;
    padding: 12px;
    text-decoration: none;
    background: #2c2c2c;
	height: 100%;
	text-align: center;
    -webkit-border-radius: 7px;
    -webkit-tap-highlight-color: #e0ca80;
}
    
.nav li a:hover {
	display: block;
    font-size: 0.80em;
    color: #f5e7c8;
    font-weight: bold;
    padding: 12px;
	text-decoration: none;
    background: #2c2c2c;
	height: 100%;
	text-align: center;
    -webkit-border-radius: 7px;
}
    
    
/* footer */
.footer {
    background: transparent url('../images/footer.png') 0 0 no-repeat;
    font-size: .65em;
	color: #df9000;
    margin: 60px auto 30px;
    height: 35px;
    width: 220px;
    padding: 5px 0;
	text-indent: -9999px;
}
    
#foot {
   	margin: 0 auto;
	height: 35px;
	width: 220px;
	border: 0px;
}
	
#foot a {
	text-decoration: none;
	display: block;
	height: 35px;
	width: 220px;
	-webkit-border-radius: 4px;
}

/* loader */
.QOverlay {
	background-color: #bda038;
	z-index: 9999;
}

.QLoader {
	background-color: #000000;
	height: 1px;
} 

/* feed */
.nav .feedburnerFeedBlock li .headline a {
	display: block;
    font-size: 16px;
    color: #f5e7c8;
    font-weight: bold;
    padding: 12px;
    text-decoration: none;
    background: #2c2c2c;
	height: 100%;
	text-align: center;
    -webkit-border-radius: 7px;
    -webkit-tap-highlight-color: #e0ca80;
}

.nav .feedburnerFeedBlock li a, .nav .feedburnerFeedBlock li a:hover {
	display: block;
    font-size: 12px;
    color: #2c2c2c;
    font-weight: normal;
    padding: 0px;
    text-decoration: none;
    background: none;
	height: 100%;
	text-align: left;
    -webkit-border-radius: 0px;
    -webkit-tap-highlight-color: #e0ca80;
}

.feedburnerFeedBlock div { width: 100%; }

.feedburnerFeedBlock img{ width: 100%; }

.feedburnerFeedBlock ul, .feedburnerFeedBlock li {
	margin: 50px 0px 0px -19px;
	list-style: none;
}

#master #content p.date {
	padding: 0px;
	font-weight: normal;
}

.feedburnerFeedBlock #creditfooter { display: none; }

/* other */
.inviso { display: none; }

.highlight { 
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

img { border: 0; }

a:active { outline: none; }

a:focus { -moz-outline-style: none; }

#master #content p.bandsocial {
	margin: 0;
	padding: 0;
}

#master #content p.band, #master #content p.videos { text-align: center; }

#preload { display: none; }