/* designed by daniel baron for AZGroceryGuru */

/* WPRESS SIDEBAR FORMATTING */

/* H6 IS SIDEBAR WHITE TITLE, H2 IS REGULAR TITLE --- SETTINGS, LINK AND HOVER */
#sidebar h6 {
	font-size:18px;
	margin-top:0px;
        margin-bottom:0px;
	color:white;}

#sidebar h2 {
	font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
	font-size: 13px;
	color: #1f1f1f;
	font-weight: normal;
	margin: 15px 0 0 0px;
	padding: 0 0 0 0px;}

/* SIDEBAR WIDGET SETTINGS */
.blogroll, .cat-item, .widget_recent_entries {
	text-align: left;
	font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}
	
/* WIDGET TITLE AND BORDERING */
.widgettitle { 
    border-bottom: 1px solid #d4d4d4; 
    text-align: left;}






/* basic settings for overall page */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
	font-size: 13px;
	color: #1f1f1f;
	background-color:white;
	text-align: justify;
	LINE-HEIGHT: 145%;
}

a{
	color:#3B5E74;
	text-decoration: underline;
	font-weight:normal;
}

a:hover{
	color:#e47c15;
	text-decoration: underline;
}

/* blue big header */
h1{	
	font-size:18px;
	padding-top:8px;
	color:#2a5f92;}

/* blue orange header */
.orangeh1{
	font-size:18px;
	font-weight:bold;
	line-height:160%;
	color:#e47c15;}

/* big header no top padding*/
h2{	
	font-size:18px;
	margin-top:0px;
	color:#2a5f92;}

/* white header for feature boxes and sidebars */
h3{
	font-size:18px;
	margin-top:0px;
	color:white;}

/* orange big header */
h4{	
	font-size:18px;
	padding-top:4px;
	color:#e47c15;}

/* orange small header */
h5{	
	font-size:14px;
	margin-top:0;
	color:#e47c15;}
	
/* red small header */
h6{
	font-size:14px;
	margin-top:0px;
	color:#dd002d;}

.signupfont{
	font-size:17px;
	font-weight:bold;
	line-height:165%;
	color:#e47c15;}
	
.signupfont2{
	font-size:17px;
	font-weight:bold;
	line-height:165%;
	color:#e4531a;}
	



.smallcurveboxtop img {position: absolute; top:0px; left: 0px; }
.smallcurveboxbottom img {position: absolute; bottom:-1px; left: 0px; }

.curvebox img {position: absolute; top:0px; left: 0px; }
.curveboxbottom img {position: absolute; bottom:-1px; left: 0px; }

.fullgurucurvebox img {position: absolute; top:0px; left: 0px; }
.fullgurucurveboxbottom img {position: absolute; bottom:-1px; left: 0px; }

.rightvideoembed{
	float:right;
	padding:0px 0px 10px 20px;
}

/*ID Styles*/

#faq {
	font-style:italic;
	font-weight:bold;}

#fullwrapper{
	width:100%;
	background-color:#eeeeee;
	background-image:url(images/bg.png);
	background-repeat:repeat-y;
	background-position:center;
}	

#whitebody{
	margin-left: auto;
	margin-right: auto;
	clear:both;
	width:935px;
	background-color:white;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
}	

/* set width!!! and height of nav buttons strip and set text height of button links*/
#topthinbanner {
	width:935px;
	height:25px;
	background-image:url(images/navsliceopp.png);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size: 10px;
	color:#1c5a93;
}


/* header graphic with bottom border over nav buttons */
#header {
	height:189px;
	width:935px;
	background-image:url(images/header.jpg);
	border-bottom:1px solid #d4d4d4;
}


/* set width!!! and height of nav buttons strip and set text height of button links*/
#navwrapper {
	background-image:url(images/navslice.png);
	background-repeat:repeat-x;
}


/* set WIDTH and height of nav buttons strip and set text height of button links*/
#navigation {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:575px;
	clear:both;
	height:55px;
}


/* appearance of SMALL buttons inactive */
#navigation a{
	margin: 0px 2px 0px 0px;
	color:black;
	width:65px;
	line-height:30px;
	height:32px;
	display:block;
	float:left;
	text-align: center;
	text-decoration: none;
	font-size:13px;
	background-image:url(images/buttonsmall.gif);
	background-repeat: no-repeat;
	background-position:top;
}

/* appearance of buttons active */
#navigation a:hover{
	background-image:url(images/buttonsmall.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	color:black;
}



/* appearance of MEDIUM buttons inactive */
#navigationmedium a{
	margin: 0px 2px 0px 0px;
	color:black;
	width:75px;
	line-height:30px;
	height:32px;
	display:block;
	float:left;
	text-align: center;
	text-decoration: none;
	font-size:13px;
	background-image:url(images/buttonmedium.gif);
	background-repeat: no-repeat;
	background-position:top;
}

/* appearance of buttons active */
#navigationmedium a:hover{
	background-image:url(images/buttonmedium.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	color:black;
}



/* appearance of LARGE buttons inactive */
#navigationlarge a{
	margin: 0px 2px 0px 0px;
	color:black;
	width:100px;
	line-height:30px;
	height:32px;
	display:block;
	float:left;
	text-align: center;
	text-decoration: none;
	font-size:13px;
	background-image:url(images/buttonlarge.gif);
	background-repeat: no-repeat;
	background-position:top;
}

/* appearance of buttons active */
#navigationlarge a:hover{
	background-image:url(images/buttonlarge.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	color:black;
}

/* container with height and width */
#container {
	position:relative;
	height: auto !important; 	/* for modern browsers */
	height: 700px; 				/* for IE5.x and IE6 */
	min-height: 700px; 			/* for modern browsers */
	margin-left: auto;
	margin-right: auto;
  	width: 880px;
	background-color:white;
}

#columnleft {
  width: 658px;
  float: left;
}

#columnright {
  width: 180px;
  float: right;
  padding-left: 20px;
  border-left:1px solid #d4d4d4;
}


/* sign up box */
#signupbox {
	position:relative;
	background-image:url(images/smallblueslice.png);
	background-repeat:repeat-y;
	padding:15px 15px 0px 15px;
	font-size: 13px;
	color: white;
	height: 140px;
	width: 149px;
	text-align:left;
	margin-bottom:20px;
	}
	
.signupbutton img {position: absolute; top:105px; left: 16px; }

/* videos box */
#videosbox {
	position:relative;
	background-image:url(images/smallredslice.png);
	background-repeat:repeat-y;
	padding:15px 15px 0px 15px;
	font-size: 13px;
	color: white;
	height: 260px;
	width: 149px;
	text-align:left;
	margin-bottom:20px;
	}
	
.videosbutton img {position: absolute; top:224px; left: 16px; }

/* workshop box */
#workshopbox {
	position:relative;
	background-image:url(images/smallorangeslice.png);
	background-repeat:repeat-y;
	padding:15px 15px 0px 15px;
	font-size: 13px;
	color: white;
	height: 160px;
	width: 149px;
	text-align:left;
	margin-bottom:20px;
	}
	
/* subscribe */
#subscribebox {
	position:relative;
	background-image:url(images/smallorangeslice.png);
	background-repeat:repeat-y;
	padding:15px 15px 0px 15px;
	font-size: 13px;
	color: white;
	height: 245px;
	width: 149px;
	text-align:left;
	margin-bottom:20px;
	}

.workshopvideo img {position: absolute; top:120px; left: 30px; }	
.workshopbutton img {position: absolute; top:125px; left: 16px; }

/* reactive shopper box */
#desperate {
	position:relative;
	float:left;
	font-size: 13px;
	color: white;
	width: 280px;
	text-align:left;
	height:275px;
	background-image:url(/images/organgeslice.png);
	background-repeat:repeat-y;
	padding:15px 20px 15px 20px;
	margin-top:6px;
	margin-bottom:20px;
	}


/* workshop box */
#smart {
	position:relative;
	float:right;
	font-size: 13px;
	color: white;
	width: 280px;
	text-align:left;
	height:275px;
	background-image:url(/images/blueslice.png);
	background-repeat:repeat-y;
	padding:15px 20px 15px 20px;
	margin-top:6px;
	margin-bottom:20px;
	}
	
#fullorangebox {
	position:relative;
	float:left;
	font-size: 13px;
	color: white;
	width: 620px;
	text-align:left;
	height:110px;
	background-image:url(/images/fullorangeslice.png);
	background-repeat:repeat-y;
	padding:15px 20px 15px 20px;
	margin-top:25px;
	margin-bottom:25px;
	}
	
#halfbluebox {
	position:relative;
	float:left;
	font-size: 13px;
	color: white;
	width: 280px;
	text-align:left;
	height:200px;
	background-image:url(/images/blueslice.png);
	background-repeat:repeat-y;
	padding:15px 20px 15px 20px;
	margin-top:6px;
	margin-bottom:5px;
	}

/* footer */
#footer {
    height:60px;
	clear:both;
    padding: 10px 0 10px 0px;
	text-align:center;
	color: #252f40;
	font-size: 12px;
}