.saved {
background:#BAF765;
background:linear-gradient(#BAF765,#A7E059) repeat scroll 0 0 transparent;
border-radius:0 0 5px 5px;
box-shadow:0 2px 5px #487C00;
display:none;
position:fixed;
text-shadow:1px 1px 0 #D6F3AE;
width:100%;
height:50px;
z-index:1000;
text-align:center
}
.saved h3{color:#282828;display:inline-block}

img {margin: 3px 10px 3px 0px} 
/* default for all images = margin on left pics 
which doesn't appear to work in Tiny MCE, perhaps 
in conjunction with Skeleton CSS */

a img {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

a:hover img {
  opacity: .65;
  filter: alpha(opacity=65);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

/* clear form input placeholder on focus */
input:focus::placeholder {
  color: transparent;
}

#bgnd { /* can't seem to centre it horizontally */
/*	z-index:-1;	*/
	background-image: url("../Resources/treble.jpg");
	background-repeat:no-repeat;
}