/* reset */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, small, strike, strong, sub, sup, 
ol, ul, li,
fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
img { -ms-interpolation-mode: bicubic; }

:focus {
  outline: 0;
}

/* end reset */

/* GENERAL RULES */
body
{
  font-size: 62.5%;
  background-color: #f9f9f9;
  font-family: "ff-masala-web-1","ff-masala-web-2",sans-serif;
}
p 
{
  font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
  font-size: 1.6em;
  line-height: 1.2em;
  color: #273837;
  margin: 1em 0 1em 0;
}
blockquote {
  margin: 0 6.8em;
  text-align: justify;
}
h1, h2,h3,h4,h5,h6
{
  color: #333366;
}
h1
{
  font-size: 4em;
}
h2 
{
  font-size: 3.2em;
  font-weight: bold;
}
h3
{
  font-size: 2.4em;
}
h4
{
  font-size: 2.2em;
}
h5 
{
  font-size: 2em;
}
h6
{
  font-size: 1.8em;
}

#spacer
{
  color: #fff;
  clear: left;
}

.whiteBorderBox
{
  margin-bottom: 0.5em;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px #336666;
  -moz-box-shadow: 0px 0px 4px #336666;
  box-shadow: 0px 0px 4px #336666;
}
#nav .whiteBorderBox>p {
  font-size: 1.4em;
  color: #333366;
  padding: 0.2em;
}
#nav .whiteBorderBox p a:hover {
  text-decoration: underline;
}

#wrap
{
  width: 102em;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 2em auto;
}
#main
{
  float: left;
}
#nav
{
  float: right;
}
#headerImg
{
  margin-bottom: -1em;
  width: 100%;
}
/* end GENERAL */


/* start LEFT NAV */
#nav
{
  width: 16.2em;
  padding: 0 0.4em;
  overflow: hidden;
}
#nav form 
{
  margin-bottom:1em;
  width: 17em;
}
#nav form label
{
  display: block;
}
#nav ul
{
  width: 16em;
  margin-bottom: 2em;
  padding: 1em 0 1em 0;
}
#nav li, label
{
  font-size: 2em;
  line-height: 1.2em;
  color: #336666;
}
#nav li
{
  padding: 0 0.15em 0.25em 0.15em;
}

#nav .boxNav
{
  position: relative;
  overflow: hidden;
  display: block;
}

#recentPostThumbs li
{
  border-right: 0.05em solid white;
  float: left;
  height: 75px;
  overflow: hidden;
  padding: 0.05em 0.05em 0px 0px;
  width: 75px;
}
#recentPostThumbs 
{
  overflow: hidden;
}
#recentPostThumbs ul
{
  width: 8.3em;
  height: 12em;
  margin: 0 -0.5em 0 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
#nav #twitter {
  width: 100%;
  margin: 0;
  padding: 0;
}
#twitter li
{
  font-size: 0.6em;
}
#twitter li span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
#twitter a {
  text-decoration: underline !important;
}
#twitter .timestamp 
{
  font-size: 0.7em;
  display: block;
  text-decoration: none !important;
}
#linksBox li {
  padding: 0.15em 0;
  margin: 0 0.15em;
  border-bottom: 0.1em solid #336;
}
#linksBox li:last-child {
  border-bottom: 0;
}
#linksBox a {
  display: inline-block;
  width: 100%;
}
#linksBox a:hover {
  background-color: #cff;
  text-decoration: underline;
}
#nav p
{
  font-size: .7em;
  line-height: 1em;
  padding: 0;
  margin: 0;
  font-family: "ff-masala-web-1","ff-masala-web-2",sans-serif;
  clear: left;
}
#nav a
{
  text-decoration: none;
  color: #336666;
}
#flickrShots p
{
  text-align: right;
}
#nav #twitterImg
{
  width: 12em;
  position: absolute;
  top: 76em;
  display: block;
  margin-left: 1em;
}

#nav select
{
  width: 100px;
}

/* end LEFT NAV */

/* start MAIN AREA */
#main
{
  margin-right: 1em;
}
#navBar 
{
  font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2",sans-serif;
}
#navBar
{
  font-size: 2.4em;
  height: 1.2em;
  line-height: 1.2em;
  background-color: #336666;
  margin: -1.2em 0 1em 0;
  position: relative;
  z-index: 0;
}
#navBar ul
{
  margin: 0 0 0 9.625em;
}
#navBar li
{
  padding: 0 1em 0 1em;
  display: inline;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
#navBar a
{
  text-decoration: none;
  -webkit-text-stroke: 1px #333366;
  color: #CCFFFF;
}
#navBar a.selected
{
  color: #333366;
  -webkit-text-stroke: none;
}
.subnav {
  border: 0.05em solid #333366;
  border-top: 0px;
  padding: 0.3em 0;
  margin-bottom: 1.4em;
  margin-left: 10em;
  background-color: #fff;
  font-size: 2em;
  line-height: 1.2em;
}
.subnav li {
  padding: 0 1em 0 1em;
  display: inline;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.subnav a
{
  color: #333366;
}

/* start CONTENT AREA */
#content
{
  position: relative;
  width: 81.5em;
  margin: 0 0 4em 0.1em;
  text-align: left;
  padding: 1.2em;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px #336666;
  -moz-box-shadow: 0px 0px 4px #336666;
  box-shadow: 0px 0px 4px #336666;
}
#content a
{
  color: #333366;
  font-weight: bold;
  text-decoration: none;
}
#content a:hover
{
  background-color: #333366;
  color: #CCFFFF;
}
#content ul 
{
  margin-left: 2em;
  list-style: disc inside;
}
#content ol
{
  list-style: decimal inside;
}
#content li
{
  font-size: 1.6em;
  line-height: 1.2em;
  padding-top: 0.5em;
  font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
  margin: 0.1em 0 0.1em 0;
}

#content .meta
{
  color: #336666;
  margin: 0.25em 0 0 0;
  font-size: 1.2em;
}
#content .meta h3 a
{
  color: #336666;
}
#content .meta h3 a:hover
{
  background-color: #E0F2F5;
}
#content .recipe
{
  background-color: #E0F2F5;
  background-color: rgba(224,242,245,0.2);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99E0F2F5',EndColorStr='#99E0F2F5');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99E0F2F5',EndColorStr='#99E0F2F5')";
  padding: 1em 1em 0 1em;
  border: 0.2em solid #333366;
  margin-bottom: 1em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

#content .recipe li {
 color: #273837;
}
#content img
{
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

#content img.wp-smiley {
  display: inline-block;
}

#content .post
{
  overflow: hidden;
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1em solid #336666;
}

#content .picContainer
{
  overflow: hidden;
  width: 69em;
  margin: 0 auto;
}

#content .inline.margin
{
  margin-right: 0.5em;
}

#content .inline
{
  float:left; 
  width: 34em; 
  height:25em; 
  margin-bottom: 0.5em;
}
#content .vertical img {
  margin-right: 0.5%;
  display: inline-block;
  vertical-align: top;
}
#content .vertical.default img {
  max-width: 49%;
  min-width: 49%;
  height: auto;
}

#content .vertical div {
  margin-right: 0.5%;
  width: 49%;
}

#content .vertical.inline
{
  height: 64em;
}

#content .wp-caption
{
  display: block;
  padding: 1em;
  margin: 1em auto;
  background-color: #E0F2F5;
}
#content .wp-caption p
{
  font-size: 1.2em;
  margin: 0 auto;
  text-align: center;
}
#content .navigation
{
  overflow: hidden;
  font-size: 1.4em;
}
#content .navigation p
{
  display: inline;
}
#content .navigation p.alignleft
{
  float: left;
}
#content .navigation p.alignright
{
  float: right;
}
.related-posts {
  overflow: hidden;
}
.related-posts h4 {
  padding-bottom: 14px;
}
.related-post {
float: left;
height: 180px;
margin-right: 5px;
overflow: hidden;
width: 140px;
}
.related-post .img-wrap {
  height: 12em;
  width: 20em;
  overflow: hidden;
}
.related-post img {
  margin: 0 !important;
}
.related-post p {
  font-size: 1.4em;
  margin: 0;
}
.related-post a {
  color: #000 !important;
}
/* comments */
.comments
{
  background-color: #E0F2F5;
  background-color: rgba(224,242,245,0.2);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99E0F2F5',EndColorStr='#99E0F2F5');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99E0F2F5',EndColorStr='#99E0F2F5')";
  padding: 1em 1em 0 1em;
  border: 0.2em solid #333366;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
#content .commentlist { list-style: none; }
.comments #respond
{
  border-top: 0.3em solid #366;
}
.comments img.avatar
{
  float: left;
  width: 4.7em;
  height: 4.7em;
}
.comments h3 {
  font-size: 2em;
}
.comments p
{
  margin-left: 6.3em;
}
.comments cite, .comments span, .comments p, .comments a{
  font-size: 0.8em;
}
.comments .fn {
  font-size: 1.5em;
  font-style: normal;
  margin-left: 0.25em;
}
.comments textarea
{
  width: 70%;
}
.comments label {
  font-size: 1.8em;
}
.comments .comment-body {
  overflow: hidden;
}
.comments .comment-body img {
  margin: 0 !important;
  display: inline !important;
}
.comments .reply {
  float: right;
}
#content .comments ul {
  list-style-type: none;
  margin-left: 8.5em;
}
#content .children li {
  font-size: 1em !important;
  background-color: rgba(51,51,102,0.2);
  padding: 1en 0 1em 0;
}
#content .children em {
  margin-left: 0.5em;
}
.comment-author cite 
{
  margin-left: 0.5em;
}
.comment-meta 
{
  margin: -0.4em 0 0 5.1em;
}

#footer 
{
  background-color: #366;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  clear: both;
  height: 20em;
  margin-right: 2.4em;
}
/* Custom Icons */
.addthis_toolbox
{
  padding: 1em 0 1em 0;
}
#content .addthis_toolbox img
{
  display: inline-block;
}
#content .addthis_toolbox .custom_images a {
  width: 3.2em;
  height: 3.2em;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.addthis_toolbox .custom_images a img {
  opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
  opacity: 0.75;
}
/* end CONTENT AREA */

/*features!*/
#wrap.feature {
  width: 105.2em;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 4px #336666;
  -moz-box-shadow: 0px 0px 4px #336666;
  box-shadow: 0px 0px 4px #336666;
}

.feature article {
  overflow: hidden;
  position: relative;
}

.feature heading {
  overflow: hidden;
}
.feature section {
  overflow: hidden;
  padding: 0 1.6em;
  margin-bottom: 1.6em;
  float: left;
}

.feature p {
  font-family: Georgia;
  clear: both;
}
.feature .dropcap {
  font-family: "superclarendon-1","superclarendon-2";
  font-weight: 900;
  font-size: 2em;
}


.feature img {
  font-size: 10px;
}


.feature section p:first-child {
  margin-top: 0;
}
.feature section.first p:first-child {
  font-size: 1.8em;
  line-height: 1.25em;
  font-family: "ltc-bodoni-175-1","ltc-bodoni-175-2";
}

.feature a
{
  color: #333366;
  font-weight: bold;
  text-decoration: none;
}
.feature a:hover
{
  background-color: #333366;
  color: #CCFFFF;
}

/*hamptons*/
.hamptons #topLeftImg {
  float: left;
  width: 52.5em;  
}

.hamptons h1 {
  float: right;
  font-size: 1em;
  width: 50.5em;
  text-align: right;
  padding-right: 1.6em;
  margin-top: 12em;
}
.hamptons span.sub {
  font-family: "ligurino-condensed-1","ligurino-condensed-2";
  font-size: 6em;
}
.hamptons span.display {
  font-family: "superclarendon-1","superclarendon-2";
  font-weight: 900;
  font-size: 8em;
  display: inline;
  margin-top: -.1em;
}
.hamptons .break-word
{
  display: block !important; 
}
.hamptons section.first {
  padding-top: 1.8em;
  float:left;
  clear: left;
}
.hamptons section.first p 
{
  width: 510px;
  float: left;
}
.hamptons section.first p:first-child
{
  margin-bottom: 0;
}
.hamptons aside.first
{
  float: left;
  width: 500px;
  margin-top: 20px;
  margin-left: 10px;
}
.hamptons aside.first img
{
  margin: 0 auto 10px;
  display: block;
  width: 40em;
}
.hamptons .second img, .hamptons .seventh img
{
  height: 500px;
  width: 322px;
  margin-right: 10px;
}
.hamptons section.third {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 50em;
  -moz-column-width: 50em;
  column-width: 50em;
  height: 63em;
  -webkit-column-gap: 1.6em;
  -moz-column-gap: 1.6em;
  column-gap: 1.6em;
  -webkit-column-fill: balanced;
  -moz-column-fill: balanced;
  column-fill:balanced;
  text-align: justify;
  float: left;
  padding-top: 1.8em;
}
.hamptons section.third img {
  width: 50em;
}

.hamptons section.fourth 
{
  position: relative;
  width: 102em;
  overflow: visible;
}
.hamptons section.fourth aside
{
  position: absolute;
  right: 2em;
}
.hamptons section.fourth img 
{
  width: 18em;
}
.hamptons section.fourth p
{
  width: 800px;
}

.hamptons section.fifth 
{
  margin-top: 5em;
}
.hamptons section.fifth p
{
  overflow: auto;
}
.hamptons section.fifth img 
{
  float: left;
  width: 50em;
  margin-right: 1em;
}
/*berkshires*/
.berkshires h1 {
  float: right;
  font-size: 1em;
  width: 56em;
  text-align: right;
  padding-right: 1.6em;
  margin-top: 1.5em;
}
.berkshires span.sub {
  font-family: "ligurino-condensed-1","ligurino-condensed-2";
  font-size: 2em;
}
.berkshires span.display {
  font-family: "superclarendon-1","superclarendon-2";
  font-weight: 900;
  font-size: 8em;
  display: block;
  margin-top: -.1em;
}
.berkshires #topLeftImg {
  width: 44.4em;
  float: left;
}
.berkshires #topCenterImg {
  width: 60.8em;
  float: left;
}
.no-boxshadow .berkshires #topCenterImg {
  width: 60.1em !important;
}

.berkshires section.first {
  padding-top: 1.8em;
  float:left;
  width: 42.8em;
  clear: left;
}
.berkshires section.second {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 28em;
  -moz-column-width: 28em;
  column-width: 28em;
  -webkit-column-gap: 1.6em;
  -moz-column-gap: 1.6em;
  column-gap: 1.6em;
  -webkit-column-fill: balanced;
  -moz-column-fill: balanced;
  column-fill:balanced;
  text-align: justify;
  width: 57.6em;
  float: left;
  padding-left: 0;
  padding-top: 1.8em;
}

.berkshires section.third {
  overflow: hidden;
  width: 102em;
}
.berkshires section.third img {
  float: left;
}

.berkshires section.fourth {
  clear: left;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count:2;
  width:102em;
  -webkit-column-width:50.2em;
  -moz-column-width:50.2em;
  -webkit-column-gap:1.6em;
  -moz-column-gap:1.6em;
  -webkit-column-fill: balanced;
}

.berkshires .fifth>p {
  clear:none;
}
.berkshires .fifth img {
  float: left;
  margin-right: 1.6em;
}

.berkshires .sixth img {
  float: right;
  margin-left: 1.6em;
}
.berkshires .sixth>p {
  clear:none;
}



/* Recipe page */
.recipe-group h4 {
  color: black;
  font-size: 1.4em;
}
.recipes #seasons img
{
  float: left;
  max-width: 30em;
  height: auto;
  margin: 0 2em 2em 0;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.recipes #types img
{ 
  float: left;
  max-width: 20.2em;
  height: auto;
  margin: 0 0.5em 0.5em 0;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.recipes #types, .recipes #seasons {
  overflow: hidden;
  margin: 0 0 1em 10em;
}


/*Photoblog */
#content.photoblog img {
  margin-left: -0.75em;
  max-width: 755px;
}
/* Archives */
.archives .post-image {
float: left;
height: 150px;
margin: 0px 15px 0px 0px;
overflow: hidden;
width: 150px;
}
.archives .recipe_listing {
  margin: 1em 0;
}
.archives .post-excerpt {
  margin-left: 165px;
}

.archives .recipe_listing.navigation a {
  color: #366 !important;
}
.archives .recipe_listing.navigation a:hover {
  text-decoration: underline !important;
  background-color: #fff !important;
}


#content .galleria-container {
  
  background-color: #fff;
  border: 1px solid #336666;
  border-radius: 5px;
 
}

#content .galleria-counter {
   color: #336666;
}
.aside-right, .aside-left { 
  font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
  font-size: 1.6em;
  line-height: 1.2em;
  color: #273837;
  width: 420px;
  margin: 0;
  
}
.aside-right {
  float: right;
  margin-left: 1em;
}
.aside-left {
  float: left;
  margin-right: 1em;
}

.aside-left blockquote, .aside-right blockquote {
  padding: 1em;
  margin: 0;
  text-align: justify;
  letter-spacing: -0.1em;
  font-weight: bold;
}