/*	
PROJECT NAME
	Last Updated: 2011.01.17

DEVELOPER
	Bill Kracke [ bill@billkracke.com ]
	http://billkracke.com

FONT STACKS
	

COLOR REFERENCE
	#86a3c1		light blue		background - header & sidebar
	#21097b     purple          nav-bg
	#D7DBDC     pale-blue
	
	
*/


/*	RESETS
------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video 
						{ margin: 0; padding: 0; }
table 					{ border-collapse:collapse; border-spacing:0; }
fieldset, img 			{ border:0; }

/* 	default styles ---- */
html					{ color: #000; background-color: #fff; height: 100%; }

body 					{ font: 13px/18px Verdana, Arial, sans-serif; min-height: 101%; }


/* headers & typography */
h1, h2, h3, h4 		{ font-weight:bold; color: #21097b; }
h1, .biggest 			{ font-size: 25px; line-height: 36px; letter-spacing: -1px; margin: 9px 0;}
h2, .bigger 			{ font-size: 18px; line-height: 27px; }
h3, .big 				{ font-size: 16px; line-height: 18px; }
h4 						{ font-size: 14px; line-height: 18px; }
.small 					{ font-size: 12px; line-height: 14px; }
.smaller 				{ font-size: 11px; line-height: 14px; }
.smallest 				{ font-size: 10px; line-height: 14px; }

p 						{ margin: 0 0 18px; }
table p 					{ text-indent: 0; }


b, strong, caption, 
th, thead, dt, legend	{ font-weight: bold; }

cite, dfn, em, i		{ font-style: italic; }

code, kbd, samp, 
pre, tt, var			{ font-family: mono-space, monospace; }

abbr, acronym			{ font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }
abbr[title], 
acronym[title], 
dfn[title]				{ border-bottom: 1px dotted black; cursor: help; }

sup, sub				{ font-size: 80%; line-height: 0; }
sup 					{ vertical-align: super; }
sub 					{ vertical-align: sub; }

blockquote				{ margin: 0 0 20px 20px; padding: 10px 20px 20px; font-weight:normal; font-size: 15px; line-height: 17px; background-color:#D7DBDC ; float:right; text-align:center; border: 2px solid #AFC6D8;}
blockquote.align-center { margin: 10px auto 40px; padding: 10px 20px 20px; font-weight:normal; font-size: inherit; line-height:inherit; background-color:#D7DBDC ; border: 2px solid #AFC6D8; text-align:center; width: 80%; float:none;}
blockquote.articles { margin: 10px auto 40px; padding: 10px 20px; font-weight:normal; font-size: inherit; line-height:inherit; background-color:#D7DBDC ; border: 2px solid #AFC6D8; width: 75%; float:none; text-align:left;}

hr						{ border: none; background: #86A3C1; width: 100%; margin: 8px auto 16px; height: 2px;}


/* links ---------------*/

a:link                   { color: #454080; }

/* tables --------------*/
table 					{ border: 1px solid #aaa; position: relative; margin:20px auto; }
th, td 					{ line-height: 20px; padding: 2px 10px; }
td 						{border: 1px solid #ccc;}
thead th, thead td 		{ padding-top: 12px; }
tfoot th, tfoot td 		{ padding-bottom: 12px; }

tbody tr:nth-child(odd) th, tbody tr:nth-child(odd) td 
						{ background: rgba(0, 0, 0, 0.035); } /* gracefully degrades */ 


/* forms ---------------

fieldset 				{ margin: 20px; padding: 20px; border: 1px solid #aaa; overflow: hidden; }
legend 					{ font-weight:bold; font-size: 18px; line-height:20px; padding: 0 10px; background-color: #ccc; color: #333; }
label 					{ width: 200px; padding: 0 24px 0 0; cursor: hand; text-align:left; }

textarea, input, select,
label, button, optgroup { float:left; position:relative; margin-bottom: 12px; }

textarea, 
input[type="text"] 		{ border: 1px solid #666; }

textaarea:focus, input[type="text"]:focus 
						{ border: 2px solid #333; }
select 					{ background-color: #fff; color: #000; }

button, 
input[type="submit"] 	{ background-color: #ccc; color: #333; width: auto; overflow: visible; clear:both; margin-left: 224px;}

input[type="radio"], 
input[type="checkbox"] 	{ top: 4px;}

optgroup 				{ background-color:#ccc; color:#000; font-weight:bold; }
option 					{ font-weight:normal;}


/* general classes -----*/
.nav                    { list-style:none; }
.highlight              { color: #FF2095; text-align:center; }
.rounded                { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url('/js/PIE.htc'); }
.book                   { width: 150px;  padding: 20px 10px 10px; margin: 20px 0; float:left; text-align: center; background-color: #f2c189; }
.callout                { font-size: 18px; font-weight:normal; color: #1a6578; }
.did-you-know           { background-color: #d7dbdc; padding: 20px 20px 10px; }
  .did-you-know h3      { margin-bottom: 10px; font-weight:bold; }

.align-center           { text-align:center; }
.align-right            { float: right; margin: 10px 20px; }
.align-left             { float: left; margin: 10px 40px 20px 0; }

#main img.no-border        { border: 0; }

.top                    { margin-top:0; }
.button                { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url('/js/PIE.htc'); line-height: 30px; color: #fff; padding: 10px 15px; background-color: #21097b; font-height: 20px;}
a.button  { color: #fff; text-decoration: none; font-weight: bold; margin: 10px 0 20px; }

.hearts li { list-style-image: url(../img/heartc2.gif); margin-bottom:10px;}
.hearts ul li {list-style-image:none; list-style:disc; margin: 5px 0 5px 20px;}

.heart {padding-left: 20px; background:  url(../img/heartc2.gif) center left no-repeat ; }
/* ----------------------
		 LAYOUT
------------------------*/


#wrapper 				{ width: 880px; margin: 10px auto; background:#f1e3fc url(../img/css/sidebar-bg.gif) top right repeat-y; }

#header                 { height: 143px; background-color: #86a3c1; position:relative; }
#branding               { width: 150px; text-indent: -9999px; overflow: hidden; background: transparent url(../img/css/brglogo1.gif) top left no-repeat; line-height: 150px; display:block; height: 100%; }
  #branding a           { display:block; }
  .banner-image         { position:absolute; top:0; left: 150px; }
  .contact-block        { position: absolute; top: 0; right: 0; background-color: #21097b; width: 190px; height: 143px; text-align: right; }
  .contact-block .nav   { height: 20px; padding:0;}
  .contact-block .nav li
                        { display: inline; margin: 0; padding: 0;}
  .contact-block .nav a, .contact-block .nav a:link,
  .contact-block .nav a:visited, .contact-block .nav a:hover
                        { line-height: 13px; font-size: 13px; color: #fff; padding: 0 10px 2px; text-decoration:none; }	

.nav-primary            { height:20px; background-color: #21097b; }
  .nav-primary li       { float:left; }
  .nav-primary a        { display:block; line-height: 20px; font-size: 12px; color: #fff;  text-decoration:none; font-family: Arial; font-weight:bold; word-spacing: 1px; text-align: center;}
  .nav-primary .bonnie  { background-color: #5951a4; width: 140px; }
  .nav-primary .services{ background-color: #f69b30; width: 111px; }
  .nav-primary .consult { background-color: #098b31; width: 110px; }
  .nav-primary .nutrition  { background-color: #2a62ad; width: 164px; }
  .nav-primary .cookbook{ background-color: #cc3333; word-spacing:0; width: 165px; }

#main, #sidebar         { float: left; }
#main                   { width: 650px; padding: 20px 20px; position: relative; z-index: 1;height:100%; }
  .tan #wrapper            { background-color: #faddbf; }
  .pink #wrapper           { background-color: #FDDFD0; }
  .yellow #wrapper        { background-color: #FFFDD7; }
  .green #wrapper          { background-color: #E9F5C9; }

#main ul, #main ol,
#fancybox-content ul,
#fancybox-content ol    { margin: -5px 40px 20px; }


#main img               { border: 1px solid #333; }


#sidebar                { width: 190px; background-color: #86a3c1; position: relative; z-index: 1; }
  #sidebar .nav         { margin: 20px 0 50px; }
  #sidebar .nav a       { color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; line-height: 28px; margin-left: 20px; }
  #sidebar .book        { margin: 20px 10px; }
  #sidebar .passover    { background-color: #d7dbdc; }
  
#footer                 { clear:both; border-top: 20px solid #21097b; background-color: #fff; z-index: 100; position:relative; text-align:center; border-bottom: 20px solid #fff; }
  #footer p             { font-size: 10px; margin:10px 40px; line-height: 12px; }
  
 .nutrition-therapy table { background-color: #fff; }
 .recipe-byline {font-size: 11px; color: #666; text-align:center; }