/*
Theme Name: heymae Version 2
Theme URI: http://teamgrahamproductions.com
Description: Wordpress theme designed for heymae.com
Version: 2.8
Author: Ian Grham
Author URI: http://teamgrahamproductions.com
Tags: heymae
*/

/*
color palette:

light green: #A4DA67
yellow:	#f8f6a6
dark green: #1B5D25

*/

@import "style/css/reset.css";
@import "style/css/text.css";
@import "style/css/layout.css";
@import "style/css/960.css";



body{	
	background:  #f8f6a6;

}
li{
	list-style: none;
	}
#outerWrapper{
/*	position: relative;
*/}
#wrapper{
	background: transparent url(style/images/bodyBackground.png) repeat-x;
	position: relative;
	z-index:5;

}
#headerWrapper{
	position: relative;
	background: transparent url(style/images/header-background.png) no-repeat center 1px;
	width: 100%;
	min-width: 960px;
	}
#header{
	width: 960px;
	height: 350px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#header h1, #header #tagline{
	margin-left: -9999px;
	}
#footer{
	width: 100%;
	min-height: 300px;
	position: relative;
	z-index: 10;
	padding: 0px 0 0 0;	
	margin: 0px auto;
	background: #A4DA67 url(style/images/footerBackground.png) repeat-x center top;
	}
#footer #innerFooter{
	width: 980px;
	margin: 0 auto;
}
#footer #innerFooter div.grid_4{
	display: inline;
}
#footerFlowerWrapper{
	position: relative;
	margin-left: -200px;
	z-index: -1;
	height: 0px;
	padding: 0px;
}
#footerFlowers{
	position: absolute;
	height: 237px;
	width:1335px;
	background: transparent url(style/images/footerFlowers.png);
	bottom: 0px;
	z-index: 5;
	margin: 0 auto;
	
}
#nav{
	height: 70px;
	position: absolute;
	bottom: -47px;
	left: 50px;	
}
#nav li{

	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0 8px;
	position: relative;
	}
#nav li a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	}
#nav li a:hover{
	text-decoration: underline;
	
	}
#nav li.cat-item{
	padding-bottom: 30px;
}
#nav li.cat-item:hover ul.children{
		display: block;
}
#nav li.cat-item ul.children{
	position: absolute;
	display: none;
	width: 250px;
	padding: 10px 0;
	top: 30px;
	background: #fff;
	border: 1px solid #1B5D25;
	overflow: none;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
#nav li.cat-item ul.children li{
	width: 240px;
	margin: 0 auto;
	padding: 3px 0 3px 10px;
	cursor: pointer;
/*	border-bottom: 1px dotted #1B5D25;
*/}
#nav li.cat-item ul.children li:hover{
	background: #f8f6a6;
}
#nav li.cat-item ul.children a{
	color: #1B5D25;
	text-decoration: none;
	font-size: 14px;	
}
#contentWrapper{
	background: #a4da67;
	margin: -20px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	height: 100%;
	position: relative;
	z-index: 4;
}
#content{
	margin: 0 auto;
	background: #fff url(style/images/contentBackground.png) repeat-y;
	}

.cleared{
	clear: both;
	height: 0;
	}
	
#blog{
	background: #fff;
	padding: 20px 0 0 0;
	font-size: 14px;
	line-height: 16px;
	height: 100%;
}
#blog p{
	margin: 10px 0px;
	}
#blog a{
	color: #1B5D25;
	}
#blog a:hover{
	text-decoration: none;
	}
#blog div, #blog p, #blog h2, #blog h3, #blog ol, #blog ul{
	padding: 0px 15px;
	}
#blog h3{
	font-size: 16px;
	}
.post{
	position: relative;
}
.post h2 {
	margin: 15px 0 30px 0px;
	width: 430px
	}
.post h2 a, .post h2, #blog h2{
	font-size: 22px;
	color:  #1B5D25;
	text-decoration: none;
	line-height: 30px;
	}
.post h2 a:hover{
	text-decoration: underline;
	}
.post .date{
	font-style: italic;
	text-align: center;
	width: 55px;
	height: 50px;
	background: #fff;
	position: absolute;
	padding: 10px;
	top: 0px;
	left: -65px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	}
.post .date .date_day{
	font-size: 28px;
	position: relative;
	top: 10px;
	left: -8px;
	color:#1B5D25;
	font-weight: bold;
}
.post .date .date_monthYear{
	position: relative;
	top: 8px;
	left: -8px;
	font-size: 12px;
}
.post embed, .post object{
	width: 450px;
	height: 273px;
}

#sidebar{
	background: #fff;
	}
#sidebar hr{
	margin: 10px auto;
	height: 1px;
	width: 350px;
	background:#eee;
	border: none;
	outline: none;
}
#sidebar p.google_ad{
	margin-left: 20px;
}
#sidebar ul#sidebarContainer{
	margin-bottom: 0px;
	padding-bottom: 8px;
}
#sidebar ul, #sidebar li{
	list-style: none;
	padding: 0;
	margin: 0;
	}
div#contactForm{
	margin: 0 0 0 -15px;
	padding: 0;
	}
div#contactForm p label, #commentform label{
	height: 24px;
	font-size: 18px;
	}
div#contactForm input, div#contactForm textarea, #commentform input, #commentform textarea{
	width: 450px;
	margin-top: 5px;
	border: 1px solid #1B5D25;
	outline: none;
	font-size: 16px;
	font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	}
div#contactForm input, #commentform input{
	height: 20px;
	}
div#contactForm textarea, #commentform textarea{
	height: 200px;
	max-width: 450px;
	max-height: 300px;
	}
div#contactForm span.captcha-23 input, #commenform input{
	width: 200px;

	}
img.wpcf7-captcha-captcha-23{
	padding-top: 8px;
	}
div#contactForm #hasSubmit input, #commentform #submit{
	width: 200px;
	height: 30px;
	margin-left: 13px;
	color: #fff;
	font-weight: bold;
	padding: 2px 0;
	font-size: 14px;
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent url(style/images/commentSubmit.png) no-repeat;
	}
#commentform #submit:active{
	background: transparent url(style/images/commentSubmitActive.png) no-repeat;
}

/*** comment styles ****/

#commentlist, #commentlist div{
	margin: 0px;
	padding: 0px;
}
#commentlist div.comment{
	padding: 15px 0px;
}
#commentlist div.comment.odd{
	background: #eeffee;
}
#commentlist div.comment h4{
		margin: 15px 0px 5px 0;
		color: #1B5D25;
		font-weight: normal;
}
div.commenter_meta p{
		font-size: 10px;
		text-align: center;
}
#commentlist div.comment_content{
	margin-left: 20px;
	border: 1px solid #1B5D25;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 335px;
	min-height: 120px;
	background: #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	position: relative;
}
#commentlist div.comment_content img.talkStem{
	position: absolute;
	left: -30px;
	top: 15px;
	width: 30px;
}
#commentlist div.comment_content p{
	margin: 5px 0 0 0px;
	padding: 5px 0 0 0px;
}
p.commentCount{
	position: absolute;
	top:-10px;
	right: 10px;
	height: 38px;
	width: 46px;
	background: transparent url(style/images/commentBubble.png) no-repeat center top;
	text-align: center;
}
p.commentCount a{
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	margin: 15px auto;
	padding: 15px 15px 20px 15px;
	position: relative;
	top: 7px;
}

	
/* pagination styles */

div.wp-pagenavi	a, div.wp-pagenavi a.page, div.wp-pagenavi a.last, div.wp-pagenavi span.pages, div.wp-pagenavi span.pages, div.wp-pagenavi span.extend{
	border: 1px solid #A4DA67;
	color: #1B5D25;
}
div.wp-pagenavi span.current{
	border: 1px solid #1B5D25;
	color: #1B5D25;
}
div.wp-pagenavi a:hover{
	background: #A4DA67;
}

	
	
	/**********  styles for TWITTER box ******/
	
	#twitter-1 {
		position: relative;
		padding: 5px 0px;
		color: #fff;
	}
	#twitter-1 div.widgetHeader{
		height: 24px;
		background: url(style/images/twitterHead.png) top center no-repeat;
		}
	#twitter-1 div.widgetBody{	
		background: url(style/images/twitterBody.png) top center repeat-y;
		font-size: 16px;
		padding: 15px;
	}
	#twitter-1 div.widgetFooter{
		background: url(style/images/twitterFooter.png) top center no-repeat;
		height: 27px;
		margin-top: -0px;

		}
	#twitter-1 h2.widgettitle{
		padding: 0px 15px;
		font-size: 18px;
		height: 48px;
		width: 250px;
		margin: 0 auto;
		position: relative;
		background: url(style/images/twitterBird.png)  left -10px no-repeat;
		}
	#twitter-1 ul li{
		padding: 15px 15px 5px 0px;
		width: 300px;
		margin-left: 40px;
		}
	#twitter-1 ul hr{

	}


	#twitter-1 h2.widgettitle a{
		color: #6cdaff;
		text-decoration: none;
		position: absoulte;
		top: 20px;
		margin-left: 50px;
		font-size: 24px;
		height: 48px;
		}
	#twitter-1 div.widgetBody a{
		color: #6cdaff;
		text-decoration: none;
		}
	#twitter-1 h2.widgettitle a:hover,#twitter-1 div.widgetBody a:hover{
		color: #a0e7ff;
		}
		
/**** widget styles ******/

	li.widget_links div, li.widget_tag_cloud div{
		margin-left: 30px;
		margin-bottom: 20px;
		position: relative;
	}
	li.widget_links div li{
		width: 250px;
		border-bottom: 1px dashed #ddd;
		position: relative;
		cursor: pointer;
	}
	li.widget_links div li:hover{
			background: #f8f6a6;
	}
	li.widget_links div li a{
		font-size: 12px;
		text-decoration: none;
		color: #1B5D25;
	}
	 li.widget_tag_cloud h2, li.widget_suboptions h2, h2.widgettitle{
			margin-bottom: 0px;
			font-size: 18px;
			color: #1B5D25;
			
	}
	
	li.widget_tag_cloud div.widgetBody div{
		margin-left: 0px;
		width: 350px;
	}
	li.widget_tag_cloud a{
		color: #1B5D25;
	}

/** footer widgets styles **/

#innerFooter div{
	margin: 50px 0 20px 30px;
	position: relative;
}
#innerFooter div.social img{
	margin-right: 10px;
	margin-bottom: -3px
}
#innerFooter li{
		width: 200px;
		padding: 2px 0px;
		overflow: hidden;
		position: relative;
}
#innerFooter li{
	border-bottom: 1px dashed #1B5D25;
	position: relative;
	padding: 5px 0px 3px 0;
	margin-left: 0;
	cursor: pointer;
}
#innerFooter ul.children{
	margin-left: 20px;
}

#innerFooter li:hover{
		background: #f8f6a6;
}
#innerFooter li a{
	font-size: 12px;
	text-decoration: none;
	color: #1B5D25;
}
#innerFooter h4{
		margin-bottom: 10px;
		font-size: 18px;
		color: #1B5D25;
}

/* ad styles */
div#staticAds{
	margin-left: 25px;
}
p.ads{
	
	width:360px;
	margin: 15px auto 15px auto;
	clear: both;
	
}
p.ads img{
	border: 1px solid #ddd;
	padding: 3px;
	margin-bottom: 15px;
}
/* search bar styles */

label.screen-reader-text{
	visibility: hidden;
	position: absolute;
}
li.widget_search hr{
	display: none;
}
li.widget_search div.widgetBody{
	width: 350px;
	margin: 10px auto;
}
li.widget_search #s{
	height: 22px;
	width: 243px;
	font-size: 16px;
	border: 1px solid #1B5D25;
	outline: none;
	padding: 1px 2px 1px 5px;
}
li.widget_search #searchsubmit{
	background: transparent url(style/images/searchSubmit.png) no-repeat center 2px;
	width: 90px;
	height: 30px;
	border: none;
	outline: none;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	position:relative;
	cursor: pointer;
}
li.widget_search #searchsubmit:active{
	background: transparent url(style/images/searchSubmitActive.png) no-repeat center 2px;
}
li.widget_search h2{
	margin-bottom: 0px;
	font-size: 18px;
	color: #1B5D25;
}
/** recaptcha **/

div.recaptcha_widget_div, div#recaptcha_area{
	margin-left: -15px;
	}
	
	
	
/** feed subscribe box ***/

div.subscribeFeed{
	width: 360px;
	margin: 0 0 0 25px;
}
div.subscribeFeed input#email{
	height: 22px;
	width: 240px;
	font-size: 16px;
	border: 1px solid #1B5D25;
	outline: none;
	padding: 1px 2px 1px 5px;

}
div.subscribeFeed #subscribeSubmit{
	background: transparent url(style/images/searchSubmit.png) no-repeat center 2px;
	width: 90px;
	height: 30px;
	border: none;
	outline: none;
	font-weight: bold;
	color: #fff;
	margin-left: 2px;
	font-size: 14px;
	position:relative;
	cursor: pointer;
}
li.widget_text h2.widgettitle{
	margin: 0px 0 5px 25px;
}
li.widget_text p{
	margin: 0;
}
li.widget_text p.deliveredBy{
	margin: 0 0 0 50px;
}