/*
	 Janis Joplin Official Site
	 Slender Fungus Multimedia
*/
@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('css/texgyreadventor-regular-webfont.eot');
    src: url('css/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/texgyreadventor-regular-webfont.woff') format('woff'),
         url('css/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('css/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('css/texgyreadventor-italic-webfont.eot');
    src: url('css/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/texgyreadventor-italic-webfont.woff') format('woff'),
         url('css/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('css/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('css/texgyreadventor-bold-webfont.eot');
    src: url('css/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/texgyreadventor-bold-webfont.woff') format('woff'),
         url('css/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('css/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('css/texgyreadventor-bolditalic-webfont.eot');
    src: url('css/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('css/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('css/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


* { margin: 0; padding: 0; }
html, body { height: 100%; width: 100%; }
body { font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; font-size: 14px; background: #000; color: #FFF; text-align: left; margin: 0; padding: 0; background-image:url('images/bkgd3.jpg'); background-attachment:fixed; }
.nav-wrap { margin: 40px auto;  background-color: #383838;  border-top: 2px solid #383838;  border-bottom: 2px solid #383838; padding-left: 215px; }
#wrap { width: 1152px; margin: 0 auto;  }
#top { position: absolute; width: 1152px; }
#clear { clear: both; } 
#popup { margin-left: 20px;  margin-right: 20px; }


a.navfacebook { background:url(images/facebook.png) repeat 0px 0px; width: 30px; height: 30px; display: block; }
a.navtwitter { background:url(images/twitter.png) repeat 0px 0px; width: 30px; height: 30px; display: block; }
a.navyoutube { background:url(images/youtube.png) repeat 0px 0px; width: 30px; height: 30px; display: block; }
a.navgoogle { background:url(images/google.png) repeat 0px 0px; width: 30px; height: 30px; display: block; }
a.navinsta { background:url(images/instagram2.png) repeat 0px 0px; width: 30px; height: 30px; display: block; }
a.navmailing { background:url(images/subscribe.png) repeat 0px 0px; width: 115px; height: 37px; display: block; }
a.navmailing { background:url(images/subscribe.png) repeat 0px 0px; width: 115px; height: 37px; display: block; }
a.livevideo { background:url(images/live_vidsub.jpg) repeat 0px 0px; width: 270px; height: 180px; display: block; }
a.livephoto { background:url(images/live_photosub.jpg) repeat 0px 0px; width: 270px; height: 180px; display: block; }
a.reviews { background:url(images/reviews_button.jpg) repeat 0px 0px; width: 220px; height: 105px; display: block; }
a.navfacebook span, a.navtwitter span, a.navyoutube span, a.navgoogle span, a.navinsta span, a.navmailing span, a.livevideo span, a.livephoto span, a.reviews span { display: none; }
a.navfacebook:hover { background: url(images/facebook.png) repeat 0px -30px; }
a.navtwitter:hover { background: url(images/twitter.png) repeat 0px -30px; }
a.navyoutube:hover { background: url(images/youtube.png) repeat 0px -30px; }
a.navgoogle:hover { background: url(images/google.png) repeat 0px -30px; }
a.navinsta:hover { background: url(images/instagram2.png) repeat 0px -30px; }
a.navmailing:hover { background: url(images/subscribe.png) repeat 0px -37px; }
a.livevideo:hover { background: url(images/live_vidsub.jpg) repeat 0px -180px; }
a.livephoto:hover { background: url(images/live_photosub.jpg) repeat 0px -180px; }
a.reviews:hover { background: url(images/reviews_button.jpg) repeat 0px -105px; }

a { color: #ac4f30; text-decoration : none; outline: none; -moz-outline-style: none; }
a:hover { color: #54b0ea; text-decoration : none; outline: none; -moz-outline-style: none; }

hr { color: #575757; background-color: #575757; height: 1px; border: 0; }
hr.hrtop { margin-bottom: 9px; margin-top: 15px; }
hr.hrbot { margin-bottom: 15px; }
hr.hrdiv { margin-bottom: 10px; margin-top: 15px; }
hr.hrnews { margin-bottom: 10px; margin-top: -15px; }
hr.hrwhite { color: #FFF; background-color: #FFF; height: 1px; border: 0; margin-top: 2px; margin-bottom: 0px; margin-right: -10px; margin-left: -10px; }
hr.hrlive { color: #2a2a2a; background-color: #2a2a2a; height: 1px; border: 0; }

.grey { color: #878787; }
.grey a:link, .grey a:hover, .grey a:visited, .grey a:active { color: #FFF; }
.brown { color: #b45918; }
.blue { color: #54b0ea; }
.orange { color: #b45918; }
.whitecap { color: #FFF; text-transform: uppercase; }
.highlightwhite { font-size: 16px; color: #FFF; font-style:italic; }
.highlightwhitebig { font-size: 20px; color: #FFF; font-style:italic; }
.highlightorange { font-size: 16px; color: #b45918; font-style:italic; }
.highlightorangebig { font-size: 20px; color: #b45918; font-style:italic; }
.review { color: #FFF; font-style: italic; }
.reviewswhite { color: #FFF; font-size: 20px; }
.reviewsorange { color: #b45918; font-size: 14px; }
.reviewsmore, .reviewsmore a, .reviewsmore a:link, .reviewsmore a:visited, .reviewsmore a:active, .reviewsmore a:hover { color: #54b0ea; font-size: 14px; } 

#logo { position: relative; top: -125px; left: -20px; z-index: 2; width: 210px; overflow: hidden; }
#navsocial { position: relative; top: -232px; left: 1010px; z-index: 2; width: 142px; height: 30px;  }
#navsocial ul { margin: 0; padding: 0; list-style: none; }
#navsocial ul li {	float: left; }
#mailinglist { position: relative; top: -220px; left: 1012px; z-index: 2; width: 115px; z-index: 20; }


#content { position: relative; top: -220px; width: 1152px; overflow: hidden;  background-image:url('images/images_back.png'); background-repeat: no-repeat; font-size: 12px; color: #b6b6b6; line-height: 150%; letter-spacing:.5px; }

#contentblank { position: relative; top: -220px; width: 1152px; overflow: hidden; font-size: 12px; color: #b6b6b6; line-height: 150%; letter-spacing:.5px; }

#shareblock { float: right; }

.slideshow { width: 800px; top: -230px; left: 352px;  }

.homenewsblock { font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; position: relative; top: -160px; width: 340px; text-align: left; clear: both; overflow: hidden; line-height: 150%; }
.homenewsdate, .homenewstime { color: #FFFFFF; font-size: 9px; margin-top: -2px; }
.homenewstitle, .homenewstitle a, .homenewstitle a:link, .homenewstitle a:visited { color: #FFFFFF; font-size: 16px; font-weight: bold; }
.homenewstitle a:hover, .homenewstitle a:active { color: #54b0ea; }
.homenewstext { color: #b6b6b6; font-size: 12px; }
.homenewstext p { line-height: 120%; letter-spacing:.5px; margin-top: 5px; }
.homenewstext a, .homenewstext a:link, .homenewstext a:visited { color: #8c4719; font-style:italic; }
.homenewstext a:active, .homenewstext a:hover { color: #54b0ea; font-style:italic; }
.homenewsmore, .homenewsmore a, .homenewsmore a:link, .homenewsmore a:visited, .homenewsmore a:active, .homenewsmore a:hover { color: #54b0ea; font-size: 12px; } 

.newsentry { float: right; width: 245px;  }
.newsthumb { float: left; width: 80px; }
.newsthumb img { border-width: 1px; border-color: #7a7a7a; }
#newsshare { margin-top: 5px; }

.newsblock { font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; position: relative; top: 0px; width: 640px; text-align: left; clear: both; overflow: hidden; line-height: 150%; }
.newsentry2 { float: right; width: 545px; margin-top: -5px; }

/* bio */
#biophoto { float: right; margin-left: 10px; } 

/* news */
#news-archive { padding-top: 10px; }
#news-archive fieldset { border: none; }
#news-archive input { border: none; background-color: none; }
#news-archive form label { color: #FFF; font-size: 12px; } 
#news-archive #month {	background-color: #395a74; color: #FFF; -moz-border-radius:4px; -webkit-border-radius:4px; padding: 2px; width: 150px; font-size: 12px;  margin-bottom: 5px; }
#news-archive #year {	background-color: #395a74; color: #FFF; -moz-border-radius:4px; -webkit-border-radius:4px; padding: 2px; width: 150px; font-size: 12px;  }
#news-archive #month:focus { background-color: #395a74; color: #FFF; }
#news-archive #year:focus { background-color: #395a74; color: #FFF; }
.newsrss { color: #FFF; font-variant: small-caps; line-height: 22px; }

/* images */
#photosidebar { float: left; width: 240px; text-align: left; margin-top: 50px;  }
#photocontent { float: right; width: 710px; text-align: left;  min-height: 712px; margin-right: 202px; z-index: 5; }
#photos img {  float: left; border-color: #7a7a7a;  }
.sidetitle { font-size: 24px; font-variant: small-caps; } 
.imageslist { font-size: 14px; line-height: 24px; font-variant: small-caps; color: #b45918; } 
.imageslist a, .imageslist a:link, .imageslist a:visited { color: #FFF; }
.imageslist a:active, .imageslist a:hover { color: #b45918; }
.areatitle { font-size: 28px; color: #b45918;  text-transform: uppercase; line-height: 100%;} 
.areatitlewhite { font-size: 28px; color: #FFF;  text-transform: uppercase; line-height: 100%;} 
.imagestitle { font-size: 28px; color: #b45918; font-variant: small-caps; }
.current_gallery a {  color: #b45918 !important; }

/* live */
.tourdate { font-size: 11px; color: #b45918; } 
.tourcity { font-size: 11px; font-weight: bold; color: #FFF; } 
.tourcountry { font-size: 11px; font-style: italic; color: #919191; } 
.tourentries, .tourentries a:link, .tourentries a:visited { font-size: 11px; font-weight: bold; color: #b45918; } 
.touradd, .touradd a:link, .touradd a:visited { font-size: 11px; color: #FFF; font-style: italic; } 
#livetable td { padding-bottom: 10px; padding-right: 12px; }
#exhibit .input { background-color: #343434; color: #FFF; -moz-border-radius:4px; -webkit-border-radius:4px; padding: 2px; height: 14px; font-size: 11px;  margin-bottom: 5px; }
.indent { margin-left: 20px; }
#accord { height: 800px; }
#livetitle { font-size: 14px; font-weight: bold; text-align: center; color: #FFF; text-transform: uppercase; margin-bottom: 5px; }

#calendar { width: 220px; } 

#albumthumbs img { margin-right: 5px; margin-bottom: 5px; }

#videocontent { float: right; width: 720px; text-align: left;  min-height: 712px; margin-right: 202px; z-index: 5; }
#videocontent table { border-color: #7a7a7a; margin: 0px; padding: 0px; }

#lyricscontainer { width: 900px; margin: 0 auto;  padding: 0px 0 40px; overflow: visible; }
#lyricsright {position: relative; left: 150px; top: -10px;}
#lyricsleft { position: relative; left: 0px; top: 10px; }

#albumleft { float: left; width: 314px; text-align: left;  }
#albumleft img {  border-color: #FFF;  }
#albumright { float: right; width: 586px; }
#albumtop { width: 576px; color: #000; background-color: #7e7e7e; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 0px; }
.albumtitle { font-size: 28px; color: #FFF; }
#track { width: 100%; height: 30px; margin-top: 5px; background-color: #000; color: #FFF; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #242424;  }
#trackdisc { width: 100%; height: 30px; margin-top: 10px; background-color: #000; color: #466b97; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #242424;  }
#trackplayer { float: right; }
.tracktitle { margin-left: 20px; }
.tracklyrics { float: right; margin-right: 20px; text-transform: uppercase; }
.tracklyrics a, .tracklyrics a:link, .tracklyrics a:visited { color: #466b97; }
.tracklyrics a:active, .tracklyrics a:hover { color: #FFFFFF; }
.spacer { margin-left: 45px; }

#albumshare { float: right; }
#albumbuy { position: relative; left: 100px; top: 10px; }
a.lbuy { background:url(images/buy.png) repeat 0px 0px; width: 60px; height: 30px; display: block; }
a.lbuy span  { display: none; }
a.lbuy:hover { background: url(images/buyalbum.png) repeat 0px -30px; }
#albuy { position: relative; left: 30px; top: 10px; }
a.abuy { background:url(images/buyalbum.png) repeat 0px 0px; width: 130px; height: 30px; display: block; }
a.abuy span  { display: none; }
a.abuy:hover { background: url(images/buyalbum.png) repeat 0px -30px; }

#songlist { margin:0; padding:0; list-style:none; font-size: 11px;}	
#songlist li { float:left;  display:block;  width:10px;  position:relative; z-index:500;  margin:0 5px; }
#songlist li a { display:block; padding:0px 5px 0 5px; height:20px; width: 10px; text-decoration:none; text-align:center; color:#FFF; background-color: #000; }
#songlist li a:hover, #songlist li a:active { text-decoration: none; color: #FFF; background-color: #8a8a8a; }
#songlist a.selected { color:#f00; }
#songlist ul { position:absolute; left:-2px;  display:none;  margin:0 0 0 -1px;  padding:0; list-style:none; font-variant: small-caps;  text-align:left; font-size: 11px; }
#songlist ul li { width:250px; float:left; color: #FFF; background-color: #8a8a8a; text-align:left; }
#songlist ul a { display:block; height:15px; padding: 5px 10px; color: #FFF; background-color: #005b7b;  width:250px; text-align:left; }
#songlist ul a:hover, #songlist ul a:active {  text-decoration: none; color: #FFF; text-align:left;  }
#songlist ul { margin:0 0 0 -2px; }



.albmimage { position: relative; }
.albmimage img { position: relative; border-width: 3px; border-color: #FFFFFF;  }
.albmimage .albmtitle { display: none; }
.albmimage:hover .albmtitle { display:block; position:absolute; z-index:1; width:96px; height: 50px; top: 43px; background-color:#FFF; color: #000000; font-size: 11px; text-transform: uppercase; font-weight: bold;  text-align: center; vertical-align: bottom; filter:alpha(opacity=80); -moz-opacity:0.8;	-khtml-opacity: 0.8; opacity: 0.8; line-height: 100%; }
.albmtitle { color: #000000; display:block; position:absolute; bottom: 3px; text-align:center; width:100%; }
.albmtitle a:link, .albmtitle a:visited { color: #000000; display:block; position:absolute; bottom: 3px; text-align:center; width:86px; margin: 0px 5px}


#videowrap { position: relative; margin-left: 0px; height: 530px; }
#videos img {  border-color: #7a7a7a; margin-bottom: 0px; }
#vidtable { border-spacing: 0px 0px; border-collapse: collapse; } 
#vidtable tr.separator { margin-top: 0px; height:130px; overflow: hidden; }
#videowrap #videos .vidimage { position: relative; margin-bottom: 0px; }
#videowrap #videos .vidimage img { position: relative; margin-bottom: 0px; border-color: #7a7a7a; display:block; }
#videowrap #videos .vidimage .vidtitle { display: none; margin-bottom: 0px; }
#videowrap #videos .vidimage:hover .vidtitle { display:block; position: absolute; z-index:1; width:176px; height: 41px; top: 90px;  background-color:#b45918; color: #FFF; font-size: 11px;  font-weight: bold;  text-align: center; vertical-align: bottom; filter:alpha(opacity=80); -moz-opacity:0.8;	-khtml-opacity: 0.8; opacity: 0.8; line-height: 100%; }
#videowrap #videos .vidtitle, #videowrap #videos .vidtitle a:link, #videowrap #videos .vidtitle a:visited { color: #FFF; vertical-align: bottom; margin-bottom: 0px; }

#fbcommenthead { width: 100%; color: #FFF; background-color: #b45918; font-size: 22px; padding-top: 10px; padding-bottom: 10px; text-indent: 10px; }

/* footer
#footer-wrap { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 20; text-align: center; }
#footer-container { position: relative; height: 50px; width: 100%;  margin: 0 auto; top: 0px; z-index: 200;  }
#footer { position: relative; top: 55px; margin: 0 auto; text-align: center; color: #7a7a7a; font-size: 12px; background-color: #202020; z-index: -1; padding-top: 10px; padding-bottom: 10px; border-top: 0px solid #7a7a7a; }
#jamlogo { float: right; width: 135px; padding-right: 100px; } 
#jamlogo img { position: relative; bottom: 8px; }

 
#footer-wrap { position: relative; width: 100%; z-index: 20; text-align: center; }
#footer-container { position: relative; height: 50px; width: 100%;  margin: auto auto; top: 0px; z-index: 200;  }
#footer { position: relative; top: 0px; margin: auto auto; text-align: center; color: #7a7a7a; font-size: 12px; background-color: #202020; z-index: -1; padding-top: 10px; padding-bottom: 10px; border-top: 0px solid #7a7a7a; }
#jamlogo { float: right; width: 135px; padding-right: 0px; top: -40px; } 
#jamlogo img { position: relative; bottom: 0px;  }
 */

#footer-wrap { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 20; text-align: center; }
#footer-container { position: relative; height: 50px; width: 100%;  margin: 0 auto; top: 0px; z-index: 200;  }
#footer { position: relative; top: 55px; margin: 0 auto; text-align: center; color: #7a7a7a; font-size: 12px; background-color: #202020; z-index: -1; padding-top: 10px; padding-bottom: 10px; border-top: 0px solid #7a7a7a; }
#jamlogo { float: right; width: 135px; padding-right: 100px; } 
#jamlogo img { position: relative; bottom: 8px; }


/* Clearfix */
/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
/* Navbar */
/* Navbar */
#magic-line { position: absolute; bottom: 0px; left: 0px; width: 100px; height: 2px; background: #b45918;  }
#example-two { margin: 0px auto 0px auto; list-style: none;  position: relative;  width: 980px;  }
#example-two li { float:left; }
#example-two li a { position: relative;  z-index: 200; color: #FFFFFF; text-transform: uppercase; font-size: 11px; letter-spacing:1px; display: block; padding: 5px 8px 5px 8px; text-decoration: none;}
#example-two #magic-line-two { visibility:hidden; position: absolute; top: -2px; width: 100px; background: #b45918; z-index: 100; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding-bottom: 5px; }

.current_page_item a {  color: white !important; }
.ie6 #magic-line {	bottom: -3px; }
#example-two li a:hover { color: white;}
.current_page_item_two a { color: white !important; }
.ie6 #example-two li, .ie7 #example-two li { display: inline; }