/*   

Theme Name: OIS Ebook Theme v.06

Theme URI: https://ourinternetsecrets.com

Description: OIS Generic Ebook Template by OurInternetSecrets.com (https://ourinternetsecrets.com)

Author: OurInternetSecrets

Author URI: https://www.ourinternetsecrets.com

Version: 6.10.17.11 Update

*/



* { margin: 0; padding: 0; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

.clear { clear: both; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

.meta {font-size: 11px;color: #777;border-bottom: 1px dotted #ccc;margin: 0 0 10px 0; padding: 5px 0;}

img { border: none; }

.do-not-print { display: none; }

code { font: 10pt Courier, monospace; } 

blockquote { margin: 1.3em; padding: 1em; }



/************************************ HYPERLINK STYLE OPTIONS ******************************************/

a {

	border: none; 

	color: #960000;

	text-decoration: none;

	}

	

a:hover {

	color: #C10000;

	text-decoration:underline;

	}



.entry a { }



.entry a:hover { }



/*******************************************************************************************************/





/********************************* FONT STYLES ELEMENTS ************************************************/



h1, h2, h3 {font-weight: normal; margin: 0 0 10px 0; font-family: Verdana, Arial, sans-serif;}



h1 {font-weight: bold;font-size:30pt;line-height:50px;font-family:Tahoma;margin-bottom:20px;}



h2 {color: #000000;font-weight: bold;font-size:15pt;line-height: 28px;margin-bottom:20px;}



h3 { }



h1.title {text-align: center; font-weight: bold;}



.post h1, .entry h1 {color: #CC0000; font-weight: bold; font-size:30pt; line-height:50px; font-family:Tahoma; margin-bottom:20px;}



.post h2, .entry h2 {color: #000000; font-weight: bold; font-size:15pt; line-height: 28px; margin-bottom:20px;}



.post h3, .entry h3 {color: #cc0000; font-weight: bold; font-size:15pt; line-height: 28px; margin-bottom:20px;}



.post h4, .entry h4 {color: #333; font-weight: bold; font-size:12pt;}



p { margin: 0 0 10px 0; }



blockquote { }



blockquote p { }



ul, ol { margin: 0 0 10px 50px; }



ul li, ol li{margin-bottom:20px; list-style-image:url(images/arrowRed.jpg);}



table {margin:10px;}



pre { }



code, tt { }



.post h2 {margin: 0;}



/*******************************************************************************************************/



/********************************* SIDE BAR STYLES *********************************************/



.widget ul li a{ color:#5F5F5F;}



#sidebar {float: right; border-left: 1px solid #ccc; width: 210px; padding: 0 0 0 10px; font-size: 12px}



#sidebar ul {list-style: none; margin: 0 0 5px 5px;}



#sidebar ul li{ list-style-image:none; padding-bottom:0px;}



#sidebar ul ul li {padding: 5px 2px;border-bottom: 1px solid #ccc;}



#sidebar ul ul li:last-child {border: none;}



#sidebar h2 {

	font-size: 14px;

	font-weight: bold;

	margin: 5px 0 0 0;

	background: #525252;

	color: #fff;

	padding: 0px 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	-khtml-border-radius: 8px;

	border-radius: 8px;

	}



/************************************************************************************************/



/******************************* NAVIGATION STYLE ***********************************************/



.navgation { }

   .next-posts { }

   .prev-posts { }



/***********************************************************************************************/



/************************************ FORM ELEMENTS **********************************************/



#searchform { }

	#s { }

	#searchsubmt { }



form { }



input[type=text] { }



textarea { }



#post_sale_form {

         margin: 10px auto;

         width: 400px;

         text-align: center;

}

	

#af-form-288760679 select, #af-form-288760679 label, #af-form-288760679 optgroup, #af-form-288760679 option {

	padding: 2px !important;

}





/**********************************************************************************************/



/************************************** POST / ENTRY STYLES ***********************************/



.post {width: 540px; margin:20px 0; border-bottom: 1px solid #ccc; padding: 5px 0;}



.postmetadata {background: #ccc; color: #333; font-size: 11px; font-weight: bold; padding: 5px;}



.alignleft {

         float: left;

         margin: 10px 10px 10px 0;

}



.alignright {

         float: right;

         margin: 10px 0 10px 10px;

}



/**********************************************************************************************/



/************************************* COMMENTS STYLE *****************************************/

#comments { page-break-before: always; }

ol.commentlist { list-style: none; }

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor { }

ol.commentlist li.byuser { }

ol.commentlist li.comment-author-admin { }

ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }

ol.commentlist li.comment div.comment-author { }

ol.commentlist li.comment div.vcard { }

ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }

ol.commentlist li.comment div.vcard cite.fn a.url { }

ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }

ol.commentlist li.comment div.vcard img.avatar-32 { }

ol.commentlist li.comment div.vcard img.photo { }

ol.commentlist li.comment div.vcard span.says { }

ol.commentlist li.comment div.commentmetadata { }

ol.commentlist li.comment div.comment-meta { font-size: 10px; }

ol.commentlist li.comment div.comment-meta a { color: #ccc; }

ol.commentlist li.comment p { }

ol.commentlist li.comment ul { }

ol.commentlist li.comment div.reply { font-size: 11px; }

ol.commentlist li.comment div.reply a { font-weight: bold; }

ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }

ol.commentlist li.comment ul.children li { }

ol.commentlist li.comment ul.children li.alt { }

ol.commentlist li.comment ul.children li.bypostauthor { }

ol.commentlist li.comment ul.children li.byuser { }

ol.commentlist li.comment ul.children li.comment { }

ol.commentlist li.comment ul.children li.comment-author-admin { }

ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-5 { }

ol.commentlist li.comment ul.children li.odd { }

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background: #f6f6f6; }

ol.commentlist li.parent { border-left: 5px solid #111; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }



/**********************************************************************************************************/



/****************************************** LAYOUT STYLE **************************************************/

/*                           Listed according to tag arrangement in hmtl                                  */

/**********************************************************************************************************/



/* BODY */ 

/* 

   Changing body background will affect the background of the editor *** 

   if you want to add background you can add it on Body Overlay Bg 

*/

body { background:#77AC3A url(images/bg.jpg) no-repeat top center; background-attachment:fixed; font-family:Verdana !important; font-size:10pt; line-height:20px; }



	/* BODY OVERLAY BACKGROUND */

	.bodyOverlayBg{/*background:url(images/bg.jpg) repeat-x top left;*/}



		/* FOOTER OVERLAY BACKGROUND */

		.footerOverlayBg{/*background:url(images/footerOverlayBg.jpg) repeat-x bottom center;*/ height:100%;}



			/* PAGE WRAPPER */

			#wrapper {width: 830px; height: 100%; padding: 0px; margin: 0px auto;}

			#page-wrap { width: 960px; margin: 20px auto; }



				/* HEADER */

				#header {height: 251px; padding: 0px 20px; background: url(images/header.png) no-repeat center top;}

				

					/* HEADER TOP MENU CONTAINER*/

					#header div.menu-footer-nav-container {margin: 0px 0 0 0; width:805px;}

					

					

						/* HEADER MENU */

						#header ul.menu {

							list-style: none; 

							text-align: center; 

							clear: both;	

							overflow: hidden; 

							margin: 0 auto; 

							font-family:Arial, Helvetica, sans-serif; 

							font-size:14px;

							padding-top:200px;

							}

							

								#header li {float: left; margin: 0px 4px; list-style-image:none;}

						

								#header li a, #header li a:link, #header li a:visited, #header li a:active {

									display: block;

									padding: 10px 9px 12px 10px;

									text-align: center;

									color: #FFF;

									line-height: 15px;

									font-weight: bold;

									text-decoration: none;

									text-transform: uppercase;

									/*-moz-text-shadow: 0px -1px 0px rgba(0,0,0,0.9);

									-webkit-text-shadow: 0px -1px 0px rgba(0,0,0,0.9);

									-khtml-text-shadow: 0px -1px 0px rgba(0,0,0,0.9);

									text-shadow: 0px -1px 0px rgba(0,0,0,0.9);*/

									}

							

								#header li a:hover {text-decoration: underline;}



				/* CONTENT */

				#content {

					background: #fff;

					padding: 5px 25px;

					background: url(images/content_bg.png) repeat-y top center;

					overflow: hidden;

					min-height:500px;

					}

				

					.page{}

					

						.entry {}

						

				/* FOOTER */

				#footer {

						height:100px;

						padding: 0px 20px;

						background: url(images/footer_bg.png) repeat-x top left;

				}

                #footer div.menu-footer-nav-container {margin: 0px 0 0 0; width:805px;}



					#footer ul.menu{

							list-style: none;

							text-align: center;

							clear: both;

							overflow: hidden;

							margin: 0 auto;

							font-family:Arial, Helvetica, sans-serif;

							font-size:14px;

							/*display:none;*/

					}

							#footer li {float: left; margin: 6px 4px; list-style-image:none}

							

							#footer li a, #footer li a:link, #footer li a:visited, #footer li a:active {

									display: block;

									padding: 10px 9px 12px 10px;

									text-align: center;

									color: #000;

									line-height: 15px;

									font-weight: bold;

									text-decoration: none;

									text-transform: uppercase;

									 /*-moz-text-shadow: 0px 1px 0px rgba(0,0,0,0.9);

									 -webkit-text-shadow: 0px 1px 0px rgba(0,0,0,0.9);

									 -khtml-text-shadow: 0px 1px 0px rgba(0,0,0,0.9);

									 text-shadow: 0px 1px 0px rgba(0,0,0,0.9);*/

							}

							

							#footer li a:hover {text-decoration: underline;}

							

							#footer p.copyright {

									 text-align: center;

									 font-size: 11px;

									 color: #000;

									 /*-moz-text-shadow: 0px -1px 0px rgba(0,0,0,0.9);

									 -webkit-text-shadow: 0px -1px 0px rgba(0,0,0,0.9);

									 -khtml-text-shadow: 0px -1px 0px rgba(0,0,0,0.9);

									 text-shadow: 0px -1px 0px rgba(0,0,0,0.9);*/

							}

							

							#footer p.copyright a {color: #fff;}			

	

							div.siteInfo{float:left; text-align: center; font-size: 11px; color: #000; display:none;}

							

							div.siteDev{float:right; text-align: center; font-size: 11px; color: #000; width:100%;}

							

							div.siteDev a{color:#000;}



/**********************************************************************************************************************/



/*************************************** AFFILIATE PAGE STYLES ********************************************************/



.affiliate{color:#00617E !important;}



.highlightText{color:#cc0000;}



/**********************************************************************************************************************/





/********************************** ELEMENT STYLES WITH TINYMCE EDITOR ************************************************/



.dashedbox1{border:2px dashed #A1C9EC; width:650px; margin:0 auto;padding:20px 20px 20px 0px;}

.dashedbox2{border:4px dashed #A1C9EC; width:650px; margin:0 auto;padding:20px 20px 20px 0px;}

.dashedbox3{border:6px dashed #A1C9EC; width:650px; margin:0 auto;padding:20px 20px 20px 0px;}



.solidbox1{border:2px solid #A1C9EC; width:650px; margin:0 auto;padding:20px 20px 20px 0px;}

.solidbox2{border:4px solid #A1C9EC; width:650px; margin:0 auto;padding:20px 20px 20px 0px;}

.solidbox3{border:6px solid #A1C9EC; width:650px; margin:0 auto;padding:20px 20px 20px 0px;}



.borderlessbox1{width:650px; margin:0 auto; padding:20px;}

.borderlessbox1left{width: 382px;padding: 28px;float: left;}

.borderlessbox1right{width:395px; padding:20px; float:right;}

.borderlessbox2{width:300px; margin:10px; padding:20px;}

.borderlessbox2right{width:300px; padding:20px; float:right; margin:10px;}

.borderlessbox2left{width:300px; padding:20px; float:left; margin:10px;}





.bulletlist1 li{list-style-image:url(images/checkRed.jpg); margin-bottom:20px}

.bulletlist2{list-style-image:url(images/xicon16.png); margin-bottom:20px;}

.bulletlist3{list-style-image:url(images/check.png);}



.captionbox1center{border:1px solid #999999; background:#D6D6D6; padding:10px; width:200px; margin:0 auto}

.captionbox1right{border:1px solid #999999; background:#D6D6D6; padding:10px; width:200px; float:right}

.captionbox1left{border:1px solid #999999; background:#D6D6D6; padding:10px; width:200px; float:left}

.captionbox2center{border:0px; padding:10px; color:#0084CC; width:200px; margin:0 auto}

.captionbox2right{border:0px; padding:10px; color:#0084CC; width:200px; float:right;}

.captionbox2left{border:0px; padding:5px; color:#0084CC; width:200px; float:left;}

.captionbox3center{border:1px solid #0084CC; padding:10px; color:#0084CC; width:200px; margin:0 auto;}

.captionbox3right{border:1px solid #0084CC; padding:10px; color:#0084CC; width:200px; float:right;}

.captionbox3left{border:1px solid #0084CC; padding:10px; color:#0084CC; width:200px; float:left; margin:10px;}



.tableformat{padding:10px; border:1px #0099FF solid; width:750px; margin:0 auto;}

.tableformat td{padding:20px;}



.heading1 {font-weight: bold; font-size:30pt; line-height:50px; font-family:Tahoma; margin-bottom:20px;}

.heading2 {font-weight: bold; font-size:15pt; line-height: 28px; margin-bottom:20px;}

.heading3 {color: #00617E; font-weight: bold; font-size:15pt; line-height: 28px; margin-bottom:20px;}



.testimonialBox{

	width:650px;

	border:3px dashed #990000;

	margin:20px auto;

	background:#FFFFCC;

	}

	.testimonialBox td{padding:20px;}

	.testimonialBox td p:first-child{font-size:14px; color:#990000; font-weight:bold;}

	.testimonialBox td p:last-child{font-style:italic;}

	

.bonusBox{

	width:720px;

	border:4px dashed #CCCCCC;

	margin:20px auto;

	background:#FFF;

	}

	.bonusBox td{padding:20px;}

	.bonusBox td p:first-child{font-size:14px; color:#990000; font-weight:bold;}

	.bonusBox td p:last-child{font-style:italic;}



.featurebox1{

	float:right !important; 

	width:200px; 

	border:1px dashed #666666; 

	padding:15px;

	background:#E1E1E1;

	/*-moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;*/

	/*behavior:url(images/border-radius.htc);*/

	font-size:15px;

	margin:20px;

	}



/*************************************************************************************************************************/



/******************************************** ADD ON *********************************************************************/



h1.title{display:none;}



.tweetandlike-box{

	background: none !important;

	border: none !important;

	margin: 0px !important;

}



.sociable_tagline{margin-bottom:13px;}



body.blog div.bodyOverlayBg div.footerOverlayBg div#wrapper div#content div#sidebar ul.mySidebar{display:none;}

body.blog div.bodyOverlayBg div.footerOverlayBg div#wrapper div#content div#sidebar ul.testimonialSidebar{display:none;}

body.page div.bodyOverlayBg div.footerOverlayBg div#wrapper div#content div#sidebar ul.generalSidebar{display:none;}

body.page div.bodyOverlayBg div.footerOverlayBg div#wrapper div#content div#sidebar {border-left:none !important;}



div#third{margin-left: -20px !important;}

div.textwidget{padding: 0 9px 0 28px !important;}

div#third ul div.widget{background:url(images/testiMid.png) repeat-y;}

div#ttop{

	width:226px;

	height:80px;

	background:url(images/testiTop.png) no-repeat;

	}



div#tbot{

	width:226px;

	height:34px;

	background:url(images/testiFoot.png) no-repeat;

	}



/* ------------- Start Affiliate Form CSS ---------------*/



.bodyContainer.webFormBodyContainer {

	box-shadow: 1px 1px 10px;

	-moz-border-radius: 15px 0 15px 0;

	border-radius: 15px 0 15px 0;

	background:#459046 ;

}

.infusion-field-container {

	width: 80%!important;

	margin: 0 auto;

}

.infusion-field-label-container {

	color: #fff;

}

.infusion-field-input-container {

        width: 200px;

        text-align: right;

}

.infusion-submit {

	margin-top: 20px;

}



/* ------------- End Affiliate Form CSS -----------------*/



#disqus_thread {

        width: 69%;

        margin-top: 40px;

}

/*-----Edit TP------*/.postmetadata {  margin-bottom: 10px;  margin-top: 20px;}.thumbnail {  float: left;  margin-right: 10px;}.attachment-thumbnail {  margin: 5px 0;}.readmore {  background: none repeat scroll 0 0 #D00000;  border-radius: 8px 0;  color: #FFFFFF;  font-weight: bold;  padding: 5px 10px;  text-decoration: none;}.readmore:hover {  color: #FFFFFF;}.blog-posts {	width: 540px;	float: left;}

.menu-footer-nav-container a#pull {

	display: none;

}

@media screen and (max-width: 980px) {

#wrapper {

  width: 80%;

}

#header {

  background-size: 100% 100%;

  height: auto;

}

#header li a, #header li a:link, #header li a:visited, #header li a:active {

  padding: 10px 9px 25px 10px;

}

#header div.menu-footer-nav-container, .bonusBox, #footer div.menu-footer-nav-container {

  width: 100%;

}

.tb-box, .d-box {

  width: 100% !important;

}

.d-box img, .entry img {

  max-width: 100%;

}

#content {

  background-size: 100% auto;

}

#footer {

  background-size: 100% 100%;

}

div.siteDev {

  font-size: 9px;

}

}

@media screen and (max-width: 768px) {

.blog-posts {

  width: 60%;

}.post {  width: 100%;}

}

@media screen and (max-width: 480px) {
	
#header .menu-footer-nav-container a#pull {

  display: none;

  height: 40px;

  left: 30px;

  position: absolute;

  top: 60px;

}

#header .menu-footer-nav-container a#pull:after {

  background: url("https://www.companionplantingguide.com/wp-content/uploads/2014/05/nav-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  content: "";

  display: inline-block;

  height: 30px;

  position: absolute;

  right: 0;

  top: 10px;

  width: 30px;

  z-index: 9999;

}

#header .menu-footer-nav-container {

	position: relative

}

#header .menu-footer-nav-container ul {

	background: none repeat scroll 0 0 #282521 !important;

	/*display: none;*/

	height: auto;

	position: relative;

	text-align: center;

	z-index: 1;

 	padding: 0!important;

    	top: 95px;

}

#header .menu-footer-nav-container li {

  	background: none repeat scroll 0 0 #282521 !important;

  	/*border-top: 5px solid #3F3F3F;*/

  	/*box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.1);*/

  	display: block;

  	/*float: none;*/

  	margin: 0;

  	padding: 0;

  	width: auto;

}

#header li a, #header li a:link, #header li a:visited, #header li a:active {

  	padding: 2px 5px;
    font-size: 9px;
    font-weight: normal;
    line-height: 7px;

}

#header {

  background-size: cover;

  height: 115px;

}

#sidebar {

  width: 100%;

}

div#ttop {

  background-size: 100% 100%;

  width: 100%;

}

div#third ul div.widget {

  background-size: 100% auto;

}

div.textwidget {

  padding: 0 15px 0 35px !important;

}

div#tbot {

  background-size: cover;

  width: 100%;

}

.entry > p {

  margin-left: 0 !important;

}

.entry img {

  height: auto !important;

  max-width: 100%;

  width: 90% !important;

}

.post h3, .entry h3 {

  display: inline-block;

}

.entry table {

  width: 100% !important;

}

.tb-box td {

  float: left;

  width: 100%;

}

#footer {

  padding: 0 5px;

}

#footer li a, #footer li a:link, #footer li a:visited, #footer li a:active {

  padding: 5px 2px;

}

.post, .blog-posts {

  width: 100%;

}

.CleanContact {

  width: 100%!important;

}

.CleanContact textarea {

  height: 10em!important;

}
.prod-boxx-left, .prod-boxx-right {
    width: 100%!important;
}

}

@media screen and (max-width: 320px) {

#header {

  height: 77px;

}

#header .menu-footer-nav-container a#pull:after {

  top: -20px;

}

#header .menu-footer-nav-container ul {

  top: 60px;

}

div#ttop {

  background-size: cover;

  width: 226px;

}

div#third ul div.widget {

  background-size: 100% auto;

  width: 226px;

}

div#tbot {

  background-size: cover;

  width: 226px;

}

.textwidget img {

  max-width: 100%;

}

.entry > ul {

  margin-left: 20px;

}

#footer li a, #footer li a:link, #footer li a:visited, #footer li a:active {

  padding: 5px;

}

.CleanContact textarea {

  height: 8em!important;

}

}

.socialize-floating{

	left:192px;

}
.prod-boxx {
    overflow: hidden;
    border: 1px solid #e0e0e0;
    padding: 20px 10px 10px;
    margin-bottom: 12px;
}
.prod-boxx-left {
    overflow: hidden;
    width: 38%;
	margin-right:2%;
    float: left;
	text-align: center;
}
.prod-boxx-right {
	width: 60%;
	float: left;

}