@charset "utf-8";
/* CSS Document */

body, html {min-width:860px;}

#wrapper {
	position:relative;
	float:left;
	width:860px;
	border:1px #531551 solid;
	margin:0;
	padding:0;
	}
/* applies to home page and blog main page */	
#flash_banner {
	position:absolute;
	top:0;
	left:0;
	width:860px;
	height:250px;
	margin:0;
	padding:0;
	z-index:1000;
	visibility: visible;
	overflow:hidden;
	}
#sidebarNV {
	position:relative;
	float:right;
	margin:285px 0px 0px 0px;
	padding:0;
	width:200px;
	}
#sidebarNV a {
	display:block;
	width:200px;
	height:30px;
	margin:0px 0px 5px 0px;
	}
#sidebarNV ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
#sidebarNV li {
	display:block;
	width:200px;
	height:30px;
	margin:0px 0px 5px 0px;
	}	
#content {
	position:relative;
	float:left;
	margin:280px 0px 0px 0px;
	padding:0px 10px 5px 10px;
	width:600px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	}
.extra {line-height:1.3em;}	
		
/* all other pages - static banner */
#banner {
	float:left;
	margin:0;
	padding:0;
	display:block;
	width:860px;
	background:url(../images/banner.jpg) top left no-repeat;
	border-bottom:1px #003333 solid;
	}	
#sidebar {
	position:relative;
	float:right;
	margin:0;
	padding:0;
	}	
#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
/* see ie.css for ie 7 and earlier workaround */		
#sidebar li {
	display:block;
	width:200px;
	height:30px;
	margin:0px 0px 3px 0px;
	padding:0;
	}
.last {margin:0;}	
#sidebar a {
	display:block;
	width:200px;
	height:30px;
	margin:0px 0px 5px 0px;
	padding:0;
	}	
.hide {display:none;} /* hide navigation text */
			
/* navigation all pages */	
#home {background:url(../nav/home.gif) top left no-repeat;}
#home a:link {background:url(../nav/home.gif) top left no-repeat;}
#home a:visited {background:url(../nav/home.gif) top left no-repeat;}
#home a:hover {background:url(../nav/home_o.gif) top left no-repeat;}
#home a:active {background:url(../nav/home_o.gif) top left no-repeat;}

#about {background:url(../nav/about.gif) top left no-repeat;}
#about a:link {background:url(../nav/about.gif) top left no-repeat;}
#about a:visited {background:url(../nav/about.gif) top left no-repeat;}
#about a:hover {background:url(../nav/about_o.gif) top left no-repeat;}
#about a:active {background:url(../nav/about_o.gif) top left no-repeat;}

#essays {background:url(../nav/essays.gif) top left no-repeat;}
#essays a:link {background:url(../nav/essays.gif) top left no-repeat;}
#essays a:visited {background:url(../nav/essays.gif) top left no-repeat;}
#essays a:hover {background:url(../nav/essays_o.gif) top left no-repeat;}
#essays a:active {background:url(../nav/essays_o.gif) top left no-repeat;}

#plant {background:url(../nav/plant.gif) top left no-repeat;	}
#plant a:link {background:url(../nav/plant.gif) top left no-repeat;}
#plant a:visited {background:url(../nav/plant.gif) top left no-repeat;}
#plant a:hover {background:url(../nav/plant_o.gif) top left no-repeat;}
#plant a:active {background:url(../nav/plant_o.gif) top left no-repeat;}

#blog {background:url(../nav/blog.gif) top left no-repeat;}
#blog a:link {background:url(../nav/blog.gif) top left no-repeat;}
#blog a:visited {background:url(../nav/blog.gif) top left no-repeat;}
#blog a:hover {background:url(../nav/blog_o.gif) top left no-repeat;}
#blog a:active {background:url(../nav/blog_o.gif) top left no-repeat;}

#links {background:url(../nav/links_o.gif) top left no-repeat;}
#links a:link {background:url(../nav/links.gif) top left no-repeat;}
#links a:visited {background:url(../nav/links.gif) top left no-repeat;}
#links a:hover {background:url(../nav/links_o.gif) top left no-repeat;}
#links a:active {background:url(../nav/links_o.gif) top left no-repeat;}
#linkscurrent {background:url(../nav/links_o.gif) top left no-repeat;}

#fun {background:url(../nav/fun.gif) top left no-repeat;}
#fun a:link {background:url(../nav/fun.gif) top left no-repeat;}
#fun a:visited {background:url(../nav/fun.gif) top left no-repeat;}
#fun a:hover {background:url(../nav/fun_o.gif) top left no-repeat;}
#fun a:active {background:url(../nav/fun_o.gif) top left no-repeat;}

#contact {background:url(../nav/contact.gif) top left no-repeat;}
#contact a:link {background:url(../nav/contact.gif) top left no-repeat;}
#contact a:visited {background:url(../nav/contact.gif) top left no-repeat;}
#contact a:hover {background:url(../nav/contact_o.gif) top left no-repeat;}
#contact a:active {background:url(../nav/contact_o.gif) top left no-repeat;}

/* breadcrumbs */
#bread {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:700px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#336600;
	}
#bread ul {
	margin: 0;
	padding: 0;
	display: inline;
	border: none;
	list-style: none;
	} 
#bread ul li {
	margin-left: 0;
	margin-right:3px;
	border: none;
	list-style: none;
	display: inline;
	color: #531551;
	}
#bread li a:link {color:#336600;}
#bread li a:visited {color:#003333;}
#bread li a:hover {color: #03a5dd;}	
#bread li a:active {color: #03a5dd;}	
#bread ul li#current {color: #000;}	

#content2 {
	position:relative;
	float:left;
	margin:0;
	padding:0px 15px;
	width:820px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#000;
	}
/* lists with blue O preceding each list item -------------------------------------------- */	
#content2 ul {
	list-style-image:url(../images/list.gif);
	}
/* unordered list with no symbol ------------------------------------------------------*/
div.nosymbol ul{
	list-style:none;
	list-style-image:none;
	margin:15px 0 5px 0px;
	padding:0 0 0 10px;
	text-indent:-10px;
	}
div.nosymbol ul li {
	list-style-image:none;
	margin:0 0 5px 0;
	}	
div.indent-text {
	margin:0 60px;
	padding:0;
	}
/* indented list used for cocktails */	
div#simplelist ul{
	list-style:none;
	list-style-image:none;
	margin:15px 0 5px 20px;
	padding:0 0 0 10px;
	text-indent:-10px;
	}
div#simplelist li {
	list-style-image:none;
	margin:0 0 5px 40px;
	}	
/* list no image and no indent */	
div#basiclist ul{
	list-style:none;
	list-style-image:none;
	margin:5px 0px; padding:0;
	}
div#basiclist li {
	list-style-image:none;
	margin:0; padding:0;
	line-height:1.3em;
	}		
/* home page link colors with border*/	
.extra a:link {color:#5C3C84; text-decoration:none; border-bottom:1px #5C3C84 dotted; }
.extra a:visited {color:#909C45; text-decoration:none; border-bottom:none;}
.extra a:hover {color:#00a7de; text-decoration:none; border-bottom:none;}
.extra a:active {color:#00a7de; text-decoration:none; border-bottom:none;}	
/* subhead links also have dotted underline */
.subhead a:link {color:#5C3C84; text-decoration:none; border-bottom:1px #5C3C84 dotted; }
.subhead a:visited {color:#909C45; text-decoration:none; border-bottom:none;}
.subhead a:hover {color:#00a7de; text-decoration:none; border-bottom:none;}
.subhead a:active {color:#00a7de; text-decoration:none; border-bottom:none;}	


/* all other content link styles */
a:link {color:#5C3C84; text-decoration:none;}
a:visited {color:#909C45; text-decoration:none;}
a:hover {color:#00a7de; text-decoration:none;}
a:active {color:#00a7de; text-decoration:none;}
	
/* footer styles all pages */	
#footer {
	position:relative;
	float:left;
	width:860px;
	text-align:center;
	font-size:11px;
	color:#515639;
	margin-top:5px;
	}
#footer a:link {color:#545B98; text-decoration:none;}
#footer a:visited {color:#000; text-decoration:none;}
#footer a:hover {color:#00a7de; text-decoration:none;}
#footer a:active {color:#00a7de; text-decoration:none;}
#footer p {margin:0; padding:0;}

/* page background for lists with wide right margins -- botanical latin, blogs, links */	
#bg-contain {
	position:relative;
	float:left;
	width:820px;	
	background:url(../images/pattern-repeat.gif) top right repeat-y;
	}
/*botanical latin page */
p.alpha {font-weight:bold; color:#03a5dd; font-size:125%;}
p.alpha a:link {color:#03a5dd; text-decoration:none;}
p.alpha a:visited {color:#531551; text-decoration:none;}	
p.alpha a:hover {color:#5C3C84; text-decoration:none;}	
p.alpha a:active {color:#5C3C84; text-decoration:none;}	
.latin {
	float:left;
	font-style:italic;
	margin:0px 300px 10px 5px;
	}
	
/* plant profiles styling -------------------------------------------------------------*/
/* div for back to profiles link */
#back {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:125px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#336600;
	}
#prev-next {
	position:relative;
	float:left;
	text-align:left;
	width:200px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#336600;
	}
/* essentials list styling for plant profiles, hanging indent, no image */	
#essentials ul{
	list-style:none;
	list-style-image:none;
	margin:3px 0 5px 0;
	padding:0 0 0 10px;
	text-indent:-10px;
	}
#essentials ul li {
	margin-left:0;
	padding:0;
	font-weight:bold;
	}					
.define {  
	font-weight:normal;
	}
/* plant profile image divs allowing for captions */	
.profile-image {
	float:right;
	width:300px;
	margin:20px 0px 10px 20px;
	}	
.profile-image-wide {
	float:right;
	width:450px;
	margin:20px 0px 10px 20px;
	}	
.profile-image-left {
	float:left;
	width:300px;
	margin:10px 20px 20px 0;
	}	
/* end plant profiles specific styling -------------------------------------------------------------*/

/* about my garden image styling ------------------------------------------------------------------*/

.about-right {
	float:right;
	width:260px;
	margin:5px 0px 10px 10px;
	}
.about-left {
	float:left;
	width:260px;
	margin:10px 10px 10px 0px;
	}	
.about-thumb {
	float:left;
	width:150px;
	margin:10px 13px 10px 0px;
	}
.about-thumb-last {
	float:left;
	width:150px;
	margin:10px 0px;
	}
.thumb-container {
	float:left;
	width:820px;
	margin-bottom:10px;
	}	
.thumb-container-left {
	float:left;
	width:400px;
	margin-bottom:10px;
	}	
.thumb-container-right {
	float:right;
	width:325px;
	margin:0px 0 20px 20px;
	}	
.thumb-caption {
	float:left;
	width:200px;
	padding:10px 30px 0px 5px;
	}	
/* other image formats */

.image {
	float:left;
	margin:5px 20px 15px 0;
	}
.image-right {
	float:right;
	margin:5px 0px 15px 20px;
	}

/* all images have black border with white padding */	
img {border: 1px #000 solid; padding:3px;}

/* table styling -- profiles, essays -------------------------------------------------- */		
table.profile {border-collapse:collapse; border:1px #000 solid; width:820px;}
th.profile { background:#909C45; white-space:nowrap;}
table.essay {border-collapse:collapse; border:1px #000 solid; margin-left:60px; width:300px;}
th.essay { background:#5C3C84; color:white;}
th, td {padding:5px; border:1px #000 solid;}
th {font-family: "Trebuchet MS", Verdana, sans-serif; }
.variety {white-space:nowrap; font-weight:bold;}
.in {white-space:nowrap;}
.note {margin-top:0; padding:0; font-style:italic; font-weight:bold;}

/* end table styling ---------------------------------------------------------------------*/

/* fun stuff - quote styling */	
.openquote {
	text-align:left;
	margin-left:0;
	font-style:italic;
	background:url(../images/open-quote.gif) top left no-repeat;
	}
.quote {
	background:url(../images/close-quote.gif) bottom right no-repeat;
	margin:0px 50px;
	padding-right:50px;
	padding-top:10px;
	line-height:1.5em;
	}	
/* photo captions */	
.caption {
	font-style:italic;
	margin:0; padding:0;
	color:#666;
	font-size:85%;
	line-height:1.4em;
	}	
.click-image {
	font-style:italic;
	text-align:right;
	margin:0; padding:0;
	color:#666;
	font-size:90%;
	}	
/* book reviews */
blockquote.book {
	margin-left:0;
	padding-left:0;
	}
p.review {
	text-align:left;
	margin-left:0;
	margin-bottom:0;
	padding:0;
	}
p.review-by {
	text-align:right;
	margin-top:0;
	padding:0;
	}			
hr {
	clear:both;
	height:1px;
	border:none;
	text-align:center;
	color:#999;
	background-color:#999;
	margin:0; padding:0;
	}
/* headlines */
h1 {text-indent:-999px}
/* top level header */
h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	font-size:2em; 
	font-weight:bold; 
	margin:10px 0 0 0;
	padding-top:0;
	} 
/* page specific color for main headers */	
.resources {color: #531551;}	
.funstuff {color: #515639;}
.profiles {color: #909C45;}
.about {color: #928A08; }
.blog {color: #545B98; }
.books {color: #5C3C84; }
.topborder {border-top: 2px #5C3C84 solid; border-bottom: 1px #5C3C84 solid;}
.cocktail {
	display:block;
	height:29px;
	line-height:29px;
	color: #515639;
	background:url(../images/cocktail-image.gif) 90% 0% no-repeat;
	vertical-align:top;
	}

h3 {
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	font-size:150%; 
	font-weight:bold; 
	margin-top:15px;
	padding-top:0;
	} 
h4 {
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	font-size:125%;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0;
	}	
h5 {
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	font-size:125%;
	font-weight:bold;
	color:#000;
	margin-top:5px;
	margin-bottom:0;
	padding:0;
	}
.profile-table {margin:10px 0px;}
	
/* miscellaneous text styling -------------------------------------------------------------*/

/* first-letter styling */
.first {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:24px;
	color:#03a5dd;
	padding-right:4px;
	}	
/* first-word or subhead style */
.subhead {font-weight:bold;}
p.centr {text-align:center; line-height:1.5em;}
p.small {font-size:10px;}
p.nospace {margin:0; padding:0;}
em {font-weight:bold; font-style:normal;}

.title {font-style:italic;}
.title-norm {font-style:normal;}
.genus {font-style:italic;}
.ssp {font-style:italic;}
.italic {font-style:italic;}

.author {
	font-style:normal;
	font-weight:bold;
	text-align:right;
	margin:10px 100px 0px 50px;
	}

.source {
	font-style:italic;
	font-size:85%;
	color:#666;
	margin:10px 0px;
	border-top:1px #666 solid;
	}
	
/* search box format */	
#search form {
	float:right;
	margin:3px 1px 0 0;
	padding:0;
	}
#enter {
	font-size:12px;
	line-height:14px;
	padding:1px;
	color:#666666;
	border: 1px solid;
	border-color: #F6EBF3 #5977B4 #5977B4 #F6EBF3;
	}	

.highlight { background: #CCFF66; } /* search results */

/* various definition list styles -----------------------------------------------------------------*/	
.desc dl {}
.desc dt {font-weight:bold;}
.desc dd {margin-left:0; padding-bottom:5px;}

#booklist dl {}
#booklist dt {font-weight:bold; margin-top:5px;}
#booklist dd {margin-left:0; font-style:italic;}
.with {font-style:normal;}

#booklove dl {}
#booklove dt {font-weight:bold; margin-top:5px;}
#booklove dd {margin-left:0;}

.clear-left  {
	clear: left; 
	height: 1px;
	}