
/* bof css reset */
/* original: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* modified by jamie sinclair */


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;
	text-align: left;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	width: 100%;
	
}
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: "" "";
}


/* eof css reset */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
/*
    background-image:url('../images/scrollBack.jpg');
*/
}
.jScrollPaneDrag {
	position: absolute;
	background: #aaa;
    /*
    background-image:url('../images/scrollArrows.png');
    */
    background-repeat:no-repeat;
    background-position:center center;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #888;
	height: 12px;
}
a.jScrollArrowUp:hover {
	background-color: #666;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #888;
	height: 12px;
}
a.jScrollArrowDown:hover {
	background-color: #666;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
body {font-family:georgia;}

.red {color:#b45249;}
.redFrame {border: solid 6px #b45249;}
.pink {color:#be678b;}
.pink a {color:#be678b;font-weight:bold;}
.pinkFrame {border: solid 6px #be678b;}
.blue {color:#547adc;}
.blueFrame {border: solid 6px #547adc;}
.gray {}
.grayFrame {border: solid 6px #aaa;}

.clearBoth {clear:both;}

#alert {position:fixed;height:60px;background-color:#9F376C;font-size:40px;line-height:60px;display:none;color:#fff;padding:10px;}


p {margin:10px 0;}

table {}
td,th {padding:2px 10px;}

#site {margin: 0 auto;width:1000px;height:800px;background-image:url('../images/background.jpg');}

#header {width:1000px;height:320px;position:relative;}
    #headerLink {width:200px;height:160px;position:absolute;left:100px;bottom:0;display:block;}
    #audioPlayer {position:absolute;top:3px;left:120px;background-color:transparent;}
    #nav {list-style:none;position:absolute;top:80px;left:610px;height:137px;width:111px;}
        #nav li {height:18px;overflow:hidden;margin:3px 0;}
            #nav li a {display:block;padding-top:100%;height:18px;background-image:url('../images/nav.jpg');}
        
        #home {background-position:0 0;}
        #bio {background-position:0 -20px;}
        #lyrics {background-position:0 -42px;}
        #media {background-position:0 -63px;}
        #store {background-position:0 -84px;}
        #tour {background-position:0 -106px;}
        #contact {background-position:0 -122px;}
        
        
        span.arrow {display:block;visibility:hidden;height:45px;overflow:hidden;float:left;}
        span.arrow a {background-image:url('../images/arrows.jpg');}
        span.pre {margin: 100px 0 0 50px;}
        span.nex {margin:100px 0 0 40px;}
        #prev {display:block;width:32px;height:45px;padding-top:45px;cursor:pointer;background-position:0 45px;}
        #prev.inactive {background-position:0 0;}
        #next {display:block;width:32px;height:45px;padding-top:45px;cursor:pointer;background-position:32px 45px;}
        #next.inactive {background-position:32px 0;}
        
        #contentContainer {border:none;height:400px;width:750px;overflow:hidden;position:relative;margin:0 0 0 40px;float:left;}
        #content {height:400px;width:5250px;overflow:hidden;position:relative;}
            #content div.page {float:left;width:750px;height:400px;overflow:hidden;}
            /*#content div.page {height:400px;width:750px;overflow:auto;}*/
            .pageLeft {float:left;width:360px;margin-right:10px;/*color:#b45249;*/}
            .pageRight {float:left;width:370px;}

            
            #footer {height:29px;overflow:hidden;width:481px;margin:10px 0 0 259px;clear:both;}
                #footer a {background-image:url('../images/logos.jpg');height:29px;display:block;padding-top:29px;background-repeat:no-repeat;float:left;margin:0 20px;}
                    #fbLink {width:123px;background-position:0 0;}
                    #twitterLink {width:103px;background-position:-125px 0;}
                    #myspaceLink {width:131px;background-position:-230px 0;}
            
            

        div.home {}
                /*#homeRight iframe {margin-top:10px;}*/
                #homeEvents {/*color:#547adc;*/}
                #homeNews {/*color:#be678b;*/}
                
                #tourHome {height:130px;width:350px;overflow:hidden;margin-top:5px;}
                #twitterHome {height:100px;width:350px;overflow:hidden;margin-top:5px;}
                
                    .tweetContainer{display:block;margin:5px 0 0 0;}
                    .tweet {display:inline;font-size:100%;}
                    .tweetdate {font-size:70%;}
                .moreLink {position:relative;display:block;left:240px;font-weight:bold;}
                    
            form {}
                form span {display:block;width:300px;}
                form input,form textarea, form select {display:block;background-color:#fff;width:300px;border:solid 2px #ddd;}
                    #mailingList input:focus, #mailingList textarea:focus {border:solid 2px #b45249;}
                    #contactForm input:focus, #contactForm textarea:focus{border:solid 2px #b45249;}
                    .store input:focus, .store select:focus, .store textarea:focus{border:solid 2px #be678b;}
                    
            
            .bio img.pinkFrame {margin: 0 0 0 30px;}
            
            #neverCover, #EPCover, #demoCover {width:200px;height:200px;background-image:url('../images/disco.jpg');float:left;margin:15px;display:block;cursor:pointer;}
            #neverCover {background-position:0 0;}
            #EPCover {background-position:-200px 0;}
            #demoCover {background-position:-400px 0;margin-left:20px;}
            
            /*
            #lyricsVS {position:absolute;width:730px;overflow:auto;height:400px;}
                #lyricsVS img {float:left;border:solid 4px #547ADC;margin:20px;}
                    #lyricsVS ul {margin:50px 0 0 0;}
                    #lyricsVS h2 {clear:both;}
                    #lyricsVS p.lyrics {clear:both;}
            */
            #fadeOut {background-color:#ddd;position:absolute;z-index:1010;top:0;left:0;display:none;}
            #lyricsInter {display:none;position:absolute;z-index:1011;width:800px;padding:10px;height:400px;background-color:#fff;border:solid 2px #547adc;overflow:hidden;top:220px;}
            .lyricsAlbum {display:none;}
            
            .lyricsInterHeader {width:100%;}
            .lyricsInterHeader a.close {cursor:pointer;text-decoration:underline;color:#000;float:right;}
            .lyricsInterHeader h2 {font-size:130%;font-weight:bold;color:#547adc;}
            
            ul.trackListing {font-size:120%;text-decoration:underline;font-weight:normal;position:absolute;left:370px;top:50px;width:250px;color:#b45249;line-height:130%;list-style:disc;}
            ul.trackListing li {cursor:pointer;}
            
            .lyricsDump {position:absolute;width:580px;height:340px;left:-600px;color:#b45249;/*border:solid 6px #aaa;*/background-color:#eee;padding:10px 5px;font-size:110%;line-height:130%;overflow:hidden;margin:15px 0 0;}
            
            #lyricsInter .jScrollPaneContainer {margin-top:15px;margin-left:10px;}
            #lyricsInter .jScrollPaneContainer, #lyricsInter .jScrollPaneTrack {background-color:#eee;}
            
            
            .media .pageLeft {margin-left:60px;width:270px;}
            .media .pageRight {width:400px;}
            .media .pageLeft a {display:block;}
            .media .pageLeft .thumbs {width:210px;padding:5px 0 0 5px;margin-top:20px;}
            .media .pageLeft .thumbs img {float:left;width:100px;height:100px;margin: 0 5px 5px 0;}
            .media .photoshootHide {display:none;}
            
            
            .tour a {color:#547adc;}
            .tour th {color:#547adc;font-weight:bold;}            
            .tour table, .tour tr{width:750px;}
            .tour td {padding-top:4px;padding-bottom:4px;}
            .tour .topRow {color:#000;background-color:#eee;}
            .tour .oddRow {color:#547adc;background-color:#fff;}
            .tour .evenRow {color:#547adc;background-color:#eee;}
            .tour .pageScroll {width:750px;height:400px;}
            
            
