/*
@yellow=#fcf8c6 tints=#fffce1 + a dirty version: #f8f5dd; greener version #7D7947 rgb(125,121,71)
@brown=#6b4d2e tints=#b7996d + #dcccb6 (and maybe #907a62);
@lavender=#c2aacf tints=#ddd1e6;

Bryant was designed by Eric Olson of Process Type Foundry -> http://processtypefoundry.com/about/. Bryant license: http://processtypefoundry.com/licensing/our-license-agreement
NeutraSlabDisplay was designed by House Industries -> http://www.houseind.com/fonts/neutrafaceslab. NeutraSlabDisplay is not licensed: http://www.houseind.com/fonts/licensing/webfonts. Specifically, "We are not allowing the conversion of our existing fonts for CSS @fontface embedding." Once House Industries font embedding service is live, I will switch over to their licensing stystem.
*/
@font-face {font-family: 'BryantBold'; src: url('http://www.theablebaker.com/bryant-bold-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/bryant-bold-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/bryant-bold-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/bryant-bold-webfont.svg#webfontDUACxpM9') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'BryantRegular'; src: url('http://www.theablebaker.com/t/bryant-regular-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/bryant-regular-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/bryant-regular-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/bryant-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'BryantMedium'; src: url('http://www.theablebaker.com/t/bryant-medium-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/bryant-medium-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/bryant-medium-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/bryant-medium-webfont.svg') format('svg'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'NeutraSlabLight'; src: url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Light.eot'); src: local('☺'), url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Light.ttf') format('truetype'), url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Light.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'NeutraSlabBold'; src: url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Medium.eot'); src: local('☺'), url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Medium.ttf') format('truetype'), url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Medium.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'NeutraSlabDisplay'; src: url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Bold.eot'); src: local('☺'), url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Bold.ttf') format('truetype'), url('http://www.theablebaker.com/t/NeutrafaceSlabDisplay-Bold.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Medium'; src: url('http://www.theablebaker.com/t/helveticaneuemedium-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/helveticaneuemedium-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/helveticaneuemedium-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/helveticaneuemedium-webfont.svg#webfont9JhytQg1') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Light'; src: url('http://www.theablebaker.com/t/helveticaneuelight-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/helveticaneuelight-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/helveticaneuelight-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/helveticaneuelight-webfont.svg#webfontKC0w7OGc') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Bold'; src: url('http://www.theablebaker.com/t/helveticaneuebold-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/helveticaneuebold-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/helveticaneuebold-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/helveticaneuebold-webfont.svg#webfontNbZFUadY') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Regular'; src: url('http://www.theablebaker.com/t/helveticaneue-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/helveticaneue-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/helveticaneue-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/helveticaneue-webfont.svg#webfontpRvNZHV3') format('svg'); font-weight: normal; font-style: normal;}
.wf-bryantbold-n7-loading h1, .wf-bryantmedium-n4-loading h1, .wf-NeutraSlabMedium-n4-loading h2, .wf-NeutraSlabLight-n4-loading h2, .wf-NeutraSlabBold-n4-loading h3, .wf-NeutraSlabLight-n4-loading h3, .wf-NeutraSlabLight-n4-loading h3, .wf-bryantmedium-n4-loading h3, .wf-bryantmedium-n4-loading li, .wf-bryantregular-n4-loading body, .wf-NeutraSlabLight-n4-loading a {visibility:hidden;}

/* The Basics */
* {margin: 0; padding: 0;}
html { background-color: #ddd1e6; }
li {display: inline;}
em, strong, i, cite, var, address {font-style: normal; font-weight: normal; font-family: NeutraSlabMedium, HelveticaNeue-Bold;}

        /*
        major positioning ids
        */
        #header {}
        #page-wrapper {margin: 0 auto; position: relative; width: 900px;}
        #logo {top: -40px; position: relative; height: 240px; float: left; width: 300px; background: url(http://www.theablebaker.com/i/abY2.png) no-repeat center;}
        /*nav class here (if necessary)*/
        #top-navigation {top: -40px; left: -10px; position: relative; font-size: 10px; height: 40px; text-align: center; float: right; width: 580px;}
        #content-wrapper {width: 900px; /* text-align: center; */}
        #lead-story {top: -40px; position: relative; width: 596px; float: right; height: 92px; margin-bottom: 4px; background-color: #fffce1; border: 2px #6b4d2e solid;  -moz-border-radius: 10px; border-radius: 10px;}
        #lead-story-bs {top: -40px; position: relative; width: 600px; float: right; height: 96px; margin-bottom: 4px; background: #b7996d url(http://www.theablebaker.com/i/hdr-bs.png) no-repeat; -moz-border-radius: 10px; border-radius: 10px;}
        #mosaic {top: -140px; position: relative; float: right; height: 500px; width: 600px;}
        #archive-list {top: -140px; position: relative; float: right; height: 500px; width: 600px;}
        #second-story{min-height: 78px; float: right; clear: right; position: relative; top: -140px; width: 394px; margin: 10px 202px 6px 0; background-color: #6b4d2e;border: 2px #6b4d2e solid; -moz-border-radius: 10px; border-radius: 10px;}
        #second-story-right{min-height: 78px; float: right; clear: right; position: relative; top: -140px; width: 394px; margin: 10px 2px 6px 0; background-color: #6b4d2e;border: 2px #6b4d2e solid; -moz-border-radius: 10px; border-radius: 10px;}
        #second-story-right-180{height: 180px; float: right; clear: right; position: relative; top: -140px; width: 394px; margin: 10px 2px 6px 0; background-color: #6b4d2e;border: 2px #6b4d2e solid; -moz-border-radius: 10px; border-radius: 10px;}
        #second-story-wide{min-height: 78px; float: right; clear: right; position: relative; top: -140px; width: 594px; margin: 10px 2px 6px 0; background-color: #6b4d2e;border: 2px #6b4d2e solid; -moz-border-radius: 10px; border-radius: 10px;}
        #third-story {float: left; clear: both; position: relative; left: 12px; top: -125px; width: 500px; margin-bottom: 1em; color: #6b4d2e; background-color: #c2aacf; padding: .5em; border: 2px #c2aacf solid; -moz-border-radius: 10px; border-radius: 10px;}
        #third-story-left {float: left; clear: both; position: relative; left: 12px; top: -125px; width: 500px; margin-bottom: 1em; color: #6b4d2e; background-color: #fffce1; padding: .5em; border: 2px #c2aacf solid; -moz-border-radius: 10px; border-radius: 10px;}
        #third-story-wide {float: left; clear: both; position: relative; left: 12px; top: -125px; width: 870px; margin-bottom: 1em; color: #6b4d2e; background-color: #fffce1; padding: .5em; border: 2px #c2aacf solid; -moz-border-radius: 10px; border-radius: 10px;}
        #details {top: -40px; position: relative; clear: left; float: left; min-height: 394px; margin: 0 10px 0 10px; padding: 2px 8px 2px 8px; width: 262px;background-color: #fffce1; border: 1px #c2aacf solid; -moz-border-radius: 10px; border-radius: 10px;}
        #footer {position: relative; top: -150px; clear: both; text-align: center; height: 48px;}
        .copyright {position: relative; top: -130px; text-align: center; font-style: normal; }
/* banner animation (parallax1 is inside body element) */
body {background: url(http://www.theablebaker.com/i/AB-banner-px1b.png) 40% 0 repeat-x;text-rendering:optimizeLegibility;font: 1em/1.2em BryantRegular, HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif; color:#6b4d2e; orphans: 2; widows: 2; text-decoration: none;}

.parallax2 {background: transparent url(http://www.theablebaker.com/i/AB-banner-px2b.png) 75% 0 repeat-x;}
.parallax3 {background: transparent url(http://www.theablebaker.com/i/AB-banner-px3b.png) 135% 0 repeat-x; height: 120px;}

/* navigation styling */
#top-navigation ul, #top-navigation li, #top-navigation a {display: inline-block; font: 14px/60px BryantMedium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial-Rounded, Arial, sans-serif; width: 80px; height: 40px; margin-bottom: 4px;}

#bakery .bakery a, #cakes .cakes a, #cookies .cookies a, #pies .pies a, #about .about a, #specials .specials a, #order .order a, #gift .gift a, #archive .archive a, #shop .shop a, #signup .signup a {
background: transparent url(http://www.theablebaker.com/i/cck-top-ghost.png) no-repeat;
cursor: default;
}

.bakery a:hover, .bakery a:focus, .cakes a:hover, .cakes a:focus, .cookies a:hover, .cookies a:focus, .pies a:hover, .pies a:focus, .about a:hover, .about a:focus, .theSpecial a:hover, .theSpecial a:focus, .specials a:hover, .specials a:focus, .order a:hover, .order a:focus, .signup a:hover, .signup a:focus, .shop a:hover, .shop a:focus {
background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}

#footer .navigation ul, #footer .navigation li, #footer .navigation a {color: #6b4d2e; display: inline-block; font: 14px/60px BryantMedium, HelveticaNeue-Light, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial-Rounded, Arial, sans-serif; width: 80px; height: 40px; margin-bottom: 4px; border-bottom: 6px solid #fcf8c6; }
#footer .navigation a:hover, #footer .navigation a:focus {
background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd1e6', endColorstr='##fcf8c6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ddd1e6), to(#fcf8c6)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ddd1e6, #fcf8c6); /* for firefox 3.6+ */
line-height: 30px;
border-bottom: none;
}
/*
content sections
*/
.body {font: .95em/1.1em BryantRegular, HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif; color:#6b4d2e; orphans: 2; widows: 2; text-decoration: none;}
h1 {font: 1.4em/1.3em BryantBold, BryantMedium,HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial; color: #6b4d2e;}
#lead-story h1 {display: inline; line-height: 1.4em;padding: 0px 4px 0 8px;}
#lead-story-bs h1 {font: 32px/1em BryantBold, BryantMedium, HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial;  padding:28px 20px 0 160px;}
#lead-story-bs h1 .h1-highlight {font: 48px/.9em BryantBold, BryantMedium,HelveticaNeue-Medium, Helvetica, Arial-Rounded; color: #fcf8c6;}
#lead-story h1+p {display: inline; padding: 0px 4px 0 8px; margin: 0}
#details h1 + p:first-line {font: 1.2em/1.1em BryantBold, BryantMedium, HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial, sans-serif;}
#details h1+p {margin: 0;}
#details h1 {line-height: 1.2em; padding: 3px 0 0 0}
#third-story-left h1, #third-story-left h2, #third-story-left  h3, #third-story-left p {
text-align: center;}
h2 {font: 1.3em/1.4em NeutraSlabMedium, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; color: #6b4d2e;}
.two-line h2 {padding-top: 0.3em; line-height: .9em;}
#lead-story h2{font: 1.2em/1.3em NeutraSlabLight, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif;
padding: 0px 6px 0 6px;}
#details h2 {line-height: 1.1em; margin: 12px 0 0 0;}
#details h2+p {margin: 0;}
#details h2 + p:first-line {font: 1.2em/1.1em BryantBold, BryantMedium, HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial, sans-serif;}
#details .box-highlight h2, #details .box-highlight-brown h2 {margin-top: 0;}
#details .box-highlight h2+p, #details .box-highlight-brown h2+p {margin: 0;}
#second-story h2, #second-story-right h2, #second-story-right-180 h2, #second-story-wide h2 {color: #c2aacf;margin: .5em;}
h3 {font: 1.1em/1em NeutraSlabLight, HelveticaNeue-Medium, Helvetica, Arial-Rounded; color: #6b4d2e;}
.two-line h3{line-height: 1.3em;}
#second-story h3, #second-story-right h3, #second-story-right-180 h3, #second-story-wide h3{font: 1.5em/1.1em NeutraSlabBold, HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial, sans-serif;
color: #fcf8c6;
padding: 4px 6px 0 6px;}
#third-story ul {
margin-bottom: .7em;
font-size: 1.05em;
line-height: 1.15em;
}
#third-story h3 {
font-size: 1.2em;
}
#details h3 {font: 1.1em/1em NeutraSlabLight, HelveticaNeue-Medium, Helvetica, Arial-Rounded; margin-top: 1em;}
#details .box-highlight h3, #details .box-highlight-brown h3 {margin-top: 0; font: 1.1em/1em NeutraSlabLight, HelveticaNeue-Medium, Helvetica, Arial-Rounded;}
#details .box-highlight h3+p, #details .box-highlight-brown h3+p {margin: 0;}
.highlight-2col h3, .highlight-3col h3 {font: 1.2em/1em NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded;}
/*
#third-story h3{font: 1.3em/1.2em NeutraSlabMedium, HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial, sans-serif;
color: black;
padding: 4px 6px 0 6px;}
*/
h4 {margin-top: 1.5em;
font: 1.3em/1.3em BryantMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded;}
#details h4 {margin-top: 1em;}
#mosaic h4 {margin-top: 0;}
.salutation {font: 1.3em/1.3em BryantBold, BryantMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded;}
#lead-story p {padding: 0px 6px 0 6px;
font-family: BryantRegular, HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif;}
#details p {margin: 6px 0 0 0;}
#details p.box-highlight {margin: .5em 0 0 0;}
#details .box-highlight-brown h2, #details .box-highlight-brown h4, #details .box-highlight-brown p, #details .box-highlight-brown ol {color: white;}
#mosaic .order-yellow p, #mosaic .order-yellow-2row p, #mosaic .order-yellow-4col p {font-family: BryantRegular, HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif;}
#mosaic p {color: #6b4d2e;}
#accordion p {margin-bottom: 1em;}
#second-story p, #second-story-right p, #second-story-right-180 p, #second-story-wide p {font: 1.1em/1.2em NeutraSlabMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded;
color: #ddd1e6;
padding: 0px 6px 0 6px;}
/*
#third-story p {font-size: 1.1em/1.2em NeutraSlabLight, HelveticaNeue-Light, Helvetica, Arial-Rounded, Arial, sans-serif;;
color: black;
padding: 0px 6px 0 6px;}
*/
h1>a {text-decoration: none;
color: #6b4d2e;
font: 1em/1em NeutraSlabMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial, sans-serif;}
a {text-decoration: none;
color: #6b4d2e;
font: .9375em/1em NeutraSlabMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial, sans-serif;}
a:hover, a:focus {color:black}
.rave a {border-bottom: 3px;
border-bottom-color: #c2aacf;
border-bottom-style: solid;}
.order a {border-bottom: 3px;
border-bottom-color: #c2aacf;
border-bottom-style: solid;}
#details a {
border-bottom: solid 2px #c2aacf;}
#details a:focus, #details a:hover {
border-bottom-color: #fcf8c6;}
#details .indent6 a {border-bottom: 3px;
border-bottom-color: #ddd1e6;
border-bottom-style: solid;}
#details .box-highlight a {border-bottom: 3px;
border-bottom-color: #fcf8c6;
border-bottom-style: solid;}
#details .box-highlight-brown a {border-bottom: 3px;
border-bottom-color: #fcf8c6;
border-bottom-style: solid;
color: #fcf8c6;}
#second-story a, #second-story-right a, #second-story-right-180 a, #second-story-wide a {
border-bottom: 3px;
border-bottom-color: #fcf8c6;
border-bottom-style: solid;
font: 1.1em/1.2em NeutraSlabMedium, HelveticaNeue-Regular, Arial-Rounded, Arial, sans-serif;
color: #fcf8c6;}
#details cite {text-align: right;
color: #6b4d2e;
font-style: normal;
font-weight: normal;
font: 1em/1.125em NeutraSlabLight, HelveticaNeue-Light, Helvetica-Rounded, Arial-Rounded, Arial;}
#mosaic .content a {
font: 1.4em/1.3em BryantBold, BryantMedium,HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial;
border-bottom: solid 2px #6b4d2e;}
#mosaic .content a:hover, #mosaic content a:focus {
border-bottom-color: #000;}
#mosaic li.content.order-yellow-3col-long a {border-bottom: 3px; border-bottom-color: #6b4d2e; border-bottom-style: solid;
    font: 1.1em/1.2em NeutraSlabMedium, HelveticaNeue-Regular, Arial-Rounded, Arial, sans-serif; color: #6b4d2e;}
#mosaic li.content.order-yellow-3col-long a:hover, #mosaic li.content.order-yellow-3col-long a:focus {border-bottom: none; color: #000000;}
#mosaic cite a {font-style: normal; font-weight: normal; font: 1em/1.5em NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial;}
#mosaic cite {color: #6b4d2e; font-style: normal; font-weight: normal; font: 1.125em/1.375em NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial;}
#mosaic blockquote {font-size: 1.375em; line-height: 1.125em; display: inline; text-align: center; }
#details ul {margin: 0 .5em;}
#details ul.last {padding-bottom: 1em;}
#details ol {margin: 0 .5em;}
#details ol.last {padding-bottom: 1em;}
#second-story ul, #second-story-right ul, #second-story-wide ul {font: 1.5em/1.2em NeutraSlabMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial;
color: #c2aacf;
padding: 0 24px 0 18px;}
#second-story ol, #second-story-right ol, #second-story-wide ol {display: block;font: 1.4em/1.2em NeutraSlabMedium, HelveticaNeue-Regular, "Helvetica Neue", Helvetica, Arial-Rounded;color: #c2aacf;padding: 0 24px 0 18px;}
#second-story .text-highlight, #second-story-right .text-highlight, #second-story-right-180 .text-highlight, #second-story-wide .text-highlight {font: 1.4em/1.2em NeutraSlabBold, HelveticaNeue-Bold, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial-Rounded, Arial; color: #fcf8c6;}
#lead-story li{line-height: .8em;
display: list-item;
list-style-type: none;
padding: 2px 4px 0 8px;}
#lead-story li.first {display: list-item;
padding: 0px 48px 0 8px;}
#mosaic li {display: list-item;}
#mosaic li.first {display: list-item;}
#second-story li {margin-left: 18px;
display: list-item;
color: #c2aacf;}
#second-story li.first {margin-left: 18px;
display: list-item;
color: #c2aacf;}
.dessertName {font: 1.1em/1.2em NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial; color: #fcf8c6;}
.indent6 { padding-left: 6px; }
.indent12 { padding-left: 12px; }
.text-highlight {font-size: 1.1em;
font-family: NeutraSlabMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial;}
#mosaic .text-highlight {font-size: 1em;}
#details .text-highlight {font-size: 1em;
font-family: BryantMedium, HelveticaNeue-Light, Helvetica, Arial-Rounded, Arial;}
#lead-story .priceHighlight, #details .priceHighlight {font: 1.1em/1.5em NeutraSlabMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial; color: #6b4d2e; }

        /* mosaic grid */
        #mosaic li {list-style: none; }
        .photo {z-index: 998;}
        .content {z-index: 999;}
        .m1a{position: absolute; height: 100px; width: 100px;}
        .m1b{position: absolute; height: 100px; width: 100px; left:100px;}
        .m1c{position: absolute; height: 100px; width: 100px; left:200px;}
        .m1d{position: absolute; height: 100px; width: 100px; left:300px;}
        .m1e{position: absolute; height: 100px; width: 100px; left:400px;}
        .m1f{position: absolute; height: 100px; width: 100px; left:500px;}
        .m2a{position: absolute; height: 100px; width: 100px; top:100px;}
        .m2b{position: absolute; height: 100px; width: 100px; top:100px; left:100px;}
        .m2c{position: absolute; height: 100px; width: 100px; top:100px; left:200px;}
        .m2d{position: absolute; height: 100px; width: 100px; top:100px; left:300px;}
        .m2e{position: absolute; height: 100px; width: 100px; top:100px; left:400px;}
        .m2f{position: absolute; height: 100px; width: 100px; top:100px; left:500px;}
        .m3a{position: absolute; height: 100px; width: 100px; top:200px;}
        .m3b{position: absolute; height: 100px; width: 100px; top:200px; left:100px;}
        .m3c{position: absolute; height: 100px; width: 100px; top:200px; left:200px;}
        .m3d{position: absolute; height: 100px; width: 100px; top:200px; left:300px;}
        .m3e{position: absolute; height: 100px; width: 100px; top:200px; left:400px;}
        .m3f{position: absolute; height: 100px; width: 100px; top:200px; left:500px;}
        .m4a{position: absolute; height: 100px; width: 100px; top:300px;}
        .m4b{position: absolute; height: 100px; width: 100px; top:300px; left:100px;}
        .m4c{position: absolute; height: 100px; width: 100px; top:300px; left:200px;}
        .m4d{position: absolute; height: 100px; width: 100px; top:300px; left:300px;}
        .m4e{position: absolute; height: 100px; width: 100px; top:300px; left:400px;}
        .m4f{position: absolute; height: 100px; width: 100px; top:300px; left:500px;}
        .m5a{position: absolute; height: 100px; width: 100px; top:400px; top:400px; background-color: rgba(153, 102, 51, 0.25);}
        .m5b{position: absolute; height: 100px; width: 100px; top:400px; left:100px;}
        .m5c{position: absolute; height: 100px; width: 100px; top:400px; left:200px;}
        .m5d{position: absolute; height: 100px; width: 100px; top:400px; left:300px;}
        .m5e{position: absolute; height: 100px; width: 100px; top:400px; left:400px;}
        .m5f{position: absolute; height: 100px; width: 100px; top:400px; left:500px;}

        #mosaic .highlight-2col {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 75px; width: 180px; color: #000000;
        border-color: #6b4d2e; border-width: 4px; border-style: solid; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .highlight-2col-long {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 140px; width: 180px; background-color: #fcf8c6;
        border-color: #6b4d2e; border-width: 4px; border-style: solid; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .highlight-3col {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 75px; width: 280px; color: #000000; background-color: #ffffff;
        border-color: #6b4d2e; border-width: 4px; border-style: solid; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .highlight-3col-long {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 140px; width: 280px; color: #000000; background-color: #ffffff;
        border-color: #6b4d2e; border-width: 4px; border-style: solid; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .caption-2col {z-index: 999;
        padding: 6px 4px 8px 4px; margin: 90px 8px 0 8px; height: 1em; width: 178px; background-color: #fcf8c6; -moz-border-radius: 10px; border-radius: 10px;
        font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; text-align: center; color: #6b4d2e;
        }
        #mosaic .caption-2col-long {z-index: 999;
        padding: 6px 4px 8px 4px; margin: 90px 8px 0 8px; height: 140px; width: 178px; background-color: #fcf8c6; -moz-border-radius: 10px; border-radius: 10px;
        font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; text-align: center; color: #6b4d2e;
        }
        #mosaic .captionTop-2col {z-index: 999;
        padding: 6px 4px 8px 4px; margin: -20px 8px 0 8px;; height: 1em; width: 178px; background-color: #fcf8c6; -moz-border-radius: 10px; border-radius: 10px;
        font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; text-align: center; color: #6b4d2e;
        }
        #mosaic .captionTop-3col {z-index: 999;
        padding: 6px 4px 8px 4px; margin: -20px 8px 0 8px;; height: 1em; width: 278px; background-color: #fcf8c6; -moz-border-radius: 10px; border-radius: 10px;
        font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; text-align: center; color: #6b4d2e;
        }
        #mosaic .caption-3col {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 50px; width: 280px; color: #000000; background-color: #ffffff;
        border-color: #6b4d2e; border-width: 4px; border-style: solid; -moz-border-radius: 10px; border-radius: 10px;
        }
        /* rave reviews */
        #mosaic .rave {z-index: 999; padding: 8px 2px 2px 2px; margin: 4px; height: 74px; font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; border-style: solid; border-width: 0px; background-color: #fcf8c6; text-align: center; outline: none; height: 82px;
        }
        /* order styling*/
        #mosaic .order {color: #6b4d2e; line-height: 1.2em;
        }
        #mosaic .order li{font-size: 1.1em; padding-bottom: 2px; margin-left: 32px; list-style-type: decimal;
        }
        #mosaic .order-white {z-index: 999; padding: 6px 4px 2px 4px; margin: 4px; height: 75px; width: 180px; text-align: center; color: #000000; background-color: #ffffff;
        border-color: #6b4d2e; border-width: 4px; border-style: solid; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .order-white-2row {z-index: 999; padding: 6px 4px 2px 4px; margin: 4px; height: 175px; width: 280px; text-align: center; color: #000000; background-color: #ffffff;
        border-color: #6b4d2e; border-width: 4px; border-style: solid; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .order-white-2col {z-index: 999; padding: 6px 4px 2px 4px; margin: 4px; height: 75px; width: 180px; text-align: center;color: #000000; background-color: #ffffff; border-color: #6b4d2e; border-width: 4px; border-style: solid; border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
        #mosaic .order-yellow {z-index: 999; padding: 8px 2px 2px 2px; height: 75px; width: 180px; margin: 4px; font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; background-color: #fcf8c6; text-align: center; outline: none; border-color: #c2aacf; border-width: 4px; border-style: solid; border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .order-yellow-2row {z-index: 999; padding: 8px 2px 2px 2px; height: 175px; width: 280px; margin: 4px; font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; background-color: #fcf8c6; text-align: center; outline: none;
            border-color: #c2aacf; border-width: 4px; border-style: solid; border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .order-yellow-3col {z-index: 999; padding: 8px 2px 2px 2px; height: 75px; width: 280px; margin: 6px; font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; line-height: 1.2em; background-color: #fcf8c6; text-align: center; outline: none; border-color: rgba(194,229,166,.5); border-width: 4px; border-style: solid; border-radius: 10px;
        }
        #mosaic .order-yellow-3col-long {z-index: 999; padding: 8px 2px 2px 2px; height: 175px; width: 280px; margin: 6px; font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; line-height: 1.2em; background-color: #fcf8c6; text-align: center; outline: none; border-color: #c2aacf; border-width: 4px; border-style: solid; -moz-border-radius: 10px; border-radius: 10px;
        }
        #mosaic .order-yellow-4col {z-index: 999; padding: 8px 2px 2px 2px; height: 75px; width: 380px; margin: 4px; font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; background-color: #fcf8c6; text-align: center; outline: none; border-color: #c2aacf; border-width: 4px; border-style: solid; border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
        }
/* details sidebar */
#details .box-highlight {padding: 8px; background-color: #ddd1e6; -moz-border-radius: 10px; border-radius: 10px;}
#details .box-highlight-brown {padding: 8px; background-color: #6b4d2e; -moz-border-radius: 10px; border-radius: 10px;}
p.box-highlight+table.pricelist {margin-top: 1em;}

    /* table styles */
    #details table {width: 262px; /* padding: 8px;  */border-spacing: 0; background-color: #fcf8c6; -moz-border-radius: 10px; border-radius: 10px; border: solid; border-width: 1px; border-color: #6b4d2e; }
    #details td {font-size: 1.1em;line-height: 1.1em;padding-top: 2px;padding-bottom: 6px;}
    #second-story table, #second-story-right table, #second-story-wide table {width: 380px; margin: 6px 6px 8px 6px ; border-spacing: 0; background-color: #fcf8c6; -moz-border-radius: 10px; border-radius: 10px; border: solid; border-width: 1px; border-color: #6b4d2e; }
    #second-story table h4 {margin-top: 0;}
    #second-story td {font: 1.1em/1.25em NeutraSlabBold;}

/* pricelist elements */
.pricelist thead {font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; font-size: 16px; line-height: 16px; color: #6b4d2e;}
.pricelist tfoot {font-size: 11px; line-height: 12px; color: #6b4d2e; text-align: center;}
.pricelist {font-family: NeutraSlabMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial, sans-serif; font-size: 13px; line-height: 12px;margin-bottom: 1.5em;}
.pricelist td.first{border-top: solid; border-top-width: 1px; border-top-color: #6b4d2e;}
.pricelist td.last{padding-bottom: 8px;}
.pricelist td {padding: 6px 4px 0 10px;}
/* .pricelist td.nested {padding: 2px 4px 0 16px;} */
/* .pricelist td.price .nested{padding: 2px 4px 0 10px;} */
.pricelist tr:hover, .pricelist tr:focus, .pricelist tr:active {background-color: #fffce1;}
.pricelist thead tr:hover, .pricelist thead tr:focus, .pricelist tfoot tr:hover, .pricelist tfoot tr:focus, .pricelist ul:hover, .pricelist ul:focus {background-color: transparent;}
.dessert {width: 140px; text-align: left; vertical-align: top}
.pricelist td.dessert-nested {padding: 3px 4px 0 16px;}
.pricelist td.dessert-nested-last {padding: 3px 4px 8px 16px;}
.price {width: 40px; text-align: left; vertical-align: top}
.pricelist td.price-nested {padding: 3px 4px 0 10px;}
.pricelist td.price-nested-last {padding: 3px 4px 8px 10px;}

/* hours elements */
.hours thead {font-family: NeutraSlabBold, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; font-size: 18px; line-height: 16px; color: #6b4d2e;}
.hours tfoot {font-size: 11px; line-height: 12px; color: #6b4d2e; text-align: center;}
.hours {font-family: NeutraSlabMedium, HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial, sans-serif; font-size: 14px; line-height: 13px;margin-bottom: 1.5em;}
.hours td.first{border-top: solid; border-top-width: 1px; border-top-color: #6b4d2e;}
.hours td.last{padding-bottom: 8px;}
.hours td {padding: 6px 4px 0 10px;}
.hours tr:hover, .hours tr:focus, .hours tr:active {background-color: #fffce1;}
.hours thead tr:hover, .hours thead tr:focus, .hours tfoot tr:hover, .hours tfoot tr:focus, .hours ul:hover, .hours ul:focus {background-color: transparent;}
.day {width: 140px; text-align: left; vertical-align: top}
.hours td.day-nested {padding: 3px 4px 0 16px;}
.hours td.day-nested-last {padding: 3px 4px 8px 16px;}
.hour {width: 90px; text-align: left; vertical-align: top}
.hours td.price-nested {padding: 3px 4px 0 10px;}
.hours td.price-nested-last {padding: 3px 4px 8px 10px;}

.transparent50 {filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}
.right {text-align: right;}
/* Component containers
----------------------------------*/
.ui-widget { font: 1.1em/1.15em #6b4d2e BryantRegular, HelveticaNeue, Helvetica, Verdana, Arial, sans-serif; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: BryantRegular, HelveticaNeue, Helvetica, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { background: #fffce1; color: #6b4d2e; height: 2em; }
.ui-widget-content a { color: #333333; }
.ui-widget-header a { color: #ffffff; }

.ui-accordion {padding: 10px; width: 376px;}
.ui-accordion-header {padding: .5em; font-family: BryantMedium; height: .9em; background-color: #c2aacf; border-radius: 6px; margin-top: .5em;}
.ui-accordion-content {padding: .5em; margin: 0 auto; width: 93%; border-radius: 0 0 18px 18px; }
.ui-icon { width: 16px; height: 16px; background-image: url(http://www.theablebaker.com/i/AB-icon.png); }

/* drop-shadows */
.ui-accordion-content {
-moz-box-shadow: 4px #000; 
box-shadow: 4px #000;
}

/*------------------------------------*\
	NARROW
\*------------------------------------*/
/*
CSS for tablets and narrower devices
*/
@media screen and (max-width: 768px) { 

body {background: none/* url(http://www.theablebaker.com/i/AB-banner-520x160.png) 40% 0 repeat-x */; text-rendering:optimizeLegibility;font: .95em/1.1em BryantRegular, HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif; color:#6b4d2e; orphans: 2; widows: 2; text-decoration: none;}
.parallax2 {background: none;}
.parallax3 {background: none;height: 60px;}


}
/*--- END NARROW ---*/