body    { background: url("../images/bark2.gif"); margin: 0; padding: 30px }

#header  { padding-bottom: 10px; z-index: 10; overflow: visible }
       
#screen   { background: #c0be6d; padding: 10px 10px 10px 10px; } /*#b6ffb6*/

#main    { z-index: 1; clear: both }
.center  { text-align: center; margin-right: auto; margin-left: auto }
.clearboth { clear: both }
.content  { position: relative; clear: both }
.entry   { background: #cdcd83; padding: 6px 12px; overflow: auto } /*d2ffd2*/
.entry h2 { margin:0; padding:0;}

#nojava { background-color: yellow; margin-right: auto; margin-left: auto; padding: 8px; width: 40% }

.photo_text  {
	padding: 4px;
	position: relative;
	font-family: Georgia, serif;
}
.plant_photo { padding: 4px }
.plantlist    { background-color: #cdcd83; text-align: center; margin-left: 0; position: relative }
.plantlist h2 { margin: 0; padding-top: 6px; }
.plantlist img { padding-top: 8px; padding-bottom: 8px }
.plantlist table   { background-color: #d2ffd2; margin-right: auto; margin-left: auto; margin-top: 4px; width: 80% }
.plantlist td { text-align: left }
.slideshow {margin-left:5px;margin-right:72px;margin-top:10px; position:relative; background:#999966;padding:5px}	

#sidebar  { background: #d2ffd2; padding: 1em; width: 200px; height: 100%; float: right; overflow: hidden; }
#sidebar a:link, #sidebar a:visited { text-decoration: underline }
#sidebar h1 { padding-bottom: 0.5em }
#sidebar h2 { padding-bottom: 0.5em }
/* text styles */

h1, h2 {margin:0;
        padding:0;}      
h3  { margin: 0.5em 0 }    
p {margin:0 0 .5em;
   padding-right:.3em;
   }
 
#main a:link {padding:.2em}
#main a:visited {padding:.2em}
#main a:focus, #main a:hover, #main a:active {padding:.2em;background:#cc9966}

#main a:hover.current {text-decoration:none;background:white;cursor:default}

.description {left:.25em;}

#frame  { background-color: transparent; width: 600px; height: 200px; overflow: visible; border-style: none }
#footer { clear: both; border-top: 2px solid green }
.photo     { margin-right: 1.2em; margin-top: .3em; float: left;}
.rphoto { margin-left: 8px; top: 3px; float: right }
.photo img  { display: block; margin-bottom: 6px; border: none }
.photo a:focus, .photo a:hover, .photo a:active {background:white;width:100px;border:none}
.plant_header { text-align: center; padding-right: 8px; padding-bottom: 8px; float: left }
.plant_desc    { padding-top: 4px; padding-left: 8px }
.pinkbar    { background-color: #d2ffd2; background-image: none }
#leftcol { margin-right: 2em; float: left }
#links { margin-right: auto; margin-left: auto; width: 80% }
#links h2 { font-family: Georgia, serif; padding-top: 0.5em; padding-bottom: 0.5em }
.listplain { list-style-type: none }
.hidden { display: none }
.rlist  { background-color: #d2ffd2; text-align: left; margin-top: 8px; margin-left: 8px; padding: 4px; float: right; border-style: double }
.llist { background-color: #d2ffd2; text-align: left; margin-right: 8px; padding: 4px; float: left; border-style: double }
.imagebutton { padding:2px;border-width:4px;border-style:outset;background-color:rgb(169,209,197);border-color:rgb(169,209,197);-webkit-border-radius:8px;-moz-border-radius:8px; }