@charset "utf-8";
/* CSS Document */

/*colors
nav bar = #102601
debbie green = #36780a
*/

body {
	background-image:url(images/paper.jpg);
	height:100%;
	margin: 0;
	padding: 0;
}

body {
font-family: Cambria, serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
}

a:hover { 
	color:#ae491c; 
} 

a, a:visited {
	color:#598527;
}
.backgroundcontainer{
	width:1530px;
	height:100%;
	margin:auto;
	position:relative;
	padding:1px;
}
.contentcontainer{
	width:960px;
	margin:auto;
	margin-top:50px;
	height:100%;
}

.debbiesphoto {
	width:340px;
	height:330px;
	position:absolute;
	top:10px;
	left:900px;
	z-index:10;
}

.cookbooks {
	width:213px;
	height:709;
	position:absolute;
	top:350px;
	left:1175px;
	z-index:6;
}

.photo_bbq {
	width:284px;
	height:190px;
	position:absolute;
	top:450px;
	left:160px;
	z-index:2;
}

.photo_dock {
	width:285px;
	height:216px;
	position:absolute;
	top:390px;
	left:360px;
	z-index:3;
}

.photo_roadside {
	width: 288px;
	height:213px;
	position:absolute;
	top:560px;
	left:230px;
	z-index:4;
}

.coffeecup {
	width: 282px;
	height:359px;
	position:absolute;
	top:130px;
	left:0px;
	z-index:7;
}

.fork {
	width: 124px;
	height:530px;
	position:absolute;
	top:500px;
	left:200px;
	z-index:5;
}

.map {
	width: 617px;
	height:481px;
	position:absolute;
	top:269px;
	left:50px;
	z-index:0;
}
			 
.notebookcontainer {
	width:894px;
	position:absolute;
	top:302px;
	left:255px;
	z-index:5;
}

.notebook {
	width:65px;
	background-image:url(images/notebookrepeat.png);
	background-repeat:repeat-y;
}

.notebookshadow{
	width:65px;
	min-height:600px;
	background-image:url(images/notebookshadow.png);
	background-repeat:repeat-y;
}

#copycontainerindex {
	border-left: 1px dashed #666;
	height:100%;
	padding: 10px;
	width:400px;
}

#copycontainersub {
	border-right: 1px dashed #666;
	height:100%;
	padding: 10px;
	width:400px;
}
	

h1 {
	font-family: Cambria, serif;
font-size: 41px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -2px;
line-height: 40px;
}

.subhead {
font-family: Cambria, serif;
font-size: 21px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 40px;
}

.funkycoldmedina {
font-family: Cambria, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #598527;
text-transform: normal;
letter-spacing: -1px;
line-height: 20px;
}

.ordertext {
font-family: Cambria, serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
}

.bodycopy_index {
	font-family: Cambria, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 14px;
	width:400px;
}

.navigation {
	font-family: Georgia, serif;
	color: #f2e6ab;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 20px;
	text-align:center;
	padding:1px;
	vertical-align:middle;
	display:inline;
}

.navigation li {
	text-decoration:none;
		display:inline;
}
.navigation a {
	text-decoration:none;
		display:inline;
		color: #f2e6ab;
}
.navigation a:hover {
	text-decoration:none;
		display:inline;
}
.italics {
	font-style: italic;
}

.brackets {
	font-family: Georgia, serif;
	position : relative;
	font-size : 110%;
	font-weight:normal;
	color:#36780a;
}
