/* Contents:
1. Resets
2. Structure
3. Homepage
4. Content
	4.1 Headings 
	4.2 Type
	4.3 Images
5. Navigation
6. Lists
7. Footer
*/

/* 1. Resets -------------------------------------- */

* { padding: 0; margin: 0; }

body  { background:#640e15 url(../images/bkg_home2.gif); color:#000; font:62.5% Baskerville, Georgia, "Times New Roman", Times, serif; text-align:center; }

	body#home  { background-image:url(../images/bkg_home.gif); } 

table { border-collapse:collapse; }

a { color:#640e15; text-decoration:underline; }
a:visited { color:#a10d05; text-decoration:underline; }
a:hover,
a:active { color:#a10d05; text-decoration:underline; }

a img { border:none; }

ul { list-style:none; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

input { vertical-align:middle; }

acronym, abbr { cursor:help; }

.clear { clear:both; height:0; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* ie.css */

/* 2. Structure ------------------------------------- */
#page-wrapper { background:#fff; min-height:694px; width:52em; margin:20px auto 0 auto; padding:1em 0 2em 0; } /* ie.css */
	#frontpage #page-wrapper { padding:4em 0 1em 0; height:594px; background:#fff url(../images/frontpage-bkg.gif) no-repeat 50% top; }

	.recipe { padding:0 3em; }
		#frontpage .recipe { padding:0 5em; }

#navigation { background:#fff; margin:0 auto 20px auto; width:52em; position:relative; }

#top-nav { margin-bottom:20px; background:#222; }

/* 3. Homepage -------------------------------------- */
.home-title { background:#fff url(../images/h1_home_bkg.gif) repeat-x top left; height:232px; position:absolute; top:40%; margin-top:-116px; width:100%; left:0; }

	.home-title h1 a { display:block; background:url(../images/home_title.png) no-repeat 50% top; text-indent:-10000px; width:338px; height:161px; margin:20px auto 0 auto; }

	.home-title p { margin-top:12px; font-style:italic; font-size:1.8em; }
			.home-title p a { margin:0 .6em; text-decoration:none; }

/* 4. Content -------------------------------------- */

	/* 4.1. Headings -------------------------------------- */
	
	h2 { text-indent:-10000px; display:block; margin:1em auto; background:none no-repeat 50% top; }
	
		h2.brunsli { background-image:url(../images/titles-brunsli.gif); width:112px; height:41px; }
		h2.clootie { background-image:url(../images/titles-clootie.gif); width:269px; height:48px; }
		h2.rabanadas { background-image:url(../images/titles-rabanadas.gif); width:164px; height:42px; }
		h2.oatmeal { background-image:url(../images/titles-oatmeal.gif); width:399px; height:92px; }
		h2.glogg { background-image:url(../images/titles-glogg.gif); width:366px; height:98px; }
		h2.send { background-image:url(../images/titles-send.gif); width:288px; height:48px; }
	
	h3 { font-size:1.3em; line-height:1.1; letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px; }
	
	h4 { font-size:1.3em; text-transform:uppercase; letter-spacing:.1em; margin-top:1.1em; }
	
	#page-wrapper p { font-size:1.4em; line-height:1.5; margin-bottom:1em; }	
		#page-wrapper p.lead { font-style:italic; font-size:1.5em; }
		#page-wrapper p.p-frontpage { margin-top:20px; }
	
	/* 4.3. Images -------------------------------------- */
	img.illustration { margin-bottom:10px; }

/* 5. Navigation -------------------------------------- */
#top-nav p { font-size:1.3em; color:#fff; padding:.5em 0; }

#top-nav a { color:#fff; text-decoration:none; }
	#top-nav a:hover { color:#CCC; text-decoration:underline; }
	
#navigation .prev { float:left; text-align:right; width:47%; padding-right:1em; border-right:1px solid #640e15; }
#navigation .next { float:left; text-align:left; width:45%; padding-left:1em; border-left:1px solid #640e15; margin-left:-1px; }
#navigation a { text-decoration:none; font-size:1.4em; padding:.2em 0 1em 0; }
	#navigation a:hover { text-decoration:underline; }
	
/* 6. Lists  -------------------------------------- */
ul.index { font-size:1.3em; margin-top:4.5em; }

	ul.index li { display:block; position:relative; margin-bottom:.3em; padding:.2em 0; }
		ul.index li.title { font-size:1.1em; text-transform:uppercase; letter-spacing:.1em; text-align:left; margin-bottom:.5em; }
		
	ul.index a { text-decoration:none; float:left; background:#fff; padding-right:.4em; }
		ul.index a:hover { text-decoration:underline; }
		
	ul.index li span { float:right; background:#fff; padding-left:.4em; }
	
	ul.index li div.border { border-bottom:1px dotted #000; height:1em; }