/* Plantpost.co.uk style 3 */
/* Allan Burns             */
/* layout */

html, body {
	width: 100%;
	height: 100%;
}

body {
	overflow-y: scroll;
}


/* image text overlay */

    .t1box {
       float: left;
       position: relative;
	 width: 100%; 
    }

    .t1titleBox {
       position: absolute;
	 top: 50%;
  	 left: 50%;
	 transform: translate(-50%, -50%);
       margin: 0px;
       padding: 10px;
       text-align: center;
	 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-weight: normal;
	 color: #464646;
	 font-size: 25px;
       background: #FFF;
       background: rgba(255,255,255, 0.5);
}

/*	   	
*     removes yellow border around adsense ads
*/

.adsbygoogle {
background: #FFF;
}

/*	   	
*     quotes and citations
*/	

blockquote {
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 22px;
	line-height: 28px;
	width: 80%;
	color: #aaaaaa;
	text-align: center;
      position: relative;
      border-bottom: 2px solid #e7e8eb;
      background: #f8f8f8;
      clear: both;
      margin: 0 0 20px;
      padding: 14px 15px 15px;
	margin-left: auto; 
	margin-right: auto;
	}


cite {
	font-family: Century Gothic, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #aaaaaa;
      overflow-wrap: break-word;
      word-wrap: break-word;
	word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}

/*	   	
*     buttons
*/	

        #menu_button {
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: center;
        }

        #menu_button li {
            list-style-type: none;
            display: inline-block;
   		border:1px dashed #dcdcdc;
   		border-radius: 5px;
		background: #f9f9f9;
   		padding: 5px;
   		margin: 3px;
   		font-family: Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   		text-decoration: none;
   		vertical-align: middle;
   		text-transform:uppercase; 
   		text-decoration:none;
   		font-size: 15px;
 }

        #menu_button li a{
   		text-decoration: none;
   		color: #666666;
 }

        #menu_button li a:hover{
   		color: #000;
}




.button2 {
   border:1px solid #dcdcdc;
   background: #f9f9f9;
   padding: 10px 23px;
   color: #666666;
   font-size: 18px;
   font-family: sans-serif;
   text-decoration: none;
   vertical-align: middle;
   text-transform:uppercase; 
   text-decoration:none;
   font-size: 12px;
   margin: auto;
   }




/*	   	
*     sections
*/

#socialctr {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	text-align: center;
}

	

.main {
	} 

#secout {
	width: 100%;	
       background: #FFF;

	} 

#secin {
	width: 50%;	
	max-width: 600px;
	margin: auto;
	overflow:hidden;
	} 

.secpad {
	width: 90%;					
	padding: 0px;
	margin: auto;
}

#bdrctr {
	width: 50%;	
	max-width: 600px;
	margin: auto;
	overflow:hidden;
	} 

.main_grey {
	width: 100%;	
      background: #e0dad0;
	} 

.main_grey_in {
	width: 50%;	
	max-width: 920px;
	margin: auto;
	overflow:hidden;
	} 

#secinbot {
	width: 100%;	
	background: #fff;
	display: block;
	padding: 0px;
	overflow:auto;
	text-align: center;
}


#pinterest {
	background: #fff;
	display: block;
	padding: 10px;
	overflow:auto;
	text-align: left;
}




#secin:hover {
   border-color: #aba8a8;
   }

.secintitle {
	background-color: #e7e8e6;  
	text-align: center;
	margin-bottom: 15px;
	padding: 10px;
	font-family: 'Roboto', serif;
	color: #805732;
	font-size: 20px;
      margin:0;
}

.secintitle a {text-decoration:none;}
.bdrintitle a:hover {text-decoration:underline;color: #000;}


#seccol {width: 239px; padding: 0px; margin: 0px; background: #ffffff; float: left; overflow:auto; }


#in-b {padding: 0px;     margin: 0 auto;  width: 80%; background: #ffffff; overflow:auto; display: block; border: 1px solid #dbd9da; }
#in-l {padding: 20px;  }
#in-r {padding: 20px;  }

	

/*		
*     section end
*/


/* header */





/* text style */

h1{
	font-family: Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	color: #8c8c8c;
	font-size: 35px;
      margin:0;
	padding-top: 0px;
	padding-bottom: 5px;
}

/* 	font-family: 'Verdana', sans-serif; */

h2, h3, h4, h5, h6 {
	font-family: Century Gothic, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	color: #8c8c8c;
	font-size: 25px;
      margin:0;
	padding-top: 0px;
	padding-bottom: 5px;
}

p {
	font-family: Century Gothic, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #262626;      
	margin:0;
	padding-bottom: 20px;
	}

em {
	font-style: italic;
}

a { color: #805732; text-decoration:underline;}
a:visited { color: #805732; text-decoration:underline;}
a:hover { color: #805732; text-decoration:underline;}

h2 a, a:visited, a:hover  { text-decoration:none; color: #262626;}

.ing2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #aaaaaa;
	font-size: 30px;
      margin:0;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.foot {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444;
	font-size: 12px;
      margin:0;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* image section */

.imglft-people {
	display: block;	
	margin-right: 15px;
	float: left;
	max-width: 100%;
	background: #fff;
	border: 5px solid #efefef;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	background: #fff;
	position: relative;
	height: auto; /* overrides html specified height */
}


.imgctr {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	background: #fff;
}

.imgctrnorm {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding: 10px;	
}


.imgctrbdr {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	border: 5px solid #efefef;
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 1px;
	border-radius: 20px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 1px;
	background: #fff;
}

/* full images */

.imgsize {

	display: block;	
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto; /* overrides html specified height */
	border: 5px solid #efefef;
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 1px;
	border-radius: 20px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 1px;
	background: #fff;
	margin-bottom: 10px;

}



/* boardered images */

.imgin {
	width: 50%;	
	max-width: 920px;
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #d6d2d3;
	background: #fff;
}





/* image text overlay */

    .tbox {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	position: relative;
    }

  .tboxInner {
    }

    .tboxInner img {
	display: block;	
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	border: 5px solid #efefef;
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 1px;
	border-radius: 20px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 1px;
	background: #fff;
	margin-bottom: 10%; /* clear white space for text overlay */
    }

    .ttitleBox {
       position: absolute;
       bottom: -30px;
       left: 5px;
       right: 5px;
       margin-bottom: 0px;
       background: #000;
       background: rgba(0, 0, 0, 0.5);
       color: #FFF;
       padding: 10px;
       text-align: center;
	 text-transform: uppercase;
	 font-family: 'Verdana';
	 font-size: 11px;
	 padding: 5px; 
	 margin: 5px;

	border: 5px solid #efefef;
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 1px;
	border-radius: 20px;
	border-top-right-radius: 1px;
	border-bottom-left-radius: 1px;
	
     }

/* image tiles */

    .wrap {
       overflow: hidden;
       margin: 10px;
    }
    .box {
       float: left;
       position: relative;
       width: 25%;
       padding-bottom: 25%;
	
    }
    .boxInner {
       position: absolute;
       left: 5px;
       right: 5px;
       top: 5px;
       bottom: 5px;
  -webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
       overflow: hidden;
	 font-family: 'Verdana';
	 font-size: 13px;

    }
    .boxInner img {
       width: 100%;
    }
    .boxInner .titleBox {
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       margin-bottom: 0px;
       background: #000;
       background: rgba(0, 0, 0, 0.5);
       color: #FFF;
       padding: 10px;
       text-align: center;
       text-transform: lowercase;
    }
    .box:hover {
       background: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
    }

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

       .box {
          width: 100%;
          padding-bottom: 100%;
       }
	#secin {
		width: 100%;	
	}
	#bdrctr {
		width: 100%;	
	} 

    }


    @media only screen and (max-width : 670px) and (min-width : 361px) {
        .box {
          width: 50%;
          padding-bottom: 50%;
       }

	#secin {
		width: 100%;	
	}
	#bdrctr {
		width: 100%;	
	} 


/*
	.imgin {
		width: 100%;	
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
    .tbox {
	width: 100%; 
      padding-bottom: 100%;
    }
*/

    }

    @media only screen and (max-width : 750px) and (min-width : 671px) {
       .box {
          width: 100%;
          padding-bottom: 100%;
       }
    }
    @media only screen and (max-width : 1150px) and (min-width : 751px) {
       .box {
          width: 50%;
          padding-bottom: 50%;
       }
    }


    @media only screen and (max-width : 1600px) and (min-width : 1151px) {
       .box {
          width: 33.33%;
          padding-bottom: 33.33%;
       }
    }