@charset "utf-8";

/* Global Text and Link Styles */
* {margin: 0; padding: 0;font-size: 100%;}

body {background-image:url('../images/background.jpg'); top left repeat-x; text-align: center; font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif;}

#r-col h1 {margin: 0 0 12px 0; text-indent: 0; background: none; width: auto; height: auto; font-size: 2.4em; color: #fff6dc;}
h2 {font-size: 2.4em; line-height: 1.3em; padding: 25px 0 8px 0;}
h3 {font-size: 1.3em;line-height: 1.75em; padding-bottom: 0px;}
.credits h3 {font-size: 2em; padding-bottom: 8px; color:#4B3900;}
p {font-size: 1.3em;line-height: 1.75em;padding-bottom: 6px;}
a {text-decoration: none;color: #214b7a;outline: none;}
a:hover {text-decoration: underline;}
a img {border: 0; outline: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.hidden {height: 0;overflow: hidden;position: absolute;width: 0;}
.indent {padding-left: 10px;}
.smaller {font-size: .9em;}
.floatright {float: right; margin: 10px;}

div.history#content p {line-height: 1.25em; padding-bottom: 8px;}
div.credits#content h2 {padding: 0 0 6px 0; font-size: 1.8em; line-height: 1.2em; color: #000000; text-align:center}
div.credits#content p {padding-bottom: 24px;	color: #000000;}
p.citation {font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;}

/* Structural Styles */
#wrapper {width: 800px;	margin: 0 auto;	text-align: left;}
#content {min-height: 529px;}
div.home#content  {padding: 0; background: #ff0000 url(../global-images/intro-bg.jpg) top left no-repeat; border-right: solid 5px #B22222;	border-bottom: solid 5px #B22222; border-left: solid 5px #B22222; color: #000000; font-size: .9em; clear: both;}
div.home#content #l-col {display: inline;float: left;width: 360px; margin-left:30px; padding-top:25px;}
div.home#content #r-col {display: inline;float: right;width: 350px;padding-right: 40px; padding-top:25px;}
div.history#content  {padding: 0px 20px 0 20px;	background: #e6b846 url(../global-images/history-bg.jpg) bottom left no-repeat; border-right: solid 5px #FF8C00;	border-bottom: solid 5px #FF8C00; border-left: solid 5px #FF8C00; min-height: 500px;}
div.stories#content  {padding: 20px 20px 0 20px; background: #fff9e0 url(../global-images/stories-bg.jpg) bottom left no-repeat; background-color: #fbb585;	border-right: solid 5px #006400; border-bottom: solid 5px #006400; border-left: solid 5px #006400; min-height: 500px;}
/*div.stories#content #inner-wrapper {background: url(/exhibits/whats-cooking/global-images/child-with-apple.png) top left no-repeat;}*/
div.credits#content  {background: #949c50 url(../global-images/credits-bg.jpg) bottom left no-repeat; border-right: solid 5px #00008B; border-bottom: solid 5px #00008B;	border-left: solid 5px #00008B;}
div.credits#content #l-col {display: inline;float: left;width: 360px; margin-left:30px; padding-top:25px;}
div.credits#content #r-col {display: inline;float: right;width: 320px;padding-right: 40px; padding-top:25px;}
.marginTweak {margin-top: 55px;}

/* History Menu Page Styles */
div.row {margin: 0px 0px 0px 0px;width: 624px;height: 80px;clear: both;}
div.row.banner1 {padding-top: 22px;background: url(../history/images/banner1.png) 0 22px no-repeat;}
div.row.banner2 {background: url(../history/images/banner2.png) 0 0 no-repeat;}
div.row.banner3 {background: url(../history/images/banner3.png) 0 0 no-repeat;}
div.row.banner4 {background: url(../history/images/banner4.png) 0 0 no-repeat;}

/*Stories Menu Page Styles */
div.row {margin: 0px 0px 0px 0px;width: 624px;height: 80px;clear: both;}
div.row.banner6 {padding-top: 16px;background: url(../stories/images/banner6.png) 0 22px no-repeat;}
div.row.banner7 {background: url(../stories/images/banner7.png) 0 0 no-repeat;}
div.row.banner8 {background: url(../stories/images/banner8.png) 0 0 no-repeat;}
div.row.banner9 {background: url(../stories/images/banner9.png) 0 0 no-repeat;}


/* History/Stories Page Button Styles */
div.row a.button {margin-top: 20px;display: block;float: right;width: 82px;height: 0px;padding-top: 39px;overflow: hidden;}
div.row.banner1 a.button {background: url(../global-images/buttons/btn1a.png) 0 -39px no-repeat;}
div.row.banner1 a.button:hover {background: url(../global-images/buttons/btn1a.png) 0 0 no-repeat;}
div.row.banner2 a.button {background: url(../global-images/buttons/btn2a.png) 0 -39px no-repeat;}
div.row.banner2 a.button:hover {background: url(../global-images/buttons/btn2a.png) 0 0 no-repeat;}
div.row.banner3 a.button {background: url(../global-images/buttons/btn3a.png) 0 -39px no-repeat;}
div.row.banner3 a.button:hover {background: url(../global-images/buttons/btn3a.png) 0 0 no-repeat;}
div.row.banner4 a.button {background: url(../global-images/buttons/btn4a.png) 0 -39px no-repeat;}
div.row.banner4 a.button:hover {background: url(../global-images/buttons/btn4a.png) 0 0 no-repeat;}

div.row.banner6 a.button {background: url(../global-images/buttons/btn1a.png) 0 -39px no-repeat;}
div.row.banner6 a.button:hover {background: url(../global-images/buttons/btn1a.png) 0 0 no-repeat;}
div.row.banner7 a.button {background: url(../global-images/buttons/btn5a.png) 0 -39px no-repeat;}
div.row.banner7 a.button:hover {background: url(../global-images/buttons/btn5a.png) 0 0 no-repeat;}
div.row.banner8 a.button {background: url(../global-images/buttons/btn3a.png) 0 -39px no-repeat;}
div.row.banner8 a.button:hover {background: url(../global-images/buttons/btn3a.png) 0 0 no-repeat;}
div.row.banner9 a.button {background: url(../global-images/buttons/btn4a.png) 0 -39px no-repeat;}
div.row.banner9 a.button:hover {background: url(../global-images/buttons/btn4a.png) 0 0 no-repeat;}

/* Stories Gallery Page Styles */
div#pageNav {margin-bottom: 10px;height:100px;}
div#pageNav.early {background: url(../history/images/early.png) bottom left no-repeat;}
div#pageNav.middle {background: url(../history/images/middle.png) bottom left no-repeat;}
div#pageNav.later {background: url(../history/images/later.png) bottom left no-repeat;}
div#pageNav.ephemera {background: url(../history/images/ephemera.png) bottom left no-repeat;}

/* Tab Styles */
#tabs {display:block; width:800px; height:65px;}
#tabs ul {list-style-type: none;}
#tabs li {float: left;}
#tabs a {display:block; width:200px; height:0; padding-top:65px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #tabs a:link, * html #tabs a:visited {height:65px; he\ight:0;}

/* Intro Page Tabs */
#tabs a#intro-w {background:transparent url(../global-images/tabs/intro-w.jpg) 0 -65px no-repeat;}
#tabs a#history-w {background:transparent url(../global-images/tabs/history-w.jpg) 0 -65px no-repeat;}
#tabs a#stories-w {background:transparent url(../global-images/tabs/stories-w.jpg) 0 -65px no-repeat;}
#tabs a#credits-w {background:transparent url(../global-images/tabs/credits-w.jpg) 0 -65px no-repeat;}
/* Intro page: Set Hover State */
#tabs a#intro-w:hover, #tabs a#history-w:hover, #tabs a#stories-w:hover, #tabs a#credits-w:hover {background-position:0 0; z-index:50;}
* html #tabs a:hover {height:65px; he\ight:0;}

/* History Page Tabs */
#tabs a#intro-v {background: transparent url(../global-images/tabs/intro-v.jpg) 0 -65px no-repeat;}
#tabs a#history-v {background:transparent url(../global-images/tabs/history-v.jpg) 0 -65px no-repeat;}
#tabs a#stories-v {background:transparent url(../global-images/tabs/stories-v.jpg) 0 -65px no-repeat;}
#tabs a#credits-v {background:transparent url(../global-images/tabs/credits-v.jpg) 0 -65px no-repeat;}
/* Stories page: Set Hover State */
#tabs a#intro-v:hover, #tabs a#history-v:hover, #tabs a#stories-v:hover, #tabs a#credits-v:hover {background-position:0 0; z-index:50;}
* html #tabs a:hover {height:65px; he\ight:0;}

/* Stories Page Tabs */
#tabs a#intro-p {background: transparent url(../global-images/tabs/intro-p.jpg) 0 -65px no-repeat;}
#tabs a#history-p {background:transparent url(../global-images/tabs/history-p.jpg) 0 -65px no-repeat;}
#tabs a#stories-p {background:transparent url(../global-images/tabs/stories-p.jpg) 0 -65px no-repeat;}
#tabs a#credits-p {background:transparent url(../global-images/tabs/credits-p.jpg) 0 -65px no-repeat;}
/* Stories page: Set Hover State */
#tabs a#intro-p:hover, #tabs a#history-p:hover, #tabs a#stories-p:hover, #tabs a#credits-p:hover {background-position:0 0; z-index:50;}
* html #tabs a:hover {height:65px; he\ight:0;}

/* Credits Page Tabs */
#tabs a#intro-e {background: transparent url(../global-images/tabs/intro-e.jpg) 0 -65px no-repeat;}
#tabs a#history-e {background:transparent url(../global-images/tabs/history-e.jpg) 0 -65px no-repeat;}
#tabs a#stories-e {background:transparent url(../global-images/tabs/stories-e.jpg) 0 -65px no-repeat;}
#tabs a#credits-e {background:transparent url(../global-images/tabs/credits-e.jpg) 0 -65px no-repeat;}
/* Credits page: Set Hover State */
#tabs a#intro-e:hover, #tabs a#history-e:hover, #tabs a#stories-e:hover, #tabs a#credits-e:hover {background-position:0 0; z-index:50;}
* html #tabs a:hover {height:65px; he\ight:0;}

/* Footer Styles */
#footer {margin: 16px;	color: #fff6dc;	padding-bottom: 16px; height: 100%;}
#footer img {float: left; margin-right: 8px; }
#footer h3 {padding-top: 15px;	font-size: 1.2em; }
#footer ul {list-style-type: none; padding-right:2em;}
#footer li {display: inline;font-size: 1em;padding-right: 2em;}
#footer li a, h3 a {color: #fff6dc;text-decoration: none;}
#footer li a:hover, h3 a:hover {text-decoration: underline;}

/* Slide Show Styles */
#slideshow {background: url(../history/images/slideshow.png) no-repeat top left; min-height: 390px; margin: 0 auto; position: relative; width: 484px;}
#slideshow #slidesContainer {margin:0 auto; width:430px; min-height:390px; overflow:auto; position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto; width:410px; min-height:390px; text-align: center;}
#slideshow #slidesContainer .slide img {border: solid #FFF 5px; cursor: pointer;}
#slideshow #slidesContainer .slide h6 {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;	color: #111; font-weight: normal; text-align: center; padding: 4px 0 8px 0;}
#slideshow #slidesContainer .slide p {font-size: 1.5em;	line-height: 130%; padding-bottom: 6px;}
#slideshow #slidesContainer .slide p.citation {font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;}
#slideshow #slidesContainer .control {display:block; position: absolute; width:27px; height:390px; text-indent:-10000px; cursor: pointer;}
#leftControl {top:0; left:0; background:transparent url(../history/images/control-left.png) no-repeat 0 0;}
#rightControl {top:0; right:0; background:transparent url(../history/images/control-right.png) no-repeat 0 0;}

/* Lightbox Styles */
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70);}
.white_content {display: none;position: absolute;padding: 10px 10px 5px 10px;border: 10px solid #fff;background-color: white;z-index:1002;overflow: auto;}
#closer {padding-top: 10px;cursor: pointer; text-align: center;}
#largeImg {cursor: pointer;}

/* Stories Page Banner Styles */
#banner {margin-top: 15px;}
#banner p {width: 315px;padding: 75px 39px 0 25px;background: transparent url(/exhibits/whats-cooking/images/coming-soon-bg.png) no-repeat top left;font-size: 1.3em;line-height: 150%;color: #fff;}
#banner p a {color: #a5d2ec;text-decoration: none;}
#banner p a:hover {text-decoration: underline;}

#pageNav a#backToOverview {display:block; width:154px; height:0; padding-top:35px; color:#000; overflow:hidden; float: left; margin: 42px 0 0 14px;}
/* hack for older versions of IE with incorrect box model */
* html #pageNav a#backToOverview:link, * html #pageNav a#backToOverview:visited {height:35px; }
/* hack for older versions of IE with incorrect box model */
* html #pageNav a#viewVideo:link, * html #pageNav a#viewVideo:visited {height:35px; he\ight:0;}
#pageNav a#backToPhotos {display:block; width:138px; height:0; padding-top:35px; color:#000; overflow:hidden; float: left; margin: 42px 0 0 14px;}
/* hack for older versions of IE with incorrect box model */
* html #pageNav a#backToPhotos:link, * html #pageNav a#backToPhotos:visited {height:35px; he\ight:0;}

#pageNav.early a#backToOverview {background: transparent url(../history/images/early-back.png) 0 -35px no-repeat;}
#pageNav.early a#backToOverview:hover {background: transparent url(../history/images/early-back.png) 0 0 no-repeat;}

#pageNav.middle a#backToOverview {background: transparent url(../history/images/middle-back.png) 0 -35px no-repeat;}
#pageNav.middle a#backToOverview:hover {background: transparent url(../history/images/middle-back.png) 0 0 no-repeat;}

#pageNav.later a#backToOverview {background: transparent url(../history/images/later-back.png) 0 -35px no-repeat;}
#pageNav.later a#backToOverview:hover {background: transparent url(../history/images/later-back.png) 0 0 no-repeat;}

#pageNav.ephemera a#backToOverview {background: transparent url(../history/images/ephemera-back.png) 0 -35px no-repeat;}
#pageNav.ephemera a#backToOverview:hover {background: transparent url(../history/images/ephemera-back.png) 0 0 no-repeat;}

#pageNav .videoTitle {float: right;	margin: 48px 135px 0 0;text-align: right;}
#pageNav .videoTitle p{font-size: 1.6em;font-weight: bold;line-height: 85%;color: #261d03;}
#pageNav .videoTitle p.smaller{font-size: 1.3em}
#pageNav .videoTitle p .citation{font-family: Arial, Helvetica, sans-serif;	font-size: .65em;font-weight: normal;}

/* Video Page Styles */
#player {width: 480px; padding:0; margin: 0 auto; background: #fdc69e; text-align: center;}

/* Home Page Slide Show */
#photoShow {height:235px; width:379px;}
#photoShow div {position:absolute;z-index:0;}
#photoShow div.previous {z-index:1;}
#photoShow div.current {z-index:2;}

/* 11-04-2011 Style Additions */
p.purchase {font-size: 1.3em; font-weight: bold; text-align: center; padding: 0 10px 0 10px;}
.padfix {margin-bottom: 125px;}
.publication {float: left; padding: 5px 5px 0 0;}
.buynow {font-weight: bold; font-size: 1.35em;}
/*.credits {clear: both; padding-top: 24px; color: #ffffff; text-align: center; font-size: .9em;}*/