/* 
Theme Name: The Gardener
Theme URL: http://thegardener.ca
Author: Jackelyn Thompson
Author URI: http://www.thegardener.ca
Version: 1.0.0

*/


/*  The CSS Reset    */  

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

.purple {color:#760e99;}
.green {color:#4a7a32;}
.black {color:#201b18;}

body{ font-family:Arial,sans-serif;font-size:13px;color: #201b18; background:  url(images/body-bg.jpg)  fixed center; }

.clear{ clear: both; }
a {color:#760e99;text-decoration:none} 
a:hover {color:#201b18;} 

img.aligncenter {margin: 0 auto;display: block;}
img.alignleft {float: left;margin: 5px 10px 0 0;display: inline;}
img.alignright {float: right;display: inline;margin: 5px 0 0 10px;}
.alignleft{float:left;margin-right:8px;}
.alignright{float:right;margin-left:8px;}
	
blockquote {background: #ffffff url(images/quote.png) no-repeat top left;font-style: italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;}

code { background:#ffffff none repeat scroll 0 0;color:#201b18;font-family:inherit;font-size:12px;}

.search{float:right; width:300px;height:22px;display:inline;padding-top:5px;background:url(images/search-bg.png) no-repeat;margin:0px 0 0px 0px}
input#s {height:16px;padding-top:5px;width:160px; color:#201b18; border: 0; display:inline;float:left;margin:0px 0 0 0px; background-color: transparent;}
input#searchsubmit {color:#fff; background:url(images/search.png) no-repeat  top left;border:none;width:22px;height:18px;text-indent:-9999px;}
input#searchsubmit:hover {background:url(images/search-hover.png) no-repeat  top left}
.searchtitle {margin-left:0px;margin-bottom:10px;margin-top:15px;font-weight:bold; font-size:22px;color: #201b18;}

#calltoactioncontainer {margin-left:25px;}
.calltoaction {width:315px;padding:0px;background: url(images/cta-background.jpg) no-repeat bottom left;height:142px;}
.calltoaction-heading {color:#760e99; font-size: 19px; font-family: Arial, Helvetica, sans-serif;margin-bottom:10px;line-height:24px;}
.calltoactionContent {width:280px;margin-left:25px;line-height:18px;}
.calltoactionContent a{color: #4a7a32; font-weight:bold; text-decoration:none;}
.calltoactionContent a:hover{color: #4a7a32; font-weight:bold; text-decoration:underline;}


.calltoactionhome {width:315px;padding:0px;background: url(images/cta-background.jpg) no-repeat top left;height:152px; float:left; margin-top:0px;padding-top:0px;}
.calltoaction-headinghome {color:#760e99; font-size: 19px; font-family: Arial, Helvetica, sans-serif;margin-bottom:10px;line-height:24px;padding-top:15px;margin-top:0px;}
.calltoactionContenthome {width:280px;margin-left:25px;line-height:18px;}
.calltoactionContenthome a{color: #4a7a32; font-weight:bold; text-decoration:none;}
.calltoactionContenthome a:hover{color: #4a7a32; font-weight:bold; text-decoration:underline;}

/*-----------------------------------------------------------------Upper-part Layout-------------------------------------------------------*/
#wrap{background:url(images/wrap.png) no-repeat top center}
#bottom-wrap{}
#header-wrap	{margin: 0 auto; height: 161px; width: 1000px; padding-top: 0px; margin-top: 0px;}
#logo { float:left; height: 161px; margin: 0px 0 0 20px;}

#logo h1{background: url(images/logo.png) top left no-repeat; text-indent: -9999px;float:left;width:279px;height:69px;}

/* Menu WRAP */ 
#menu-wrap { margin: 0px auto; width: 998px; height:30px; background: url(images/top-menu.png); padding-top:5px;}
#menu-wrap ul{float:left;padding-top:5px;margin-left:15px;padding-bottom:0px;}
#menu-wrap ul li {display:inline;margin-right:20px;font-size:12px;font-weight:normal;}
#menu-wrap ul li a {color:#201b18;padding:1px;line-height:14px;text-decoration:none}
#menu-wrap ul li a:hover {color:#760e99;}


/*container */
#top-container { width:1003px; background:transparent url(images/top-container.png) no-repeat ;margin:0 auto ;height:45px}
#container { width:1003px; background:transparent url(images/container.png) repeat-y ;margin:0 auto ;padding-bottom:20px; }
#bottom-container { width:1003px; background:transparent url(images/bottom-container.png) no-repeat ;margin:0 auto 10px;height:39px}

#content {width:950px;padding:0 0 10px 50px;}
#sidebar {width:310px; display:inline;margin:0 0 0 0px;padding:10px 0 10px 0;background:#ffffff} 
#gallery {width:616px; height:320px; margin:0 0 0px 0;}
#twitter{padding:20px}
 
#post-wrap{display:inline;float:left;margin-left:10px;} 
 #ads-wrap {width:270px; float:left;display:inline;margin:0 0 10px 20px;}  
#ads-image {margin:5px 0 5px 0}
.ads {padding-left:4px;margin-bottom:5px;height:125px;width:125px} 
#ads468 {float:right;display:inline;margin:45px 20px 0 0;width:470px}

.post-home {float:left;width:950px;margin:10px 0 10px 0;padding: 0 0 15px 0 }
.post-home h1 {margin:10px 0 0 0px;font-weight:bold; font-size:22px;color: #201b18; }
.post-home h1 a{margin:10px 0 0 0px;font-weight:bold; font-size:22px;text-decoration:none;color: #201b18; }
.post-home h1 a:hover{margin:10px 0 0 0px;font-weight:bold; font-size:22px; text-decoration:underline;color: #201b18; }
.post-home p {font-size:12px;line-height:18px; padding-bottom:15px;}
table {font-size:14px;}
.post-home h2 {margin:10px 0 15px 0px;font-weight:bold; font-size:16px;color:#4a7a32;}
.post-home li {margin-left:40px;}
.post-home ul,ol {margin-top:10px;margin-bottom:10px}
.single{margin-left: 20px}
em {font-style:italic;}
.post-head{float:left;display:inline;background:#fff url(images/postbg.jpg) no-repeat top left}
.inside{height:50px}
strong {font-weight:bold;}
.posttitle  {font-size:18px; color:#7b1616;text-decoration:none}
.posttitle a:hover {color:#F7AD71}
.date {font-size:10px;margin-left:0px;display: inline;} 
.date a {color:#4a7a32;text-decoration:none;font-weight:bold} 
.date a:hover {color:#4a7a32;text-decoration:underline;} 
.thumbnail {float:left;display: inline;margin:15px 10px 10px 20px ;width:125px;height:125px}

.entryhome {font-size:12px;line-height:18px; margin-top:15px; padding:0 0 20px 0;width:900px;}
.entryhome a {color:#4a7a32; text-decoration:none; font-weight:bold;}
.entryhome a:hover {color:#4a7a32; text-decoration:underline;font-weight:bold;}

.postnav{float:left;display:inline;color:#201b18;margin:20px 20px 20px 0px;}
.postnav a{border:#201b18 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#760e99}
.postnav a:hover{border:#201b18 1px solid;background-color:#760e99;color:#fff;}
.postnav .page{margin:0;padding:0;background:none;display:inline;}
.postnav span.current{border:#201b18 1px solid;color:#fff;padding:3px 6px;text-decoration:none;background-color:#760e99;font-size:11px;}



/*-----------------------------------------------------------------Single-Page-------------------------------------------------------*/

.single-entry {font-size:13px;width:900px;float:left;display: inline;margin-top:15px;padding:0 0 20px 0}
.single-entry a {color:#4a7a32; text-decoration:none;}
.single-entry a:hover {color:#4a7a32; text-decoration:underline;}

.postnav-inside{float:left;display:inline;width:900px;color:#201b18;margin:20px 0 0 20px;}
.postnav-inside a{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#201b18}
.postnav-inside a:hover{border:#4a7a32 1px solid;background-color:#ffffff;}
.postnav-inside .page{margin:0;padding:0;background:none;display:inline;}
.postnav-inside span.current{border:#F7923E 1px solid;color:#fff;padding:3px 6px;text-decoration:none;background-color:#7b1616;}

.comment-nav{float:left;display:inline;color:#201b18;margin:0;}
.comment-nav a{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#201b18}
.comment-nav a:hover{border:#7b1616 1px solid;background-color:#7b1616;color:#fff;}
.comment-nav .page{margin:0;padding:0;background:none;display:inline;}
.comment-nav span.current{border:#F7923E 1px solid;color:#fff;padding:3px 6px;text-decoration:none;background-color:#7b1616;}

#share {float:left;background:url(images/share-bg.png) ;display:inline;width:580px;padding:0 0 20px 0;margin:0 0 0 20px}
#share ul{padding-top:50px;margin-left:20px;padding-top:60px;}
#share li {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 5px 0 0;}


/* Right Sidebar area */
#feeds {font-size:12px;width:290px;height:141px; background: url(images/feed-bg.jpg);margin:0 0 20px 10px}

.textarea {background:#fff none repeat scroll 0 0;border:medium none;font-size:12px;height:20px;margin:50px 0 5px 15px;padding:5px 0 0 5px;width:155px;}
#feeds a {font-size:11px;color:#FF7300;text-decoration:none}
#feeds p {color:#51616E;margin-left:15px;}


.right-widget{width:300px;float:left;display:inline;font-size:12px;padding-bottom:10px;}
.right-heading {background:url(images/right-head.png) no-repeat;height:39px;padding:25px 0 0 0px;width:195px; font-weight:bold;width:255px;font-size:14px;color:#fff;margin:0 0 20px 0}
.right-widget ul {list-style:url(images/bullet.png) outside;padding-left:25px;margin-left:0px;}
.right-widget li {font-size:12px;line-height:14px;margin-bottom:5px}
.right-widget a {color:#7b1616;text-decoration:none}
.right-widget a:hover {color:#F7AD71;}
.video-widget{width:245px;float:left;display:inline;font-size:12px;padding-bottom:10px;padding-left:0px}

.bottom-widget{width:300px;float:left;display:inline;font-size:12px;margin:10px}
.bottom-heading {background:url(images/right-head.png) no-repeat;height:39px;padding:25px 0 0 80px;width:195px; font-weight:bold;width:210px;font-size:14px;color:#fff;margin:0 0 20px 0}
.bottom-widget ul {list-style:url(images/bullet.png) outside;padding-left:25px;margin-left:30px;}
.bottom-widget li {font-size:12px;line-height:14px;margin-bottom:5px}
.bottom-widget a {color:#7b1616;text-decoration:none}
.bottom-widget a:hover {color:#F7AD71;}



/*-----------------Featured Slider--------------*/


#featured-area { height: 300px; position: relative; padding: 0px 0px 10px 0px; z-index: 1; width:610px}
#featured-area .pics { position: absolute; width: 490px; height: 298px; top: 11px; left: 14px; }
#featured-area .pics div.excerpt { background: url(images/feat/feat-excerpt.png) repeat;bottom:0;font-size:18px;left:0;padding:10px 0 0 10px;position:absolute;width:480px;z-index:2;}
#featured-area .pics div.excerpt p { color: #201b18; width:450px;}
#featured-area .pics div.excerpt a { color: #4a7a32; font-weight:bold; }
#featured-area .pics div.excerpt a:hover { color: #201b18; text-decoration:none } 
		/*.purple {color:#760e99;}
.green {color:#4a7a32;}
.black {color:#201b18;}*/

.excerpt-text {display:inline;float:left;font-size:10px;width:450px; padding:0 0 10px 0}
		
#featured-area .pics span.feat-overlay { position: absolute; top: 0px; left: 0px; display: block; width: 490px; height: 298px; z-index: 1; }

#featured-area div#slider-control { position: absolute; width: 110px; height: 296px; border: 1px solid #b4b4b4; z-index: 4; top: 11px; right: 1px; }
#featured-area div#slider-control div.featitem { background: url(images/feat/featitem-bg.png) no-repeat top left; height: 77px; float: left; width: 76px; padding: 10px 16px 12px 18px; cursor: pointer; }
#featured-area div#slider-control div.featitem img { float: left; margin-right: 18px; border: 1px solid #f6f6f6; margin-top: 5px; }
#featured-area div#slider-control div.featitem span.order { display: none; }
#featured-area div#slider-control div.featitem h2 { font-size: 18px; line-height: 24px; float: left; width: 172px; padding-bottom: 4px; }
div#slider-control div.featitem h2 a { color: #201b18; } 
#featured-area div#slider-control div.featitem span.meta { color: #b6b6b6; font-size: 11px; padding: 1px 0px; border: 1px solid #cfcfcf; border-width: 1px 0px; display: block; float: left; width: 172px; }
			
#featured-area div#slider-control div.featitem.active { background: url(images/feat/featitem-bg-active.png) no-repeat top left; margin-left: -20px; padding-left: 38px; }  
#featured-area div#slider-control div.featitem.active h2 { background: url(images/feat/featitem-active-h2border.png) repeat-x bottom left; margin-bottom: 1px; color: #000000; }
#featured-area div#slider-control div.featitem.active span.meta { color: #797979; border: 0px; }
			









/*-----------------------------------------------------------------Bottom-part Layout-------------------------------------------------------*/
#top-footer{height:45px;background:transparent url(images/top-container.png) repeat-y scroll center top }
#footer {background:transparent url(images/container.png) repeat-y scroll center top}
#bottom-footer {height:49px;background:transparent url(images/bottom-container.png) no-repeat scroll center top ;padding:50px 0 0 0}
#bottombar {width:1000px;margin:0 auto; padding:0 0 0 30px}
.footerNav {margin: 0 auto; width: 900px;margin-top:15px;}
.footerNav p{color: #000000;font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;font-weight:normal;margin-bottom:15px;}
.footerNav p a{color: #000000;font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;font-weight:normal;}
.footerNav p a:hover{color: #000000;font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;font-weight:normal;}


/*Comments */
#comments {float:left;font-size:13px; margin:0px 0 0 20px;width:580px ;display: inline; color:#201b18;}
#comments h1 {margin:10px 0 0 0px;font-weight:bold; font-size:22px;color: #201b18; }
#comments h3 {color:#760e99;font-size:16px;} 
#commentlist-wrap {float:left;margin:10px 0 0 0;width:580px;padding-bottom:10px;display: inline;}
.commentlist {float:left;list-style-position:inside;list-style-type:none;margin-bottom:10px;width:580px;display: inline;} 
.comment {background: #f4f4f4 none repeat scroll 0 0;clear:both;float:left;list-style-image:none;
list-style-position:outside;list-style-type:none;margin-bottom:15px;padding:0 10px 10px 10px;width:560px;display: inline;}
.comment-counts  {padding-top:15px;}
.nocomments {padding-top:15px}


.comment-author {height:80px;width:500px;}
.metacom{display:inline;float:left;margin:20px;}


#commentform {clear: both;float: left;margin-top:10px;display: inline;}
h3.reply-replace{}
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {font-size:9px;color:#201b18;text-decoration:none;}
.comment-reply-link:hover {background-color: #ffffff;color: #201b18;}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #201b18 !important;display: block;font-weight: bold;background-color: #7b1616;padding: 0px 5px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;}
.cancel-comment-reply a:hover {background-color: #ffffff;	color: #201b18;}
.children .comment {margin-left:20px;margin-bottom:10px; clear:both;width:90%;}
.comment-reply-link, .comment-reply-link:visited {background-color:#ffffff;color:#201b18 !important;display:block;float:right;font-size:11px;font-weight:bold;margin-bottom:20px;margin-right:10px;margin-top:10px;padding:2px 7px;text-transform:lowercase;display: inline;}
#credit {color:#201b18;height:40px;width:1000px;margin:0 auto }
#credit p {color:#201b18;font-size:12px;padding-top:10px;float:left;display:inline}
#credit a {color:#font-weight:bold;;}
#credit a:hover {color:#760e99}
#credit-logo {height:38px;width:160px;float:right;display:inline;margin-top:5px}
.fn  {font-size:18px;color:#760e99;font-style:normal;font-weight:bold;}
.fn a:link, .fn a:visited  {font-size:18px;color:#760e99;font-style:normal;font-weight:bold;text-decoration:underline}
.fn a:hover {color:#760e99}
.says {color:#201b18}
.avatar {margin:15px 0 0 10px;float:left;display:inline;border:5px solid #FFFFFF;}

#respond {float:left;margin-bottom:30px;margin-left:0px;margin-top:10px;padding:0px ;display: inline;}
input#author{background:#F9F9F8;border:1px solid #DDDDDD ;color:#760e99}
input#email{background:#F9F9F8;border:1px solid #DDDDDD ;color:#760e99}
input#url{background:#F9F9F8;border:1px solid #DDDDDD ;color:#760e99}
textarea#comment  {font-family:arial;font-size:13px;background:#F9F9F8;border:1px solid #DDDDDD ;width:100%;color:#201b18;padding:10px;margin-top:10px;}
 
#submit {background: #760e99; padding: 3px 8px;border:none;color:#fff}
#submit:hover {background:#201b18;color:#fff}
.widget_addn{
	position: absolute;
	left: -450px;
	top: -400px;
	}
	
/*.purple {color:#760e99;}
.green {color:#4a7a32;}
.black {color:#201b18;}
*/	
