html{font-size:100%;} /* ie em correction */
body {margin: 0; padding: 0; background-color: #EEE; text-align: center; font-size: 1em; font-family: georgia, times, serif; color: #000;}

#page {width: 970px; margin: 0px auto; border: #DDD solid; border-width: 0px 1px; background: #FFF url('img/bg-sidebar-rule.gif') 649px 0px repeat-y;}
#page-full {width: 970px; margin: 0px auto; border: #DDD solid; border-width: 0px 1px; background: #FFF; }

#header {position:relative; height: 160px; background-color: #FFF;}
	.logo{position: absolute; top: 50px; left: 24px; width:270px; height:33px;}
	.social-links {z-index: 999; position: absolute; top: 64px; left: 690px; width: 160px; height: 30px; font-size: 0.8em; color: #999;}
		.social-links img {vertical-align: bottom;}
	.headshot {z-index: 990; position: absolute; top: 10px; right: 28px; width: 120px; height: 120px;}
	#nav {z-index: 980; position: absolute; top: 95px; left: 0; width: 970px; height: 34px; overflow: hidden; border: 1px #000 solid; border-width: 1px 0px;}
		#nav ul {margin: 0; padding: 0; list-style: none; background-color: #FFF; color: #000;}
		#nav ul li {float: left; margin: 0;}		
		#nav ul li a, .nav ul li a:visited { display: block; padding: 4px 21px 0 25px;
		font: normal 0.72em normal georgia,times,serif; line-height: 34px; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; color: #000;}
		#nav ul li a:hover, #nav ul li a.current { background: url('img/bg-nav-selected.gif') 48% 0 no-repeat;}
		
#stage {float: left; width: 600px; padding-left: 25px; text-align: left; 
	font-size: .78em; line-height: 1.5em;}

#sidebar {float: right; width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; background: transparent !important; text-align: left; font-size: 0.78em; line-height: 1.5em;}
	.hp #sidebar {background: url('img/bg-coffee-cup.jpg') right 95px no-repeat !important;}
#sidebar-left { float: left; width: 270px; padding: 10px 0 0 25px; background: transparent !important; text-align: left; font-size: 0.78em; line-height: 1.5em; }

#footer {margin: 30px 25px 0 25px; padding: 10px 0 50px 0; background-color: #FFF; border-top: 1px #DDD solid; font: normal 0.72em helvetica, arial, sans-serif; color: #777;}


/* DEFAULT STYLES */
h1 {margin: 0px 0px; padding: 0px 0px; font: normal 2em georgia, times, serif; line-height: 1.1em;}
h2 {margin: 10px 0; font: normal 1.6em georgia, times, serif; line-height: 1.1em;}
h3 {margin: 10px 0px 0px 0px; padding: 0px 0px; font-size: 1.4em; font-weight: normal;}
h4 {margin: 0px 0px 5px; padding: 5px 0 0; color: #CC0000; font-size: .9em; font-weight: normal; letter-spacing: 0.04em; border-width: 0px; text-transform: uppercase;}
	.section-title {margin: 2.5em 0 1.4em 0; padding: 4px 2px; border: #CCC solid; border-width: 3px 0px 1px !important; text-align: center;}
h5 {margin: 1em 0 0;padding: 0; font-size: 1em; font-weight: bold;}

a, a:visited {text-decoration: none; color: #069;}
a:active, a:hover {text-decoration: underline;}
	a img, a:visited img {border-width: 0px;}
	h1 a, h1 a:visited, h2 a, h2 a:visited {color: #000;}
	a.see-all {font-weight: bold;}
	
	a.button-grey, a.button-grey:visited {display: block; height: 33px; margin: 7px 10px 0px 0px; padding: 0 0 0 14px; background: #BCB6B2 url('img/bg-button-grey-left.gif') top left no-repeat; line-height: 33px; font-size: 1.1em; font-style: italic; color: #FFF; text-align: center;}
	a.button-grey span, a.button-grey:visited span {cursor: pointer; display: inline; float: left; height: 33px; padding: 0 14px 0 0; background: #BCB6B2 url('img/bg-button-grey-right.gif') top right no-repeat;}
	a.button-grey:active, a.button-grey:hover {background: #A79F9A url('img/bg-button-grey-left.gif') 0px -33px no-repeat; text-decoration: none;}
	a.button-grey:active span, a.button-grey:hover span {background: #A79F9A url('img/bg-button-grey-right.gif') right -33px  no-repeat; text-decoration: none;}
	
	a.button-buy, a.button-buy:visited {display: block; width: 140px; height: 30px; margin: 0.625em 0 0; background: url('img/bg-button-buy.gif') top left no-repeat; line-height: 30px; font-size: 1em; font-weight: bold; font-family: helvetica, arial, sans-serif; text-align: center;}
	a.button-buy:active {background: url('img/bg-button-buy.gif') 0px -140px no-repeat; text-decoration: none;}
	a.button-buy:hover { cursor: pointer; text-decoration: none; color: #036; }

.left {float: left;}
.right {float: right;}
.clearall {clear: both;}

/* main */
.hp-promo {margin: 10px 0px 0 0;}
	.hp-promo .text h1 {font-size: 2.4em !important;}
	.image {float: left; width: 220px;}
	.text {float: right; width: 330px; margin: 20px 5px 0px 0px;}

.press-promo .quote {padding-top: .8em; font-size: 1.6em; line-height: 1.500em;}
.press-promo img {margin: 0 0 0 25px;}
.press-promo .credit {font-size: 1.1em; margin: 0.700em 0 2em;}

.column-half {width: 290px;}
	.column-half .section-title {text-align: left !important;}
.column-two-third {float: right; width: 420px; margin: 20px 0 0 0;}

.nav-side {float: left; width: 155px; margin: 20px 0 0;}
	.nav-side ul {width: 155px; margin: 0; padding: 0;}
	.nav-side ul li {list-style-type: none; display: block; height: 30px; margin: 0; padding: 0; border-bottom: 1px #DDD solid; line-height: 30px;}
	.nav-side ul li a {display: block; height: 30px; padding: 0 0 0 1em;}
	.nav-side ul li a:hover {background: #DDD url('img/bg-gradient-30.gif') top left repeat-x; text-decoration: none; color: #000;}
	.nav-side ul li a.current {background: #DDD url('img/bg-gradient-30.gif') top left repeat-x; font-weight: bold; color: #000;}
.nav-prev, .nav-next {margin: 2em 0 0 0; font-weight: bold;}
.nav-next {font-weight: bold; text-align: right;}
.nav-right { margin: 0 !important; padding: 0; border-top: 1px solid #ddd; }
	.nav-right li {list-style: none !important; margin: 0; padding: 0; border-bottom: 1px solid #DDD; }
	.nav-right a { display: block; padding: 8px; line-height: 1.2em !important; }
	.nav-right a:hover {background: url('img/bg-gradient-30.gif') top left repeat-x; text-decoration: none; color: #000;} 
	.nav-right a.current {background: url('img/bg-gradient-30.gif') top left repeat-x; color: #333 !important;}

.press-clip {margin: 1.120em 0;}
	.press-clip cite { display:block; text-align: right; color: #777; font: normal 0.9em helvetica, arial, sans-serif; padding: .6em 0;}
	.credit { text-align: right;}

.photo-caption { margin-top: .4em; font-size: .9em; font-family: helvetica, arial, sans-serif; color: #777; line-height: 1.4em; }

.video { text-align: center }

dl.story-list {margin: 10px 0 0; padding: 0; border-bottom: 1px #DDD solid;}
	.story-list dt {float: left; width: 130px;}
	.story-list dd {position: relative; margin: 0px 0px 0px 150px; padding: 0;}
		.story-list dd p {margin: 0 0 1.8em;}

.recipe-dek {margin: 1.5em 0;}
.recipe-servings {margin: 1.120em 0 1.5em 0; text-transform: uppercase;}
ul.recipe-ingredients {list-style-type: none; margin: 1.120em 0 1.5em 0; padding: 0;}
	ul.recipe-ingredients li {margin: 0; padding: 0;}
ol.recipe-directions {margin: 1.120em 0 1.5em .6em; padding: 0;}
	ol.recipe-directions li { margin: 1em 0 1em 1em; padding: 0;}

form {margin: 0; padding: 1em 0;}	
.fm-field {display: block; margin: 0 0 15px; padding: 0;}	
	label {float: left; width: 100px; padding: 0; color: #333; font: normal 0.950em helvetica, arial, sans-serif;text-align: left;}
	input, textarea {position: relative; margin: -5px 0 0; border:1px solid #CCC; padding: .3em;}
	input {width: 215px}
	textarea {width: 490px; height: 210px; overflow: hidden;}
	.fm-character-count {margin: 5px 0 0 100px; color: #777; font: normal .9em helvetica, arial, sans-serif;}


/* sidebar  */
.sidebar-image {margin: 0px 25px 0px 0px;}

.sidebar-block {margin: 0px 25px 25px 0px;}
	.sidebar-block p {margin: 0.5em 0 1.2em 0;}
	.sidebar-block ul {margin:0 0 0 1em; padding-left: 0; line-height: 1.4em;}
		.sidebar-block ul li {list-style-type: disc; color: #369;}
		.sidebar-block ul li a, .sidebar-block ul li a:visited {font: bold .9em helvetica, arial, sans-serif; color: #369;}	
	.coffee-gutter {margin: 0px 90px 25px 0px !important;} /* Only for HP */
		
	.tweet {font-size: 1.433em; line-height: 1.333em;}
	.timestamp {margin: 0.495em 0 1.120em 0 !important;}

	.book-promo .cover {float: right; width: 90px; margin: 0 0 10px 0; text-align: right;}
	.book-promo .title {font-size: 1.200em; margin: 0 0 0.700em;}
	.credit, .publish-date, .timestamp, .attribution, .small-grey  {margin:  0; color: #777; font: normal 0.9em helvetica, arial, sans-serif;} /* small, grey, helvetica */
		/* author's */.position {font-style: italic;}
	.book-promo ul {margin-top: .8em;}

	.featured-book {margin: 0 25px 20px 0; padding: 0 0 10px; border-bottom: 1px #DDD solid;}
	.featured-book .cover {float: left; width: 120px;}
	.featured-book .details {float: right; width: 150px;}
	.featured-book .title {margin: 0 0 0.700em; font-size: 1.570em; line-height: 1.200em;}
	.featured-book .buy-links {margin: 1.2em 0 0;}
	
	.events-list {margin: 0; padding: 0;}
		.event {padding: .1em 0 1.2em 0; }
		.ruled {border-top: 1px #DDD solid;}
		.ruled .event {padding: 10px 0;border-bottom: 1px #DDD solid;}
			.date-box {float: left; width: 50px; height: 48px; border: #CCC solid; border-width: 4px 1px 1px; text-align: center;}
				.date-box .month {margin: 0.4em 0 0; font-size: 1em; text-transform: uppercase; line-height: 1.1em;}
				.date-box .day {font-size: 2em;}
			.event-details {position: relative; margin: 0px 0px 0 55px; padding: 0 0 0 0.5em;}
				.event-title {font-weight: bold;}
				.event-date {font: normal 1em helvetica, arial, sans-serif; line-height: 1.670em;}
				.event-time {font: normal 1em helvetica, arial, sans-serif; text-transform: uppercase;}
				.event-description {padding-top: .5em;}
				
#sidebar-left .sidebar-block { margin: 0 0 25px 0; }		
#sidebar-left .book-promo .cover { float: left; width: 90px; margin: 0 12px 10px 0; text-align: left; }
		
/* footer */
.copyright {width: 450px; text-align: left;}
.additional-info {width: 450px; text-align: right}


/* twitter */
#tweet ul li { color: black; list-style: none; padding: 0; margin: 0; }
#tweet ul { color: black; list-style: none; padding: 0; margin: 0; }

.thumbnail img { width: 30%; height: 30%; float: left; padding-right: 15px; }

input.button-buy { border: none; display: block; width: 140px; height: 30px; margin: 0.625em 0 0; background: url('/img/bg-button-buy.gif') top left no-repeat; line-height: 30px; font-size: 1em; font-weight: bold; font-family: helvetica, arial, sans-serif; text-align: center;}
input.button-buy:active {background: url('/img/bg-button-buy.gif') 0px -140px no-repeat; text-decoration: none;}
input.button-buy:hover { cursor: pointer; text-decoration: none; color: #036; }