/*
Theme Name: Healthy Beauty Project
Theme URI: http://www.embergermedia.com
Author: Paul Emberger
Author URI: http://thadallender.com
Template: modularity
Version: 2.5
License:  GPL
*/
	
@import url("../modularity/style.css");

/* Globals */
.container {padding: 1em 0 0 20px;}    
.container-inner {padding:0}
a, a:link, a:visited, .welcomebox h2 a { font-weight:bold; color: #F4479D;text-decoration:none;}
a:hover, a:focus { font-weight:bold; color: #FFFFFF; text-shadow: 0px 0px 10px #F4479D, 0px 0px 10px #F4479D,0px 0px 10px #F4479D; text-decoration:none;
			}
			
body {padding-bottom:30;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E6E6E6'); /* for IE */
background: #FFFFFF; /* for non-css3 browsers */
background: -moz-linear-gradient(rgba(245, 245, 245, 0.8) 20%, rgba(215, 215, 215, 0.9) 80%) no-repeat;
background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(245, 245, 245, 0.8)), to(rgba(215, 215, 215, .9))) no-repeat;
}


/* head */
#bodyinner {padding:10px; background-color: #FFFFFF; position:relative;
margin-right:auto;margin-left:auto; margin-bottom:0px; margin-top:12px; width:960px; height:auto;
			-moz-border-radius-bottomleft:30px;
			-webkit-border-bottom-left-radius:30px;
			-moz-border-radius-bottomright:30px;
			-webkit-border-bottom-right-radius:30;
  -webkit-box-shadow: rgba(77, 46, 19, 0.5) 0px 10px 16px;
  -moz-box-shadow: rgba(77, 46, 19, 0.5) 0px 0px 16px;
}

ul{ 
  list-style-type: none;
}

 

.content {margin-left:10px;}
.content ul {list-style:disc;margin:10px 20px;}
.content ul li{margin:10px 0;}

.bigheadbox {position:relative;
padding:25px 10px 10px 10px;
height: 150px; margin-right:auto;margin-left:auto; margin-bottom:20px; width:940px;
			-moz-border-radius-bottomleft:30px;
			-webkit-border-bottom-left-radius:30px;
			-moz-border-radius-bottomright:30px;
			-webkit-border-bottom-right-radius:30;
			-khtml-border-bottom-right-radius:30px;
			-khtml-border-bottom-left-radius:30px;
			border-bottom-left-radius:30px;
			border-bottom-right-radius:30px;
background: #F5F5F5; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5'); /* for IE */
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.3) 55%, rgba(240, 240, 240, .7) 78%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(255, 255, 255, 0.5)), to(rgba(235, 235, 235, .9)));
}



#hbplogo {
width: 130px; height: 125px;
float: right;
margin-right:70px;
}

#hbptag{
width: 730px; height: 100px;
float: left;
}

/* -------------Home --------------------*/
.homecontent {
	width:640;	height:300;
	margin-bottom:8px;margin-left:auto;margin-right:auto;
}

#homeslide{position:relative; z-index:1;
width:635px; height:420px;
padding:10px 10px 20px 12px;
margin-bottom:8px;margin-right:auto;margin-left:auto;

background-color:#F5F5F5;
}
#mystorycontent {display:block;
	width:657px;	
	margin-bottom:8px;margin-left:auto;margin-right:auto;
	background-color:#F5F5F5;
}

#center1{display:block; position:relative;
	margin-left:auto;margin-right:auto;
}
.homecontentbottom {display: inline-block;
	width:960px;
	margin-bottom:8px;margin-left:auto;margin-right:auto;margin-top:10px;
	}

	.homecontentbottominner{
	width:940px;
	padding:5px 10px 10px 18px;
	vertical-align:middle;
margin:0 auto;}

#homeblog {display: inline-block;
	width:659px;
	margin-bottom:8px;margin-left:auto;margin-right:auto;margin-top:10px;
	background-color:#F5F5F5;
	}

#homebloginner{
	width:635px;
	padding:5px 10px 10px 10px;
	vertical-align:middle;
    margin:0 auto;
	background-color:#F5F5F5;}
	
.columnheadlong{
width:657px; height:25px;
text-align:center;
font-size:14px; color:#663c29;
padding-bottom:5px;
Margin-left:auto; margin-right:auto;
background: #A8BA5D;; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#A8BA5D'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A8BA5D)); /* for webkit browsers */
		background: -moz-linear-gradient(top,#F0F0F0 33%,  #A8BA5D); /* for firefox 3.6+ */
	}

.homecolumn {display: inline-block;
	width:310px; height:275;
	float:left;
	Margin-top:10px;Margin-bottom:10px;
background-color:#F5F5F5;
}

#hbsad{width:615px;height:30px;
		padding:10px;
		position:relative;
		border:5px solid #C82952;
		background:#FAF0E6;
		margin:10px auto 20px;
}

#hbsadinner{width:615px;height:150px;
			padding:10px;
			position:absolute;
			top:0px;left:-15px;
			border:5px solid #C82952;
			background:#FAF0E6;
			visibility:hidden;
}

#hbsad:hover{padding:0;border:0;}

#hbsad:hover > #hbsadinner{visibility:visible;
							z-index:1000;
				}
				
/* ----------------- content --------------- */
.blogcontent p:nth-of-type(1):not(.wp-caption-text)::first-letter{ font-size: 2em;  
    font-weight: bold;  
    font-family: cursive;  
    padding-right: 2px;
}

/*.blogcontent p:nth-of-type(1):not(.wp-caption-text)::first-line{font-size:1.25em;}*/

/* for hidden div nav */
div.content.inactive {
	display: none;
}
div.nav {width:265px; height:400px;float:right;margin:5px 2px 15px 18px;}
div.navinner{width:225px;height:150px;padding:5px;}

.columnhead{position:relative;
text-align:center;
font-size:14px; color:#F0F0F0;
padding-bottom:5px;
Margin-left:auto; margin-right:auto;
background: #995a3d; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#995a3d', endColorstr='#663c29'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#995a3d), to(#663c29)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#995a3d 53%,  #663c29); /* for firefox 3.6+ */
	}
	
.homecolumninner {
	width:260px; height:215px;
	padding:5px 25px 10px 25px;
	vertical-align:middle;
margin:0 auto;
overflow:hidden;
	
}

/*-----------Side Bar ------------*/

#fb{height:105px;}
#fb:hover{height:auto;}

.sidebarcontact {
	width:275px;
	background-color:#F0F0F0;
	margin:10px 0px;
	padding:5px;
	
}

#sidebarbox {
	width:255px; height:100;
	background-color:#F5F5F5;
	margin:10px 0px;
	padding:9 10px 5px 10px;
}
.clearsidebox{width:275px;padding:0px 5px 0px 0px;margin:10px 0px 10px 0px;}
.sideboxad {width:275px;margin:10px 10px 10px 0px;}
#sidebarboxsmallleft {
	width:125px; height:100;float:left;
	background-color:#F5F5F5;
	padding:9 10px 5px 10px;
}
#sidebarboxsmallright {
	width:125px; height:100;float:right;
	background-color:#F5F5F5;
	padding:9 10px 5px 10px;
}
#sidebarboxwhite {
	width:255px; height:100;
	background-color:#FFFFFF;
	margin:10px 0px;
	padding:9 10px 5px 10px;
}
#sidebarboxbiggrey {
	width:255px; height:200;
	background-color:#F5F5F5;
	margin:10px 0px;
	padding:9 10px 5px 10px;
}
#sidebarboxbigwhite {
	width:255px; height:200;
	background-color:#FFFFFF;
	margin:10px 0px;
	padding:9 10px 5px 10px;
}
#sidebaradvert {
	width:275px; height:35;
	
	background-color:#995a3d;
	margin:10px 0px;
	padding:9 0px 5px 0px;
	font-size:20px;font-weight:bold; color:#A8BA5D ;text-align:center;
	
}
#sidebaradverthere {
	width:275px; height:75px;
	border: 1px solid #000000;
	background-color:#f5f5f5;
	margin:10px 0px;
	padding:35px 0px 0px 0px;
	font-size:20px;font-weight:bold; color:#A8BA5D ;text-align:center;
	
}
#sidebaradvert a:link {color:#A8BA5D ;}
 #sidebaradvert a:hover, a:focus { font-weight:bold; color: #FFFFFF; text-shadow: 0px 0px 10px #F4479D, 0px 0px 10px #F4479D,0px 0px 10px #F4479D; text-decoration:none;
			}
#sidebarmedia {
	width:275px; height:35;	
	background-color:#995a3d;
	margin:10px 0px;
	padding:9 0px 5px 0px;
	font-size:20px;font-weight:bold; color:#A8BA5D ;text-align:center;

}
#sidebarmedia a:link {color:#A8BA5D ;}
 #sidebarmedia a:hover, a:focus { font-weight:bold; color: #FFFFFF; text-shadow: 0px 0px 10px #F4479D, 0px 0px 10px #F4479D,0px 0px 10px #F4479D; text-decoration:none;
			}
h3.sub {width:275px; font-size:14; text-align:center; padding:5;margin-bottom:-3px; color:#F0F0F0;
background: #995a3d; /* for non-css3 browsers */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#995a3d', endColorstr='#663c29'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#995a3d), to(#663c29)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#995a3d 33%,  #663c29); /* for firefox 3.6+ */ /* heading on titles */
	
	}


	/* Search */
#search {margin:0; padding:0;}
#search #s {background: #F0F0F0 url('images/search.png') 2px 3px no-repeat;color: #995a3d;font-size: 12px;margin-left:auto;margin-right:auto;padding: 2px 2px 5px 17px;width: 240px;border:4px solid #995a3d;}
#search input {border:none}
#search #s:hover {color: #000;background: #fff url('images/search_hover.png') 2px 3px no-repeat;}
.search-excerpt {margin: 0;}
#sidebarsearchbox {
	background-color:#F5F5F5;
	width:275px; height:35px;
	margin-bottom:10px;
	padding:12px 0px 0px 0px; text-align:center;
	
}

/* post box */
.box, .postmetadata, .nav {color:#F0F0F0; 
padding:10px;
background: #995a3d; /* for non-css3 browsers */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#995a3d', endColorstr='#663c29'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#995a3d), to(#663c29)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#995a3d 33%,  #663c29); /* for firefox 3.6+ */
	 				
			-moz-border-radius-bottomleft:25px;
			-webkit-border-bottom-left-radius:25px;
			-moz-border-radius-bottomright:25px;
			-webkit-border-bottom-right-radius:25;
			-khtml-border-bottom-right-radius:25px;
			-khtml-border-bottom-left-radius:25px;
			border-bottom-left-radius:25px;
			border-bottom-right-radius:25px;
}
/* coopform button */
#cofobut{
			-moz-border-radius:8px;
			-webkit-border-radius:8;
			-khtml-border-radius:8px;
			 border-radius:8px;
		background: #A8BA5D;; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#A8BA5D'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A8BA5D)); /* for webkit browsers */
		background: -moz-linear-gradient(top,#F0F0F0 33%,  #A8BA5D); /* for firefox 3.6+ */
		-webkit-box-shadow: rgba(77, 46, 19, 0.5) 0px 5px 8px;
		-moz-box-shadow: rgba(77, 46, 19, 0.5) 0px 5px 8px;
		height:30px;
		width:85px;
		padding-top:11px;
		margin-bottom:12px;
		text-align:center;
		float:right;
		font-size: 15px;
		}

/* Main navigation overrides */
 .menu {	 
	padding:0px;
	font-size:13px;
	font-weight:bold;
	text-transform:capitalize;
	position:relative;z-index:3000;
	}
 .menu ul{
			-moz-border-radius-bottomleft:20px;
			-webkit-border-bottom-left-radius:20px;
			-moz-border-radius-bottomright:20px;
			-webkit-border-bottom-right-radius:20;
			-khtml-border-bottom-right-radius:20px;
			-khtml-border-bottom-left-radius:20px;
			 border-bottom-left-radius:20px;
			 border-bottom-right-radius:20px;
		background: #A8BA5D;; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#A8BA5D'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A8BA5D)); /* for webkit browsers */
		background: -moz-linear-gradient(top,#F0F0F0 33%,  #A8BA5D); /* for firefox 3.6+ */
		-webkit-box-shadow: rgba(77, 46, 19, 0.5) 0px 10px 16px;
		-moz-box-shadow: rgba(77, 46, 19, 0.5) 0px 10px 16px;
		height:25px;
		width:662px;
		list-style:none;
		margin-left:auto; margin-right:285px;
		padding-bottom:2px;
		
	}
	.menu li{
			float:left;
		padding:0px;
		}
		
	.menu li a{
		
		display:block;
		font-weight:normal;
		line-height:25px;
		margin:0px;
		padding:0px 24px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover{
			font-size: 14px;			
				background: #F0F0F0; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#A8BA5D'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A8BA5D)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#F0F0F0 33%,  #A8BA5D); /* for firefox 3.6+ */
			-webkit-box-shadow: rgba(77, 46, 19, 0.5) 0px 7px 16px;
			-moz-box-shadow: rgba(77, 46, 19, 0.5) 0px 7px 16px; 
			text-decoration:none;
			border: solid 1px #F0F0F0; 
			-moz-border-radius-bottomright:20px;
			-webkit-border-bottom-right-radius:20;
			-khtml-border-bottom-right-radius:20px;
			border-bottom-right-radius:20px;
			-moz-border-radius-bottomleft:8px;
			-webkit-border-bottom-left-radius:8;
			-khtml-border-bottom-left-radius:8px;
			border-bottom-left-radius:8px;
			}

			
			.menu li ul{
		font-size: 14px;		
		display:none;
		height:auto;
		padding:0px 5px;
		margin:0px;
		border:1px;
		width:auto;
					
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{position:absolute;z-index:-500;
		display:block;		
		}
	.menu li li {
		font-size: 14px;
		display:block;
		float:none;
		margin:0px -5px;
		padding:0px;

		
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		
		display:block;
		height:25px;
		font-size:14px;
		font-style:normal;
		margin-top:4px;
		padding:0px 10px 0px 10px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{ 
			font-size: 14px;			
				background: #F0F0F0; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#A8BA5D'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A8BA5D)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#F0F0F0 33%,  #A8BA5D); /* for firefox 3.6+ */
			-webkit-box-shadow: rgba(77, 46, 19, 0.5) 0px 7px 16px;
			-moz-box-shadow: rgba(77, 46, 19, 0.5) 0px 7px 16px; 
			text-decoration:none;
			border: solid 1px #F0F0F0; 
			-moz-border-radius-bottomright:20px;
			-webkit-border-bottom-right-radius:20;
			-khtml-border-bottom-right-radius:20px;
			border-bottom-right-radius:2opx;
			}
	.menu p{
		clear:left;
		}			


/* Footer */
#footer-wrap {margin: 3em 0 0; padding: 2em 0;}
#footer div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #222;}
#footer hr {background:#222}
#footer h3 {margin:.5em 0}
#footer h3 a {color:#fff}
#footer ul li a {border-bottom:1px solid #222; background-image:none; color:#999 }
#footbox {border:3px solid #999;
padding:1em; background-color:#556611;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
width: 250px; height: 215px;
border-radius:8px;}
#footbox2 {border:3px solid #999;
padding:1em; background-color:#fea55d;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
width: 250px; height: 215px;
border-radius:8px;}
.gradient{
-moz-border-radius-topleft:30px;
			-webkit-border-top-left-radius:30px;
			-moz-border-radius-topright:30px;
			-webkit-border-top-right-radius:30;
			border-bottom:solid 1px #F4479D;
 
background: #F0F0F0; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#A8BA5D'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A8BA5D)); /* for webkit browsers */
background: -moz-linear-gradient(top,#F0F0F0 33%,  #A8BA5D); /* for firefox 3.6+ */
padding:1em;
min-height: 100; margin-right:auto;margin-left:auto;width:960px;
 -webkit-box-shadow: rgba(77, 46, 19, 0.5) 0px 7px 16px;
  -moz-box-shadow: rgba(77, 46, 19, 0.5) 0px 7px 16px; 
  margin-top: 10px;
  margin-bottom:10px;
  
}
#smallfootbox {border:0px ;
padding:1em; background-color:#738040;
height: 10px; margin-right:auto;margin-left:auto;width:940px;
position: relative;
z-index: -1;
 -webkit-box-shadow: rgba(77, 46, 19, 0.5) 0px 10px 16px;
  -moz-box-shadow: rgba(77, 46, 19, 0.5) 0px 10px 16px;}
#copyright {width:960px;}



/* Archive */
.archive h3 {margin:.5em 0}
.archive .content {margin: 2em 0}

/* Featured */
#featured {margin: 0 0 4em 0}
#featured img.attachment-medium {max-width:270px;overflow:hidden;display: inline}

/* Make images align in wordpress */
    .aligncenter,
    div.aligncenter {
    display: block;
    margin:20px auto;
    }

    .alignleft {
	float:left; margin-right:10px; margin-top:5px;
   
    }

    .alignright {
    float: right; margin-left:10px; margin-top:5px;
    }

    .wp-caption {    
    text-align: center;
    padding-top: 4px;
    margin: 10px;

    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }


/*slideshow settings */
#information h3 {font-size:40px !important; margin-bottom:-16px !important;}

/* Related Post style */
.relpost {height:auto !important;}
/*#relpostwrap{border:1px dotted black !important;}*/
#related_posts_thumbnails {
list-style-type: none;
list-style-position: inside;
padding: 0pt;
margin: 0pt;
}

#related_posts_thumbnails li {
float: left;
margin: 0pt;
padding: 5px;
display: block;
border-right: 1px solid #DDDDDD;
background-color: #FFFFFF;
}

#related_posts_thumbnails li:hover {
background-color: #EEEEEF;
}

#related_posts_thumbnails li a {
border: 0pt none;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}

#related_posts_thumbnails li a+a {
display: block;
width: 110px;

color: #333333;
text-decoration: none;
font: 12px Arial;
}



#related_posts_thumbnails img {
padding: 0px;
margin: 0px;
border: 0pt none;
}

/* Social plugin fix--twitter/facebook/G+  */

.social4i div:first-child {margin:10px !important;}