/*----------------------------------------------------*/
/* Undo                                               */
/*----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}input{border: 0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
body{font:75% arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;border-collapse:collapse;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
a { text-decoration: none; outline: none;} a:hover{text-decoration: underline;}


/*----------------------------------------------------*/
/* Layout						                                  */
/*----------------------------------------------------*/

html, body {
	height: 100%;
}
body {
	text-align: center;
	color: #fff;
	background-image: url(/images/bg_pattern.gif);
	opacity: .999;
}
.header, 
.container {
	position: relative;	
	width: 768px;
	margin: 0 auto;
	padding: 0 18px;
	text-align: left;
}
.container {
	min-height: 100%;
	padding-bottom: 24px;
	background: #fff;
}
.header {
	height: 131px;
	background-image: url(/images/header.png);
}
.header .logo {
	position: absolute;
	top: 12px;
	width: 202px;
	height: 40px;
	text-indent: -9000px;
}
.header .navigation {
	position: relative;
	top: 76px;
	font-size: 12px;	
}
.navigation li {
	  display: inline;
		padding-right: 18px;
}	
.navigation li a,
.navigation li a:hover  {
	color: #bbb7b8;
}
.navigation li a.active {
	color: #333;
}
ul.sub_nav {
	display: block;
	width: 768px;
	height: 23px;
	padding: 10px 18px 0;
	margin: 0 0 24px -18px;
	text-align: left;
	background: #f4f4f4;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
ul.sub_nav li {
	  display: inline;
		padding-right: 18px;
}
ul.sub_nav li a,
ul.sub_nav li a:hover  {
	color: #444;
}
ul.sub_nav li a.active {
	color: #ababab;
}
.content img {
	margin: 0 auto 24px;
}
.box {
	clear: both;
	margin-bottom: 18px;
	text-align: left;
}
.box .top,
.box .center,
.box .bottom {
	width: 768px;
}
.box .top {
	height: 4px;
	background: url(/images/box_top.png);
}
.box .center {
	width: 752px;
	min-height: 4px;
	padding: 8px 8px;
	font: 14px georgia;
	font-style: italic;
	color: #554a4e;
	background: url(/images/box_bg.png);
}
.box .bottom {
	height: 4px;
	background: url(/images/box_bottom.png);
}

/*----------------------------------------------------*/
/* Headings	                                          */
/*----------------------------------------------------*/
/* merci = 61px */

h2 { 
	text-indent: -9000px;
	height: 28px;
	margin-bottom: 12px;
}
.home h2 {
	width: 69px;
	background-image: url(/images/meep.png);
}
.me h2 {
	width: 35px;
	background-image: url(/images/me.png);
}
.photos h2 {
	width: 78px;
	background-image: url(/images/photos.png);
}
.writing h2 {
	width: 78px;
	background-image: url(/images/writing.png);
}
.design h2 {
	width: 92px;
	background-image: url(/images/designs.png);
}
.drawing h2 {
	width: 105px;
	background-image: url(/images/drawings.png);
}
.book h2 {
	width: 58px;
	background-image: url(/images/book.png);
}
.recipes h2 {
	width: 91px;
	background-image: url(/images/recipes.png);
}
.sewing h2 {
	width: 82px;
	background-image: url(/images/sewing.png);
}
.cards h2 {
	width: 67px;
	background-image: url(/images/cards.png);
}
.interests h2 {
	width: 96px;
	background-image: url(/images/interests.png);
}
.friends h2 {
	width: 84px;
	background-image: url(/images/friends.png);
}


/*----------------------------------------------------*/
/* Sections	                                          */
/*----------------------------------------------------*/

.writing .content,
.drawings .content,
.recipes .content {
	text-align: center;
}

.recipe_box .top,
.recipe_box .center,
.recipe_box .bottom {
	width: 612px;
	margin: 0 auto;	
	text-align: left;
}

.recipe_box .top {
	height: 92px;
	background: url(/images/recipes/top.jpg);
}
.recipe_box .center {
	background: url(/images/recipes/bg.jpg);
	min-height: 24px;
	padding-top: 8px;
	font: 16px georgia;
	font-style: italic;
	line-height: 27px;	
	color: #141414;	
}
.recipe_box .center span.name,
.recipe_box .center span.ingredients {
	display: block;
	height: 18px;	
	margin: -4px 0 10px 40px;
}
.recipe_box .center span.name {
	padding-left: 111px;
	background: url(/images/recipes/a_recipe_for.jpg) no-repeat;
	background-position: 0 4px;
}

.recipe_box .center span.ingredients {
	margin-bottom: 4px;
	padding-left: 82px;	
	background: url(/images/recipes/ingredients.jpg) left no-repeat;
}
.recipe_box .center ul.ingredient_list {
	margin: 0 0 23px 75px;
}
.recipe_box .center ul.ingredient_list li {
	height: 24px;
	font-style: normal;
	list-style-type: circle;
}
.recipe_box .center ul.directions {
	width: 500px;
	margin-left: 60px;
}
.recipe_box .center ul.directions li {
	line-height: 24px;
	margin-bottom: 24px;	
}
.recipe_box .bottom {
	height: 29px;
	background: url(/images/recipes/bottom.jpg);
}
.interests ul.links,
.friends ul.links {
	margin-bottom: 24px;
}
.interests ul.links li a,
.friends ul.links li a {
	padding-left: 8px;
}
.interests ul.links li a,
.friends ul.links li a {
	color: #42001a;
}

/*----------------------------------------------------*/
/* Other	                                          */
/*----------------------------------------------------*/
.cards .content img {
  width: 768px;
  max-width: 768px;
}