/*
CSS for 21st Century Apothecary
*/

body {
	font-family: "urw bookman l", "urw palladio l", "nimbus roman no9 l", serif;
	color: #0000B6;
	font-size: 16pt;
	background-color: #8CFEF7;
	background-image: url(images/backgrounds/pattern2.png);
	background-attachment: fixed;
	width:100%;
	line-height: 125%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
}

a {
	font-weight: normal;
}

a:link {
	color: #0000ff;
}

a:visited {
	color: #6600ff;
}

a:hover {
	color: #6666FF;
}

a:active {
	color: #ff66cc;
}

h1 {
	font-family: "urw palladio l", "nimbus roman no9 l", serif;
	font-size: 28pt;
	color: #0000ff;
	line-height: 100%;
	font-weight:  bold;
	background-color: #26dcff;
}	

h2 {
	font-family: "urw palladio l", "nimbus roman no9 l", serif;
	font-size: 24pt;
	line-height: 100%;
	font-weight: bold;
}

h3 {
	font-family: georgia, "century schoolbook l", serif;
	font-size: 20pt;
	font-weight: bold;
	line-height: 115%;
}

h4 {
	font-family: "andika basic", "trebuchet ms", "dejavu sans", san-serif;
	font-size: 18pt;
	font-weight: bold;
}

h5 {
	font-family: "nimbus roman no9 l", "urw palladio l", san-serif;
	font-size: 15pt;
	font-weight: bold;
}

em {
	font-family: "dustismo roman", "century schoolbook l", "urw palladio l";	
	font-style: italic;
	font-weight: bold;
}

blockquote {
	font-family: "century schoolbool l", "trebuchet ms", sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 14pt;
}

#page_content {
	background-color: #ffffff;
	padding: 5px;
	width: 100%;
}

#page_content2 {
	background-color: #ffffff;
	padding: 5px;
	width: 95%;
	margin: 10px;
}

#footer {
	font-family: "dejavu sans", arial, verdana, "trebuchet ms";
	font-size: 12pt;
	color: #496AFB;
	font-weight: normal;
	line-height: 115%;
}

#author {
	font-family: "urw bookman l", "urw palladio l", "nimbus roman no9 l", serif;
	font-size: 13pt;
	font-weight: normal;
}

#navigation1 {
	background-color: #26dcff;
	font-family: georgia, "nimbus roman no9 l", serif;
	font-size: 14pt;
	font-weight: normal;
	line-height: 115%
	padding: 2px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 5px;
	width: 170px;
}

#navigation2 {
	font-family: "deja vu serif", arial, "trebuchet ms", san-serif;
	font-size: 13pt;
	font-weight: bold;
	background-image: url(images/backgrounds/pattern2a.png);
	line-height: 100%;
	margin: 2px;
}

#navigation3 {
	background-color: #26dcff;
	font-family: georgia, "nimbus roman no9 l", serif;
	font-size: 14pt;
	font-weight: normal;
	line-height: 115%;
	padding: 2px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 5px;
	width: 170px;
}

#navigation1 a {
	text-decoration: none;
}

#navigation2 a:link {
	text-decoration: none;
	font-weight: bold;
}

#navigation2 a:visited {
	font-weight: bold;
	text-decoration: none;
}
	
#navigation3 a {
	text-decoration: none;
}

#table_elements {
	font-size: 14pt;
}

#table_elements2 {
	font-size: 13pt;
	line-height: 100%;
}

#newsletter {
	background-color: #5754FF;
	padding: 15px;
	margin-left: 150px;
	width: 860px;
	text-align: left;
}

#comments {
	background-color: #ffffff;
	font-family: "nimbus roman no9 l", "dejavu sans", sans-serif;
	font-size: 14pt;
	font-weight: normal;
	line-height: 120%;
	color: #0000ff;
	padding: 5px;
	margin: 5px;
}

#comments a {
	color: #00D600;
	text-decoration: none;
}

span.button {
	font-family: trebuchet, urw bookman l, serif;
	font-size: 14pt;
	background-image: url(images/backgrounds/fresh-leaves-vangogh.jpg);
	line-height: 100%;
	font-weight: bold;  
}
span.title {
	font-size: 20pt;
	font-weight: bold;
	letter-spacing: 0.025em;
	line-height: 100%;
}

span.title2 {
	font-size: 18pt;
	font-weight: bold;
	letter-spacing: 0.025em;
	line-height: 100%;
}

span.title3 {
	font-size: 14pt;
	font-weight: bold;
	color: #0000ff;
	letter-spacing: 0.025em;
	line-height: 100%;
	margin: 0.5em;
}

span.footer1 {
	font-family: "dejavu serif", "century schoolbook";
	color: #0000ff;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 0.025em;
}

span.email {
	font-family: "andika basic", "comic sans", dustismo, sans-serif;
	font-size: 13pt;
	font-weight: normal;
}

span.on_home {
	color: #00A900;
}

div.on_home {
	color: #00A900;
}

span.pages {
	font-family: arial, verdana, "trebuchet ms";
	font-size: 13pt;
	font-weight: bold;
}

span.video_titles {
	font-family: dustismo, "andika basic", verdana, "trebuchet ms";
	font-size: 12pt;
	font-weight: bold;
}

span.headline1 {
	font-family: "century schoolbook l", "urw bookman l", "urw palladio l", "nimbus roman no9 l", serif;
	color: #660066;
	font-size: 16pt;
}

span.headline2 {
	font-family: "urw bookman l", "urw palladio l", "nimbus roman no9 l", serif;
	color: #0F3737;
	font-size: 16pt;
}

span.headline3 {
	font-family: "urw bookman l", "urw palladio l", "nimbus roman no9 l", serif;
	color: #45240D;
	font-size: 16pt;
}

span.resize, div.resize {
	font-size: 13pt;
	line-height: 110%;
}
span.highlight {
	font-family: "nimbus roman no9 l", "urw palladio l", serif;
	color: #0000ff;
	font-size: 16pt;
	line-height: 100%;
	font-weight:  bold;
	background-color: #ffff33;
}

span.highlight2 {
	font-family: "nimbus roman no9 l", "urw palladio l", serif;
	color: #FF1B1F;
	font-size: 16pt;
	line-height: 120%;
	font-weight: bold;
	background-color: #ffff66;
}

span.miniature {
	font-family: "century schoolbook";	
	font-size: 11pt;
	line-height: 110%;
}

span.recipe_title {
	font-size: 18pt;
	font-weight: bold;
}

span.credits {
	font-size: 15pt;
	color: #ffffff;
	font-weight: bold;
	line-height: 110%;
	background-color: #7B88FF;
}

div.facebook {
	background: #ffffff;
	width: 175px;
}

div.photos {
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}

div.indent_next2pic {
	margin-left: 140px;
	padding-left: 3%;
}

div.indent_next2pic2 {
	margin-left: 195px;
	padding-left: 3%;
}

div.recipe {
	color: #0026ff;
	text-align: left;
	border-width: 8px;
	border-style: double;
	border-color: #0026ff;
	background-color: #C5DDFE;
	padding-left: 3%;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 380px;
	margin-left: 50px;
}

div.recipe_large {
	color: #0026ff;
	text-align: left;
	border-width: 8px;
	border-style: double;
	border-color: #0026ff;
	background-color: #C5DDFE;
	padding-left: 3%;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 600px;
	margin-left: 100px;
}

div.recipe_huge {
	color: #0026ff;
	text-align: left;
	border-width: 8px;
	border-style: double;
	border-color: #0026ff;
	background-color: #C5DDFE;
	padding-left: 3%;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 700px;
	margin-left: 50px;
}

div.recipe_adjacentl {
	color: #0026ff;
	text-align: left;
	border-width: 8px;
	border-style: double;
	border-color: #0026ff;
	background-color: #C5DDFE;
	padding-left: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 345px;
}

div.recipe_adjacentr {
	color: #0026ff;
	text-align: left;
	border-width: 8px;
	border-style: double;
	border-color: #0026ff;
	background-color: #C5DDFE;
	padding-left: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 345px;
}

div.recipe_links {
	color: #0026ff;
	text-align: left;
	border-width: 8px;
	border-style: double;
	border-color: #0026ff;
	background-color: #BBFFFE;
	padding-left: 3%;
	padding-top: 1%;
	padding-bottom: 0.5%;
	width: 650px;
	margin-left: 50px;
}

div.featured_photo {
	float: left;
	margin: 10px;
	margin-right: 15px;
}

div.featured_photo2 {
	float: right;
	margin: 10px;
	margin-left: 5px;
}

div.source {
	font-family: "nimbus roman no9 l", "century schoolbook";
	font-size: 13pt;
}

div.survey a:link {
	color: #55522c;
}

div.survey a:visited {
	color: #1B6FFF
}

div.videos {
	font-family: "urw gothic l", "nimbus sans l", "trebuchet ms", san-serif;
	font-size: 10pt
	font-weight: normal;
	text-align: center;
	border-style: dotted;
	border-color: #ffffff;
	border-width: 3%;
	background-color: #22ffff;
	padding: 1%
}

div.videos1 {
	background-color: #0000ff;
	font-family: "urw bookman l","urw gothic l", "nimbus roman no9 l", georgia, serif;
	font-size: 14pt;
	color: #ffffff;
	font-weight: bold;
	line-height: 115%;
	text-align: center;
	padding: 2px;
	width: 170px;
	border-style: groove;
} 

div.credits {
	background-color: #B8B4FF;
	font-family: "urw bookman l","urw gothic l", "nimbus roman no9 l", georgia, serif;
	font-size: 13pt;
	font-weight: bold;
	line-height: 115%;
	text-align: center;
	padding: 2px;
	width: 180px;
	border-style: double;
	border-color: #ffffff;
} 

div.warning1 {
	border-style: dotted;
	border-color: #ffffff;
	border-width: 3%;
	background-color: #FB380C;
	font-family: "trebuchet ms", san-serif;
	font-size: 14pt;
	color: #000000;
	padding: 2%;
}

div.search_box {
	background-image: url(images/backgrounds/teal-wood.png);
	font-family: "dejavu sans", "trebuchet ms", sans-serif;
	font-size: 10pt;
	color: #0000ff;
	font-weight: bold;
	line-height: 150%;
	width: 170px;
	padding: 0%;

	text-decoration: none;
}

div.translators {
	background-color: #0713FF;
	font-family: "urw bookman l","dustismo roman", serif;
	font-size: 14pt;
	color: #ffffff;
	border-width: 3pt;
	border-style: inset;
	border-color: #5B92FF;
	padding: 3px;
	width: 140px;
}

div.rss_readers {
	background-color: #26dcff;
	font-family: "urw bookman l","dustismo roman", serif;
	font-size: 14pt;
	line-height: 150%;
	border-width: 3pt;
	border-style: double;
	border-color: #22ffff;
	padding: 3px;
	width: 140px;
}

div.iherb {
	border-style: solid;
	border-color: #00e000;
	border-width: 2%;
	background-color: #ffffff;
	font-family: "trebuchet ms", san-serif;
	font-size: 14pt;
	color: #0000ff;
	padding: 2%;
}

div.email_notice {
	border: solid;
	border-width: 1%;
	border-color: #ffffff;
	background-color: #FFB469;
	font-family: "urw bookman l", "deja vu serif";
	font-size: 13pt;
	color: #000000;
	padding: 1%;
	width: 180px;
}

div.note {
	border: solid;
	border-width: 2%;
	border-color: #ffff66;
	background-color: #ffff66;
	font-family: serif;
	font-size: 16pt;
	color: #000000;
	margin-left: 5%;
	margin-right:	 5%;
}