/* Tablet */

@media all and (max-width: 1020px) and (min-width: 760px) {

	.widget_advert, 
	#sidebar .widget_advert_5 { display: none!important; }
	
	.tablet-only { display: block!important; }

	#page, 
	#container {
		width: 768px;
	}
	
	#tablet-nav {
		height: 59px;
		background: #538e2d;
display:none;

	}
		#tablet-nav .social {
			float: left;
			display: block;
			width: 270px;
		}
			#tablet-nav .social a {
				display: block;
				float: left;
				border-right: 1px solid #71a151;
			}
			#tablet-nav .social a.youtube { border: none; }
				#tablet-nav .social a img { display: block; }
		#tablet-nav .right {
			float: right;
			position: relative;
			z-index: 100;
		}
			#tablet-nav .right a {
				float: left;
				display: block;
				border-right: 1px solid #71a151;
				padding: 0 18px;
				font-size: 14px;
				text-transform: uppercase;
				color: #ebefe9;
				line-height: 59px;
				font-family: Arial;
			}
			#tablet-nav .right a.show-search { border: none; }
			#tablet-nav .right a:hover, 
			#tablet-nav .right .show-search-active { background: #387311; }
				#tablet-nav .right a img { margin: 0 -18px; display: block; }
				#tablet-nav .right a:hover img, 
				#tablet-nav .right .show-search-active img { opacity: 0.3; }
			#tablet-nav .right form {
				position: absolute;
				top: 59px;
				right: 0px;
				width: 340px;
				height: 56px;
				background: #275f03;
				z-index: 101;
				display: none;
			}
				#tablet-nav .right form input[type="text"] {
					background: none transparent;
					border: none;
					-webkit-appearance: none;
					font-size: 22px;
					height: 56px;
					line-height: normal;
					color: #ebefe9;
					padding: 10px 50px 10px 18px;
					display: block;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					font-family: Arial;
					position: static;
					width: auto;
					margin: 0px;
				}
				#tablet-nav .right form input[type="submit"] {
					position: absolute;
					top: 0px;
					right: 0px;
					width: 56px;
					height: 56px;
					background: url(./images/tablet-form-search.png) no-repeat center center transparent;
					display: block;
					border: none;
				}
 	
 	#header { background: url(./images/tablet-header.jpg) no-repeat; }
	 	#header ul#topnav { display: none; }
	 	
	#navigation { display: none!important; }
	#navigation.tablet-only { display: block!important; height: 80px; }
	ul#nav { margin: 0 -5px 0 -1px; }
	ul#nav li { width: 96px; }
	ul#nav li.first { width: 97px; }
		ul#nav li img { width: 100%; }
		ul#nav li ul {
			top: 48px;
			background: #b9cead;
			padding: 0px;
			width: 125px;
			border: 1px solid #9da498;
			box-shadow: 1px 1px 5px rgba(0,0,0,0.46);
		}
			ul#nav ul li { width: auto; }
			ul#nav ul li a { 
				font-size: 14px;
				line-height: 18px;
				color: #353e38;
				padding: 15px 5px;
			}
		
	#mainarea {
		width: auto;
	}	
		#contentarea {
			float: none;
			width: auto;
		}
			.page p {
				font-size: 14px;
				line-height: 20px;
			}
		
		.page {
			width: 750px; 
			margin: 0 0 0 7px;
		}
			.page .inner { background-image: url(./images/tablet-page.jpg); }
			.page .title {
				background: url(./images/tablet-postlisttitle.jpg) no-repeat -7px top;
			}
			.page .post { width: 676px; }
			.page .postbottom {
				width: 750px;
				background-image: url(./images/tablet-pagebottom.jpg);
			}
		
		#box_featuredarticle {
			width: auto;
			margin: 0 0 14px 0;
			background-image: url(./images/tablet-box_featuredarticle.jpg);
		}
			#box_featuredarticle #featuredposts { width: 480px; }
				#box_featuredarticle #featuredposts .post { width: 450px; padding-left: 10px; }
			#box_featuredarticle #featuredposts .post h3 { font-size: 25px; margin: 0 0 10px 0; }
			#box_featuredarticle #featuredposts .post p { font-size: 15px; line-height: 25px; }
			#box_featuredarticle #right { padding: 0 30px 0 0; }
			
		#mobile-ad {
			border-bottom: 1px solid #c6d1d2;
			padding: 0 0 2px 0;
			margin: 0 0 28px 0;
		}
			#mobile-ad .mobile-ad-header {
				background: url(./images/tablet-ad-header.png) no-repeat center top;
				height: 19px;
			}
			#mobile-ad img {
				display: block;
				width: 100%;
				height: auto;
				margin: 0 0 13px 0;
			}
			
		#hometabs {
			width: auto;
		}
			#hometabs .tabbar { background-image: url(./images/tablet-postlisttitle.jpg); }
			#hometabs .tabpanes { background-image: url(./images/tablet-postlist.jpg); }
			#hometabs .postlist { background-image: url(./images/tablet-postlisttopleft.jpg); width: 717px; margin-left: 0px; }
			#hometabs .postlist .post { margin-left: 8px; background-image: url(./images/tablet-postlistlight.jpg); width: auto; }
			#hometabs .postlist .posttop { background-image: url(./images/tablet-postlisttop.jpg); }
			#hometabs .postlist .postalt { background-image: url(./images/tablet-postlistdark.jpg); }
				#hometabs .postlist .post .right { width: 600px; padding-bottom: 10px; }
					#hometabs .postlist .post .right h3 { font-size: 20px; }
					#hometabs .postlist .post .right p { font-size: 14px; line-height: 24px; }
			
		#archive {
			width: auto;
		}
			#archive .title { background-image: url(./images/tablet-postlisttitle.jpg); }
				#archive .title .customtitle { margin-left: 33px; }
			#archive .inner { background-image: url(./images/tablet-postlist.jpg); }
			#archive .postlist { background-image: url(./images/tablet-postlisttopleft.jpg); width: 717px; margin-left: 0px; }
			#archive .postlist .post { margin-left: 8px; background-image: url(./images/tablet-postlistlight.jpg); width: auto; }
			#archive .postlist .posttop { background-image: url(./images/tablet-postlisttop.jpg); }
			#archive .postlist .postalt { background-image: url(./images/tablet-postlistdark.jpg); }
				#archive .postlist .post .right { width: 600px; padding-bottom: 10px; }
					#archive .postlist .post .right h3 { font-size: 20px; }
					#archive .postlist .post .right p { font-size: 14px; line-height: 24px; }
	
		.navigation {
			height: 82px;
			background-image: url(./images/tablet-navigation.jpg);
		}
			.navigation .wp-pagenavi { display: none!important; }
			.navigation .tablet-only .prev {
				float: left;
				padding: 0 0 0 30px;
			}
			.navigation .tablet-only .next {
				float: right;
				padding: 0 40px 0 0;
				background: none;
			}
			.navigation .tablet-only .prev a {
				display: block;
				line-height: 50px;
				font-family: Arial;
				font-weight: bold;
				background: url(./images/tablet-navigation-previous.png) no-repeat 14px center;
				padding: 0 0 0 22px;
				font-size: 15px;
				color: #7c8082;
			}
			.navigation .tablet-only .next a {
				display: block;
				line-height: 50px;
				font-family: Arial;
				font-weight: bold;
				background: url(./images/tablet-navigation-next.png) no-repeat right center;
				padding: 0 10px 0 0;
				font-size: 15px;
				width: auto;
				text-indent: 0px;
				height: auto;
				color: #7c8082;
			}
			.singlenavigation p { display: none!important; }
			
		.article { width: auto; background-image: url(./images/tablet-article.jpg); margin-left: 10px; }
			.article .breadcrumb { background-image: url(./images/tablet-articletitle.jpg); }
			.article .bannerimage { width: 710px; }
				.article .bannerimage img { width: 100%; }
			.article .title {
				background: url(./images/tablet-articletitledottedline.jpg) no-repeat -6px bottom;
			}
				.article .title .left img { margin-left: 32px; }
				.article .title .right { width: 600px; padding: 0 0 0 10px; }
				.article .title .right h2 { padding-top: 24px; }
				.article .title .right .share { float: right; margin-top: 24px; }
			.article .post { width: 660px; margin: 20px 0 0 40px; }
			.article .navigation { margin-left: -7px; }
		
		#box_namethatplant {
			float: none;
			width: auto;
			height: auto;
			background: url(./images/tablet-box_namethatplant.jpg) no-repeat;
		}
			#box_namethatplant .inner { background: none; }
			#box_namethatplantbottom { background-image: url(./images/tablet-namethatplantbottom.jpg); height: 50px; }
			#box_namethatplant .title { padding-top: 7px;}
			#box_namethatplant #namethatplant h3 { font-size: 25px; }
			#box_namethatplant #namethatplant p { font-size: 15px; line-height: 25px; }
			#box_namethatplant #namethatplant .buttons a img { display: none; }
			#box_namethatplant #namethatplant .buttons { padding: 20px 0 0 0; }
		
		#namethatplanttabs { width: 100%; }
			#namethatplanttabs .tabbar { background-image: url(./images/tablet-postlisttitle.jpg); }
			#namethatplanttabs .tabcats { padding-right: 30px; }
			#namethatplanttabs .tabpanes { background-image: url(./images/tablet-postlist.jpg); }
			#namethatplanttabs .postlist { background-image: url(./images/tablet-postlisttopleft.jpg); width: 717px; margin-left: 0px; }
			#namethatplanttabs .postlist .post { margin-left: 8px; background-image: url(./images/tablet-postlistlight-ntp.jpg); width: auto; }
			#namethatplanttabs .postlist .posttop { background-image: url(./images/tablet-postlisttop-ntp.jpg); }
			#namethatplanttabs .postlist .postalt { background-image: url(./images/tablet-postlistdark-ntp.jpg); }
				#namethatplanttabs .postlist .post .caticon {
					width: 145px;
					padding: 14px 0 14px 14px;
				}
					#namethatplanttabs .postlist .post .caticon img { width: 115px; height: 115px; }
					#namethatplanttabs .postlist .post .caticon .bigimage img { width: auto; height: auto; }
				#namethatplanttabs .postlist .post .right { width: 547px; padding-bottom: 0px; }
					#namethatplanttabs .postlist .post .right h3 { font-size: 20px; margin: 0 0 10px 0; padding-top: 5px; }
					#namethatplanttabs .postlist .post .right p { font-size: 15px; line-height: 24px; }
			a.commentsbubble {
				width: 78px;
				height: 79px;
				margin: 5px 10px 10px 5px;
				background: url(./images/tablet-commentsbubble.png) no-repeat;
			}
				a.commentsbubble .text {
					width: 59px;
					height: 8px;
					margin: auto;
					background: url(./images/tablet-commentsword.png) no-repeat;
				}
				a.commentsbubble .number {
					font-size: 31px;
					line-height: 26px;
					padding: 10px 0 3px 0;
					width: 100%;
				}
				a.commentsbubble .text img { display: none!important; }
				
		.gallerylist-top { background-position: 24px top; background-image: url(./images/tablet-gallerylist-top.jpg); }
		.gallerylist { padding-left: 30px; background-position: 24px top; width: auto; background-image: url(./images/tablet-gallerylist.jpg); }
			.gallerylist .gallerylistitem { width: 164px; height: 164px; }
		
		#archive.bookshelf .introduction {
			background: url(./images/tablet-booksintro.jpg) no-repeat 7px  -1px;
			padding-left: 32px;
		}
		#archive.bookshelf .post {
			background: url(./images/tablet-bookspost.jpg) no-repeat;
		}
			#archive.bookshelf .postlist .post .right { width: 550px; }
			#archive.bookshelf .footertext { width: 650px; margin: 0 0 0 30px; background-repeat: repeat-x; }
		
		#sidebar {
			float: none;
			width: auto;
			padding: 0 11px;
		}
			#sidebar .widget {
				float: left;
				width: 351px;
				margin: 0 11px 22px 11px;
			}
			#sidebar .widget_social, 
			#sidebar .widgetready { display: none; }
				#sidebar .widget img { width: 100%; }
				
		#subfooter, 
		#footercontainer { display: none; }
		
		#tablet-subfooter {
			background: url(./images/tablet-subfooter.jpg) no-repeat;
			height: 372px;
			width: 768px;
			margin: auto;
		}
			#tablet-subfooter ul {
				display: block;
				padding: 84px 0 0 0;
			}
				#tablet-subfooter ul li {
					display: block;
					background: url(./images/tablet-subfooter-line.png) no-repeat center top;
					font-size: 16px;
				}
					#tablet-subfooter ul li a {
						display: block;
						margin: auto;
						color: #4d584e;
						width: 660px;
						padding: 18px 0 0 0;
						height: 32px;
					}
		
		#tablet-footer {
			background: #ebefe9;
			margin: auto;
			width: 768px;
			padding: 0 0 20px 0;
			overflow: hidden;
		}
			#tablet-footer p {
				font-size: 16px;
				color: #487320;
				text-align: center;
				margin: 0 0 20px 0;
			}
				#tablet-footer p a { text-decoration: underline; color: #487320; }
 	
}

/* Mobile */

@media all and (max-width: 760px) and (min-width: 0px) {

	body { -webkit-text-size-adjust:none; }

	.widget_advert, 
	#sidebar .widget_advert_5 { display: none!important; }
	
	.mobile-only { display: block!important; }

	#page, 
	#container {
		width: 568px;
	}
	
	#mobile-nav {
		height: 43px;
		background: #538e2d;
		position: relative;
	}
		#mobile-nav .toggle-nav {
			background: url(./images/mobile-toggle-nav.png) no-repeat center center;
			width: 43px;
			height: 43px;
			float: left;
			display: block;
			border-right: 1px solid #71a151;
		}
		#mobile-nav .social {
			margin: 0 0 0 146px;
			float: left;
		}
			#mobile-nav .social a {
				float: left;
				display: block;
			}
				#mobile-nav .social a img { height: 43px; width: auto; display: block; }
		#mobile-nav .show-search {
			width: 43px;
			height: 43px;
			float: right;
			display: block;
			border-left: 1px solid #71a151;
		}
			#mobile-nav .show-search img { height: 43px; }
			#mobile-nav form {
				position: absolute;
				top: 43px;
				right: 0px;
				width: 340px;
				height: 56px;
				background: #275f03;
				z-index: 101;
				display: none;
			}
				#mobile-nav form input[type="text"] {
					background: none transparent;
					border: none;
					-webkit-appearance: none;
					font-size: 22px;
					height: 56px;
					line-height: normal;
					color: #ebefe9;
					padding: 10px 50px 10px 18px;
					display: block;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					font-family: Arial;
					position: static;
					width: auto;
					margin: 0px;
				}
				#mobile-nav form input[type="submit"] {
					position: absolute;
					top: 0px;
					right: 0px;
					width: 56px;
					height: 56px;
					background: url(./images/tablet-form-search.png) no-repeat center center transparent;
					display: block;
					border: none;
				}
	
	#container {
		position: relative;
	}
	
	#mobile-slide-out-nav {
		width: 270px;
		position: fixed;
		top: 0px;
		left: -270px;
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background: #cedac8;
		z-index: 1000;
	}		
	#mobile-slide-out-nav .shadow {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 18px;
		height: 100%;
		background: url(./images/mobile-nav-shadow.png) repeat-y left top;
	}
		#mobile-slide-out-nav .top {
			display: block;
			height: 60px;
			background: #538e2d;
			font-family: Arial;
		}
			#mobile-slide-out-nav .top a {
				float: left;
				width: 50%;
				text-align: center;
				font-size: 13px;
				text-transform: uppercase;
				color: #FFF;
				font-family: Arial;
				line-height: 60px;
				font-weight: bold;
			}
			#mobile-slide-out-nav .top a.right {
				border-left: 1px solid #a6c296;
				margin: 0 0 0 -1px;
			}
		#mobile-slide-out-nav ul li {
			display: block;
			font-family: Arial;
		}
			#mobile-slide-out-nav ul li a {
				font-size: 15px;
				display: block;
				border-bottom: 1px solid #a3aa9d;
				color: #353e38;
				line-height: 50px;
				font-weight: bold;
				text-transform: uppercase;
				padding: 0 0 0 15px;
			}
			#mobile-slide-out-nav ul li a.dropdown {
				background: url(./images/mobile-nav-arrow.png) no-repeat right center;
			}
			#mobile-slide-out-nav ul li a.dropdown-active {
				background: url(./images/mobile-nav-arrow-down.png) no-repeat right center #87b36e;
			}
			#mobile-slide-out-nav ul li ul {
				display: none;
				margin: 0px;
				padding: 0px;
				background: #b9cead;
			}
				#mobile-slide-out-nav ul li ul li a {
					font-size: 16px;
					font-family: Georgia;
					text-transform: none;
					font-weight: normal;
				}
		#mobile-slide-out-nav .subscribe {
			display: block;
			height: 42px;
			line-height: 42px;
			position: fixed;
			bottom: 0px;
			left: 0px;
			width: 270px;
			background: #538e2d;
			font-family: Arial;
			text-align: center;
			font-weight: bold;
			color: #FFF;
			font-size: 13px;
			display: none;
		}
		body.mobile-slide-out-nav-active #mobile-slide-out-nav .subscribe { display: block; }
		
	#navigation { display: none; }
	
 	#header { background: url(./images/mobile-header.jpg) no-repeat; height: 141px; margin: 0 0 12px 0; }
 		#header ul#topnav { display: none; }
 		
 	#box_featuredarticle {
 		width: 560px;
 		height: 320px;
 		margin: 0 0 20px 0;
	 	background-image: url(./images/mobile-box_featuredarticle.jpg);
 	}
 		#box_featuredarticle .title { padding-top: 8px; }
 		#box_featuredarticle #featuredposts, #box_featuredarticle #featuredposts .post { width: 340px; }
 		#box_featuredarticle #right { width: 164px; padding-top: 50px; margin: 0 10px 0 0; }
 		#box_featuredarticle #right .thumbnail { width: 164px; height: 164px; }
 			#box_featuredarticle #featuredposts .post p {
	 			font-size: 15px;
	 			line-height: 22px;
 			}
 			#box_featuredarticle #right .thumbnail img { width: 100%; height: auto; }
			
		#mobile-ad {
			border-bottom: 1px solid #c6d1d2;
			padding: 0 0 2px 0;
			margin: 0 0 28px 0;
		}
			#mobile-ad .mobile-ad-header {
				background: url(./images/tablet-ad-header.png) no-repeat center top;
				height: 19px;
			}
			#mobile-ad img {
				display: block;
				width: 100%;
				height: auto;
				margin: 0 0 13px 0;
			}
	
	#hometabs { width: 561px; margin-left: -4px; }
	#hometabs .title { width: 557px; }
		#hometabs .postlist .post { width: 534px; }
		#hometabs .postlist .post .right { width: 420px; padding-bottom: 10px; }
		#hometabs .postlist .post .right h3 { font-size: 20px; }
		#hometabs .postlist .post .right p { font-size: 14px; line-height: 22px; margin: 0 0 5px 0; }
	
	#box_namethatplant { background-image: url(./images/mobile-box_namethatplant.jpg); margin-left: 2px; }
		#box_namethatplant .inner { margin: 5px 30px 0 14px; padding: 15px 10px 0 15px; }
		#box_namethatplant #namethatplant .buttons a img { display: none; }
		#box_namethatplant #namethatplant .buttons a img.mobile-only { display: block; }
		#box_namethatplant #namethatplant h3 { font-size: 25px; margin: 0 0 5px 0; height: auto; }
		#box_namethatplant #namethatplant p { font-size: 14px; line-height: 22px;  }
	#box_namethatplantbottom { background-image: url(./images/mobile-namethatplantbottom.jpg); margin-left: 2px; }
	
	#archive { width: 561px; margin-left: -4px; }
	#archive .tabbar { width: 557px; }
		#archive .postlist .post { width: 534px; }
		#archive .postlist .post .right { width: 420px; padding-bottom: 10px; }
		#archive .postlist .post .right h3 { font-size: 20px; }
		#archive .postlist .post .right p { font-size: 14px; line-height: 22px; margin: 0 0 5px 0; }
	
	.article { width: 561px; margin-left: -4px; background-image: url(./images/mobile-article.jpg); }
		.article .bannerimage { width: 534px; }
		.article .title {
			width: 556px;
			background: url(./images/tablet-articletitledottedline.jpg) no-repeat -6px bottom;
		}
		.article .title .right .share { display: none; }
		.article .title .right { padding-top: 24px; width: 420px; padding-left: 5px; }
		.article .title .left { padding-left: 5px; }
		.article .post {
			width: 490px;
			margin: 20px 0 0 40px;
		}
		.article p { font-size: 14px; line-height: 22px; }
	
		.navigation {
			height: 82px;
			background-image: url(./images/mobile-navigation.jpg);
			background-position: 8px -1px;
		}
			.navigation .wp-pagenavi { display: none!important; }
			.navigation .tablet-only .prev {
				float: left;
				padding: 0 0 0 30px;
			}
			.navigation .tablet-only .next {
				float: right;
				padding: 0 40px 0 0;
				background: none;
			}
			.navigation .tablet-only .prev a {
				display: block;
				line-height: 50px;
				font-family: Arial;
				font-weight: bold;
				background: url(./images/tablet-navigation-previous.png) no-repeat 14px center;
				padding: 0 0 0 22px;
				font-size: 15px;
				color: #7c8082;
			}
			.navigation .tablet-only .next a {
				display: block;
				line-height: 50px;
				font-family: Arial;
				font-weight: bold;
				background: url(./images/tablet-navigation-next.png) no-repeat right center;
				padding: 0 10px 0 0;
				font-size: 15px;
				width: auto;
				text-indent: 0px;
				height: auto;
				color: #7c8082;
			}
			.singlenavigation p { display: none!important; }

	#namethatplanttabs {
		margin-left: -5px;
	}
		#namethatplanttabs .tabcats { padding-right: 10px; }
		#namethatplanttabs .tabbar { width: 561px; }
		#namethatplanttabs .tabpanes { width: 561px; }
		#namethatplanttabs .postlist { width: 534px; }
			#namethatplanttabs .postlist .post { width: 534px; background-image: url(./images/tablet-postlistlight-ntp.jpg); }
			#namethatplanttabs .postlist .posttop { background-image: url(./images/tablet-postlisttop-ntp.jpg); }
			#namethatplanttabs .postlist .postalt { background-image: url(./images/tablet-postlistdark-ntp.jpg); }
			#namethatplanttabs .postlist .post .caticon { width: 102px; padding: 17px; }
				#namethatplanttabs .postlist .post .caticon img { display: block; width: 102px; }
					#namethatplanttabs .postlist .post .caticon .bigimage img { width: auto; height: auto; }
			#namethatplanttabs .postlist .post .right { width: 370px;float: right; }
			#namethatplanttabs .postlist .post .right .meta { width: 240px; }
				#namethatplanttabs .postlist .post .right h3 { font-size: 20px; }
				#namethatplanttabs .postlist .post .right p { font-size: 14px; line-height: 22px; }
				a.commentsbubble {
					width: 78px;
					height: 79px;
					font-family: Arial;
					margin: 5px 10px 10px 5px;
					background: url(./images/tablet-commentsbubble.png) no-repeat;
				}
					a.commentsbubble .text {
						width: 59px;
						height: 8px;
						margin: auto;
						background: url(./images/tablet-commentsword.png) no-repeat;
					}
					a.commentsbubble .number {
						font-size: 26px;
						line-height: 30px;
						padding: 10px 0 3px 0;
						width: 100%;
					}
					a.commentsbubble .text img { display: none!important; }
			.gallerylist-top { width: 556px; }
			.gallerylist { width: 530px; }
			.gallerylist .gallerylistitem { height: 210px; width: 162px; }
			.gallerylist .gallerylistitem .meta { display: none; }
			.gallerylist .gallerylistitem .title {
				text-align: center;
				font-size: 12px;
				line-height: 14px;
				color: #484747;
				height: 29px;
				overflow: hidden;
				display: block;
				padding: 8px 20px 0 20px;
			}

	#mainarea {
		width: auto;
	}	
		#contentarea {
			float: none;
			width: auto;
		}
		
		.page { width: 550px; }
		.page .inner { background-image: url(./images/phone-page.jpg); }
		.page .post { width: 488px; }
		.page .postbottom { background-image: url(./images/phone-pagebottom.jpg); }
		div.page .inner img, .article .post img { max-width: 100%!important; height: auto; }
		textarea { max-width: 90%; }
		
	#sidebar {
		clear: both;
		width: auto;
		padding: 0 5px;
	}
		#sidebar .widget {
			float: left;
			width: 50%;
			padding: 0 5px 5px 5px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			#sidebar .widget img { max-width: 100%; height: auto; }
		#sidebar .widget_social,
		#sidebar .widgetready { display: none; }

	#archive.bookshelf .introduction { margin-right: 6px; } 
	#archive.bookshelf .footertext { margin-right: 6px; }
	#archive .postlist .post .right { width: 370px; }

	#subfooter, 
	#footer { display: none; }
	
	#tablet-subfooter {
		background: url(./images/mobile-subfooter.jpg) no-repeat;
		height: 366px;
		width: 568px;
		margin: auto;
		display: block;
	}
		#tablet-subfooter ul {
			display: block;
			padding: 84px 0 0 0;
		}
			#tablet-subfooter ul li {
				display: block;
				background: url(./images/mobile-subfooter-line.png) no-repeat center top;
				font-size: 16px;
			}
				#tablet-subfooter ul li a {
					display: block;
					margin: auto;
					color: #4d584e;
					width: 568px;
					padding: 18px 0 0 0;
					height: 32px;
				}
	
	#tablet-footer {
		background: #ebefe9;
		padding: 0 0 30px 0;
		overflow: hidden;
		display: block;
		margin: auto;
		width: 568px;
	}
		#tablet-footer p {
			font-size: 15px;
			line-height: 25px;
			color: #487320;
			text-align: center;
			margin: 0;
		}
			#tablet-footer p a { text-decoration: underline; color: #487320; }


}

/* Vertical Mobile */

@media all and (max-width: 567px) and (min-width: 0px) {

	.vertical-mobile-only { display: block!important; }

	#page, 
	#container {
		width: 320px;
	}

	#mobile-nav .social { margin-left: 21px; }

	#mobile-nav form { widtH: 280px; }

	#header {
		background: url(./images/vertical-mobile-header.jpg) no-repeat;
		height: 132px;
	}
		#header .logo {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
		}
	
	#box_namethatplant {
		width: 320px;
		margin-left: 0px;
		margin-bottom: 20px;
		background-image: url(./images/vertical-mobile-box_featuredarticle.jpg);
	}
	#box_namethatplantbottom { display: none; }
		#box_namethatplant #namethatplant p { font-size: 15px; }
		#box_namethatplant #namethatplant .buttons {
			overflow: hidden;
			padding: 0 0 10px 0;
			float: none;
			height: auto;
			width: auto;
		}
		#box_namethatplant #namethatplant .buttons a {
			float: none;
			margin: 10px 0 0 0;
			text-align: center;
			display: block;
		}
			#box_namethatplant #namethatplant .buttons a img { margin: auto; }
	
	#box_featuredarticle {
		width: 320px;
		margin-left: 0px;
		height: auto;
		height: 630px;
		margin-bottom: 0px;
		background-image: url(./images/vertical-mobile-box_featuredarticle.jpg);
	}
		#box_featuredarticle #right {
			float: none;
			width: 100%;
			margin-top: 0px;
			padding-top: 12px;
			padding-left: 2px;
			clear: both;
		}
			#box_featuredarticle #right .thumbnail {
				width: 266px;
				height: 266px;
			}
			#box_featuredarticle #right ul.circles { display: none; }
		#box_featuredarticle #featuredposts {
			 clear: both;
			 margin-left: -10px;
			width: 270px;
			height: 300px;
		}
		#box_featuredarticle #featuredposts .post {
			width: 260px;
		}
	
	.navigation {
		background: url(./images/vertical-mobile-navigation.jpg) no-repeat;
		height: 50px;
		padding: 0;
		text-transform: uppercase;
	}	
	.featured-navigation { margin-bottom: 20px; }
		.navigation .wp-pagenavi { display: none!important; }
		.navigation .prev {
			float: left;
			padding: 0 0 0 15px!important;
		}
		.navigation .next {
			float: right;
			padding: 0 30px 0 0!important;
			background: none;
		}
		.navigation .prev a {
			display: block;
			line-height: 50px;
			font-family: Arial;
			font-weight: bold;
			background: url(./images/tablet-navigation-previous.png) no-repeat 14px center;
			padding: 0 0 0 26px;
			font-size: 15px;
			color: #7c8082;
		}
		.navigation .next a {
			display: block;
			line-height: 50px;
			font-family: Arial;
			font-weight: bold;
			background: url(./images/tablet-navigation-next.png) no-repeat right center;
			padding: 0 10px 0 0;
			font-size: 15px;
			width: auto;
			text-indent: 0px;
			height: auto;
			color: #7c8082;
		}
		.singlenavigation p { display: none!important; }
	
	#hometabs {
		display: none;
	}
	#mobile-hometabs {
		margin: 0 0 20px 0;
		background: url(./images/vertical-mobile-box_featuredarticle.jpg) no-repeat left 2px;
	}
	#mobile-hometabs .tabbar {
		display:block;
		height:40px;
		padding:0px;
		overflow: hidden;
	}	
		.tabbar li.tabbar_tab1 { margin-left: 27px; }
	#mobile-hometabs .tabpanes {
		display:block;
		padding:0 0 0 0;
	}
	
	#mobile-hometabs .tabpanes #tab1 { display:block; }
	#mobile-hometabs .tabpanes #tab2 { display:none; }
	#mobile-hometabs .tabpane {
		
	}
		#mobile-hometabs .tabpane ul {
			position: relative;
		}
			#mobile-hometabs .tabpane ul li {
				display: none;
				padding: 17px 27px 10px 27px;
			}
			#mobile-hometabs .tabpane ul li:first-child { display: block; }
				#mobile-hometabs .tabpane ul li h3 {
					font-size: 22px;
					line-height: 28px;
					margin: 0 0 14px 0;
					font-weight: normal;
				}
				#mobile-hometabs .tabpane ul li p {
					font-size: 15px;
					line-height: 22px;
					margin: 0 0 10px 0;
				}
				#mobile-hometabs .tabpane ul li p.readmore { text-align: center; }

	#archive {
		background: url(./images/vertical-mobile-box_featuredarticle.jpg) no-repeat left 2px;
		padding: 0px;
		width: auto;
		margin: 0 0 20px 0!important;
	}			
		#archive .inner { background: none!important; }	
		#archive .title { background: none!important; }
		#archive .postlist { padding: 0px; background: none!important; width: auto; }
		#archive .postlist .posttop, 
		#archive .postlist .post, 
		#archive .postlist .postalt {
			width: auto;
			background: none!important;
			margin: 0 16px 0 16px;
			min-height: 70px;
			border-bottom: 1px solid #e3e8e1;
		}
			#archive .postlist .post .caticon { width: 75px; text-align: center; margin-top: 10px; }
				#archive .postlist .post .caticon img { margin: auto; width: 50px; height: auto; }
			#archive .postlist .post .right { width: 210px; }
				#archive .postlist .post .right h3 {
					font-size: 17px;
					line-height: 20px;
				}
				#archive .postlist .post .right p { display: none; }
				#archive .calendar .postlist .post .right p { display: block; }

	#namethatplanttabs {
		width: 320px;
		margin-left: 0px;
		margin-bottom: 20px;
		background: url(./images/vertical-mobile-box_featuredarticle.jpg) no-repeat left 2px;
	}
		#namethatplanttabs .tabbar {
			width: auto;
			height: 104px;
			background: none!important;
		}
			#namethatplanttabs .tabcats { display: none; }
			#namethatplanttabs .mobile-tabcats {
				display: block;
				background: url(./images/mobile-tabcats.png) no-repeat;
				height: 58px;
				position: relative;
				margin: 39px 0 0 0;
			}
			#namethatplanttabs .mobile-tabcats select {
				position: absolute;
				top: 18px;
				left: 107px;
				width: 187px;
				height: 22px;
				padding: 0 30px 0 10px;
				-webkit-appearance: none;
				text-align: center;
				font-size: 11px;
				font-weight: bold;
				display: block;
				background: none transparent;
				color: #FFF;
				text-transform: uppercase;
				border: none;
			}
			#namethatplanttabs .tabpanes {
				width: auto;
				background: none!important;
			}
			#namethatplanttabs .postlist { padding: 0px; background: none!important; width: auto; }
			#namethatplanttabs .postlist .posttop, 
			#namethatplanttabs .postlist .post, 
			#namethatplanttabs .postlist .postalt {
				width: auto;
				background: none!important;
				margin: 0 16px 0 16px;
				min-height: 70px;
				border-bottom: 1px solid #e3e8e1;
			}
				#namethatplanttabs .postlist .post .caticon {
					padding: 10px;
					width: 60px
				}	
					#namethatplanttabs .postlist .post .caticon img { width: 60px; }
					#namethatplanttabs .postlist .post .caticon .bigimage img { width: auto; height: auto; }
				#namethatplanttabs .postlist .post .right { width: 200px; }
					#namethatplanttabs .postlist .post .right .meta { width: auto; }
					#namethatplanttabs .postlist .post .right .meta p { display: none; }
					#namethatplanttabs .postlist .post .right .comments { display: none; }
		.gallerylist-top { display: none; }
		.gallerylist { width: auto; padding: 4px 0 0 16px;
			background: none!important;
		}
			.gallerylist .gallerylistitem { width: 130px; height: 176px; }
			.gallerylist .gallerylistitem img { width: 100%; height: auto; }


	.article, 
	div.page {
		background: url(./images/vertical-mobile-box_featuredarticle.jpg) no-repeat left top;
		padding: 0px;
		width: auto;
		margin: 0 0 20px 0!important;
	}		 
	div.page { background-position: left 2px; }		
		.article .breadcrumb, 
		.article .bannerimage, 
		.article .title { display: none; }				 
		div.page .title { background: none!important; }		
		.article .mobile-back {
			height: 40px;
		}
			.article .mobile-back a {
				float: left;
				display: block;
				margin: 0 0 0 20px;
				line-height: 34px;
				color: #FFF;
				font-size: 14px;
				color: #ebebe8;
				padding: 0 0 0 18px;
				background: url(./images/vertical-mobile-back.png) no-repeat left center;
				text-decoration: underline;
			}
		.article .mobile-post-header {
			padding: 15px 25px 22px 28px;
		}
			.article .mobile-post-header h2 {
				font-size: 20px;
				line-height: 25px;
				margin: 0 0 20px 0;
			}
			.article .mobile-post-header img {
				display: block;
				width: 100%;
				height: auto;
			}
		div.page .inner, 
		.article .post, 
		div.page .post {
			margin: 0px;
			width: auto;
			background: none!important;
			padding: 0 25px 0 28px;
		}
		div.page .inner { padding: 0px; }
			div.page .inner img,
			.article .post img { max-width: 100%; height: auto; }
		.page .postbottom { display: none; }
		.entry { padding: 20px 0; }
	
	#sidebar .widget {
		float: none;
		width: auto;
	}
	
	#archive.bookshelf .introduction { background: none transparent!important; }
	#archive.bookshelf .post .left { float: none; text-align: center; }
	#archive.bookshelf .postlist .post .right { width: auto;  padding: 10px 20px 10px 20px; }
	#archive.bookshelf .postlist .post .right form { padding-top: 10px; }
	#archive.bookshelf .footertext {
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 5px;
		margin-top: 20px;
	}
	
	#tablet-subfooter {
		width: 320px;
		height: 360px;
		margin: auto;
		background: url(./images/vertical-mobile-subfooter.jpg) no-repeat left -3px;
	}
		#tablet-subfooter ul li { background-image: url(./images/vertical-mobile-subfooter-line.png); }
		#tablet-subfooter ul li a { width: 100%; }
		
	#tablet-footer {
		display: none!important;
	}
	#mobile-footer {
		margin: auto;
		width: 320px;
		text-align: center;
		background: #ebefe9;
		padding: 0 0 30px 0;
		overflow: hidden;
		display: block;
	}
		#mobile-footer p {
			font-size: 16px;
			margin: 0 0 20px 0;
			color: #487320;
			text-align: center;
		}
			#mobile-footer a { text-decoration: underline; color: #487320; }
		#mobile-footer small {
			font-size: 12px;
			color: #487320;
			display: block;
			text-align: center;
			line-height: 24px;
		}

}