/*  
Theme Name: Gardener
Description: A smooth and subtle theme based Ed Merrit's Ocean Mist, altered for Marjorie's blog.
Version: 1.0
Author: Anna Pemberton; originator: Ed Merritt
Author URI: http://www.exusdesign.com/
*/


/* layout */
* {
	font-size: 100%; 
	margin: 0; 
	padding: 0; 
	line-height: 1.4em;
	}
body {
	position: relative; 
	background: url(images/bg_body.gif) top left repeat-x #CCE5A2; 
	font: 70% Verdana, Arial, Helvetica, sans-serif; 
	color: #545C4A; 
	text-align: center;
	}
#admin {
	display: block; 
	width: 890px; 
	background-color: fff; 
	text-align: left; 
	margin: 0 auto;
	}
#page {
	display: block; 
	width: 890px; 
	background: url(images/bg_main.gif) top repeat-y; 
	text-align: left; 
	margin: 0 auto;
	}
#header {
	float: left; 
	display: block; 
	width: 890px; 
	background: url(images/bg_header.gif) top no-repeat; 
	min-height: 320px; 
	padding: 0px;
	margin: 0px;
	}
* html #header {
	height: 320px;
	}
#topnav {
	float: left;
	display: block;
	width: 890px;
	margin: 0px;
	padding: 0px;
	}
#content {
	float: right; 
	display: block; 
	width: 690px; 
	margin: -6px -8 0 7px;
	}
#sidebar {
	float: left;
	display: block;
	width: 193px;
	margin: -6px -8 0 0;
	}
* html #content, * html #sidebar {
	margin-top: -25px;
	}
.post {
	float: left; 
	display: block; 
	width: 660px; 
	margin: 0 0 0 18px;
	}
.page {
	float: left;
	display: block;
	width: 645px;
	margin: 0 0 0 18px;
	text-align: left;
	}
.artmenu {
	padding-right: 24px;
	font-weight: bold;
	color:#336600;
	background-color: #669966;
	background-image: url(images/artsubh.gif);
	background-repeat: repeat;
	text-align: center;
	border: 1px solid #999999;
}
.archive {
	float: left; 
	display: block; 
	width: 645px; 
	margin: 0 0 18px 18px; 
	border-bottom: 1px solid #ccc;
	}
#sidebar .post {
	display: block; 
	width: 157px; 
	margin: 0 0 0 18px;
	}
.title {
	float: left; 
	display: block; 
	width: 684px; 
	background: url(images/bg_h2.gif) bottom repeat-x #E5F0D6; 
	margin: 0 0 18px 0;
	}
#sidebar .title {
	float: left; 
	display: block; 
	width: 193px; 
	background: url(images/bg_h2.gif) bottom left repeat-x #CEDDB9;
	}
.entry {
	float: right; 
	display: block; 
	width: 480px; 
	margin: 0;
	}
.siteentry {
	float: right;
	display: block;
	width: 600px;
	margin: 0;
	padding-right: 30px;
	}
.newsletterentry {
	float: right;
	display: block;
	width: 600px;
	margin: 0;
	padding-right: 30px;
	}
.postinfo {
	float: left; 
	display: block; 
	width: 157px; 
	margin: 0 0 18px 0;
	}
.archive .postinfo {
	margin-left: 0;
	}
.archive .entry {
	margin-right: -25px;
	}
* html .post, * html #sidebar .post, * html .archive  {
	margin-left: 0; 
	position: relative; 
	left: 18px;
	}
p img {
	float: left; 
	margin: 0 18px 12px 0;
	}

/* typography */

h1 {
	font: 2.2em Tahoma, Verdana, Arial, sans-serif; 
	color: #fff; 
	letter-spacing: -1px; 
	padding: 45px 37px 0 37px; 
	margin: 0 0 -6px 0;
	}
h1 a, h1 a:visited {
	color: #fff; 
	text-decoration: none;
	}
.description {
	color: #69932D; 
	margin: 0 37px 25px 37px;
	}
.title h2 {
	font: 1.05em Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	padding: 9px 24px 12px 24px;
	}
#content .postwrapper .title h2 {
	font: 1.4em Arial, Helvetica, sans-serif;
	background: url(images/icon_entry.gif) no-repeat 24px 46%;
	padding: 9px 100px 12px 42px;
	text-transform: uppercase;
	}
#sidebar .title h2 {
	font: 1.4em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 9px 24px 12px;
	color: #464E3A;
	margin: 0px;
	}
.title small {
	float: right; 
	padding: 14px 24px 0 0; 
	color: #69932D;
	}
h2 a, h2 a:visited {}
h3 {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
p {
	margin: 0 0 18px 0; 
	padding: 0;
	}
.entry p {
	padding-right: 24px;
	}
.entry h4 {
	background: #CEDDB9;
	text-align:center;
	text-transform: uppercase;
	display: block;
	vertical-align: middle;
	}
.page p {
	text-align:left;
	}
/* headings for posts and articles */

.page h4 {
	background: #CEDDB9;
	text-align:center;
	text-transform: uppercase;
	display: block;
	vertical-align: middle;
	}
.page h5 {
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	text-decoration:underline;
	}
.postinfo p {
	padding: 0 6px;
	}
.req {
	padding-left: 3px; 
	color: #CC0000;
	}
blockquote {
	padding: 0 0 0 12px; 
	border-left: 3px solid #ccc;
	}

/* lists */
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
ol {
	margin: 0 0 10px 6px;
	list-style-type: none;
	}
ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
ol li {
	margin: 0 10px 0 14px;
	list-style-type: none;
	}
.newsletter ul {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	}
.newsletter ol {
	margin: 0 0 10px 6px;
	list-style-type: disc;
	}
.newsletter ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	}
.newsletter ol li {
	margin: 0 10px 0 14px;
	list-style-type: disc;
	}
.buttons {
	float: left; 
	list-style: none; 
	margin-left: 0;
	}
.buttons li {
	float: left; 
	margin: 0 18px 0 0; 
	padding: 0;
	}
* html .buttons li {
	margin: 0;
	}
.buttons a, .buttons a:visited {
	display: block; 
	width: 145px; 
	padding: 6px; 
	text-align: center; 
	background: url(images/menu.gif) bottom left no-repeat; 
	border-top: 1px solid #E3EFD1;
	}
.buttons a:hover {
	background-position: bottom right;
	}
.catlist {
	float: left; 
	list-style: none; 
	margin: 0 0 8px 0;
	}
.catlist li {
	float: left; 
	margin: 0 18px 0 0; 
	border-bottom: 1px solid #D8E2CA;
	}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {
	border-top: 1px solid #D8E2CA;
	}
.catlist a, .catlist a:visited {
	display: block; 
	width: 145px; 
	padding: 1px 6px 2px 6px; 
	margin: 1px 0;
	}
.catlist a:hover {
	background: #F2F2F2;
	}
#themeswitcher {
	list-style: none; 
	margin: 0 0 18px 0;
	}
#themeswitcher li {
	margin: 0;
	}
#sidelist {
	list-style: none;
	}
#sidelist li {
	margin: 0;
	}
#sidelist li li {
	margin: 0 24px 0 8px;
	}
#sidelist ul {
	list-style-type: disc; 
	}


/* links */
a, a:visited {
	color: #3C5C0F; 
	text-decoration: none;
	}
p a:hover, ul a:hover {
	background-color: #CCDCB6;
	}
#content p a:hover, #content ul a:hover {
	background-color: #E5F0D6;
	}
.siteentry a {
	font-weight:bold;
	text-decoration: none;
	}
.newsletter entry a {
	font-weight:bold;
	text-decoration: none;
	}
.entry a {
  font-weight:bold;
  text-decoration:underline;
    }
.artmenu a{
  font-weight:bold;
    }
.artmenu a:hover {
	background-color: #E5F0D6;
	}
.page a {
  font-weight:bold;
  text-decoration:underline;
    }
/* main image */
#mainpic {
	float: left; 
	background: url(images/mainpic.jpg) no-repeat; 
	display: block; 
	width: 877px; 
	height: 229px; 
	margin: 0 7px; 
	}


/* forms */
form {
	margin: 0 0 8px 0;
	}
#searchsubmit {
	position: absolute;
	}
#s {
	width: 130px; 
	padding: 2px; 
	border: 1px solid #999999; 
	background: #D8E2CA; 
	color: #464E3A; 
	margin-right: 2px;
	}
select, .field {
	width: 157px; 
	margin: 0 0 4px 0; 
	color: #464E3A;
	}
.field {
	padding: 2px; 
	width: 153px;
	}
textarea {
	padding: 2px; 
	width: 308px; 
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	}
select option {
	padding: 1px;
	}
#submit {
	padding: 3px;
	}


/* footer */
#footer {
	clear: both; 
	display: block; 
	width: 890px; 
	background: url(images/bg_footer.gif) bottom no-repeat; 
	border-bottom: 20px solid #CCE5A2; 
	text-align: center;
	}
* html #footer {
	margin-top: 18px; 
	position: relative; 
	left: 7px;
	}
#footer-top {
	display: block; 
	width: 890px; 
	height: 15px; 
	background: url(images/bg_footer-top.gif) top no-repeat;
	}
#footer p {
	color: #8C9474; 
	padding: 0 37px 7px 37px;
	}
#footer a, #footer a:visited {
	color: #73AC23;
	}
/* drop down menu */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#info {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
	height: 28px;
	}

#dd {padding:0; margin:0; list-style:none; height:28px; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#dd li.top {display:block; float:left;}
#dd li a {display:block; float:left; height:28px; border:1px solid #CCE5A2; border-color:#CCE5A2 #CCE5A2 #CCE5A2 #CCE5A2; text-decoration:none; padding:0; cursor:pointer;}
#dd li a b {margin-left:-999px;}

#dd li a.blog {background:url(images/topnavBlog.gif); width:84px; height:26px;}
#dd li a.about {background:url(images/topnavAbout.gif); width:138px; height:26px;}
#dd li a.designServices {background:url(images/topnavServices.gif); width:128px; height:26px;}
#dd li a.MBooks {background:url(images/topnavBooks.gif); width:145px; height:26px;}
#dd li a.theGarden {background:url(images/topnavGarden.gif); width:100px; height:26px;}
#dd li a.articles {background:url(images/topnavArticles.gif); width:79px; height:26px;}
#dd li a.MeetMarjorie {background:url(images/topnavMeet.gif); width:118px; height:26px;}


#dd li a.blog:hover {background:url(images/topnavBlogOn.gif); width:84px; height:26px;}
#dd li a.about:hover {background:url(images/topnavAboutOn.gif); width:138px; height:26px;}
#dd li a.designServices:hover {background:url(images/topnavServicesOn.gif); width:128px; height:26px;}
#dd li a.MBooks:hover {background:url(images/topnavBooksOn.gif); width:145px; height:26px;}
#dd li a.theGarden:hover {background:url(images/topnavGardenOn.gif); width:100px; height:26px;}
#dd li a.articles:hover {background:url(images/topnavArticlesOn.gif); width:79px; height:26px;}
#dd li a.MeetMarjorie:hover {background:url(images/topnavMeetOn.gif); width:118px; height:26px;}

#dd li:hover a,
#dd a:hover
{background-position: 0 28px;}


#dd table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#dd .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#dd li:hover {position:relative; z-index:200;}
#dd a:hover {position:relative; white-space:normal; z-index:200;}

#dd :hover ul.sub
{left:0; top:26px; background: #CCE5A2; height:auto; z-index:300;}
#dd :hover ul.sub li
{display:block; height:26px; position:relative; float:left; font-weight:normal;}
#dd :hover ul.sub li a
{display:block; height:26px; border:1px solid #CCE5A2; border-color:#CCE5A2 #CCE5A2 #CCE5A2 #CCE5A2; text-decoration:none; padding:0; cursor:pointer;}
#dd :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}



#dd :hover ul li a.Force {background:url(images/topnavAForce.gif); width:138px; height:26px;}
#dd :hover ul li a.favplants {background:url(images/topnavAFavorite.gif); width:138px; height:26px;}
#dd :hover ul li a.speeches {background:url(images/topnavASpeech.gif); width:138px; height:26px;}

#dd :hover ul li a.spring {background:url(images/topnavGspring.gif); width:100px; height:26px;}
#dd :hover ul li a.summer {background:url(images/topnavGsummer.gif); width:100px; height:26px;}
#dd :hover ul li a.autumn {background:url(images/topnavGautumn.gif); width:100px; height:26px;}
#dd :hover ul li a.winter {background:url(images/topnavGwinter.gif); width:100px; height:26px;}

#dd :hover ul li a.talks {background:url(images/topnavTTalks.gif); width:118px; height:26px;}
#dd :hover ul li a.tours {background:url(images/topnavTTours.gif); width:118px; height:26px;}

#dd :hover ul li a.Force:hover {background:url(images/topnavAForceOn.gif); width:138px; height:26px;}
#dd :hover ul li a.favplants:hover {background:url(images/topnavAFavoriteOn.gif); width:138px; height:26px;}
#dd :hover ul li a.speeches:hover {background:url(images/topnavASpeechOn.gif); width:138px; height:26px;}

#dd :hover ul li a.spring:hover {background:url(images/topnavGspringOn.gif); width:100px; height:26px;}
#dd :hover ul li a.summer:hover {background:url(images/topnavGsummerOn.gif); width:100px; height:26px;}
#dd :hover ul li a.autumn:hover {background:url(images/topnavGautumnOn.gif); width:100px; height:26px;}
#dd :hover ul li a.winter:hover {background:url(images/topnavGwinterOn.gif); width:100px; height:26px;}

#dd :hover ul li a.talks:hover {background:url(images/topnavTTalksOn.gif); width:118px; height:26px;}
#dd :hover ul li a.tours:hover {background:url(images/topnavTToursOn.gif); width:118px; height:26px;}

/*#dd :hover ul.sub li a:hover 
{background-position: 0 26px; position:relative;}*/