﻿/*############################################################################################################*/
/*############################################## GENERAL RULES ###############################################*/
/*############################################################################################################*/
*{
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica,Arial;
line-height: 1.3em;
}

/*############################################################################################################*/
/*################################################## HEAD ####################################################*/
/*############################################################################################################*/
div#head{
background:#D3F1F1 url(http://img.happyherbivore.com/header_layout.jpg) repeat-x scroll left bottom;
float:left;
padding-bottom:25px;
width:100%;
}

div#head .header_menu{
float:right;
margin-right:25px;
margin-top:15px;
}

div#head .header_menu ul li{
display:block;
float:left;
color:#575757;
}

div#head .header_menu ul li a{
color:#575757;
float:left;
font-family:tahoma;
font-size:12px;
margin-top:4px;
padding-left:5px;
padding-right:5px;
}

div#head .header_menu ul li a:hover{
text-decoration:none;
}

div#head .logo{
margin:45px auto auto;
width:690px;
}

div#head .logo h1 a{
background:transparent url(http://img.happyherbivore.com/logo.png) no-repeat scroll left top;
display:block;
float:left;
height:122px;
text-indent:-9999em;
width:690px;
}

/*############################################################################################################*/
/*############################################## NAVIGATOR BAR ###############################################*/
/*############################################################################################################*/
div#navigator_bar{
background:transparent url(http://img.happyherbivore.com/navigator_layout.jpg) repeat-x scroll left top;
float:left;
height:59px;
width:100%;
margin-top:15px;
}

div#navigator_bar .navigator_content{
margin:auto;
width:960px;
}

div#navigator_bar .navigator_content ul{
float:left;
margin-top:10px;
}

div#navigator_bar .navigator_content ul li{
display:block;
float:left;
}

div#navigator_bar .navigator_content ul li .sub_menu{
background:#0081B5 none repeat scroll 0 0;
position:absolute;
}
 
div#navigator_bar .navigator_content ul li .sub_menu ul li{
float:none;
}
 
div#navigator_bar .navigator_content ul li .sub_menu ul li a{
 
}

div#navigator_bar .navigator_content ul li a{
color:#FFFFFF;
display:block;
font-size:16pt;
height:36px;
padding-left:15px;
padding-right:15px;
padding-top:13px;
text-decoration:none;
position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div#navigator_bar .navigator_content ul li a:hover{
background: #55a91d;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div#navigator_bar .navigator_content ul li a.active{
background: #55a91d;
}

div#navigator_bar .navigator_content .search_content{
float:right;
margin-top:24px;
}

/*############################################################################################################*/
/*################################################## BODY ####################################################*/
/*############################################################################################################*/
div#body_content{
float:left;
width: 100%;
background: #f2f2f2;
}

div#body_content .box_body{
margin:auto;
width:960px;
}

div#body_content .box_body .left_colum{
float:left;
width:635px;
}

div#body_content .box_body .left_colum .box_content{
float:left;
width:640px;
}

div#body_content .box_body .left_colum .box_content.margin{
margin-top:15px;
}

div#body_content .box_body .left_colum .box_content .box_content_head{
background:transparent url(http://img.happyherbivore.com/box_content_head.png) no-repeat scroll left top;
float:left;
height:13px;
width:637px;
}

div#body_content .box_body .left_colum .box_content .box_content_body{
background:transparent url(http://img.happyherbivore.com/box_content_body.png) repeat-y scroll left top;
float:left;
padding-bottom:5px;
width:637px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .image_content{
float:left;
margin-left:16px;
margin-top:4px;
overflow:hidden;
width:605px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .image_content img{
float:left;
}

div#body_content .box_body .left_colum .box_content .box_content_body .description_content{
background:transparent url(http://img.happyherbivore.com/description_layout.png) repeat-x scroll left top;
float:left;
height:54px;
margin-left:16px;
margin-top:-54px;
position:relative;
width:605px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .description_content ul{
margin:20px auto auto;
width:400px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .description_content ul li{
display:block;
float:left;
color: #3e3e20;
}

div#body_content .box_body .left_colum .box_content .box_content_body .description_content ul li p{
float:left;
font-family:tahoma;
color: #3e3e20;
font-size:11pt;
font-weight:bold;
margin-top:2px;
padding-right:7px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .description_content ul li a{
float:left;
font-family:tahoma;
font-size:11pt;
font-weight:bold;
color: #3e3e20;
text-decoration: none;
margin-top:2px;
padding-left:7px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .title{
background:#D3F1F1 none repeat scroll 0 0;
float:left;
margin-left:16px;
margin-top:5px;
width:605px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .title span{
color:#565656;
float:left;
font-size:18pt;
margin-bottom:3px;
margin-left:15px;
margin-top:3px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .menu_content{
float:left;
margin-left:33px;
margin-top:20px;
width:570px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .menu_content .menu_description{
float:left;
width:280px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .menu_content .menu_description strong{
color:#565656;
font-family:tahoma;
font-size:18px;
font-weight:normal;
}

div#body_content .box_body .left_colum .box_content .box_content_body .menu_content .menu_description p{
color:#888888;
float:left;
font-family:tahoma;
font-size:12px;
}

div#body_content .box_body .left_colum .box_content .box_content_body .menu_content .menu_image{
float:left;
margin-left:10px;
width:280px;
text-align: center
}

div#body_content .box_body .left_colum .box_content .box_content_body .menu_content .menu_image img{
}

div#body_content .box_body .left_colum .box_content .box_content_body .menu_content .menu_image a{
background:transparent url(http://img.happyherbivore.com/button_layout.png) no-repeat scroll left top;
color:#50502A;
float:left;
font-family:tahoma;
font-size:11px;
height:22px;
margin-left:115px;
padding-top:4px;
text-align:center;
text-decoration:none;
width:77px;
}

div#body_content .box_body .left_colum .box_content .box_content_footer{
background:transparent url(http://img.happyherbivore.com/box_content_footer.png) no-repeat scroll left top;
float:left;
height:12px;
width:637px;
}

div#body_content .box_body .right_colum{
float:left;
margin-left:5px;
width:320px;
}

div#body_content .box_body .right_colum .ads{
background:#FFFFFF none repeat scroll 0 0;
margin:10px auto auto;
text-align:center;
width:160px;
}
 
div#body_content .box_body .right_colum .ads a{
color:#3E3E20;
font-family:tahoma;
font-size: 12px;
}
 
div#body_content .box_body .right_colum .ads ul li{
padding-left:5px;
padding-right:5px;
}
 
 
div#body_content .box_body .right_colum .ads a.bhaheadlines{
font-size:12px;
text-align:center;
padding:0;
}
 
div#body_content .box_body .right_colum .ads a.privacy{
font-size:9px;
padding:0;
}

div#body_content .box_body .right_colum .ads p{
color:#3E3E20;
font-family:tahoma;
font-size:12px;
font-weight:bold;
padding-top:305px;
}

div#body_content .box_body .right_colum .content_box{
float:left;
margin-top:20px;
width:230px;
}

div#body_content .box_body .right_colum .content_box .content_box_head{
background:transparent url(http://img.happyherbivore.com/content_box_head.png) no-repeat scroll left top;
float:left;
height:6px;
width:320px;
}

div#body_content .box_body .right_colum .content_box .content_box_body{
background:transparent url(http://img.happyherbivore.com/content_box_body.png) repeat-y scroll left top;
float:left;
width:320px;
}

div#body_content .box_body .right_colum .content_box .content_box_body .title_box{
background:#D3F1F1 none repeat scroll 0 0;
float:left;
margin-left:10px;
margin-top:5px;
width:300px;
}

div#body_content .box_body .right_colum .content_box .content_box_body .title_box span{
color:#565656;
float:left;
font-size:18pt;
margin-bottom:3px;
margin-left:10px;
margin-top:3px;
}

div#body_content .box_body .right_colum .content_box .content_box_body .comment_content{
border-bottom:1px solid #D9D9D9;
float:left;
margin-left:20px;
margin-top:12px;
padding-bottom:10px;
width:280px;
}

div#body_content .box_body .right_colum .content_box .content_box_body .comment_content.last{
border: none;
}


div#body_content .box_body .right_colum .content_box .content_box_body .comment_content strong{
color:#888888;
font-family:tahoma;
font-size:12px;
}

div#body_content .box_body .right_colum .content_box .content_box_body .comment_content p{
color:#888888;
font-family:tahoma;
font-size:11px;
}

div#body_content .box_body .right_colum .content_box .content_box_body .comment_content a{
color:#888888;
float:left;
font-family:tahoma;
font-size:12px;
font-weight:bold;
margin-top:15px;
text-decoration:none;
}

div#body_content .box_body .right_colum .content_box .content_box_footer{
background:transparent url(http://img.happyherbivore.com/content_box_footer.png) no-repeat scroll left top;
float:left;
height:7px;
width:320px;
}
/* HH Customizations */

/* links */ 
.headline_area a, .headline_area a:visited{
	font-weight:normal;
	color: #000000;
	text-decoration:none;
}
.faq_area a, .faq_area a:visited,.recipe_area a, .recipe_area a:visited{

}
a, a:active, a:hover, a:visited {
	font-weight:normal;
	color: #2361A1;
	text-decoration:none;
}
a:hover {
	font-weight:normal;
	color: #2361A1;
	text-decoration:underline;
}
.random  a, .random a:hover{
	color: #000000;
	font-weight:normal;
	line-height: 1.5em;
}
div.twit{
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
}
div.twit h3 {
  float: left;
  font
}	
div.twit img{
  float: left;
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
p.desc {
  clear:both;
  margin: 2px;
}
/* end links */
/* Disqus comments */
.disqus_margin {
	margin-bottom:2.5em;
}
/* end Disqus comments */
/* OLD comments */
.comments_intro {
margin-bottom:1.1em;
margin-top:2.5em;
}
.comments_intro span.bracket {
color:#CCCCCC;
}
.comments_intro span {
font-size:1.833em;
}
.comments_intro span {
color:#111111;
line-height:1em;
}
.comments_count .bracket {
color:#CCCCCC;
}
.comments_count {
	font-size:1.1em;
	color:#111111;
	line-height:1em;
	padding: .5em 0em 1.5em 0em;
}
dl#comment_list {
	border-top:1px dotted #BBBBBB;
	margin: 10px 0px 10px 0px;
}
dl#comment_list dt {
padding-top:1.8em;
}
dl#comment_list dd {
border-bottom:1px dotted #BBBBBB;
padding: 1.1em 0 1.1em 0;
}
.social {
	font-size:0.75em;
}
.social ul li {
	display:block;
	float:left;
	margin:0.1em;
}
.avatar img {
margin-left:0.833em;
}
.avatar img {
float:right;
}
a img {
border:medium none;
}
.comment_time {
color:#888888;
font-size: .8em;
padding-left: .5em;
}
/* end OLD comments */
.post-item, .faq-item {
	border-bottom: 1px dotted #BBBBBB;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}
.headline_area {
	margin-bottom: 1.5em;
}
.post-title {
	font-size:2em;
	line-height:1.364em;
}
.headline {
	font-size: .8em;
	line-height: 1.8em;
	color: #888888;
	font-style: italic;
}
.recipe_name, .faq_name {
	font-size: 1.6em;
	margin: 0px 0px 10px 0px;
	width:605px;
}
.recipe h3 {
	font-size:16px;
	margin: 0px 0px 10px 0px;
}
.description_title {
	text-decoration: underline ;
}

.description {
	margin-bottom: 10px;
}

.instructions {
	text-indent:10px;
	margin: 10px;
}
.recipe ul, .faqlinks {
	margin: 0px 0px 0px 25px;	
	padding: 0px 0px 10px 0px;
}
.ingredients, .recipe_list {
	text-indent:10px;
	margin: 10px;
	padding: 10px;
}
.comment_rule_header {
	margin: 10px;
	padding: 3px;
}
.comment_rules {
	margin: 10px;
	border: 1px dotted rgb(0, 0, 0); 
	padding: 3px;
}
.crtitle {
	color: #55A91D;
	font-weight: bold;
}
.a404 {
	color: Red;
	font-weight: Bold;
	margin: 20px;
}
.videonow {
	font-size: 1.5em;
	background-color:#FFD700;
	padding: .4em;
}
/*############################################################################################################*/
/*################################################## FOOTER ##################################################*/
/*############################################################################################################*/
div#footer{
background:#D3F1F1 url(http://img.happyherbivore.com/footer_layout.jpg) repeat-x scroll left top;
float:left;
padding-bottom:30px;
text-align:center;
width:100%;
}

div#footer p{
color:#575757;
font-family:tahoma;
font-size:12px;
margin-top:50px;
}

div#footer ul{
margin-top:13px;
}

div#footer ul li{
color:#575757;
display:inline;
}

div#footer ul li a{
color:#575757;
font-family:tahoma;
font-size:12px;
padding-left:5px;
padding-right:5px;
}

div#footer ul li a:hover{
text-decoration: none;
}

/**
 * Default theme for GOOGLE SEARCH ALL below.
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
