/* search forms by ID */
/* 
tsearch = in the top of all pages
csearch = small search box in top right of content 
lsearch = large simple search box in content
asearch = large form with multiple fields in content
(asearch is in addition to lsearch)
*/


html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote{
	padding:0;
	margin:0;
}
blockquote{
	margin-bottom:13px;
	margin-left:40px;
}
body{
	background:#fff;
	color:#000;
	font-family:Lato,Arial,sans-serif;
	font-size:100%;
}

/* generic text style to catch the ugly non paragraphed 
   code from the database in some cases */
.maincontent{
	font-size:14px;
	line-height:1.7;
}

/* for IE-old */
body,
#subnav,
.wrap{
	min-width:1010px;
}
/* end IE-old */
@media(max-width:1200px){
	body,
	.wrap{
		min-width:1010px;
	}
	#subnav{
		min-width:0;
	}
}

h1,h2,h3/* , h4, h5, h6, .sub-head */{
	font-family:'Alegreya', serif;
	color:#333;
}

h1{
	font-smooth:antialiased;
	-webkit-font-smoothing: antialiased;
}
h2{
	font-smooth:antialiased;
	-webkit-font-smoothing: antialiased;
}
h3{
	font-smooth:antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}


#footer h1,
#footer h2,
#footer h3{
	color:#fff;
}
.wrap{
	clear:both;
}
img{
	max-width:100%;
}
a img{
	border-width:0;
}
#header{
	position:relative; /* for positioning of register/login/social/search */
}
.maincontent{
	background:#EFEFEF;
	padding-top:20px; /* 30 is added from padding above h2/h3 */
	padding-bottom:50px;
}
.footer{
	min-height:100px;
	background:#27336a;
	color:#fff;
}
a,
a:visited{
	color:#27336a;
	text-decoration:none;
}
a:focus,
a:hover,
a:active{
	color:#333;
}
#footer a,
#footer a:visited{
	color:#b2e4fe;
}
.miscbox a,
.miscbox a:visited,
.topbox a,
.topbox a:visited{
	color:#fff;
	text-decoration:underline;
}

#footer a:focus,
#footer a:hover,
#footer a:active{
	color:#fff;
}
.miscbox a:focus,
.miscbox a:hover,
.miscbox a:active,
.topbox a:focus,
.topbox a:hover,
.topbox a:active{
	text-decoration:none;
}



#header{
	max-width:405px;
	margin:0 auto;
	position:relative;
	z-index:100;
}
h1#logo{
/*	height:113px; */
	max-width:405px;
	text-align:center;
	padding-top:30px;
	padding-bottom:26px;
	margin:0 auto;
}
h1#logo img{
	display:block;
	margin:0 auto;
	max-width:100%;
}
.extra{
	position:absolute;
	top:58px;
	left:0;
	width:100%;
}
.extra form,
.extra .notloggedin{
	padding-top:15px;
}
.loggedinuserdetails,
.notloggedin{
	float:left;
	width:280px;
}
.loggedinuserdetails .mypagelink{
	float:left;
	width:87px;
}
.loggedinuserdetails p{
	float:left;
	width:190px;	
}
.loggedinuserdetails p span,
.loggedinuserdetails p a{
	display:block;
}
img.avatar{
	max-width:80px;
	max-height:70px;
}



ul#loginsocial{
	float:left;
	margin-bottom:0;
}
ul#loginsocial li{
	list-style:none;
	float:left;
	margin-right:5px;
}
ul#loginsocial li.reglogin{
	height:24px; /* to be the same height as the 24x24 social icons */
	background:#979797;
	font-family:'Lato',Arial,sans-serif;
	font-size:10px;
	text-transform:uppercase;
	line-height:23px;
	padding:0 12px;
	border-radius:20px;
}
ul#loginsocial li a{
	color:#fff;
	text-decoration:none;
}
form#tsearch{
	float:right;
}
input.searchstring{
	height:22px;
	color:#8C8C8C;
	font-family:'Lato',Arial,sans-serif;
	font-size:10px;
	text-transform:uppercase;
	line-height:23px;
	padding:0 12px;
	border:1px solid #BFBFBF;
	border-radius:20px;
	vertical-align:middle;
}
input[type=submit]{
	cursor:pointer;
}
form#tsearch p.moresearchoptions{
/*
	font-size:10px;
	text-transform:uppercase;
*/
	font-size:14px;
	text-align:right;
	padding:5px 28px 0 0;
	margin-bottom:0;
}
body.transcriptions form#csearch input.searchstring{
	width:140px;
}
input[type="image"]{
	vertical-align:middle;
}
.menutoggle,
h3#toggle,
#subnav ul li.subnavsection{
	display:none;
}
#nav,
#subnav{
	clear:both;
	font-family:'Lato',Arial,sans-serif;
	font-size:14px;
	text-transform:uppercase;
}
#nav{
	font-weight:bold;
	padding:11px 0 10px 0;
	border-top:1px solid #fff;
	background:#E3EAEE;
}
#subnav ul{
	max-width:980px;
	padding:11px 0 10px 0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-color:#E3EAEE;
	margin:0 auto;
}
.music #subnav ul{
	max-width:810px;
}
.library #subnav ul{
	max-width:650px;
}
.chronology #subnav ul{
	max-width:480px;
}
.horizontalnav{
	text-align:center;	
	margin-bottom:0;
}
.horizontalnav li{
	list-style:none;
	display:inline;
}
.horizontalnav li a{
	text-decoration:none;
	padding:0 12px;
}
#navigation li a{
	color:#27336a;
}
#navigation li.current a,
#navigation li a:focus,
#navigation li a:hover,
#navigation li a:active{
	color:#333;
}
#subnav li a{
	text-decoration:none;
	color:#fff;
}
#subnav li.current a{
	font-weight:bold;
}
#subnav li a:focus,
#subnav li a:hover,
#subnav li a:active{
	color:#beb896;
}

#subnav{
	position:absolute;
	width:100%;
	background:transparent;
	padding-top:0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}


.topboxwrap .shaded{
	/* background:rgba(0,0,0,.5); */
	/* to make it work in IE8 as well */
	background:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/opacity30.png) transparent repeat 0 0;
}

.topbox{
	max-width:650px;
	text-align:center;
	padding-top:33px;
	padding-bottom:28px;
}
.topboxwrap{
	background-color:#000;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.topboxwrap .shaded{
	padding-top:46px;
}
/* pages without a subnav */

.news .topboxwrap .shaded,
.paintings .topboxwrap .shaded,
.biography .topboxwrap .shaded,
.chronology .topboxwrap .shaded,
.network .topboxwrap .shaded,
.legal .topboxwrap .shaded,
.contact .topboxwrap .shaded,
.credits  .topboxwrap .shaded,
.permissions .topboxwrap .shaded,
.donate .topboxwrap .shaded,
.mypage .topboxwrap .shaded,
.search .topboxwrap .shaded{
	padding-top:0;
}

.topboxwrap *{
	color:white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}

/* subsubnav (tabs) */

#subsubnav{
	padding-top:30px;
}
#subsubnav ul{
	font-family:'Lato',Arial,sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #C2C2C2;
	overflow:hidden;
	margin-bottom:0;
}
#subsubnav ul li{
	list-style:none;
	float:left;
	border-right:1px solid #C2C2C2;
	padding:4px 12px 14px 0;
	margin-right:10px;
}

/* exception for paintings */

body.paintings #subsubnav ul li{
	border-right-width:0;
	padding:4px 0 14px 0;
	margin-right:5px;
}
body.paintings #subsubnav ul li a{
	padding-right:6px;
	border-right:1px solid black;
	text-transform:lowercase;
}
body.paintings #subsubnav ul li.last a{
	border-right-width:0;
	text-transform:uppercase;
}


#subsubnav ul li.contentsearch{
	float:right;
	padding-bottom:11px; /* 1px less than the other li elements */
}
.maincontent ul li.contentsearch{
	/* following to remove bullet where one would appear */
	padding-top:5px;
	padding-left:0;
	background:none;
}
body.transcriptions #subsubnav ul li.contentsearch{
/*
	float:right;
	position:absolute;
	top:97px;
	right:0;
*/
}
#subsubnav ul li.last,
#subsubnav ul li.contentsearch{
	padding-right:0;
	border-right-width:0;
	margin-right:0;

}
#subsubnav ul li a{
	display:block;
}
#subsubnav ul li.contentsearch form{
	/* padding-bottom:16px; */ /* on what page would this be needed at all? */
}
#subsubnav ul li.current a{
	color:#000;
}


/* flexslider */

#slider{
	width:100%;
	min-height:100px; /* to avoid overlapping of caption bar over top menu onload */
}
.inner-shadow{
	width:100%;
	position:absolute;
	top:0;
	height:5px;
	/* no idea what this images is for, 
	   but it's not on the server, so.. gone: */
	/* background:url(images/slider/inner-shadow.png) top left repeat-x; */
	z-index:10;
}
#slider li{
	margin:0;
}
/* what's this for?
.sixteen.columns.surface{
	position:absolute;
	z-index:1001;
	width:50%;
}
*/
.slider-title{
	position:absolute;
	bottom:23px;
	left:10px;
	width:100%;
}
.slide-text h2{
	font-size:24px;
	font-weight:normal;
	color:#fff;
	line-height:1;
	margin:0;
}

#slider .flex-direction-nav{
	display:none;
}
.flex-control-nav.flex-control-paging{
	display:none;
}

.slider-pagination{
	position:absolute;
	bottom:0;
	width:100%;
	height:70px;
	background-color:#2E7EA9;
	background-color:rgba(46,126,169,.8);
	z-index:100;
}
.slider-pagination .container{
	height:70px;
}

.arrows{
	position:relative;
	float:right;
}
.arrows a{
	display:inline-block;
	width:70px;
	height:70px;
	position:relative;
	background:#0C699A;
}
.arrows a img{
	position:absolute;
	left:23px;
	top:28px;
}
.arrows a.previous{
	margin-right:1px;
}

.wrap.carousel-thumbs{
	background:#fff;
	border-bottom:1px solid #C0C0C0;
	padding:20px 10px 20px 10px;
}
#carousel li{
	cursor:pointer;
	max-width:214px;
	margin:0 28px 0 0;
}
#carousel p{
	margin-bottom:0;
}
#carousel p img{
	width:214px;
	max-width:100%;
}
#carousel .flex-direction-nav{
	display:block;
}
#carousel .flex-direction-nav li{
	border:none;
}
#carousel .flex-direction-nav li:hover,
#carousel .flex-direction-nav li a:hover{
	border:none;
}

.flex-direction-nav a{
	background-image:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/bg_direction_nav.png);
}
.bordered{
	border:5px solid #C0C0C0;
}
#carousel li:hover .bordered,
#carousel li.flex-active-slide .bordered{
	border-color:#0C699A;
}

/* boxed */

/*
.boxed .arrows{
	position:relative;
	float:right;
	margin:0 10px 0 0;
}
.boxed .slide-text h2{
	font-size:18px;
	color:#cdcccc;
	line-height:1;
	margin:0 0 0 15px;
}
*/







/* text content styles */

.container .paddedtop{
	padding-top:30px !important;
	/* this is used on columns or blocks if there is no heading or other padded element above it */
}
h1{
	font-size:34px;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:10px;
}
.maincontent h2{
	font-size:26px;
	font-weight:normal;
	line-height:1.2;
	padding-top:30px;
	margin-bottom:15px;
}
.maincontent h2.hlink{
	padding-top:0;
}
.maincontent .songappearson h2,
.maincontent .instructionbox h2{
	margin-bottom:22px;
}
.maincontent h2 span.unreleased{
	font-size:16px;
	padding-left:15px;
}
.maincontent h3{
	font-size:22px;
	font-weight:normal;
	line-height:1.2;
	padding-top:30px;
	margin-bottom:10px;
}
.maincontent h3.subtitle{
	padding-top:0;
}
.post-meta-more h3{
	padding-top:0;
	margin-bottom:0;
}
.upcomingevent h3,
.miscbox h3{
	padding-top:0;
}
h3.homevideocaption{
	text-align:center;
	padding-top:10px;
}
h4{
	font-size:14px;
	font-weight:bold;
	line-height:1.7;
	margin-bottom:.85em;
}
ul.newlist h4{
	margin-bottom:0;
}
.topbox p{
	font-size:16px;
}
p,
ul,
ol,
table{
	font-size:14px;
	line-height:1.7;
	margin-bottom:1.7em;
}
table{
	border-collapse:collapse;
}
th,
td{
	font-size:14px;
	line-height:1.7;
	padding-right:20px;
}
table.withborders th,
table.withborders td{
	border:1px solid #666;
	padding:2px 5px;
}
table.centered th,
table.centered td{
	text-align:center;
}
table.songsaboutjoni th{
	text-align:left;
}
table.songsaboutjoni th,
table.songsaboutjoni td{
	vertical-align:top;
}

ol{
	padding-left:2em;
}
ol li{
	padding-left:3px;
}
.maincontent ul li{
	list-style:none;
	padding-left:10px;
	background:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/bullet.png) transparent no-repeat 0 .7em;
}
.maincontent .gallery li,
.maincontent .newlist li,
#subsubnav ul li{
	padding-left:0;
	background:transparent;
}
p.homemorevideos{
	text-align:center;
}
p.info{
	font-size:12px;
	margin-bottom:0;
}
p.forminfo,
p.forgotpassword,
span.forminfo{
	font-size:12px;
}
.videobox{
	margin-bottom:10px;
}
.videobox.cleared{
	clear:both;
}

.instructionbox{
/*	padding-top:4px; */
	/* this is to get the h3 on the same baseline as the h2 on the left */
	/* not needed if we use h2 */
	margin-bottom:30px; 
	/* this is for when the box goes into the single column, 
	   because the PDF link does not have a top padding, since 
	   it's not a heading */
}
iframe{
	display:block;
	max-width:100%;
	border-width:0;
}
.bordered iframe{
	width:100%;
}
.tabtranscription pre{
	font-size:14px;
}


/* news on homepage */
/* and              */
/* news on newspage */
/* and some events  */

.post .post-heading{
	padding-top:15px;
	margin-bottom:19px;
}
.post .post-heading{
	overflow:hidden;
	margin-bottom:1.3em;
}
.post .post-date{
	font-size:17px;
	line-height:1.5;
	padding:1px 9px 2px 0;
	border-right:1px solid #C0C0C0;
	margin-right:10px;
}
.post .post-date span{
	display:inline;
	font-size:13px;
	text-transform:uppercase;
}
.post .post-meta-more p{
display:none;
	color:#898989;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:2;
	margin-bottom:0;
}
.post-meta-more,
.post-meta-more h3{
	display:inline;
}

.post .post-body{
	margin-bottom:32px;
}
.post .post-body p{
}

.upcomingevent .dateadded{
	margin-bottom:0;
	font-size:12px;
	position:relative;
	top:-8px;
}

p.seeallitems{
	width:100%;
	text-align:center;
	padding:30px 0;
}
.quarterwidth p.seeallitems{
	padding:0 0;
}

/* news pagination */

	#paging{ float: left;width: 100%;text-align: center; padding: 60px 0 ;}
	#paging a { display:inline-block; min-width: 40px; height: 30px; padding: 10px 0 0 0; text-align: center; font-size:14px;  background-color: #2D2D2D; color: #6c6c6c;}
	#paging span.current {display:inline-block; width: 40px; height: 30px; padding: 10px 0 0 0 ;text-align: center; font-size:14px;  background: #00a7fa; color: #fff; }
	#paging .nav-prev a, #paging .nav-next a { width:auto; background: none; }
	#paging .prev, #paging .next { padding:10px 10px 0 10px; }
	#paging .nav-next a, #paging .nav-prev a { padding:10px 15px 0; background-color: #2D2D2D; color: #6c6c6c; }

#paging a,
#paging span.current{
	background:transparent;
	font-size:17px;
	font-weight:bold;
	border-right:1px solid #C0C0C0;
}
#paging a{
	color:#27336a;
}
#paging a:focus,
#paging a:hover,
#paging a:active,
#paging span.current{
	color:#000;
}
#paging a.nextpostslink{
	border-right-width:0;
}

/* home twitter */

.home .tweetsection{
	clear:both;
	border-top:1px solid #C0C0C0;
	padding-top:18px;
	padding-bottom:30px;
}
.home .tweetsection .follow{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:24px;
	border-top:1px solid #C0C0C0;
	padding-top:15px;
}
.home .tweetsection .follow a img{
	vertical-align:middle;
}

/* home .newlists */

.columnbox{
	overflow:hidden; /* to keep smaller columns inside */
}
ul.newlist li{
	list-style:none;
	margin-bottom:1.7em;
}
ul.newlist li span.byline{
	display:block;
	color:#333;
}

/* performers list (as on jonifest 2016 page) */

ul.performers{
	padding-top:30px;
}
ul.performers li{
	padding-left:0; 
	background:none;
	overflow:hidden;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:30px;
}
ul.performers .festperfdetail{
	width:300px;
	margin-bottom:30px;
}
ul.performers .festperfportrait{
	float:left;
	margin-right:40px;
}
ul.performers .festperfinfo{
	float:left;
}
ul.performers .festperfwatch{
	float:right;
}




/* music lists */
/* photography lists */
/* blocks by the side */

.gallery-item{
	max-width:300px;
}

.gallery-item .bordered,
.gallery-item .bordered a{
	display:block;
	height:290px;
	line-height:290px;
	text-align:center;
}
.gallery-item .bordered img{
	display:inline;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	line-height:290px;
	vertical-align:middle;
	position:relative;
	top:-2px;
}
.gallery-item .bordered{
	border-color:#000;
	background:#000;
}
.album-info,
.gallery-info,
.buythealbum{
	background-color:#000;
	padding:5px;
	border-bottom:1px solid #181818;
	border-top:1px solid #181818;
	overflow:hidden;
}
span.album-actions{
	float:left;
	position:relative;
	height:30px;
	width:30px;
	background:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/view.png) #d2d2d2 no-repeat 0 0;
	margin:0 5px 0 0;
}
span.album-actions:hover{
	background:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/view.png) #00A5FF no-repeat 0 -30px;
}
span.album-actions a{
	display:block;
	text-indent:-4000px;
}
.albumtitle,
.released,
.buydownload,
.photographer{
	display:block;
	font-size:11px;
	text-transform:uppercase;
	line-height:1.1;
}
.albumtitle{
	color:#fff;
	font-weight:bold;
}
.released{
	color:#898989;
}
.buydownload{
	color:#fff;
	margin-bottom:5px;
}
.photographer{
	color:#fff;
/*	line-height:30px; */
}
.photographer a{
	color:#898989;
}
ul.buttons li{
	float:left;
	list-style:none;
	padding:5px 5px 0 0;
}
ul.buttons li a{
	float:left;
	background:#00A5FF;
	color:white;
	font-size:11px;
	text-transform:uppercase;
	padding:5px 10px;
}
.gallery .gallery-item,
.sideright .gallery-item{
	margin-bottom:15px;
}
div.itemrating p{
	line-height:1.2;
	margin-bottom:1.2em;
}
p.rating{
}
div.itemrating p span.current,
p.rating span.current{
	font-size:130%;
}
ul.tracklist{
	width:100%;
}
ul.tracklist li,
.accordionbox h3{
	list-style:none;
	overflow:hidden;
	background:white;
	text-transform:uppercase;
	line-height:30px;
	padding:5px;
	margin-bottom:1px;
}
ul.tracklist li span{
	display:block;
	float:left;
	width:30px;
	height:30px;
	background:#DEDEDE;
	text-align:center;
	margin-right:5px;
}
ul.tracklist li a.sm2_button{
	float:left;
	margin-right:10px;
}
ul.tracklist li a{
	display:block;
}
ul.tracklist li a span{
	float:right;
	width:auto;
	background:#00A5FF;
	color:white;
	font-size:11px;
	padding:0 10px;
	margin-right:0;
}
ul.tracklist li a:hover span{
	background:#ff0044;
}
div.songlyrics{
	border-bottom:1px solid #c2c2c2;
	margin-bottom:10px;
}
div.soundprint{
	margin-bottom:30px;
	overflow:hidden;
}
div.soundprint .playbutton,
div.soundprint .printbutton,
div.soundprint .pdfbutton{
	float:left;
	width:30px;
	height:30px;
	margin-right:10px;
}
div.soundprint .printbutton a,
div.soundprint .pdfbutton a{
	display:block;
	background:#00A5FF;
	padding:6px;
}
div.soundprint .printbutton a img,
div.soundprint .pdfbutton a img{
	width:18px;
	height:18px;
}
div.soundprint .printbutton a:hover,
div.soundprint .pdfbutton a:hover{
	background:#ff0044;
}
p.transcriptionpdflink a .pdfbutton{
	float:left;
	width:18px;
	height:18px;
	background:#00A5FF;
	padding:6px;
	margin-right:10px;
}
p.transcriptionpdflink a .pdfbutton img{
	width:18px;
	height:18px;
}
p.transcriptionpdflink a:hover .pdfbutton{
	background:#ff0044;
}


/*
span.pdfbutton,
span.printbutton{
	margin-left:8px;
	margin-right:8px;
}
#subsubnav li span.pdfbutton,
#subsubnav li span.printbutton{
	margin-right:0;
}
span.pdfbutton,
span.printbutton{
	display:inline-block;
	background:#00a5ff;
	padding:4px;
	width:14px;
	height:14px;
	vertical-align:middle;
}
span.pdfbutton img,
span.printbutton img{
	width:14px;
	height:14px;
	display:block;
}
span.pdfbutton a:hover,
span.printbutton a:hover{
	background:#ff0044;
}
h2 span.pdfbutton,
h2 span.printbutton{
	width:24px;
	height:24px;
	padding:2px;
}
h2 span.pdfbutton img,
h2 span.printbutton img{
	width:24px;
	height:24px;
}
*/

h2 span.buttonnobox,
h3 span.buttonnobox,
li span.buttonnobox,
p span.buttonnobox{
	display:inline;
	padding-left:10px;
	/* vertical-align:text-bottom; */
	vertical-align:inherit;
}
#subsubnav li span.buttonnobox{
	vertical-align:middle;
}


div.footnotesfix table,
div.archivalcomm table,
div.footnotesfix table td,
div.archivalcomm table td{
	width:auto !important;
}
div.footnotesfix,
div.footnotesfix table,
div.footnotesfix td,
div.archivalcomm,
div.archivalcomm table,
div.archivalcomm td{
	font-size:14px;
	line-height:1.7;
}


p.lyricscopyright{
	font-weight:bold;
}


/* covers */

.alphabetlist span,
.alphabetlist a{
	padding:0 3px 1px 3px;
}
.alphabetlist span.current,
.alphabetlist span:hover,
.alphabetlist a:hover{
	background:#27336a;
	color:#EFEFEF;
}


span.coverartist,
span.covertitle,
span.coveralbum,
span.coveryear{
	display:block;
}
span.coverartist,
span.covertitle,
span.coveralbum{
	float:left;
}
span.recordcompany{
	font-size:12px;
	padding-left:20px;
}
span.coveryear{
	float:right;
	padding-left:10px;
	text-align:right;
}
span.coverartist img,
span.covertitle img,
span.coveralbum img{
	margin-right:3px;
}
p.covercomment{
	color:#666;
}
p.cover{
	overflow:hidden;
	margin-bottom:0;
}
.coverlist span.coverartist{
	width:200px;
}
.coverlist p.covercomment{
	margin-left:200px;
}
.coverlistbyartist span.covertitle,
.coverlistbysong span.coverartist{
	width:300px;
}
.coverlistbysong span.coveralbum{
	max-width:630px;
}
.coverlistbyartist p.covercomment,
.coverlistbysong p.covercomment{
	margin-left:300px;
}
p.covercomment .playbutton{
	float:left;
	margin-right:8px;
	margin-top:7px;
}

/* songs about joni */

.songsaboutjoni p.saj{
	overflow:hidden;
	margin-bottom:0;
}
.songsaboutjoni .sajtitle,
.songsaboutjoni .sajartist,
.songsaboutjoni .sajalbum{
	display:block;
	width:30%;
}
.songsaboutjoni .sajtitle,
.songsaboutjoni .sajartist{
	float:left;
	padding-right:4%;
}
/* added by Les */
.songsaboutjoni .sajartist{
	text-align:center;
}
/* end added by Les */

.songsaboutjoni .sajalbum{
	float:right;
	text-align:right;
}
.songsaboutjoni .byon{
	display:none;
}



/* itemcomments */

.itemcomments p.addcomment{
	margin-bottom:0;
	margin-top:1.7em;
}
.comment{
	padding-top:10px;
	margin-bottom:20px;
	overflow:hidden;
}
.comment img.avatar{
	float:left;
	max-width:50px;
	max-height:100px;
	margin-top:8px;
}
.comment .commentby,
.comment .commenttext{
	display:block;
	margin-left:60px;
	margin-bottom:0;
}
.comment .commentname{
	font-weight:bold;
}
.comment .commenttime{
	font-size:90%;
}
.comment .commenttext p{
	margin-bottom:.4em;
}

/* twitter/facebook like/tweet buttons */

.fbtwitbuttons{
	overflow:hidden;
	margin-bottom:15px;
}
.fbtwitbuttons iframe{
	float:left;
	margin-right:15px;
}


/* library */

/* library search */

.librarysearch form{
	margin-bottom:25px;
}
.librarysearch form#asearch{
	padding-top:25px;
	border-top:1px solid #BFBFBF;
}
.librarysearch form p,
.librarysearch p.transcriptionsorderedby {
	margin-bottom:.7em;
	overflow:hidden;
}
.librarysearch form#lsearch.widthlimited p{
	max-width:375px;
}
.librarysearch form#lsearch p{
	max-width:100%;
}
.librarysearch form#asearch p{
	max-width:450px;
}
.librarysearch label{
	float:left;
	width:28%;
}
.librarysearch input,
.librarysearch select{
	height:24px;
	color:#8C8C8C;
	font-family:'Lato',Arial,sans-serif;
	font-size:100%; /* same as paragraph around it */
	line-height:1.4;
	border:1px solid #BFBFBF;
	border-radius:20px;
}
.librarysearch select{
	border-radius:20px 0 0 20px;
}
.librarysearch p.transcriptionsorderedby select{
	width:250px;
}
.librarysearch input{
	padding:0 12px;
}
.librarysearch select{
	float:right;
	width:70%;
	padding:0 0 0 12px;
}
.librarysearch input#publication,
.librarysearch input#author{
	float:right;
	width:64.1%;
}

.ui-autocomplete{
	font-family:'Lato',Arial,sans-serif !important;
	font-size:14px !important;
	line-height:1.2 !important;
	max-width:95% !important;
}
.ui-autocomplete li{
	padding:3px 1px;
}


.librarysearch input[type=submit]{
	background:#00A5FF;
	color:white;
	border-color:#00A5FF;
}
.librarysearch form#lsearch.widthlimited input{
	margin:0 5px;
}
.librarysearch form#lsearch.widthlimited input#librarysearchstring{
	width:96%;
	max-width:344px; /* + 12px padding + 1px border + 5px margin = 370px width of parent */
	margin:0 0;
}
.librarysearch form#lsearch input#librarysearchstring{
	float:left;
	width:75%;
}
.librarysearch input[type=submit]{
	float:right;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0;
	position:relative;
	top:1px;
	margin-bottom:2px; /* to keep bottom from being cut off */
}

/* library latest */

em.addeddate{
	padding-left:10px;
}

/* library typing page */

.typinglist li{
	overflow:hidden;
}
.typinglist li.heading{
	font-weight:bold;
}
.typinglist span{
	float:left;
}
.typinglist span.item{
	width:220px;
	padding-right:10px;
}
.typinglist span.filetype{
	width:80px;
}
.typinglist span.date{
	width:120px;
}
.typinglist span.status{
	width:240px;
	padding-right:10px;
}
.typinglist span.canyou{
	width:auto;
}

/* library images in articles */

div.articlecontent{
	overflow:hidden; /* to make sure social buttons and disclaimers don't float up if there are floated items in the article */
}

div.gallerybox{
	max-width:350px;
}

ul.articlegallery{
	background:black;
	padding:7px 7px 0 0;
	text-align:center;
	overflow:hidden;
	margin-top:7px;
	margin-bottom:0 !important;
}
ul.articlegallery li{
	display:inline;
	height:80px;
	background:none;
	padding-left:0;
	margin-left:7px;
	margin-bottom:7px;
}
ul.articlegallery li a,
ul.articlegallery li img{
	display:inline;
	height:80px;
	margin-top:0;
}
p.gallerycaption{
	background:black;
	color:white;
	text-align:center;
	padding:0 5px;
	margin-bottom:20px;
}



/* cultural references */
/* accordion */

div.accordionbox ul{
	background:white;
	margin-bottom:1px;
}
div.accordionbox h3{
	font-family:Lato,Arial,sans-serif;
	font-size:14px;
	cursor:pointer;
	}
div.accordionbox h3{
	height:30px;
	background-image:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/accordion-closed.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:45px;
}
div.accordionbox h3.open{
	background-image:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/accordion-open.png);
}
div.accordionbox.empty h3,
div.accordionbox.empty h3.open{
	background-image:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/accordion-closed-empty.png);
}
div.accordionbox ul{
	display:none;
	padding:5px 10px 30px 10px;
}
div.accordionbox.empty h3{
	color:#666;
}

/* paintings */

ul.paintingexcerpts li,
div.paintingsoverview ul li{
	padding-left:0;
	background:none;
}
ul.paintingexcerpts li{
	overflow:hidden;
	margin-bottom:15px;
}
a.excerptthumb{
	float:left;
	margin-right:15px;
	padding-top:4px;
}
ul.paintingexcerpts li a,
ul.paintingexcerpts li span{
	display:block;
	line-height:1.4;
}
.paintingsoverview ul{
	overflow:hidden;
	margin-right:-4px;
}
.paintingsoverview ul li{
	float:left;
	width:160px;
	height:160px;
	line-height:160px;
	text-align:center;
	margin-right:4px;
	margin-bottom:4px;
}
.paintingsoverview ul li a{
	display:block;
	background:black;
	height:160px;
	width:160px;
}
.paintingsoverview ul li a:hover{
	background:#333;
}
.paintingsoverview ul li a img{
	display:inline;
	line-height:160px;
	vertical-align:middle;
	max-height:100%;
	max-width:100%;
	position:relative;
	top:-2px;
}
.paintingsbyrating li,
.paintingsbyyear li{
	overflow:hidden;
	margin-bottom:1em;
}
.paintingsbyrating .paintingmini,
.paintingsbyyear .paintingmini{
	float:left;
	padding-top:2px;
}
.paintingsbyrating .paintingmini a,
.paintingsbyrating .paintingmini img,
.paintingsbyyear .paintingmini a,
.paintingsbyyear .paintingmini img{
	display:block;
}
.paintingsbyrating .paintingmini img,
.paintingsbyyear .paintingmini img{
	border:1px solid black;
}
.paintingsbyrating .paintingtitle,
.paintingsbyrating .paintingrating,
.paintingsbyyear .paintingtitle,
.paintingsbyyear .paintingexcerpt{
	display:block;
	margin-left:70px;
}
.paintingsbyrating .paintingtitle,
.paintingsbyyear .paintingtitle{
	line-height:1;
}
.paintingsbyyear .paintingtitle{
	margin-bottom:.2em;
}
.paintingsbyyear .paintingexcerpt{
	line-height:1.3;
}
.paintingsbyrating .paintingrating{
	line-height:1.2;
}
.paintingsbyrating .current{
	font-size:130%;
	padding-right:10px;
}


.paintingbox{
	margin-bottom:15px;
}
.paintingbox img{
	margin-bottom:15px;
}
.paintingbox .year{
	font-weight:bold;
}
.paintingbox .details span{
	display:block;
}
.prevnext{
	text-align:center;
	padding:15px 0;
	border-width:1px 0;
	border-style:solid;
	border-color:#BFBFBF;
	margin-bottom:0;
}
.prevnext a,
.prevnext span{
	padding:0 10px;
}


/* fancybox */

.hidden{
	display:none;
}
.fancybox-title-float-wrap .child{
	white-space:unset !important;
}


/* images and captions */

.one-third .image,
.one-third .imagebox{
	max-width:100%;
}

.imageleft{
	float:left;
	margin-right:20px;
}
.imageright{
	float:right;
	margin-left:20px;
}
.imageleft,
.imageright{
	max-width:55%;
	margin-bottom:15px;
}
.imageleft img,
.imageright img,
.imageleft video,
.imageright video,
.imageleft .videobox,
.imageright .videobox{
	margin-top:7px;
}
.imagebox{
	border-bottom:1px solid #BFBFBF;
}
.image img,
.imagebox img,
.imageleft video,
.imageright video{
	display:block;
	max-width:100%;
}
.imageleft .caption,
.imageright .caption,
.imagebox .caption,
.imageright .gallerycaption{
	font-size:12px;
	padding:10px 0;
	margin-bottom:0;
}
.imagebox .caption span{
	display:block;
}
.contentleft .imagebox .caption,
.container .imageleft .caption{
	text-align:left;
}
.contentright .imagebox .caption,
.container .imageright .caption{
	text-align:right;
}

/* images / captions in the birthdaycard page */

span.bdimage,
span.bdcaption,
span.bdcredits,
span.bdimage img{
	display:block;
	text-align:center;
	margin:0px auto 10px auto;
}
span.bdcredits{
	font-size:12px;
}



/* biography */

.bioinfo{
	clear:both;
	padding-top:30px;
}
.bioinfo p{
	font-size:12px;
}


.servicebox{
	background:#fff;
	color:#000;
	padding:20px;
	margin-top:40px;
	overflow:hidden;
}
.servicebox h2{
	padding-top:0;
}
.servicebox p,
.servicebox ul,
.servicebox form{
	margin-bottom:0;
}
.servicebox .librarysearch{
	margin-top:20px;
}
.servicebox ul li.current a{
	color:#000;
	cursor:default;
}


.miscbox{
	background:#27336a;
	color:#fff;
	padding:20px;
	margin-top:40px;
	overflow:hidden;
}
.miscbox *{
	color:#fff;
}
.miscbox img.imageleft{
	float:left;
	margin-right:15px;
}
.miscbox p.alertme input{
	float:left;
}
.miscbox p.alertme span{
	display:block;
	margin-left:30px;
}



/* chronology list */

ul.recentusercontent li{
	padding-left:0;
	background:none;
}
ul.yearlinks{
	overflow:hidden;
}
ul.yearlinks li{
	float:left;
	/* width:3em; */
	min-width:3em;
	padding-left:0;
	background:none;
}
ul.yearlinks li.current a,
ul.tourlinks li.current a{
	color:#000;
}

.chronology .tourimage{
	border:1px solid black;
}
.chronology .sideright .tourimage{
	margin-top:30px;
}

.chronology .accordionbox ul li,
.chronology .thisyearlist li,
.chronology .thistourlist li,
.music .coverlist li,
.music .coverlistbyartist li,
.music .coverlistbysong li,
.music .songsaboutjoni li,
.paintings .paintingsbyrating li,
.paintings .paintingsbyyear li,
.library .typinglist li{
	padding-left:0;
	background:none;
	padding-bottom:10px;
}
.chronology .accordionbox ul li ul{
	padding:0;
	margin-bottom:0;
}
.chronology .accordionbox ul li p{
	margin-bottom:0;
}
.chronology .accordionbox ul li p.tourend{
	padding-bottom:20px;
}

span.perfdate,
span.perftitle,
span.perflocation{
	display:block;
}
span.perfdate{
	float:left;
	width:100px;
}
span.perftitle{
	float:left;
	/* width:280px; */
}
.recentusercontent span.perftitle{
	float:none;
	display:block;
	margin-left:100px;
}

span.perflocation{
	float:right;
	/* width:120px; */
	padding-left:10px;
	text-align:right;
}
span.hlite{
	background:#B8D0DC;
	padding:2px 0;
}
p.performance{
	overflow:hidden;
	margin-bottom:0;
}
p.performancecomment{
	font-size:12px;
	margin-left:100px;
	color:#666;
}


/* chronology detail */

h2 span.date,
h2 span.eventvenue{
	padding-right:15px;
}

ul.concertimagelist{
	overflow:hidden;
}
ul.concertimagelist li{
	padding-left:0;
	background:none;
	float:left;
	margin-right:10px;}

/* contact form on both contact.cfm and legal.cfm */
/* also for login/registration forms */

.contactform p,
.loginreg p{
	overflow:hidden;
}
.contactform label,
.loginreg label{
	float:left;
	width:25%;
	padding-right:3%;
}
.contactform input,
.contactform textarea,
.loginreg input,
.loginreg textarea{
	width:65%;
	height:24px;
	color:#8C8C8C;
	font-family:'Lato',Arial,sans-serif;
	font-size:100%; /* same as paragraph around it */
	line-height:1.4;
	padding:0 12px;
	border:1px solid #BFBFBF;
	border-radius:20px;
}
.contactform textarea,
.loginreg textarea{
	height:100px;
}
.contactform input[type=submit],
.loginreg input[type=submit]{
	width:auto;
	background:#00A5FF;
	color:white;
	border-color:#00A5FF;
	margin-left:28%;
}
p.forgotpassword{
	margin-left:28%;
}

.loginreg select{
	height:24px;
	color:#8C8C8C;
	font-family:'Lato',Arial,sans-serif;
	font-size:100%; /* same as paragraph around it */
	line-height:1.4;
	border:1px solid #BFBFBF;
	border-radius:20px 0 0 20px;
	width:70%; /* this ends up being as wide as input/textarea on Win7 FF */
	padding:0 12px;
}
div.avatarbox{
	background:black;
	color:white;
	text-align:center;
	padding:5px;
	margin-bottom:30px;
}
div.avatarbox div.accordionbox,
div.avatarbox div.accordionbox ul{
	background:black;
	color:white;
	margin-bottom:0;
}
div.avatarbox div.accordionbox h4{
	cursor:pointer;
}
div.avatarbox a{
	color:white;
}
div.avatarbox span{
	font-size:12px;
}
div.avatarbox label,
div.avatarbox span{
	display:block;
	text-align:center;
	margin-bottom:5px;
}
div.avatarbox input{
	text-align:center;
	border:1px solid #efefef;
	border-radius:20px;
	padding:0 12px;
}
div.avatarbox input[type=submit]{
	width:auto;
	background:#00A5FF;
	color:white;
	border-color:#00A5FF;
}



div.avatarbox iframe{
	width:auto;
	height:300px;
	overflow:hidden;
	border-width:0;
}
div.avatarbox img{
	max-width:100%;
	height:auto;
	margin:0 auto;
}
div.avatarbox p{
	color:white;
}

/* main search */
/* and comment system forms */

#sitesearch input[type=text]{
	width:56%;
	height:24px;
}

/* for comment popups */

div.popupcontainer{
	padding:10px;
	min-height:300px;
	max-height:100%;
}
body.uploadimage div.popupcontainer{
	min-height:350px;
}
div.popupcontainer h3{
    font-size:22px;
    font-weight:normal;
    line-height:1.2;
    margin-bottom:10px;
}
#commentform,
#imageuploadform{
	max-width:100%;
	margin:0;
}
#imageuploadform input{
	width:100%; /* to push it to full width where possible */
	max-width:90%;
	height:auto;
	color:#8C8C8C;
	font-family:'Lato',Arial,sans-serif;
	font-size:100%; /* same as paragraph around it */
	line-height:1.4;
	padding:0 5%;
	border:1px solid #BFBFBF;
	border-radius:20px;
}
#commentform textarea,
#imageuploadform textarea{
	width:100%; /* to push it to full width where possible */
	max-width:90%;
	height:100px;
	color:#8C8C8C;
	font-family:'Lato',Arial,sans-serif;
	font-size:100%; /* same as paragraph around it */
	line-height:1.4;
	padding:0 5%;
	border:1px solid #BFBFBF;
	border-radius:20px;
}
#sitesearch input[type=submit],
#commentform input[type=submit],
#imageuploadform input[type=submit]{
	position:relative;
	top:1px;
	float:right;
	width:auto;
	height:24px;
	background:#00A5FF;
	color:white;
	font-family:'Lato',Arial,sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	line-height:1.4;
	padding:0 12px;
	border-width:1px;
	border-style:solid;
	border-color:#00A5FF;
	border-radius:20px;
	margin:0 0 0 2px;
}



/* form error messages */

/* contactform: */
#val_form{
	width: 450px;
}
#val_form input.submit {
	margin-left: 150px;
	width: auto;
	color:#F00;
	font-weight:bold;
	display: inline;
}

/* register/login forms: */
/* and form validations  */
#register,
#login{
	width:450px;
}




form#register p,
form#login p,
form#val_form p,
form#myinfo p{
	position:relative;
}
#register input.invalid, 
#login input.invalid,
#val_form input.invalid,
#val_form textarea.invalid,
#myinfo input.invalid{
	border-color:#f00;
}
#register span.invalid, 
#login span.invalid,
#val_form span.invalid,
#myinfo span.invalid{
	display:block;
	color:#F00;
	font-weight:bold;
	margin-left:30%; /* a little wider than the label width */
	margin-top:5px;
	padding-left:24px;
	background:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/error.png) transparent no-repeat left center;
	background-size:16px;
}
#register input.success, 
#login input.success,
#val_form input.success,
#val_form textarea.success,
#myinfo input.success,
#commentform textarea.success,
#imageuploadform input.success,
#sitesearch input.success,
#tsearch input.success,
#csearch input.success,
#lsearch input.success{
	border-color:#13CE97;
	background:url("/National_Library/20160526010038oe_/http://jonimitchell.com/img/checked.png") #fff no-repeat 95% 5px / 16px 16px;
}

#sitesearch div,
#tsearch div,
#csearch,
#lsearch p,
form#commentform p,
form#imageuploadform p{
	position:relative;
}
input#sitesearchstring.invalid,
input#searchstring.invalid,
input#contentsearchstring.invalid,
input#librarysearchstring.invalid,
#commentform textarea.invalid,
#imageuploadform input.invalid{
	border-color:#f00;
	margin-bottom:2.5em !important; /* creates space for error span, overruling other margin styles */
	vertical-align:inherit;
}
span#sitesearchstring-error,
span#searchstring-error,
span#contentsearchstring-error,
span#librarysearchstring-error,
span#comment-error,
span#filename-error{
	position:absolute;
	left:0;
	bottom:0;
	color:#f00;
	text-transform:lowercase;
	padding-left:24px;
	background:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/error.png) transparent no-repeat left center;
	background-size:16px;
}

/* end of form error styles */

/* search form + results */

#sitesearch ul li{
	padding-left:0;
	background:none;
	font-weight:bold;
}
#sitesearch ul li.parent{
	padding-left:22px;
}
#sitesearch ul li ul{
	margin-bottom:0;
}
#sitesearch ul li ul li{
	font-weight:normal;
}

ol.searchresults li,
ul.searchresults li{
	/* DON'T USE overflow:hidden; !! */
	/* It cuts off the list numbers */
	clear:left;
}
ul.searchresults li span.highlight{
	color:red;
	font-weight:bold;
}
a.searchresultimage{
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}
a.searchresultimage img{
	max-width:75px;
	height:auto;
}



div.disclaimer{
	font-style:italic;
	padding-top:20px;
	border-top:1px solid #C0C0C0;
	margin-top:40px;
}


/* mypage/login/register/favoriting */
/* and other links in brackets */

h2 span.addtofav,
h2 span.bracketlink,
h3 span.bracketlink{
	font-size:14px;
	padding-left:10px;
}
span.removefromfav{
	padding-left:5px;
}
span.faved img,
span.removefromfav img{
	max-width:16px;
	vertical-align:middle;
}
h2 span.faved{
	display:inline-block;
	padding:6px;
	vertical-align:middle;
}
h2 span.faved,
h2 span.faved img{
	width:16px;
	height:16px;
}
.faveditemdesc,
.mypagecommenttext{
	display:block;
}
.faveditemdesc img{
	max-width:60px;
}



/* footer */

#footer{
	padding-top:30px;
	padding-bottom:50px;
	overflow:hidden;
}
#footer h3{
	font-size:20px;
	font-weight:normal;
	line-height:1;
	margin-bottom:.2em;
}
#footer ul li{
	list-style:none !important;
}
#footer p{
	margin-bottom:8px;
}

.fcol{
	float:left;
	width:25%;
	
}
.fcolblock{
	border-color:#b2e4fe;
	border-style:solid;
	border-width:0;
}
.fcol1 .fcolblock,
.fcol3 .fcolblock{
	min-height:90px;
}
.fcol2 .fcolblock,
.fcol4 .fcolblock{
	min-height:201px;
}
.fcol1 .fcolblock{
	padding:20px 0 0 0;
	overflow:hidden;
}
.fcol2 .fcolblock,
.fcol3 .fcolblock,
.fcol4 .fcolblock{
	padding:20px 24px 0 24px;
	border-left-width:1px;
	overflow:hidden;
}
.fcol .fcolblock2{
	border-top-width:1px;
}

.fsocial{
	text-align:center;
}
.fsocial ul li{
	display:inline;
	padding:0 3px;
}
.fcol3 form{
	text-align:center;
}
.fcol3 form input#submit{
	background:#00A5FF;
	color:white;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:3px 15px;
	border-width:0;
	border-radius:20px;
	margin:0 auto;
	cursor:pointer;
}
.fcol3 form input#submit:hover{
	background:white;
	color:#27336a !important;
}
.fcol4 ul li{
	line-height:1.4;
	padding-top:.1em;
	margin-bottom:.6em;
}

*{
	-webkit-text-size-adjust:100%;
}


@media(max-width:1000px){
	body,
	.wrap{
		min-width:798px;
	}
	.menutoggle,
	h3#toggle{
		display:block;
	}
	h3#toggle{
		height:40px;
		background:url(/National_Library/20160526010038oe_/http://jonimitchell.com/img/menu.png) transparent no-repeat left center;
		font-family:Lato,sans-serif;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		line-height:40px;
		margin-bottom:0;
		cursor:pointer;
	}
	h3#toggle,
	.panelpadding{
		padding-left:40px;
		padding-right:40px;
	}
	#panel{
		display:none;
		padding-top:20px;
		padding-bottom:20px;
		border-top:1px solid #918B73;
		overflow:hidden;
	}
	#panel.toggled-on{
		display:block;
	}
	.menutoggle,
	#panel{
		background:#E3EAEE;
	}
	.topboxwrap .shaded{
		padding-top:0 !important;
	}
	#panel #subnav{
		position:static;
	}
	#panel #nav,
	#panel #subnav{
		background:transparent;
	}
	#panel #subnav{
		/* text-shadow:unset; does not work for iPhone? */
		text-shadow:none;
		
	}
	.notloggedin,
	.loggedinuserdetails{
		clear:left;
		padding-top:20px;
	}
	form#tsearch p.moresearchoptions{
		text-align:left;
	}
	#nav{
		clear:left;
		float:left;
		padding-right:10px;
		border-top-width:0;
	}
	/* width + border only for sections that have a subnav */
	#nav{
		width:40%;
		border-width:0 1px 0 0;
		border-style:solid;
		border-color:#918B73;
	}
	body.home #nav,
	body.news #nav,
	body.paintings #nav,
	body.biography #nav,
	body.chronology #nav,
	body.network #nav,
	body.legal #nav,
	body.contact #nav,
	body.credits #nav,
	body.permissions #nav,
	body.donate #nav{
		width:100%;
		border-right-width:0;
	}
	
	.extra{
		position:static;
		clear:left;
		float:left;
		width:auto;
	}
	.extra .container{
		width:auto;
		padding:0;
	}
	.extra ul#loginsocial,
	.extra form#tsearch{
		clear:left;
		float:left;
	}
	.horizontalnav li a{
		display:block;
		padding:0;
	}
	#nav,
	#subnav{
		margin-bottom:20px;
	}
	#nav ul,
	#subnav ul{
		text-align:left;
		margin-top:-20px;
		margin-bottom:-20px;
		border-bottom-width:0;
	}
	#nav ul li,
	#subnav ul li{
		display:block;
	}
	#nav ul li{
		line-height:1.3;
		padding:7px 0;
	}
	#subnav{
		clear:none;
		float:left;
		max-width:55%;
	}
	#subnav ul li{
		font-weight:bold;
		line-height:1.3;
		padding: 7px 0 0 10px;
	}
	#subnav ul li.subnavsection{
		display:block;
		color:#333;
	}
	#subnav ul li a{
		color:#27336a;
	}
	#subnav li.current a,
	#subnav ul li a:hover{
		color:#333;
	}

	#subsubnav ul{
		padding-bottom:20px;
	}
	#subsubnav ul li{
		clear:left;
		padding:0;
		border-right-width:0;
		margin:0;
	}

	/* exception for paintings */

	body.paintings #subsubnav ul li{
		clear:none;
		border-right-width:0;
		padding:4px 0 14px 0;
		margin-right:5px;
	}
	body.paintings #subsubnav ul li a{
		padding-right:6px;
		border-right:1px solid black;
	}
	body.paintings #subsubnav ul li.last a{
		border-right-width:0;
	}



	#subsubnav ul li.contentsearch{
		float:left;
		padding:15px 0 0 0;
	}
	body.transcriptions #subsubnav ul li.contentsearch{
		position:static;
	}
	
	#subsubnav ul li a{
		padding:0;
	}
	.gallery-item .bordered,
	.gallery-item .bordered a{
		height:226px;
		line-height:226px;
	}
	.gallery-item .bordered img{
		line-height:226px;
	}
	.librarysearch form#lsearch input#librarysearchstring{
		width:68%;
	}
	.librarysearch form#lsearch.widthlimited input#librarysearchstring{
		max-width:337px;
	}
	.librarysearch form#lsearch.widthlimited p.searchfromto input{
		padding:0 10px;
	}
	.librarysearch input#publication,
	.librarysearch input#author{
		width:63%;
	}
	.librarysearch p.transcriptionsorderedby select{
		width:70%;
	}

	#sitesearch input[type=text]{
		width:50%;
	}


	.tabtranscription pre{
		font-size:12px;
	}
	span.perfdate{
		width:85px;
	}
	/*
	span.perftitle{
		width:230px;
	}
	span.perflocation{
		width:110px;
	}
	*/
	.recentusercontent span.perftitle{
		margin-left:85px;
	}

	p.performancecomment{
		margin-left:85px;
	}
	.coverlistbysong span.coveralbum{
		max-width:420px;
	}
	.halfwidth .contactform label,
	.halfwidth .loginreg label{
		width:25%;
		padding-right:3%;
	}
	.halfwidth .contactform input,
	.halfwidth .contactform textarea,
	.halfwidth .loginreg input{
		width:50%;
	}
	.halfwidth .contactform input[type=submit],
	.halfwidth .loginreg input[type=submit]{
		width:auto;
	}

 	ul.performers .festperfdetail{
 		width:236px;
 	}
 	ul.performers .festperfportrait{
 		margin-right:30px;
 	}

	.fcol2 .fcolblock,
	.fcol3 .fcolblock,
	.fcol4 .fcolblock{
		padding-left:20px;
		padding-right:20px;
	}


}
@media(max-width:767px){
	body,
	.wrap{
		min-width:450px;
	}
	.slider-pagination{
		display:none;
	}
	.album-info{
		min-height:40px;
	}

	.gallery-item .bordered,
	.gallery-item .bordered a{
		height:190px;
		line-height:190px;
	}
	.gallery-item .bordered img{
		line-height:190px;
	}
	ul.performers .gallery-item .bordered,
	ul.performers .gallery-item .bordered a{
		height:290px;
		line-height:290px;
	}
	ul.performers .gallery-item .bordered img{
		line-height:290px;
	}
	.sideright .gallery-item .bordered,
	.sideright .gallery-item .bordered a{
		height:290px;
		line-height:290px;
	}
	.sideright .gallery-item .bordered img{
		line-height:290px;
	}
	.sideright .imagebox .caption{
		text-align:left;
	}
	.librarysearch form#lsearch input#librarysearchstring{
		width:73%;
	}
	.librarysearch form#lsearch.widthlimited p{
		max-width:375px
	}
	.librarysearch form#lsearch.widthlimited input#librarysearchstring{
		max-width:344px;
	}
	.librarysearch form#lsearch.widthlimited p.searchfromto input{
		padding:0 12px;
	}

	.typinglist span.item{
		width:130px;
		padding-right:10px;
	}
	.typinglist span.filetype{
		width:60px;
	}
	.typinglist span.date{
		width:100px;
	}
	.typinglist span.status{
		width:120px;
	}

	#sitesearch input[type=text]{
		width:45%;
	}

	/*
	span.perftitle{
		width:200px;
	}
	*/


	.alphabetlist span,
	.alphabetlist a{
		padding:0 2px 1px 2px;
	}
	.coverlist span.coverartist{
		width:140px;
	}
	.coverlist span.coveralbum{
		padding-left:8px;
		width:220px;
	}
	span.recordcompany{
		display:block;
		padding-left:0;
	}
	.coverlist p.covercomment{
		margin-left:150px;
	}
	
	.coverlistbyartist span.covertitle,
	.coverlistbysong span.coverartist{
		width:100%;
	}
	.coverlistbyartist span.coveralbum,
	.coverlistbyartist p.covercomment,
	.coverlistbysong span.coveralbum,
	.coverlistbysong p.covercomment{
		margin-left:30px;
	}
	.songsaboutjoni .sajtitle{
		width:100%;
	}
	.songsaboutjoni .sajtitle,
	.songsaboutjoni .sajartist,
	.songsaboutjoni .sajalbum{
		width:100%;
		text-align:left;
	}
	.sajheadings{
		display:none;
	}
	.songsaboutjoni .byon{
		display:inline;
	}


 	ul.performers .festperfdetail{
 		width:100%;
 	}


	.fcol{
		width:50%;
	}
	.fcol3 .fcolblock{
		border-left-width:0;
		border-top-width:1px;
	}
	.fcol4 .fcolblock{
		border-top-width:1px;
	}

}
@media(max-width:480px){
	body,
	.wrap{
		min-width:0;
	}
	h3#toggle,
	.panelpadding{
		padding-left:30px;
		padding-right:30px;
	}
	/* width + border only for sections that have a subnav */
	#nav{
		min-width:auto;
		width:50%;
		padding-right:0;
	}
	#subnav{
		padding-left:0;
		max-width:48%;
	}
	#nav ul,
	#subnav ul{
		font-size:12px;
	}
	.gallery-item .bordered,
	.gallery-item .bordered a{
		height:290px;
		line-height:290px;
	}
	.gallery-item .bordered img{
		line-height:290px;
	}
	.album-info{
		min-height:30px;
	}
	.librarysearch form#lsearch input#librarysearchstring{
		width:68%;
	}
	#sitesearch input[type=text]{
		clear:left;
		float:left;
		width:auto;
		max-width:90%;
		margin-bottom:10px;
	}
	#sitesearch input[type=submit]{
		float:left;
	}
	
	.tabtranscription pre{
		font-size:10px;
	}
	span.perftitle,
	span.perflocation{
		float:none;
		display:block;
		width:auto;
		text-align:left;
		padding-left:0;
		margin-left:85px;
	}
	.coverlist span.coverartist{
		width:140px;
	}
	.coverlist span.coveralbum,
	.coverlist span.coveryear,
	.coverlist p.covercomment{
		float:none;
		display:block;
		width:auto;
		text-align:left;
		padding-left:0;
		margin-left:148px;
	}
	.typinglist li.heading{
		display:none;
	}
	.typinglist li span.item,
	.typinglist li span.filetype{
		float:none;
		display:inline;
		padding-right:10px;
	}
	.typinglist li span.date{
		float:none;
		display:inline;
		white-space:nowrap;
	}

	.typinglist li span.status{
		float:none;
		display:block;
		width:100% !important;
	}

}
@media(max-width:440px){
	.tabtranscription pre{
		font-size:8px;
	}
	.alphabetlist span,
	.alphabetlist a{
		font-size:16px;
		padding:1px 6px 2px 6px;
	}
}
@media(max-width:420px){
	.coverlist span.coverartist,
	.coverlistbyartist span.covertitle,
	.coverlistbysong span.coverartist{
		float:none;
		display:block;
		width:auto;
		text-align:left;
		padding-left:0;
		margin-left:0;
	}
	.coverlist span.coveralbum,
	.coverlist span.coveryear,
	.coverlist p.covercomment{
		margin-left:30px;
	}
	.coverlistbyartist span.coveralbum,
	.coverlistbyartist span.coveryear,
	.coverlistbyartist p.covercomment,
	.coverlistbysong span.coveralbum,
	.coverlistbysong span.coveryear,
	.coverlistbysong p.covercomment{
		float:none;
		display:block;
		width:auto;
		text-align:left;
		padding-left:0;
		margin-left:30px;
	}

	
	.fcol{
		float:none;
		width:100%;
		max-width:245px;
		text-align:center;
		margin:0 auto;
	}
	.fcol .fcolblock{
		border-left-width:0;
		padding:20px 0;
	}
	.librarysearch form#lsearch input#librarysearchstring{
		width:60%;
	}
	.librarysearch form#lsearch.widthlimited p{
		max-width:320px
	}
	.librarysearch form#lsearch.widthlimited input#librarysearchstring{
		max-width:290px;
	}
	.librarysearch form#lsearch.widthlimited p.searchfromto input{
		padding:0 8px;
	}

	.librarysearch form#lsearch.widthlimited p.searchfromto{
		font-size:12px;
	}
	.librarysearch input#publication,
	.librarysearch input#author{
		width:62%;
	}
	.librarysearch form#asearch label,
	.librarysearch form#asearch input{
		float:none;
		width:85%;
	}
	.librarysearch form#asearch input[type=submit]{
		width:auto;
	}
	.librarysearch p.transcriptionsorderedby select,
	.librarysearch form#asearch select{
		float:none;
		width:95%;
	}
	
	.contactform label,
	.contactform input,
	.contactform textarea,
	.loginreg label,
	.loginreg input,
	.loginreg textarea{
		width:90%;
	}
	.loginreg select{
		width:95%;
	}
	.contactform input[type=submit],
	.loginreg input[type=submit],
	p.forgotpassword{
		margin-left:0;
	}
	.halfwidth .contactform label,
	.halfwidth .loginreg label{
		width:90%;
	}
	.halfwidth .contactform input,
	.halfwidth .contactform textarea,
	.halfwidth .loginreg input{
		width:90%;
	}



}
@media(max-width:360px){
	.tabtranscription pre{
		overflow-x:auto;
	}
	.librarysearch form#lsearch.widthlimited p{
		max-width:100%
	}
	.librarysearch form#lsearch.widthlimited input#librarysearchstring{
		max-width:90%;
	}
	.librarysearch form#lsearch.widthlimited p.searchfromto input{
		padding:0 8px;
		margin-bottom:8px;
	}
	.librarysearch form#lsearch.widthlimited p.searchfromto input[type=submit]{
	}
}
@media(max-width:340px){
	.gallery-item .bordered,
	.gallery-item .bordered a{
		height:auto !important;
		line-height:1 !important;
	}
	.gallery-item .bordered img{
		line-height:1 !important;
		top:0;
	}
	.librarysearch form#lsearch input#librarysearchstring{
		width:55%;
	}

}


/* styles for printpages */
body.printpage{
	background:silver;
}
.wrapprintheading,
.wrapprintcontent,
.wrapprintfooter{
	width:860px;
	padding:30px;
	margin:0 auto;
}
.wrapprintheading{
	background:#ddd;
	font-size:14px;
	line-height:1.5;
	text-align:center;
	border-bottom:1px solid silver;
}
.wrapprintheading p{
	margin-bottom:0;
}
.wrapprintcontent{
	background:white;
}
.wrapprintfooter{
	background:#ddd;
	font-size:14px;
	line-height:1.5;
	text-align:center;
	border-top:1px solid silver;
}


/* temp style moved here from main searchresults.cfm */

/* not temp anymore */
strong.sitesection{
	color:#e27000;
}