/* This imports the Base Weblog CSS from TypePad, which defines core styles */

@import url(/.shared/themes/common/base-weblog.css);


/* Theme Builder *//* general page elements */

a
{
	text-decoration: underline;
	
}

a:link { color: #996633; }
a:visited { color: #996633; }
a:hover { color: #FF0000; }
a:active { color: #996633; }


/* layout */

body
{
	margin: 0;
	color: #000000;
	background: #b58c64;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
}

#container { position: static; }

#container-inner
{
	position: static;
	border: 0;
	background: #FFFFFF;
}

#banner
{
	border: 0;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FF0000;
	background: #FFFFFF;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
	color: #FF0000;
	text-decoration: none;
}

#banner-header
{
	margin: 0.25em 0;
	font-size: xx-large;
	font-weight: bold;
	
	
}

#banner-description
{
	margin: 0.25em 0;
	font-size: small;
}

	/* banner image */

	#banner
	{
		height: 160px;
		background-image: url("http://www.theperfectpantry.com/tpp_banner%28125.2-lw-optimized%29.jpg");
		background-position: 15px 15px;
		background-repeat: no-repeat;
		text-align: left;
	}

	#banner-inner { overflow: visible; padding: 0; }

	#banner-header
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	#banner-header a
	{
		display: block;
		left: 0;
		top: 0;
		height: 160px;
		text-indent: -1000em;
	}

	#banner-description
	{
		overflow: hidden;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		text-indent: -1000em;
	}



/* default to artistic/calendar/timeline layout */

#container
{
	width: 780px;
}


.layout-artistic #alpha,
.layout-calendar #alpha
{
	width: 315px; /* 285px + 15px + 15px */
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header
{
	margin: 0 0 10px 0;
	border: 0;
	
	color: #363535;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	clear: left;
	
}

.entry-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 1px 0 10px 0;
	border: 0;
	
	color: #363535;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: large;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	clear: left;
	
}

.entry-header a
{
	text-decoration: none;
	font-weight: bold;
}

.entry-header a:link { color: #363535; }
.entry-header a:visited { color: #363535; }
.entry-header a:hover { color: #363535; }
.entry-header a:active { color: #363535; }



.entry-content { padding-top: 2px; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
	clear: left;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer
{
	margin: 0 0 10px 0;
	border-top: 1px solid #999999;
	padding-top: 3px;
	color: #999999;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
}

.comments-info
{
	margin: 10px 0 30px 0;
	clear: left;
}

.lydia_the_perfect_pantry {

margin-bottom: 35px;

}

.lydia_the_perfect_pantry .comment-content { 
clear: left;
margin: 5px 0 0 0;
border: 1px solid #ccc;
background: #EFEFEF;
padding: 1px 10px 1px 10px;
}


p.comment-footer 
{
	margin: 0;
	padding: 0;
	color: #999999;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: small;
	line-height: normal;
	text-align: left;
}


.comment-content { 
clear: left;
margin: 0 0 35px 0;
border-bottom: 1px solid #ccc;
}


#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	display: block;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* modules */

	.module a
	{
		text-decoration: none;
		font-weight: inherit;
	}

	.module a:link { color: #996633; }
	.module a:visited { color: #996633; }
	.module a:hover { color: #FF0000; }
	.module a:active { color: #996633; }


.module-header
{
	margin: 5px 0;
	border: 0;
	
	color: #996633;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: normal;
	font-weight: bold;
	
	
	letter-spacing: .3em;
	text-align: left;
}

.module-content
{
	margin: 5px 0 20px 0;
	color: #996633;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	
	
	
	text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 1px solid #FFFFFF;
}

.module-photo .module-content
{
	text-align: left;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #996633;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border: 0;
	text-align: left;
	font-weight: bold;
	
	
	
	letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button
{
			float: left;
	
}

.module-miniprofile img {
	border-width: 0;
}


/* moblog1 tweaks */



	.layout-moblog1 #alpha
	{
		width: 200px;
	}

	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #beta
	{
		width: 380px;
	}

	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #gamma
	{
		width: 200px;
	}

	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* moblog2 tweaks */



	.layout-moblog2 #alpha
	{
		width: 100px;
	}

	.layout-moblog2 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #beta
	{
		width: 350px;
	}

	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #gamma
	{
		width: 190px;
	}

	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #delta
	{
		width: 140px;
	}

	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */


	.layout-timeline #alpha
	{
		width: 390px; /* 285px + 15px + 15px */
	}

	.layout-timeline #beta
	{
		width: 390px;
	}

	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }


/* one-column tweaks */

	.layout-one-column #container
	{
		width: 500px;
	}

	.layout-one-column #alpha
	{
		display: block;
		float: none;
		width: auto;
	}

	.layout-one-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-left tweaks */

	.layout-two-column-left #container
	{
		width: 700px;
	}


	.layout-two-column-left #alpha
	{
		width: 200px;
	}

	.layout-two-column-left #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-two-column-left #beta
	{
		width: 500px;
	}

	.layout-two-column-left #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */

	.layout-two-column-right #container
	{
		width: 700px;
	}


	.layout-two-column-right #alpha
	{
		width: 500px;
	}

	.layout-two-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-two-column-right #beta
	{
		width: 200px;
	}

	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column tweaks */

	.layout-three-column #container
	{
		width: 900px;
	}


	.layout-three-column #alpha
	{
		width: 200px;
	}

	.layout-three-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #beta
	{
		width: 500px;
	}

	.layout-three-column #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #gamma
	{
		width: 200px;
	}

	.layout-three-column #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column-right tweaks */

	.layout-three-column-right #container
	{
		width: 900px;
	}


	.layout-three-column-right #alpha
	{
		width: 500px;
	}

	.layout-three-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #beta
	{
		width: 200px;
	}

	.layout-three-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #gamma
	{
		width: 200px;
	}

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* Custom CSS */



form {
	margin-top: 0px;
	margin-bottom: 0px;
}

#banner {height: 130px; background-position:0px 0px; } 


.comment { padding-top: 0px; }

#banner-header a
{
display: block;
left: 0;
top: 0;
height: 130px;
text-indent: -1000em;
}


  .module-content
    {
	    line-height: 120%;
    }








.layout-three-column #container { width: 1040px; }
.layout-three-column #alpha { width: 200px; }
.layout-three-column #beta { width: 500px; }
.layout-three-column #gamma { width: 340px; }

#footer { text-align: center !important; }
#footer ul li.footer-list-item { float: none;}
#footer ul { text-align:center; }
#footer ul li { 
text-align:center; 
display:inline; 
}
#footer li a { display: inline; }

.entry-content img { border: #8b8b8b 1px solid; }


.entry-content h3 {
color: #363535;
font-family: 'Lucida Grande',Verdana,sans-serif;
font-size: large;
line-height: normal;
text-align: left;

}


.entry-content h4 { 
color: #999999;
font-family: 'Lucida Grande',Verdana,sans-serif;
font-size: larger;
line-height: normal;
text-align: left;}



#pagebody { position: inherit !important; width: 100%; clear: left; } /* DO NOT EDIT */
#pagebody-inner { position: inherit !important; width: 100%; } /* DO NOT EDIT */

#alpha, #beta, #gamma, #delta {
    display: inline; /* DO NOT EDIT */
    position: inherit !important; /* DO NOT EDIT */
    float: left; /* DO NOT EDIT */
    min-height: 1px; /* DO NOT EDIT */
}

#centernav {
  width: 1040px; /* if you want your nav centered, set this to the width of your container, if you don't want it centered, change this number to 100% */
  margin-left: auto ;
  margin-right: auto ;
}

#dropnav 
{height:25px; background:#F0F0F0;} /* Changes the height and bg color of the main menu */

#dropnav ul
{margin:0px; padding:0px; padding-left: 75px;}

#dropnav ul li
{display:inline; float:left; list-style:none; margin-left:0px; position:relative; height:25px; width: 75px; text-align: center; } /* only edit the last 2 items - sets the width of the main menu */

#dropnav li a
{color:#996633; text-decoration:none;} /* Changes the link color of items on the main menu */

#dropnav li a:hover
{color: red; text-decoration:none;}/* Changes the hover color of items on the main menu */

#dropnav li ul
{margin:0px; padding:0px; display:none; position:absolute; left:0px; z-index: 99; top:25px; background-color:#efefef;} /* Only edit the last 2 items - set the top margin and background color of the submenus */

#dropnav li:hover ul
{display:block; width:160px;} /* sets the width of the submenus */

#dropnav li li
{list-style:none; display:list-item; font-size: 90%;  width:160px;  text-align: left; padding-left: 5px;  } /* DO NOT EDIT */

#dropnav li li a
{color:#000; text-decoration:none;} /* Changes the link color of items in the submenu */

#dropnav li li a:hover
{color: red; text-decoration:none;} /* Changes the hover color of items in the submenu */

li#main  {padding-top: 2px;} /* Sets the padding of items in the main menu */

/* ph=1 */