@charset "UTF-8";
/* CSS Document */

body {
	text-align: center;
	background: #003412;
	font: 97%/1.26em Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	color: #1D4721;
}

a:hover {
	color: #BF9036;
}

p, ul {
	margin-bottom: 0.8em;
}

h1,h2,h3,strong,b {
	font-weight: bold;
}

em,i {
	font-style: italic;
}

img.alignleft {
	float: left;
	margin: 0 12px 12px 0;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* Structure */

#page {
	background: #aeaf90 url(images/page_bg.jpg) 0 0 repeat-x;
}

#wrapper, .social_btns {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#wrap {
	position: relative;
	padding-top: 46px;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 239px;
	height: 250px;
	background: url(images/yardapes_logo.png);
	text-indent: -9999px;
	z-index: 99;
}

#top {
	height: 122px;
	text-align: right;
}

#top .number {
	padding-top: 58px;
	margin: 0;
}

#pagetitle {
	height: 46px;
	position: absolute;
	z-index: 88;
	top: 0;
	left: 168px;
	width: 812px;
}

#pagetitle h2 {
	padding-top: 28px;
}

#spotlight {
	position: relative;
	min-height: 65px;
    height: auto !important;
    height: 65px;
}

#spotlight .overlap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 77;
	background: url(images/content_top.png) top center no-repeat;
	width: 100%;
	height: 35px;
}

#left {
	float: left;
	width: 156px;
	overflow: hidden;
}

#right {
	float: right;
	width: 812px;
	background: url(images/contentwrap_bg.png) 0 0 repeat-y;
	overflow: hidden;
}

.content {
	background: url(images/content_bg.jpg) bottom center no-repeat;
	padding-bottom: 66px;
	min-height: 460px;
    height: auto !important;
    height: 460px;
}

.content .inside {
	text-align: left;
	padding: 16px 30px;
}

.content ul {
	padding-left: 26px;
	list-style: disc;
}

.apeofyear {
    background:  #EAE7A9; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5B307', endColorstr='#EAE7A9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F5B307), to(#EAE7A9)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F5B307,  #EAE7A9); /* for firefox 3.6+ */ 
padding: 5px; 
}

.apeofyear h3 {
    color:#37960A; font-size: 1.7em; margin: 4px 0px 15px 0px;
}

.apebio {
    width: 200px; padding: 0px; margin-right: 10px; float: left; text-align: center;
}

.hmpage_feature {
margin: 12px auto;	
background: #ababab;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcdcc', endColorstr='#888'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcc), to(#888)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cdcdcc,  #888); /* for firefox 3.6+ */ 

	padding:10px;
	margin-bottom:8px;
	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
	width: 575px;
}

#footer {
	background: url(images/footer_bg.jpg) 0 0 repeat-x;
	padding: 14px 0 36px 0;
}

.footer_inside {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

.footer_widget {
	float: left;
	padding-left: 172px;
}

.copyright {
	float: right;
}

.sep {
	clear: both;
	display: block;
	height: 24px;
	border-bottom: 1px solid #999;
	margin-bottom: 36px;
}

form.iContactForm span {
	display: none!important;
}

table.signupframe td {
	padding: 2px 0;
}


/* Typography */

#top {
	color: white;
	font-size: 0.8em;
	line-height: 1.2em;
}

#top .number {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3em;
}

#pagetitle h2 {
	font-weight: bold;
	color: #d5d5b0;
	font-size: 2.2em;
}

.postmetadata {
	color: #666;
	font-size: 0.8em;
	line-height: 1.2em;
}

#footer {
	color: white;
	font-size: 0.7em;
}

#footer a {
	color: #ffff94;
	text-decoration: none;
}

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

.footer_widget h3 {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #ffff94;
}


/* Main Nav */

#navcontainer {
	padding: 100px 0 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 1.02em;
}

#navcontainer li {
	padding: 2px 0;
}

#navcontainer a {
	text-decoration: none;
	color: white;
}

#navcontainer a:hover,
#navcontainer li.current_page_item a {
	color: #dcca00;
}


/* Blog Home Page */

.blogcontent {
	float: left;
	width: 68%;
}

.blog_right {
	float: right;
	width: 26%;
	font-size: 0.86em;
}

.blog_right ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog_widget {
	padding-bottom: 18px;
}

.blogposts {
	padding-bottom: 12px;
	margin-bottom: 36px;
}

.blogposts h2 a,
.post h2 {
	font-size: 1.3em;
	line-height: 1.2em;
	display: block;
	text-decoration: none;
	padding: 3px 0 8px 0;
}

span.date {
	display: block;
	font-size: 0.76em;
	text-transform: uppercase;
	color: #1D4721;
	border-bottom: 1px solid #999;
}

a.more-link {
	display: block;
	padding: 4px 0;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

a.more-link span {
	float: right;
	padding: 2px 4px;
	background: #1D4721;
}

a.more-link span:hover {
	background: #BF9036;
}


/* Refer A Friend Link/Page */

.refer-friend {
	width: 132px;
	height: 37px;
	background: url(images/refer-a-friend.png);
	float: right;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 37px;
}

.refer-friend a {
	color: #000;
	text-decoration: none;
}

#wp-email-popup {
	background: #e7ead8;
	border: 1px solid white;
}


/* Referral Form */

.linklove {
	display: none;
	visibility: hidden;
}


/* Expand/Collapse Styles */

.box {
	display: none;
	padding: 0 10px;
}

.expand a {
  display:block;
  padding:3px 10px;
  border:1px solid #333;
  background: white url(images/arrow-down.gif) 98% 50% no-repeat;
  text-decoration: none;
  margin: 8px 0 4px 0;
}

.expand a:hover, .expand a:active, .expand a:focus {
  background: white url(images/arrow-down.gif) 98% 50% no-repeat;
  border:1px solid #BF9036;
}

.expand a.open:link, .expand a.open:visited {
	color: #BF9036;
  border-style:solid;
  background:#eee url(images/arrow-up.gif) no-repeat 98% 50%;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Comments Styles */

ol.commentlist {
	margin: 8px 0;
}

ol.commentlist li {
	background: #f3f5ec;
	padding: 8px;
	border: 1px solid #d1d7b7;
}

.comment-author {
	font-family: "Times New Roman", Georgia, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
	color: #666;
}

.comment-meta a {
	font-size: 0.8em;
	color: #999;
	text-decoration: none;
}

.comment-body p {
	margin: 0;
	padding: 8px 0;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}
/* End captions */