/*
/*  @Author  Noah Stokes
/*  @Version 1.0
/*  @Date    Jan 5th, 2009
/*  
/*  Look and learn friends, but don't steal,  
/*  it doesn't look pretty on you.
/*
/* ------------------------ */

body  {
	margin: 0;
	padding: 0;
	line-height: 1.22em;
	font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	background: #308f9a url(/images/site/bg_loop.png) repeat-x;
}

/* Reset Rules
------------------------------- */

ol,ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,form {
	margin: 0;
	padding: 0;
}

a {
	outline: 0;
}

a#home {
	position: absolute;
	top: 93px;
	left: 218px;
	width: 150px;
	height: 40px;
	background: url(/images/site/gohome.png) top left;
}

.fl {
	float: left;
}

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

#container  {
	width: 950px;
	margin: 0 auto;
}

/* Header Rules
------------------------------- */

#header {
	position: relative;
	width: 950px;
	height: 179px;
	background: url(/images/site/header_bg2.png) no-repeat;
}

/* Nav Rules
------------------------------- */

#nav {	
	position: absolute;
	bottom: 0;
	right: 52px;
	width: 482px;
	height: 50px;
}

#nav a {
	display: block;
	float: left;
	height: 50px;
	text-indent: -9999px;
}

#nav a#nav_health { width: 98px; }
#nav a#nav_health:hover, body#loc_Health #nav a#nav_health, .entry#Health { background: url(/images/site/nav/health_o.png) no-repeat; }
#nav a#nav_kids { width: 73px; }
#nav a#nav_kids:hover, body#loc_Kids #nav a#nav_kids { background: url(/images/site/nav/kids_o.png) no-repeat; }
#nav a#nav_recipies { width: 108px; }
#nav a#nav_recipies:hover, body#loc_Recipes #nav a#nav_recipies { background: url(/images/site/nav/recipies_o.png) no-repeat; }
#nav a#nav_lupus { width: 89px; }
#nav a#nav_lupus:hover, body#loc_Lupus #nav a#nav_lupus { background: url(/images/site/nav/lupus_o.png) no-repeat; }
#nav a#nav_journal { width: 114px; }
#nav a#nav_journal:hover, body#loc_Journal #nav a#nav_journal { background: url(/images/site/nav/journal_o.png) no-repeat; }

#unav {
	position: absolute;
	top: 24px;
	right: 75px;
	font: bold 11px/18px Arial;
}

#unav a {
	color: #6fab5b;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 0 0 12px;
}

#unav a:hover {
	text-decoration: underline;
}

/* Content Rules
------------------------------- */

#content {
	width: 774px;
	padding: 67px 88px 30px 88px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background: url(/images/site/sub_top_bg.png) no-repeat;
}

#content_home {
	position: relative;
	width: 774px;
	padding: 67px 88px 0 88px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background: url(/images/site/home_top_bg.png) no-repeat;
}

#content_home .entry {
	overflow: auto;
}

.content_loop {
	background: url(/images/site/content_loop.png) repeat-y;
}

.entry {
	position: relative;
	margin: 0 235px 0 0;
	padding: 0 0 20px 0;
}

.entry h1 {
	color: #a5121e;
	padding: 0 0 10px 0;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #f2f8c3;
}

.entry span.date {
	position: absolute;
	top: 0px;
	right: 5px;
	margin: 8px 0 0 0;
	font-family: Georgia;
	color: #686868;
	font-size: 12px;
	font-style: italic;
}

.entry p {
	margin: 0 0 15px 0;
	line-height: 22px;
}

.entry a, #comments a, #resources a {
	font-family: Georgia, sans;
	color: #166574;
	font-style: italic;
	font-size: 14px;
	text-decoration: none;
}

.entry a:hover {
	text-decoration: underline;
}

.entry blockquote {
	float: right;
	width: 120px;
	padding: 10px 15px;
	border: 3px double #ccc;
	border-width: 3px 0;
	font-family: Georgia;
	font-weight: italic;
	font-size: 14px;
	color: #166574;
}

.entry blockquote p {
	margin: 0;
}

.entry img {
	float: right;
	border: 3px double #ccc;
	padding: 6px;
	margin: 0 0 15px 15px;
	*margin: 0 0 15px 0;
}

.entry p img {
	margin: 0 auto 15px auto;
}

#content_home .entry p img {
	margin: 0 0 15px 15px;
}

.entry .recipe_small img {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.small {
	font: italic 11px/14px Georgia;
}

#right {
	width: 200px;
	float: right;
}

#right.archives {
	background: url(/images/site/archives_bg.png) no-repeat top left;
	padding: 60px 0 0 0;
}

ul.archives_list {
	margin: 0 0 35px 10px;
}

ul.archives_list li {
	margin: 0 0 6px 0;
	padding: 0;
}

ul.archives_list li a {
	background: url(/images/site/archive_arrow.png) no-repeat top left;
	padding: 0 0 0 20px;
	color: #166574;
	font: normal 12px/14px Georgia;
	text-decoration: none;
}

ul.archives_list li a:hover {
	text-decoration: underline;
}

ul.archives_list li a:visited {
	color: #666666;
}

#dani_photo img {
	margin: 45px 0 0 0;
	border: 3px double #ccc;
	padding: 6px;
}

p.quote {
	color: #166574;
	font: italic 16px/28px Georgia;
	margin: 0 0 20px 0;
}

#popular {
	background: url(/images/site/popular_posts_bg.png) no-repeat top left;
	padding: 60px 0 0 0;
	margin: 0 0 25px 0;
}

#subscribe {
	width: 175px;
	background: url(/images/site/subscribe_bg.png) no-repeat top left;
	padding: 56px 10px 0 15px;
	color: #555;
	font: italic 12px/18px Georgia;
}

#subscribe a {
	color: #166574;
}

/* Entry Comments Rules
------------------------------- */
#comments_form {
	padding: 10px 54px;
	margin: 0 30px;
	height: 200px;
	color: #60784e;
	background: url(/images/site/comments_bg.png) repeat-x top left;
}

.comment_col {
	width: 350px;
	float: left;
}

form#comment_form, form#contact_form {
	margin: 0;
	padding: 0;
}

form#comment_form label, form#contact_form label {
	color: #60784e;
	font-weight: bold;
	font-family: Georgia;
	font-style: italic;
	margin: 0 0 6px 0;
	display: block;
}

form#contact_form label {
	color: #333;
}

form#comment_form input, form#contact_form input {
	margin: 0 0 10px 0;
	width: 200px;
	color: #666666;
}

form#comment_form input#save_ckbox {
	width: auto;
}

form#comment_form textarea, form#contact_form textarea {
	width: 340px;
	height: 130px;
	margin: 0 0 6px 0;
	color: #333;
	font-family: Arial;
	font-size: 12px;
	padding: 6px;
	line-height: 18px;
}

form#comment_form input#submit_comment, form#contact_form input#submit_comment {
	color: #333;
	width: 100px;
}

#comments {
	border-top: 1px solid #f2f8c3;
	width: 535px;
}

.comment {
	border-bottom: 1px solid #f2f8c3;
	padding: 10px 15px 0 15px;
}

.comment p {
	margin: 0 0 15px 0;
	color: #555;
	font: italic 12px/22px Georgia;
}

span.comment_date {
	float: right;
	font: italic 11px/14px Georgia;
	color: #666;
	text-align: right;
}

.posted {
	margin: 0 0 6px 0;
	font-family: Georgia, sans;
	color: #166574;
	font-style: italic;
	font-size: 14px;
}

p.it {
	font: italic 12px/22px Georgia;
	color: #555;
}

p.gray {
	color: #555;
}

#alert {
	position: absolute;
	right: -190px;
	top: 130px;
	width: 345px;
	height: 217px;
	background: url(/images/site/alert_bg.gif) no-repeat;
}

/* Homepage Rules
------------------------------- */

#what_is_this {
	position: absolute;
	top: 120px;
	right: 80px;
	width: 210px;
	color: #dcfbff;
	font: normal 13px Georgia; 
}

#what_is_this p {
	line-height: 27px;
}

#resources {
	position: absolute;
	right: 80px;
	top: 377px;
	width: 220px;
	padding: 60px 0 0 0;
	font: italic 12px/18px Georgia, sans;
	background: url(/images/site/resources_bg.png) no-repeat top left;
}

#resources ul {
	margin: 0 0 0 15px;
}

#resources ul li {
	background: url(/images/site/resources_li_bg.png) no-repeat top left;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

#subscribe_box {
	position: absolute;
	right: 80px;
	top: 620px;
	width: 220px;
}

/* Recipe Rules
------------------------------- */

#recipe_loop {
    background: url(/images/site/recipes/recipe_bg_loop.png) repeat-y;
    margin: 0 0 0 8px;
}

#recipe {
    position: relative;
    padding: 20px 0 0 0;
    color: #333;
    min-height: 450px;
    height: auto !important;
    height: 450px;
    background: url(/images/site/recipes/recipe_bg_top.png) no-repeat;
}

.recipe_small {
	width: 530px;
	position: relative;
	height: 338px;
	margin: 0 0 20px 0;
	background: url(/images/site/recipes/recipe_small_bg2.jpg) no-repeat;
}

.recipe_small h1 {
	position: absolute;
	top: 27px;
	left: 15px;
	border-bottom: none;
}

a#recipe_click  {
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -9999px;
	width: 80px;
	height: 80px;
}

#recipe_notes {
	margin: 0 0 15px 0;
	padding: 0 8px;
	font: italic 12px/22px Georgia;
	color: #444;
}

#recipe h2 {
    font-family: Georgia, sans;
    font-style: italic;
    margin: 0 0 0 23px;
}

#recipe_title {
    position: relative;
    max-width: 350px;
    height: 44px;
    margin: 0 0 50px -8px;
    line-height: 44px;
    background: url(/images/site/recipes/recipe_title_bg_loop.png) no-repeat;
}

#recipe_title h1 {
    padding: 8px 0 0 21px;
    color: #fff;
    font-style: italic;
    font-weight: normal;
}

#recipe_title span a {
    position: absolute;
    bottom: -23px;
    font-size: 11px;
    color: #717171;
    font-family: Georgia, sans;
    display: block;
	height: 16px;
	line-height: 10px;
}

#recipe_title span.email_recipe a {

    font-style: italic;
    background: url(/images/site/04.png) no-repeat top left;
    padding: 0 0 0 16px;
    left: 123px;
    text-decoration: none;
}

#recipe_title span.print_recipe a {
    font-style: italic;
    background: url(/images/site/11.png) no-repeat top left;
    padding: 0 0 0 16px;
    left: 23px;
    text-decoration: none;
}

#recipe_image {
    position: absolute;
    top: 43px;
    right: 75px;
    width: 266px;
    height: 167px;
}

#recipe_small_image {
    position: absolute;
    top: 105px;
    right: 58px;
    width: 266px;
    height: 167px;
}

#recipe_small_image a img {
	border: none;
}

#quick_details {
    position: absolute;
    top: 267px;
    right: 57px;
    background: url(/images/site/recipes/quick_details_btm_bg.png) no-repeat bottom left;
    width: 188px;
    padding: 0 0 10px 0;
}

#quick_details.small_recipe {
	top: 109px;
	left: 36px;
}

#quick_details p {
    margin: 0 15px 4px 15px;
    color: #d8e8cc;
    font-size: 10px;
    font-family: Georgia, sans;
    font-weight: bold;
}

#quick_details p span {
    color: #fff;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    padding: 0 0 0 4px;
}

#quick_details_top {
    height: 44px;
    background: url(/images/site/recipes/quick_details_top_bg.png) no-repeat;
    margin: 0 0 4px 0;
}

#ingredients ul {
    margin: 6px 0 20px 0;
    width: 380px;
}

#ingredients ul li {
    background: url(/images/site/recipes/ingredients_lines.png) no-repeat bottom left;
    line-height: 31px;
    height: 30px;
    padding: 0 0 0 39px;
    font-family: Georgia, sans;
    font-style: italic;
    font-size: 14px;
}

#directions {
    width: 440px;
    padding: 0 0 20px 0;
}

#directions p {
    line-height: 20px;
    margin: 12px 0 15px 23px;
}

#find_recipe {
	padding: 62px 0 0 0;
	background: url(/images/site/find_recipe_bg.png) no-repeat;
}

ul#recipes_list {
	border-top: 1px solid #ececec;
	width: 190px;
	margin: 0 0 0 0;
}

ul#recipes_list li {
	border-bottom: 1px solid #ececec;
	padding: 4px 8px;
}

ul#recipes_list li span {
	display: none;
}

ul#recipes_list li a {
	font-size: 13px;
	color: #166574;
	text-decoration: none;
	font-family: Georgia;
	font-style: italic;
}

ul#recipes_list li a:hover span.arr {	
	display: block;
	float: right;
	color: #166574;
}

#livesearch {
	margin: 8px 0;
}

input#q {
	width: 186px;
}

#recipe_comments {
	margin: 20px 10px;
}

#contact_me {
	margin: 20px 0 0 0;
	background: url(/images/site/contact_me_bg.png) no-repeat;
	padding: 60px 10px 0 10px;
	color: #555;
	font: italic 12px/18px Georgia;
}

#contact_me a {
	color: #166574;
	text-decoration: none;
}

/* Footer Rules
------------------------------- */

#footer {
	position: relative;
	width: 810px;
	padding: 10px 70px 0;
	margin: 0 0 10px 0;
	height: 160px;
	color: #fff;
	font: italic 12px/18px Georgia, sans;
	background: url(/images/site/footer_bg.png) no-repeat;
}

#footer h4 {
	margin: 0 0 8px 0;
}

#footer_columns {
	background: url(/images/site/footer_bevel.png) repeat-x top left;
	overflow: hidden; /* Clear Float */
	padding: 10px 10px 0;
}

.footer_col {
	float: left;
	width: 295px;
}

.footer_col.friends {
	width: 200px;
}

.footer_col em {
	padding: 0 35px 0 0;
	display: block;
}

ul.drops li {
	background: url(/images/site/footer_drops_bg.png) no-repeat top left;
	padding: 0 0 0 13px;
	margin: 0 0 12px 0;
	line-height: 10px;

}

ul.drops li a {
	text-decoration: none;
	color: #fff;
}

ul.drops li a:hover {
	text-decoration: underline;
}

ul.drops li a span.author {
	color: #85abb4;
	text-decoration: none;
}

#disclaimer {
	position: absolute;
	bottom: -4px;
	right: 38px;
	font: normal 11px/18px Arial;
	color: #1d525e;
}

#disclaimer a {
	color: #1d525e;
	text-decoration: none;
}

#disclaimer a:hover {
	text-decoration: underline;
}