/* Copyright Kevin Finlayson 2008
------------------------------------------------------------------*/

/* reset reloaded 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------------*/          

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none; 
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}      

strong {
	font-weight: bold;  
}     

em {
	font-style: italic;
}  


/* basic styles
------------------------------------------------------------------*/

html, body {
	height: 100%;
}

body {               
	font:100%/1.5em "helvetica neue ltd", helvetica, arial, sans-serif;
	background-color: #010101;
	color: #888;                  
}                 
                             
h1, h2, h3, h4, h5, h6 {            
	font-weight:bold; 
	color: #888;  
	line-height: 1em;                                                            
}

h1 {
	font-size: 5.5em;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;         
	margin-bottom: 24px;      
	position:relative;
	width: 100%;
}

h3 {         
	font-size: 1.125em;
    line-height: 1.333em;    
    clear: left;    
}

h4 {             
	font-size: 1em;
	line-height: 1.5em;    
	clear: left;     
}

h5 {  
	font-size: 0.875em;
	line-height: 1.714em;
	text-transform: uppercase;
	margin-bottom: 24px;    
	letter-spacing: 0.15em;         
}

h6 { 
	font-size: 0.75em;
	line-height: 2em;           
}


p, ul {
	margin-bottom: 24px;  
	
}

a, a:visited {         
	color: #ccc;      
	text-decoration: none;
         
}       
                
a:hover {                      
	color: #ffffff;                                     
}                                 


/*page structure
------------------------------------------------------------------*/

#header {
	width: 960px;
	min-height: 144px; 
	height: auto;
	margin: 0px auto; 
	position: relative; 
	padding-top: 48px;
}       

#header-container {
 	width: 100%;
	min-height: 144px;
	height: auto;
}            

#content-container {
	width: 960px;     
    margin: 0px auto;	
	height: auto;
	min-height: 480px;     
}                                                                                         

#content {               
	width: 960px; 
	min-height: 480px;
	margin: 0px auto;
	background-color: #121212;    
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;     
	float: left;           
}

#footer {                   
    width: 936px;    
	height: 24px;    
	padding: 24px 0px;
	margin: 0px 12px;           
	clear: both;                        
}    

#full-main {
	width: 936px;        
	height: auto;
	min-height: 480px;
	padding: 24px 12px; 
	float:left;     
	position: relative;
}        

#main {
	width: 616px;    
	padding: 24px 12px;  
	height: auto;
	min-height: 480px;
	float: left;       
}                          

#sidebar {
	float: left;      
	height: auto;
	min-height: 480px;
	width: 296px;
	padding: 24px 12px;                                                                         
}       


/* logo ir
------------------------------------------------------------------*/

a#logo {             
	font-weight: bold;
	text-transform: uppercase;
	color: #cccccc;
	text-shadow: 16px 0px 0px #232323;   
	display: block;
	width: 936px;
	padding: 0px 12px 0px 12px;
	height: 96px;
	text-align: center;    
	text-indent: -99999px;      
	background: transparent url("http://i47.tinypic.com/34r7vq1.png") no-repeat left top;  
}                

a#logo:hover {
	border-bottom: none;                       
}     
                                                      
/* nav
------------------------------------------------------------------*/

ul#nav {             
	width: 960px;         
	height: 48px;       
}                

ul#nav li {    
	float: left; 
	width: 87px;
	height: 48px;         
}  
               
ul#nav li a:link, ul#nav li a:visited {
	color: #777777;  
	display: block;
	width: 80px;
	text-align: center;
	height: 36px;
	font-size: 0.75em;
	line-height: 3em;
	text-transform: uppercase;  
	letter-spacing: 0.1em;   
	margin: 6px 0px;        
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    font-weight: bold;
} 
    
ul#nav li a:hover {    
    color: #ffffff;             
    border-bottom: none;
}              
         
#home li#homenav a, #bio li#bionav a, #news li#newsnav a, #blog li#blognav a, #shows li#showsnav a, #videos li#videosnav a, #contact li#contactnav a, #music li#musicnav a, #photos li#photosnav a, #contact li#contactnav a, #preview li#previewnav a {    
   color: #ccc;              
   background-color: #191919;
}             
         
/* global
------------------------------------------------------------------*/

a.xml_icons { 
	text-indent: -99999px;
	display: block;
	height: 24px;
	width: 24px;      
	background: transparent url("/graphics/xml_icon.png") no-repeat left top;      
	margin-left: 12px;       
	position: absolute;
	right: 0px;
	top: 0px;
}                                                                                

a.xml_icons:hover {
	background-position: left -24px;
}             

p.date {
	font-size: 0.75em;
	line-height: 3em;
	text-transform: uppercase;      
	font-weight: bold;     
	letter-spacing: 0.15em;     
	color: #666;    
	margin-bottom: 0px;
}   

/* sidebar
------------------------------------------------------------------*/


#sidebar ul {
   float: left;
}              

#sidebar ul li {
	height: auto;   
	font-size: 0.875em;                    
	line-height: 1.71em;
	padding: 12px;   
	float: left; 
	width: 272px;       
}                           

#sidebar ul li.odd {
	background-color: #232323;    
}           

#sidebar ul li.even {
	background-color: #191919;    
}
               

/* index
------------------------------------------------------------------*/

#home h2 {
	float: left;       
}

#index-twitter, #index-news, #index-shows {
	width: 296px;
	padding: 24px 12px;
	height: auto;
	min-height: 240px;
	float: left;
}         

#index-shows ul {
   float: left;
}              

#index-shows ul li {
	height: auto;   
	font-size: 0.875em;                    
	line-height: 1.71em;
	padding: 24px 12px;   
	float: left; 
	width: 272px;       
}                           

#index-shows ul li.odd {
	background-color: #232323;
}           

#index-shows ul li.even {
	background-color: #191919;
}    

#index-shows ul li span.summary {
	display: none;
}       

#index-shows ul li a span.location, #shows #full-main ul li a span.location {
	font-weight: bold;
}    
                   
#index-shows ul li div.description {
	width: 24px;
	height: 24px;     
	text-indent: -19999px;  
	float: right;
}

#index-shows ul li div.description a, #index-shows ul li div.description a:visited {
	width: 24px;
	height: 24px;      
	margin: auto 0px;
	background: transparent url("/graphics/ticket.png") no-repeat center 0px;
	display: block;
}              

#index-shows ul li div.description a:hover {
	background-position: center -24px;
}            

#index-shows ul li a.url {
	width: 236px;      
	float: left;
}                 

.visit  {
	clear: left;
}                 

.visit a:link, .visit a:visited {
	-moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    background-color: #191919;
	font-size: 1.125em;
	line-height: 2.67em;   
	height: 2.67em;   
	display: block;    
	text-align: center;
	padding: 0px 12px;     
	font-weight: bold;
}      

.visit a:hover {
	background-color: #1c1c1c;
}      

#index-news p.date {
	line-height: 3em;       
}    

#twitter_div {
	clear: left;
}

ul#twitter_update_list {
	width: 296px;
	height: auto;
	min-height: 72px;               
	padding-top: 48px;
	background: transparent url("http://i50.tinypic.com/162722o.gif") no-repeat left top;                                                    
}       

ul#twitter_update_list > li:first-child {                                                 
	padding: 0px 12px 24px 12px;    
	background: #232323 url("http://i45.tinypic.com/2dvjxi9.gif") no-repeat left bottom;
}         

ul#twitter_update_list li {
	margin-bottom: 24px;
}      
               

/* bio
------------------------------------------------------------------*/

#bio #full-main img {
	float: right;     
	width: 616px;
	border: 10px solid #191919;       
	margin: 0px 0px 24px 24px;      
}                        
        
#personnel {
	float:right;
	clear: right; 
	width: 276px;
	background-color: #191919;
	padding: 9px; 
	border: 1px solid #232323;
	margin: 0px 0px 24px 24px;
}                  
              

/* news
------------------------------------------------------------------*/ 

#news h2 {
	float: left;    
}           

#news h4, #news h3 {
	width: 492px;
}          

#news h3 {
	color: #ccc;
}
                            
p.permalink {
	margin-bottom: 48px;
}

.permalink a:link, .permalink a:visited { 
	font-size: 0.875em;
	line-height: 1.714em;                 
	font-weight: bold; 
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-color: #191919;
	display: block;    
	text-align: center;
	padding: 6px 12px;     
	font-weight: bold;
	width: 112px;     
}      

.permalink a:hover {
	background-color: #1c1c1c;
}

div#prevnext {
	float: left;
	width: 672px;   
}               

p.prev {
	float:left;
}             

p.next {
	float:right;
}               
     
.date-bullet {
	font-weight: bold;
}                                                     

p.comments_closed, #news #main h5#comment, #news #main #txpCommentInputForm {
	display: none;
}         

#sidebar ul.rssMenu li {
	padding: 0px;
	line-height: 1.714em;          
	list-style: disc inside;
}

/* shows
------------------------------------------------------------------*/

#shows h2 {
	float: left;
}          

#shows h3 {
	margin-bottom: 24px;
}               

#shows #full-main ul {
   float: left;
}              

#shows #full-main ul li {
	height: auto;                          
	line-height: 1.5em;
	padding: 24px 12px;   
	float: left; 
	width: 912px;       
}           

#shows #full-main ul li a.url {
	width: 7760px;
}                

#shows #full-main ul li.odd {
	background-color: #232323;    
}           

#shows #full-main ul li.even {
	background-color: #191919;    
}

#shows #full-main ul li span.summary:before {
	content: " - ";
}           

#shows #full-main ul li div.description {  
	width: auto;
	min-width: 56px;                       
	float: right;
	height: 1.333em;    
	font-weight: bold;
}                       

#shows #full-main ul li div.description a, #shows #full-main ul li div.description a:visited {         
	width: 136px;   
	text-align: right;
	height: 24px;      
	margin: auto 0px;
	background: transparent url("/graphics/ticket.png") no-repeat right 0px;
	display: block;        
	padding-right: 36px;      
}              

#shows #full-main ul li div.description a:hover {
	background-position: right -24px;
}

/* videos
------------------------------------------------------------------*/

#videos h2 {
	margin-left: 12px;
}

#videos #full-main {
	width: 960px;
	padding: 24px 0px;
}

.video_capsule {
	width: 248px;
	margin: 0px 12px 24px 12px;
	padding: 24px;
	float: left;
	display: block;
	height: 162px;              
	text-align: center;   
	background-color: #191919;
}                

.video_capsule a img {
	border: 9px solid #232323;
}   

.video_capsule a:hover img {
	border: 9px solid #2a2a2a;
}

/* music
------------------------------------------------------------------*/
             
#music #full-main h2, #music #full-main h3 {
	margin-left: 12px;                
}               

#music #full-main h3 {
	color: #ccc;   
	margin-bottom: 24px;
}     

#music #full-main {
	width: 960px;
	padding: 24px 0px;
}                       

#music .capsule {
	width: 168px;
	height: 216px;
	float:left;      
	background-color: #191919;      
	margin: 0px 12px 24px 12px;
	text-align: center;
	padding: 24px;	      
}             

#music .capsule a img {
	width: 156px;
	height: auto;   
	margin-bottom: 12px;
	float: left; 
	border: 6px solid #232323;  
}       

#music .capsule a:hover img {
	border: 6px solid #2a2a2a;  
}       

#music .capsule a { 
	width: 156px;    
	clear: left;
	font-weight: normal;
}   

.back {
	position:absolute;
	top: 24px;
	right: 12px;
}           

.back a:link, .back a:visited {         
	 
	width: 192px;
	padding: 12px 12px;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-color: #191919;  
	font-size: 0.875em;
	line-height: 1.714em;                 
	font-weight: bold;          
	display: block;    
	text-align: center;
	padding: 6px 12px;     
	font-weight: bold;
	width: 192px;
}        

.back a:hover {
	background-color: #232323;
}

.album_cover img {
	width: 296px;
	height: auto; 
	margin: 0px 12px 24px 0px;
}                                 

.album_cover {
	float: left;
	margin-left: 12px;
}                

#music #media {
	float: right;   
	width: 296px; 
	padding: 48px 12px 24px 12px;      
	height: auto;
	min-height: 320px;     
}               

#music #media h4 {
	line-height: 2em;
}   

.album_info {
	width: 296px;
	padding: 0px 12px;        
	float: left;
}         

.buylink {
	width: 296px;    
	float: left;   
	clear: left;
	margin-left: 12px;
}

.album_info ol {
	list-style: decimal outside;  
	font-size: 0.875em;
	line-height: 1.714em; 
	padding-left: 1.5em;
}          

.also_available {
	clear: left;     
	font-size: 0.875em;
	line-height: 1.714em;     
	margin-left: 12px; 
	float: left;
}      

.buylink {
	line-height: 1.714em;  
	font-size: 0.875em;          
	clear: left;
}                  

.audio_capsule {
	width: 272px;
	margin-bottom: 24px;
}     
            
.audio_player {
	width: 272px;
	padding: 11px;
	border: 1px solid #232323;
	height: 24px; 
    background-color: #191919;    
}   

#media .video_capsule img {
	width: 118px;
	height: auto;
	float: left; 
	margin-right: 24px;     
}                     

#media .video_capsule {  
	width: 272px; 
	font-size: 0.75em;
	line-height: 2em;
	text-align: left;     
	background-color: transparent;  
	margin: 0px;    
	padding: 12px 0px 0px 0px;       
	height: auto;
	min-height: 72px;
}                   
                          
               
             
/* photos
------------------------------------------------------------------*/

#photos #full-main h2, #photos #full-main h3, .flickr_thumbnails_description {                
	margin-left: 12px;
}     

#photos #full-main h3 {
	color: #ccc;       
	margin-bottom: 24px;
}               

#photos #full-main {
	width: 960px;
	padding: 24px 0px;
}

.setpreview {
	width: 248px;
	margin: 0px 12px 24px 12px;
	padding: 24px;
	float: left;
	display: block;
	height: 264px;              
	text-align: center;   
	background-color: #191919;
}          

.setpreview .thumbnail {
	margin-bottom: 12px;
}              

.setpreview .thumbnail img {
	border: 4px solid #232323;
}                

.setpreview .thumbnail a:hover img {
	border: 4px solid #2a2a2a;
}

.setpreview .title {
	margin-bottom: 0px;
}                     

.setpreview .set_description, .flickr_thumbnails_description {
	font-size: 0.875em;
	line-height: 1.714em;
}              

.flickr_slideshow {
	position:absolute;
	top: 60px;
	right: 12px;
}                    
                                           
.flickr_slideshow a:link, .flickr_slideshow a:visited {   
	width: 192px;
	padding: 12px 12px;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-color: #191919;  
	font-size: 0.875em;
	line-height: 1.714em;                 
	font-weight: bold;          
	display: block;    
	text-align: center;
	padding: 6px 12px;     
	font-weight: bold;
	width: 284px;
}        

.flickr_slideshow a:hover {
	background-color: #232323;
}

.number_of_photos {
	font-size: 0.9em;
	margin: 5px 0px;
}      
            
.flickrset {
	float: left;
	width: 936px;
	padding: 24px 0px 0px 0px;
	background-color: #191919;  
	margin-left: 12px;
}
               
.flickrset a {
	margin: 0px 12px 24px 12px;
	float: left;                
	display: block;
	width: 80px;
	height: 80px;
}              

.flickrset a img {
	width: 72px;
	height: 72px;  
	border: 4px solid #232323;
}             

.flickrset a:hover img {
	border: 4px solid #2f2f2f;
}  

h3 .title_normal {
	color: #666;
	font-weight: normal;
}
                       
#photos .image {
	margin-left: 12px;
	width: 526px;           
}                     

#photos #full-main .image h3.title {
	margin-left: 0px;
}              
.image img {
	margin-bottom: 24px;
}

#image-info {
	float:right;
	width: 182px;  
	background-color: #191919;
	padding: 24px 12px 24px 12px;  
	height: auto;
	min-height: 240px;    
	margin-top: 48px;
}                     

#image-info h5 {       
	float: left;                        
	clear: left;                        
}

.flickr_comments {
	font-size: 0.875em;
	line-height: 1.714em;
	margin: 24px 0px;
}            

#flickr-next, #flickr-prev {
	height: 48px;
	width: 56px;   
	display: block; 
	font-size: 3em;
	line-height: 1em;
	height: 1em;                                                       
	
}                                                                          


#flickr-prev {                                                                     
	position: absolute;
	top: 24px;
	left: 12px;
} 

#flickr-next {                                                                       
	position: absolute;
	top: 24px;
	right: 12px;	
}                       


.image p {
	width: 536px;
}
                     
.setname {
	position: absolute;
	right: 12px;
	top: 0px;       
	line-height: 1em;
}           

.individual {
	position: relative;
}       

.this-photo {
	display: none;
}        

.flickr_tag_list, .flickrsetnav {
	float: left;
	clear: left; 
	width: 100%;
	height: auto;
	min-height: 96px;      
	position: relative;
}  

/* contact
------------------------------------------------------------------*/

#contact #full-main ul {
	list-style: disc outside;
	font-size: 0.875em;
	line-height: 1.714em;
	padding: 12px 0px 12px 1.5em;
}                            
                        

.vcard .fn, .vcard .email, li.tokyo-contact .vcard {
	display: none;
}            

.vcard, .vcard div {
	display: inline;
}                

#contact #full-main h5 {
	margin-bottom: 0px;
}                        
                                                                                   
#contact #full-main legend, #zemSubscriberLists, #zemSubscriberName, #contact #full-main label {
	display:none;
}               

#contact #full-main form {
	width: 536px;
	padding: 11px;
	border: 1px solid #232323;
	background-color: #191919;  
	margin: 24px 0px;
}             

.tokyo-contact {
	padding-top: 24px;
}   

p.import a:link, p.import a:visited {   
	padding: 12px 12px;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-color: #191919;  
	font-size: 0.875em;
	line-height: 1.714em;                 
	font-weight: bold;          
	display: block;    
	text-align: center;
	padding: 6px 12px;     
	font-weight: bold;
	width: 272px;
}        

p.import a:hover {
	background-color: #232323;
}                     

/* footer
------------------------------------------------------------------*/
    
#footer p {
	text-transform: uppercase;
	letter-spacing: 0.15em; 
	font-size: 0.75em;
	line-height: 2em;
	color: #666;           
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: #aaa;
} 
                

#footer a:hover {
	color: #ccc;
}           

/* preview
------------------------------------------------------------------*/

#preview #main h1 {
	font-size: 1em;

}