/* Social Networking Graphical Icons in Menu - DT Jan 2016 */
#menu-item-92 { float: right; } /* Facebook */
#menu-item-92 a {
display:block; height:31px; width:31px; padding:0px; margin-left:6px; margin-top:8px; outline:none; text-indent:-9999px;
background-image:url('/ShortcutIconSprites.png'); background-position:0 0;
}

#menu-item-92 a:hover { background-position:0 -32px; }

#menu-item-93 { float: right; }  /* SoundCloud */
#menu-item-93 a {
display:block; height:31px; width:31px; padding:0px; margin-left:6px; margin-top:8px; outline:none; text-indent:-9999px;
background-image:url('/ShortcutIconSprites.png'); background-position:-32px 0;
}
#menu-item-93 a:hover { background-position:-32px -32px; }


#menu-item-96 { float: right; }  /* Contact */
#menu-item-96 a {
display:block; height:31px; width:31px; padding:0px; margin-left:6px; margin-top:8px; outline:none; text-indent:-9999px;
background-image:url('/ShortcutIconSprites.png'); background-position:-96px 0;
}
#menu-item-96 a:hover { background-position:-96px -32px; }


/* "Post It" yellow background for quotes shown on Testimonials Widget, plus tidy up general appearance of the widget. */
.testimonials-widget-testimonial { background-color: #ffffa5;} 
.testimonials-widget-testimonial blockquote { background-color: #ffffa5; font-style: normal; line-height:17px; padding:9px; border:none;}
.testimonials-widget-testimonial .author { padding-right:10px; font-weight:bold; }

/* Custom CSS to put custom banner graphic BEHIND other header graphics */
#header {
   background:none;
   /* TWO background images placed on top of each other - topmost is photo credit, followed by the actual photograph */
   background-image: url("/wp-content/uploads/2018/06/Justin-James-Photography-image-credit.png"), url("/wp-content/uploads/2018/06/TwistedRootsTopPageBanner.jpg");
   background-repeat:no-repeat, no-repeat;
   background-size:auto, auto;
   background-position:right 1px top 2px,top;  /* Position photo credit near top-right, background photo at top (center) */
}

/* Make the site description white with a subtle shadow above and below */
.site-description { color: white; text-shadow:rgba(0, 0, 0, 0.5) -1px -1px 1px, rgba(0, 0, 0, 0.5) 1px 1px 1px; }
/* .site-description { color: black; text-shadow:rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px; } */

/* Silver border around search to make it stand out against light coloured backgrounds */
#searchform .searchform-wrapper {
    border: 1px silver solid; 
}