/* BASE STRUCTURE, COLOR, FONTS 	font-variant: small-caps;  */



html {

  	height: 100%;

      margin : 0;

      padding : 0;

	background: #e6d6b0;

	font-family: "Caslon224 Bk BT", georgia, baskerville, garamond, centaur, times, serif;

	font-feature-settings: "liga" 1;

	font-variant-ligatures: common-ligatures;

}





@font-face {

font-family:HelveticaN;

src: url('http://dl.dropbox.com/HelveticaNeueThn.ttf') format("truetype");

}



@font-face {

font-family:HelveticaB;

src: url('http://dl.dropbox.com/HelveticaNeue-BoldOutline.otf') format("opentype");

}





@font-face {

    font-family: 'caslon224_bk_btbold';

    src: url('fonts/cas224b-webfont.eot');

    src: url('fonts/cas224b-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/cas224b-webfont.woff2') format('woff2'),

         url('fonts/cas224b-webfont.woff') format('woff'),

         url('fonts/cas224b-webfont.ttf') format('truetype'),

         url('fonts/cas224b-webfont.svg#caslon224_bk_btbold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'caslon224_bk_btbold_italic';

    src: url('fonts/cas224bi-webfont.eot');

    src: url('fonts/cas224bi-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/cas224bi-webfont.woff2') format('woff2'),

         url('fonts/cas224bi-webfont.woff') format('woff'),

         url('fonts/cas224bi-webfont.ttf') format('truetype'),

         url('fonts/fonts/cas224bi-webfont.svg#caslon224_bk_btbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'caslon224_bk_btbook';

    src: url('fonts/cas224n-webfont.eot');

    src: url('fonts/cas224n-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/cas224n-webfont.woff2') format('woff2'),

         url('fonts/cas224n-webfont.woff') format('woff'),

         url('fonts/cas224n-webfont.ttf') format('truetype'),

         url('fonts/cas224n-webfont.svg#caslon224_bk_btbook') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'caslon224_bk_btbook_italic';

    src: url('fonts/cas224ni-webfont.eot');

    src: url('fonts/cas224ni-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/cas224ni-webfont.woff2') format('woff2'),

         url('fonts/cas224ni-webfont.woff') format('woff'),

         url('fonts/cas224ni-webfont.ttf') format('truetype'),

         url('fonts/cas224ni-webfont.svg#caslon224_bk_btbook_italic') format('svg');

    font-weight: normal;

    font-style: normal;

}





@font-face {

    font-family: 'OPTICaslon-Antique';

    src:url('fonts/OPTICaslon-Antique.ttf.woff') format('woff'),

        url('fonts/OPTICaslon-Antique.ttf.svg#OPTICaslon-Antique') format('svg'),

        url('fonts/OPTICaslon-Antique.ttf.eot'),

        url('fonts/OPTICaslon-Antique.ttf.eot?#iefix') format('embedded-opentype'); 

        font-weight: normal;

        font-style: normal;

}









 

BODY {

	display: block;

	margin-left:auto;

	margin-right:auto;

	background: #e6d6b0;

	background: url('../images/background2.jpg');

	max-width:750px; 

	font-size: 140.0%;

	color: #432;

} 

 









div.maincontainer{

	max-width: 750px;

	text-align: left;

	background: url('../images/background2.jpg');

	display: block;

	margin-left: auto; 

	margin-right: auto; 

} 









div.quote{

	max-width: 650px;

	text-align: right;

	background: url('../images/background2.jpg');

	display: block;

	float: center; 

} 





/* Left pullquote */

.pullquote {

	color: #e6d6b0;

	background: #443322;

	font-family: "OPTICaslon-Antique", georgia, baskerville, garamond, centaur, times, serif;

	letter-spacing: 0.1em;

	text-indent: 0.75em; 

	line-height: 100%;

    	float: left;

    	text-align:left;

    	width: 150px;

    	font-weight: 400;

    	margin: 0.5em 2.0em 0.5em 0.0em;   

  	-webkit-hyphens: auto;

  	-moz-hyphens: auto;

  	-ms-hyphens: auto;

    	hyphens: auto;

}





/* Left pullquote mid-paragraph */

.pullquotemidpara {

	color: #e6d6b0;

	background: #443322;

	font-family: "OPTICaslon-Antique", georgia, baskerville, garamond, centaur, times, serif;

	letter-spacing: 0.01em;

	text-indent: 0.75em; 

	line-height: 100%;

    	float: left;

    	text-align: left;

    	width: 150px;

    	font-weight: 400;

    	margin: 0.5em 2.0em 0.5em -2.5em;

    	border-style: solid;

    	border-color: #443322;

  	-webkit-hyphens: auto;

  	-moz-hyphens: auto;

  	-ms-hyphens: auto;

    	hyphens: auto;

}











.smcap {

font-variant:small-caps;



}



.caption {

	text-align:center;

	font-size:85%;

	font-weight:bold;

	width:75%; 

	margin-left:auto;

	margin-right:auto;

}





.caption-center {

	text-align:center;

	font-size:85%;

	font-weight:bold;

	width:75%; 

	margin-left:auto;

	margin-right:auto;

}





.caption-right {

	text-align:right; 

	font-size:85%; 

	font-weight:bold;

	width:75%; 

	margin-left:auto;

	margin-right:auto;

}

















/* COMMON STYLES */

h1, h2, h3, h4 {

	letter-spacing: 0.1em;

	color: #432;

	margin: 0.075em 2em 0.5em 2em;

	border-bottom: 1px solid #432;

	font-family: "OPTICaslon-Antique", georgia, baskerville, garamond, centaur, times, serif;

}

h1 {

	font-size: 1.4em;

}

h2 {

	font-size: 1.3em;

}

h3 {

	font-size: 1.2em;

}

h4 {

	font-size: 1.1em;

}

h1 + p, h2 + p, h3 + p, blockquote > p:first-child, li > p:first-child {

	text-indent: 0em;

}



h1 + p::first-letter, h2 + p::first-letter, h3 + p::first-letter {

	font-size: 1.6em;

	color: #432;

}



h1 + p.drop::first-letter, h2 + p.drop::first-letter, h3 + p.drop::first-letter,

h4 + p.drop::first-letter {

	float:left;

	text-indent: 0; 

	font-size: 3.15em; 

	line-height: 1; 

	font-weight: bold; 

	margin-right: 0.1em;

		

}





p {

	line-height: 1.6em;

	text-indent: 1.5em;

	margin-left: 2.5em;

	margin-right: 2.5em;

}



p.bib {

	text-indent: -1.5em;

	margin-left: 4.0em;

}



p.drop1 {

	text-indent:0;

}



p.drop1::first-letter {

	float:left;

	text-indent: 0; 

	font-size: 3.15em; 

	line-height: 1; 

	font-weight: bold; 

	margin-right: 0.1em;

}







a {

	text-decoration: none;

	font-weight: bold;

	color: #d52;

	border: none;

}

em, cite, dfn, i {

	font-style: italic;

	letter-spacing: 0.08em;

}

ul {

	margin: 0.05em 0em 0.05em 0.75em;

}



ul > li {

	list-style: disc;

}



ul.recipe {

	

	line-height: 105%;

}



ul.recipe > li

	{

	margin-left: -5%;

	list-style: none; 

	}



ol {

	margin: 0.05em 0em 0.05em 1.5em;

	}



li {

	margin-bottom: 0.25em;

}



/* ol > li p, ul > li p {

	text-indent: 0em;

} */



blockquote {

	font-size: 0.95em;

	margin: 0.75em 0em 0.75em 1.5em;

	padding: 0em 0.5em;

	border-left: 1px solid #b3a15a;

}

blockquote p {

	line-height: 1.4em;

}





pre {

	margin: 0.75em 0em;

	padding: 0.5em;

	border-top: 1px solid #b3a15a;

	border-left: 1px solid #b3a15a;

	border-right: 1px solid #745e25;

	border-bottom: 1px solid #745e25;

	background: #fff;

	white-space: pre-wrap;

}

pre, code {

	color: #432;

	font-size: 0.95em;

	font-family: courier new;	

}

strong {

	font-weight: bold;

}







.right {

	float:right;

} 













/* Mobile browsers only */

@media only screen and (max-device-width: 480px) {

    body {



   		background: #e6d6b0 url(background2.jpg);

	      background: #e6d6b0 url('../../images/background2.jpg');

   		margin: 0;

   		padding: 0;



    	}







div.maincontainer{



    	text-align: left;

    	background: url('../images/background2.jpg');

	display: block;

	margin-left: auto; 

	margin-right: auto; 

}











.quote{

	margin-left: 1.5em;

	text-align: left;

	background: url('../images/background2.jpg');

	display: block;

	float: center; 

} 















p {

  margin-left:5px;

  margin-right:0px;

  padding-left:0px;

  padding-right:5px;

	}



p.bib {

	text-indent: -1.4em;

	margin-left: 1.5em;

}











/* Left pullquote */

.pullquote {

	color: #e6d6b0;

	background: #443322;

	font-family: "OPTICaslon-Antique", georgia, baskerville, garamond, centaur, times, serif;

	letter-spacing: 0.1em;

	text-indent: 0.75em; 

	line-height: 100%;

    	float: left;

    	text-align:left;

    	width: 150px;

    	font-weight: 400;

    	margin: 0.5em 2.0em 0.5em 0.0em;

    

  	-webkit-hyphens: auto;

  	-moz-hyphens: auto;

  	-ms-hyphens: auto;

    	hyphens: auto;

}





/* Left pullquote mid-paragraph */

.pullquotemidpara {

	color: #e6d6b0;

	background: #443322;

	font-family: "OPTICaslon-Antique", georgia, baskerville, garamond, centaur, times, serif;

	letter-spacing: 0.09em;

	text-indent: 0.75em; 

	line-height: 100%;

    	float: left;

    	text-align: left;

    	width: 150px;

    	font-weight: 400;

    	margin: 0.5em 2.0em 0.5em 0.0em;

    	border-style: solid;

    	border-color: #443322;

  	-webkit-hyphens: auto;

  	-moz-hyphens: auto;

  	-ms-hyphens: auto;

    	hyphens: auto;

}











ul {

  margin-left:.75em;

  padding-left:.5em;

	}



ol {

  margin-left:.75em;

  padding-left:.5em;

	}



li {

  margin-left:.75em;

}



h1, h2, h3, h4 {

	letter-spacing: 0.1em;

	color: #432;

	margin: 0.075em 0.5em 0.5em 0em;

	border-bottom: 1px solid #432;

}





}