/* Css for Thoreau Foods */

/* Remove default padding and margins so all browsers are the same */
* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }

/* Add back in */<div></div>
h1, h2, h3, h4, h5, h6, h7, p {
	margin: 0px;
	padding: 3px;
}
h1{
	font-size: 24px;
}
h2{
	font-size: 22px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
/* For testing, put an outline around everything */
/*
h1, h2, h3, h4, h5, h6, h7, p, div, img, form {
   outline:5px solid red;
} */
/*
div{
	overflow:auto;
}*/
 
/* I like this color #e7e3c2 */
body{
	/* background-color: #a7b382; */
	background-color: #e9eacb;
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
	/* color: #7e8238;	*/
	color: #66692d;
}
#container{
	width: 900px;
	outline: 2px solid #a7b382;
	margin: 20px auto; /* makes it center in the middle */
	background-color: #fafff5;
	/* fdfffb*/
}
#titlebar{
	width: 900px;
	height: 180px;
	margin: auto;
	background-color: inherit;
	position: relative;
	/* color: #919540; */
}
 
#description {
	position: absolute;
	top: 10px;
	left: 330px;
	width: 300px;
	text-align: right;
	/* color: #919540; */
}
#pagename {
   margin: 0px;
   padding: 0px 0px 0px 0px;
   font-size: 20px;
   position: relative;
   top: 80px;
   font-style: normal;
}
#pagedescript {
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	position: relative;
	top: 100px;

}
img#Sunpix {
  position: absolute;
  top: 20px;
  left: 355px;
  
}
 
/* Thoreaufoods */

.title { 
	/* color:#e9eaca;*/ /* beige text color */
	font-weight:bold;
	text-align:center;
  	line-height: 20px;
  	/* border-top: 3px solid #616228; 
  	border-right: 3px solid #818248; 
  	border-left: 3px solid #616228;  */
  	font-size:17px;
	/* background-image:url(images/ren_header_bg_6.jpg);
	background-repeat:no-repeat; */
  
	width: 350px;
	 
	margin: 20px 0px 0px 0px;
	padding-top: 50px;
}
.thoreaufoods {
	font-size: 34px;
 	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}
 
.undertitle {
	position: relative;
	left: 0px;
	top: 0px;
	text-align: center;
	border-color: pink;
   border-style: none;
   margin: 0px;
   padding: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}
#foodfor {
   margin: 0px;
   padding: 0px 0px 0px 0px;
   font-style: italic;
   font-size: 20px;
}
 
.rightside {
	padding: 10px 0px 0px 0px;
	position: absolute;
	top: 70px;
	right: 40px;
	width: 300px;
	text-align: right;
}
#supermuesli{
	font-size: 18px;
}
#withchia{
	font-size: 16px;
	font-style: italic;
}

 
#content {
	position: relative;
	height: auto;
	margin: 0px 0px 0px 0px;
	/* background-color: #e7e3c2; */
	/* border: 3px solid #a7b382; */
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
	/* background-color: #fafff5;	 */	
}


.verdanaface
{
	font-family: verdana, helvetica, sans-serif;
}

.spaces{
	white-space: pre;  /* preserve extra spaces */
}

 
.paypalbutton{
	/* background-color: */ /*#ddeebb*/ /* #f1ecd9 ;*/
 	padding: 10px;
	font-size: 80%;
	margin: 0px 20px;
	/* width: 150px; */
	text-align: center;
	/*-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px; */
	/*border-top: 1px solid #7e8238;
	border-bottom: 1px solid #7e8238;*/
	/* border: 1px solid #7e8238; */
}
 

/* general links  */
a {
	color: #33aa33;
	font-family: Palatino Linotype,Book Antiqua,Palatino,serif;
	text-decoration: none;
	font-weight: bold;
}
a:visited {color:#6f9c6f;}
a:hover {color:#77dd66;}

.margbot {
	margin-bottom: 20px;
}
.pageheadline {
	padding: 30px 20px 20px 20px;
}
 
.center{
	text-align: center;
}
.nowrap{ 
   white-space: nowrap;
}
.floatright{
	float: right;
}
.floatleft{
	float: left;
}
.floatclear{
	clear: both;
}
.octspec{
	font-weight: bold;
	color:#ff0000;
	font-size: 115%;
}