/*  
	screen.css
	for MentalWealth theme 

	uncomment the skin stylesheet you wish to use
*/
/* @import url(base.css); */
/* drop shadows around images */

#page {
  overflow: auto;
}

div.picture {
 font-size: 0.9em;
 color: #666666; /* dark grey */
}

div.picture-right {
 font-size: 0.9em;
 color: #666666; /* dark grey */
 margin: 0 0 15px 25px;
 position: relative;
 float: right;
 clear: right;
}

div.img-ilus {
 background: url('/img/shadow.gif') no-repeat bottom right;
 margin: 10px 5px;
 padding: 0;
 position: relative;
 font-size: small;
}
  
div.img-ilus img {
 background-color: #fff;
 border: 1px solid #a9a9a9;
 margin: -5px 5px 5px -5px;
 padding: 4px;
 position: relative;
 vertical-align: bottom;
}

div.img-dec {
 background: url('/img/shadow.gif') no-repeat bottom right;
 margin: 0 0 15px 25px;
 padding: 0;
 position: relative;
 float: right;
 clear: right;
}
  
div.img-dec img {
 background-color: #fff;
 border: 1px solid #a9a9a9;
 display: block;
 margin: -5px 5px 5px -5px;
 padding: 4px;
 position: relative;
}

div.img-right  {
 background: url('/img/shadow.gif') no-repeat bottom right;
 padding: 0;
 position: relative;
}

div.img-right img {
 background-color: #fff;
 border: 1px solid #a9a9a9;
 display: block;
 margin: -5px 5px 5px -5px;
 padding: 4px;
 position: relative;
}

#top div.search {
 font-size: 70%;
 position: absolute; 
 top: 1em;
 right: 1.25em;
 margin-right: 0.5em;
 white-space: nowrap;
 }

/* Hide search feature until it works ...  */
div.search {
  display: none;
}
div.search input {
   width: 12em;
}
div.search input.button {
   width: auto;
   margin-left: 0.5em;
}
#top div.search input.query {
 margin-right: 0.5em;
 margin-bottom: 0.5em;
 }

   

#sidebar {
  width: 200px;
  background-color: #D3D3D3;   /* light gray */ 
  border: 1px solid black;
  font-size: 0.8em;
  float: right;
  margin-left: 5px;
  margin-bottom: 5px; 
  padding: 10px; 
}