/*
Theme Name: Annies Hallmark v2.0
Author: Kiran Bhuju
Author URI: http://www.communitycomm.com/
Description: Theme by Community Communication for Annie's
*/

/* mbhuju@gmail.com */
@import url(http://fonts.googleapis.com/css?family=Noto sans);
body{margin:0px; background-color:#4e1d78; font-family:'Noto sans', Arial, Helvetica, sans-serif; font-size:15px; color:#fff; font-weight: normal; line-height: 21px;}

a:link, a:active, a:visited{font-size:14px; color:#4E1D78; font-weight: normal; line-height: 23px; text-decoration:underline;}
a:hover{color:#966DAF; text-decoration:underline;}

a.footermenu:link, a.footermenu:active, a.footermenu:visited {font-size:10px; color:#966daf; font-weight: bold; line-height:24px; text-decoration:none;}
a.footermenu:hover{color: #fff;}

a.more:link, a.more:active, a.more:visited {	font-size:15px;	color: #c79be1;	font-weight: bold; text-decoration: underline;	line-height: 21px;}
a.more:hover {color:#966DAF;}

a.blogtitle:link, a.blogtitle:active, a.blogtitle:visited {	font-size:18px;	color: #966DAF; font-weight: bold; text-decoration: underline;	line-height: 21px;}
a.blogtitle:hover {color:#966DAF;}

a.footer_inner1:link, a.footer_inner1:active, a.footer_inner1:visited {	font-size:15px;	color: #FFFFFF;	font-weight: normal; text-decoration: underline;	line-height: 24px;}
a.footer_inner1:hover {color:#c7ff5e;}


/********* HEADER ******/

#header{width:100%;  background:#4e1d78; }
	#header_inner{width:1128px; height:auto; margin:0 auto;}
		#logo{width:32.51064%; height:auto; float:left; padding-top:10px;}
		#location{width:32.02837%; height:auto; float:left; text-align:center; padding-top:20px; }
			#location_left{ width:45%; float:left;}
			#location_bar{ width:10%; float:left;}
			#location_right{ width:45%; float:left;}
		#store{width:17.7305%; height:auto; float:left; text-align:center; padding-top:20px;}
		#right_logo{width:17.7305%; height:auto; float:left; text-align:right; padding-top:50px;}



/********* MENU ******/

#menu{width:100%; height:auto; background:#966daf;}
	#menu_inner{width:1128px; height:auto; margin:0 auto; padding-top:5px;}
		#menu_left{width:83%; height:auto; float:left;;}
			.navigation .alignleft{float:left;}
			.navigation .alignright{float:right;}
		#socialicon{width:17%; height:auto; float:right; padding-top:5px; text-align:right;}
		
#banner{width:100%; height:auto; background:#FFF;}
	#banner_inner{width:1128px; height:auto; margin:0 auto; padding:10px 0;}


/*******CONTENT*********/

#content{width:100%; height:auto; background:#68872f;}
	#content_inner{width:1128px; height:auto; margin:0 auto; padding:16px 0;}
	#page_inner{width:1088px; padding: 20px; color: #000000; background:#F2F1E4; border: 10px solid #90B34F; margin:0 auto;}

#box1{width:24%; height:auto; float:left; background:#90b34f; margin-right:1%; margin-bottom:1%;flex: 1; }
#box2{width:24%; height:auto; float:left; background:#b0d074; margin-right:1%; margin-bottom:1%;flex: 1;  }
#box3{width:24%; height:auto; float:left; background:#90b34f; margin-right:1%; margin-bottom:1%;flex: 1; }
#box4{width:24%; height:auto; float:left; background:#b0d074; margin-bottom:1%;flex: 1; }
#box5{width:24%; height:auto; float:left; background:#b0d074; margin-right:1%; margin-bottom:1%;}
#box6{width:24%; height:auto; float:left; background:#90b34f; margin-right:1%; margin-bottom:1%;}
#box7{width:24%; height:auto; float:left; background:#b0d074; margin-right:1%; margin-bottom:1%;}
#box8{width:24%; height:auto; float:left; background:#90b34f; margin-bottom:1%;}
#inner{width:90%; height:auto; margin:0 auto; text-align:center; padding:5%;}


#blogleft{ float:left; width:74%;}
#blogright{float:right; width:23%; }
	.blogframe{width:42%; margin:1% 3% 0 3%; float:left;}
	
#bhleft{ float:left; width:60%;}
#bhright{ float:right; width:35%; margin:10px 0;}

#50left{ float:left; width:45%;}
#50right{ float:right; width:45%;}


/*******FOOTER*********/

#footer{width:100%; height:auto; background:#4e1d78; border-top:#966daf 24px;}
	#footer_inner{width:1128px; height:auto; margin:0 auto; padding:20px 0; }
		#footer1{width:18.61702%; height:auto; float:left;  margin-left:38px;}
		#footer2{width:31.73759%; height:auto; float:left;  margin-left:86px;  }
		#footer3{width:23.04965%; height:auto; float:left; margin-left:65px;}
		#footer4{width:26.59574%; height:auto; float:right;}

	#footermenu{ width:70%; float:left;}
	#copyright{ width:30%; float:left; text-align:right;}
	
	
/*******STYLE *********/

h1{	font-family: "Times New Roman",Times,serif;	font-size:30px;	color: #000;	font-weight:bold; line-height: 30px; text-transform:uppercase;}
.style1, .widgettitle{ font-size:20px; color: #c79be1; font-weight: bold;	line-height: 19.19px; text-transform:uppercase; }
.style2{ font-size:17px;	color: #c79be1;	font-weight: bold;	line-height:24px; }
.style3{ font-size:18px;	color: #c79be1;	font-weight: bold;	line-height: 18px; }
.style4{font-family: "Times New Roman",Times,serif; font-size:21px; color: #000; font-weight: bold;	line-height: 65px; }
.style5{ font-size:14px;	color: #000;	font-weight: normal;	line-height: 19.19px; }
.style6{ font-size:13px;	color: #fff;	font-weight:normal;	line-height:17px; }
.img{border:1px solid #D7D7D5; padding:5px;}
.clear{clear:both;}

input.btn{	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-align:center;	color:#FFFFFF;	background:#000000;	border:1px solid #591700;	padding:5px;}
input, textarea, select{border:1px solid #fff;	background:#FFFFFF; padding:2px;}
.noborder{ border:0px; background:#4e1d78;}

/* Honey Pot */

.form_field_hp{ display:none;}

ul#menu-menu{	margin-left:0; padding: 0; margin:0;}
ul#menu-menu li{list-style:none; display: inline; margin-right:10px; margin-top:12px; height:37px;}
ul#menu-menu li a{ text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:13px; color: #FFFFFF; }
.delimiter {color: #FFF; padding-left: 14px; font-weight:bold;}
.sub-menu .delimiter {display: none;}
ul#menu-menu li:last-child .delimiter {display: none;}

img {
max-width: 100%;
height: auto;
}
img.alignright{float:right; margin:0 0 20px 20px;}
img.alignleft{ float:left; margin:0 20px 20px 0;}
#sidebar, #sidebar ul{ margin:0; padding:0;}
#sidebar ul li{ list-style:none; padding-left:5px;}
#sidebar ul li.widget{ float:left; width:23%; padding: 0; margin:0;}
#sidebar ul li:nth-child(2).widget{ width:30%;}
#sidebar ul li ul{ padding-left:0;}
.post { margin: 0 0 40px 0; }
.post a { font-weight: bold; }
.post a:hover { border-bottom: 1px solid white; }
.post h4, .post h4 a, .post h4 a:hover { border: 0; margin: 0; font-size:18px; }
.post h4 a:hover { text-decoration: underline; }
.post * ~ h3, .post * ~ h4 { margin-top: 25px; }


.meta, .postmetadata, .postmetadata a{
	font-size:12px;
	line-height: 15px;
}

.blogRight{
	border:4px solid #000;
	padding:20px;
	color:#000;
}

.blogRight h2{
	font-size:25px;
	line-height:25px;
	margin:0;
}

.blogRight p{
	text-align:center;
}

.blogRight a:link, .blogRight a:active, .blogRight a:visited{
	color: #085296;
	font-size:20px;
}

#search-2{
	background: none repeat scroll 0 0 #ffff99;
    border: 2px solid;
    padding: 3px 20px 20px;
}

#search-2 h3{
	text-align:center;
	text-decoration:underline;
}

#recent-posts-2{
	background: none repeat scroll 0 0 #ffff99;
    border: 2px solid;
    padding: 3px 20px 20px;
	margin-top:20px;
}

#recent-posts-2 h3{
	text-align:center;
	text-decoration:underline;
}

#text-3{
	background: none repeat scroll 0 0 #ffff99;
    border: 2px solid;
    padding: 3px 20px 20px;
	margin-top:20px;
}

#text-3 h3{
	text-align:center;
	text-decoration:underline;
}


#menu li	{
	display: block;
	float: left;
	position: relative; /* this is needed in order to position sub menus */
}
#menu li a	{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size:13px;
	/*padding: 0 15px;*/
}

#menu li a:hover{color: #000;}
#menu  ul ul li a:hover {
	color: #000;
	background: #966DAF;
}
#menu ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 37px; /* this should be the same height as the top level menu -- height + padding + borders */
	z-index:999;
	left:-13px;
	margin:0;
	padding:0;
}
#menu ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 250px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	margin:0;
}
#menu ul ul li a { /* target all sub menu item links */
	padding: 2px 10px 2px 13px; /* give our sub menu links a nice button feel */
	background: #966DAF;
	min-width:200px;
	width:auto;
	border-top:1px solid #FFF;
	display: inline-block;
}
#menu ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}
#menu ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}
#categories-2{
	background: none repeat scroll 0 0 #ffff99;
    	border: 2px solid;
    	padding: 3px 20px 20px;
	margin-top:20px;
	text-align:center;
}
.green{ text-align:center; text-decoration:underline;}

.postform{	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-align:center;	color:#000;	background:#FFF;	border:1px solid #591700;	padding:5px;}

#footerl{ width:60%; float:left;font-size:10px; color:#966daf; font-weight: bold; line-height:24px; text-decoration:none;}
#footerr{ width:30%; float:right; text-align:right;}


.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}