html { background:url('/images/stripe-bg.jpg') left top repeat; margin:0; padding:6px 0 0; }
body { margin:0; padding:0; border-top:6px solid #A5630A; font:14px Arial, Helvetica, Sans-serif; }


/******************************
  BASIC ELEMENTS
******************************/
ul, ol, p { line-height:150%; }
ul, ol { margin:13px 0; padding:0 0 0 30px; }
ul { list-style-type:square; }
li { margin:0; padding:0; }
p { margin:13px 0; line-height:160%; }
a { color:#605031; text-decoration:none; }
a:hover { color:#18140C; }
img { border:none; }

h1, h2, h3, h4, h5 { font-weight:normal; }
h1, h2, h3 { font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }
h2 { font-size:28px; margin:0 0 10px; color:#333; }
h3 { font-size:20px; margin:0 0 5px; color:#66171F; font-variant:small-caps; }
h4 { font:bold 14px Arial, Helvetica, Sans-serif; color:#555; }


/******************************
  BASE LAYOUT
******************************/
#wrapper { position:relative; width:970px; margin:0 auto; }
#tree { background:url('/images/tree.png') no-repeat; height:540px; width:583px; position:absolute; left:-146px; top:0;  }

#header { height:55px; position:relative; z-index:999; }
#header a.logo { background:url('/images/logo.png') left top no-repeat; display:block; height:264px; width:129px; position:absolute; left:50px; top:-13px; text-indent:-9999em; outline:none; }
#header a.logo:hover { background-position:left -264px; }
#header ul.nav { position:absolute; right:0; top:10px; margin:0; list-style-type:none; }
#header ul.nav li { display:block; float:left; padding:0; }
#header ul.nav li a { background:url('/images/nav-a.png') center top no-repeat; display:block; height:52px; width:auto; padding:0 27px; font:bold 16px/51px Palatino Linotype, Book Antiqua, Palatino, serif; text-transform:uppercase; color:#FFF; }
#header ul.nav li a:hover { background-position:center -52px; }

.content-box { background:url('/images/content-box_top.png') center top no-repeat; padding-top:20px; }
.content-box .content-box-inner { background:url('/images/content-box_inner.png') center top repeat-y; position:relative; margin:0 auto; padding:0 19px; } 
.content-box .content-box-inner.padded { padding:20px 40px; }
.content-box .content-box-inner .main.full { float:none !important; width:100% !important; padding:0 !important; }
.content-box .content-box-inner .main.full .col-half { width:430px; float:left; margin-left:25px; }
.content-box .content-box-inner .main.full .col-half.first { margin-left:0; }
.content-box .content-box-bottom { background:url('/images/content-box_bottom.png') center bottom no-repeat; padding-top:19px; }

#footer { background:url('/images/footer-flourish.png') center top no-repeat; padding:44px 16px; font:bold 14px 'Josefin Slab', arial, serif; text-align:center; text-transform:uppercase; color:#686A37; }
#footer .phone { font-size:22px; margin:4px 0 14px; }
#footer a.bysteps { background:url('/images/bysteps.png') left top no-repeat; display:block; height:29px; width:88px; margin:0 auto; outline:none; text-indent:-9999em; }
#footer a.bysteps:hover { background-position:left -29px; }


/******************************
  SIDEBAR LAYOUT
******************************/
.content-box.content { margin-top:-25px; }
.content-box .content-box-inner .sidebar,
.content-box .content-box-inner .main { padding:20px; color:#777; }
.content-box .content-box-inner .main { float:right; width:565px; }
.content-box .content-box-inner .main h2 { background:#F4F4EC; border-top:1px dashed #79643E; border-bottom:1px dashed #79643E; margin:25px 0 10px; padding:5px 8px 5px 2px; line-height:1.2; font-style:italic; }
.content-box .content-box-inner .main h2:first-child,
.content-box .content-box-inner .main p:first-child { margin-top:0; }

.content-box .content-box-inner .sidebar { width:300px; float:left; padding-right:0; }


/******************************
  UTILITY CLASSES
******************************/
.clear { clear:both; display:block; }
.hidden { display:none; }
.block-center { display:block; margin-left:auto !important; margin-right:auto !important; }
.disclaimer { font-size:11px; font-style:italic; color:#888; }
.fleft { float:left; }
.fleft.mar-l { margin-left:15px !important; }
.fright { float:right; }
.ta-center { text-align:center; }
.col { float:left; width:250px; }
img.right { float:right; margin:0 0 20px 20px; border:1px solid #DDD; padding:1px; }
ul.col { width:220px; margin-top:5px; }
p.first { margin-top:0; }
.three-btns { width:540px; } 


/******************************
  BUTTONS
******************************/
.btn-a { background:url('/images/btn-a.png') center top no-repeat; display:block; height:32px; width:170px; font:600 16px/29px 'Josefin Slab', arial, serif; text-align:center; color:#3D3A29; }
.btn-a:hover { background-position:center -32px; color:#3D3A29; }
input.btn-a { display:block; border:none; padding-bottom:6px; cursor:pointer; }


/******************************
  HIGHLIGHT BOX
******************************/
.highlight-box { background:#FAFAF5; font-size:12px; }
.highlight-box img { float:left; margin:8px 0 0 5px; }
.highlight-box div { float:right; width:160px; padding:12px 10px 10px 0; }
.highlight-box div h3 { font:600 18px 'Josefin Slab', arial, serif; text-transform:none; margin:0 0 5px; color:#333; } 
.highlight-box div p { margin:5px 0 0; color:#888; }
.highlight-box p:first-child { margin-top:5px; }
.highlight-box p:last-child { margin-bottom:5px; }

.sidebar .highlight-box { width:280px; border:2px solid #BFBBA2; margin:0 0 15px; padding:10px; }
.sidebar .highlight-box h3 { font:bold 18px/24px 'Josefin Slab', arial, serif; color:#66171F; text-transform:none; }
.sidebar .highlight-box img { margin-top:5px; margin-left:0; }
.sidebar .highlight-box div { padding:5px 0 5px 5px; }
.sidebar .highlight-box div.clear { width:0; padding:0; float:none; }


/******************************
  FORMS
******************************/
.form input[type="text"],
.form textarea,
.form select { padding:4px; }
.form input[type="text"].full { width:100%; }
.form .label { display:block; float:left; width:140px; }
.form.order { background:url('/images/tree-light.png') center top no-repeat; width:542px; padding:20px; line-height:150%; font-size:13px; color:#555; }
.form.order h2 { margin:0 0 5px; }
.form.order h2 + p { margin-top:20px; }
.form.order h3 { margin:18px 0 15px; padding-bottom:4px; border-bottom:1px solid #666; font-size:20px; text-transform:none; }
.form.order h4 { margin:5px 0 0; }
.form.order h4 + p { margin-top:3px; }
.form.order p { margin:10px 0; }
.form.order p:last-child { margin-bottom:0; }
.form.order .col { width:255px; }
.form.order .col + .col { margin-left:30px; }
.form.order .col h4:first-child { margin-bottom:0; }
.form.order .btn-a { margin-top:15px; }
.form.order a.cancel {  }
.form.order ul.col { width:244px; }
.form.order ul { list-style-type:none; margin:5px 0 0; padding-left:6px; }
.form.order ul li { margin-bottom:5px; font-size:12px; color:#888; }
.form.order ul li select { padding:3px; font-size:11px; color:#888; float:right; }
.form.order ul li span.checkbox { display:block; float:left; }


/******************************
  SUBPAGES
******************************/
/*MASTHEADS*/
.content-box.masthead .content-box-inner h1 { background-repeat:no-repeat; height:190px; width:932px; margin:0; position:relative; text-indent:-9999em; }
.content-box.masthead .content-box-inner h1.about-us { background:url('/images/masthead_about-us.jpg'); }
.content-box.masthead .content-box-inner h1.bakery { background:url('/images/masthead_bakery.jpg'); }
.content-box.masthead .content-box-inner h1.cakes { background:url('/images/masthead_cakes.jpg'); }
.content-box.masthead .content-box-inner h1.catering { background:url('/images/masthead_catering.jpg'); }
.content-box.masthead .content-box-inner h1.coffee { background:url('/images/masthead_coffee.jpg'); } 
.content-box.masthead .content-box-inner h1.contact-us { background:url('/images/masthead_contact-us.jpg'); }
.content-box.masthead .content-box-inner h1.lunch { background:url('/images/masthead_lunch.jpg'); }
.content-box.masthead .content-box-inner h1.local { background:url('/images/masthead_local.jpg'); }
.content-box.masthead .content-box-inner h1.page404 { background:url('/images/masthead_404.jpg'); }
.content-box.masthead .content-box-inner h1.pies { background:url('/images/masthead_pies.jpg'); }
.content-box.masthead .content-box-inner h1.thanksgiving { background:url('/images/masthead_thanksgiving.jpg'); }
.content-box.masthead .content-box-inner h1.thank-you { background:url('/images/masthead_thank-you.jpg'); }

/*PAGE: Home*/
.slides,
.slides img { height:435px; width:932px; }
.slides img { position:absolute; display:block; }
.highlight-box.home { background:url('/images/three-box-bg.png') no-repeat; height:132px; width:294px; margin-right:-13px; padding:19px; float:left; }

/*PAGE: Bakery*/
.bakery-section { margin:20px 0 0; }
.bakery-section.first { margin:0; }
.bakery-section ul { background:url('/images/small-flourish.png') left bottom no-repeat; margin:0 0 10px; padding:0 0 44px 16px; }
.bakery-section ul li { margin:0 0 3px; font-size:11px; }
.bakery-section ul li span { font:600 18px 'Josefin Slab', arial, serif; color:#66171F; }
.bakery-section .photos { height:206px; width:310px; float:right; border:1px solid #DDD; padding:2px; position:relative; }
.bakery-section .photos img { position:absolute; left:3px; top:3px; }
#pies-tarts { background: url("/images/tree-light.png") center top no-repeat; padding:10px 20px; } 

/*PAGE: Cakes*/
.cakes.main.full { background:url('/images/tree-light.png') center top no-repeat; }
.cakes a.photos { display:block; float:right; height:182px; width:296px; margin:0 0 10px 30px; padding:1px; border:1px solid #CCC; position:relative; }
.cakes a.photos span.view { background:url('/images/cakes_view-photos.png') center top no-repeat; display:none; height:27px; width:106px; position:absolute; right:2px; bottom:10px; font:600 14px/24px 'Josefin Slab', arial, serif; text-align:center; color:#FFF; }
.cakes a.photos:hover span.view { background-position:center -27px; }
.cakes a.photos.wedding { background:url('/images/cakes/wedding_default.jpg') center center no-repeat; }
.cakes a.photos.classic { background:url('/images/cakes/classic_default.jpg') center center no-repeat; }
.cakes a.photos.custom { background:url('/images/cakes/custom_bday-mark_small.jpg') center center no-repeat; }
.cakes a.back { font-size:14px; font-style:italic; color:#999; display:block; text-align:center; }
.cakes a.back:hover { color:#333; }
.cakes h2 a.back { float:right; text-align:right; line-height:34px; }
.cakes img.flourish { margin:15px 0; display:block; }
.cakes .gallery { border-top:1px dashed #79643E; border-bottom:1px dashed #79643E; padding:15px 0 12px; }
.cakes .gallery a img { border:1px solid #CCC; margin:0 0 3px 3px; padding:1px; }
.cakes .gallery a:hover img { border:1px solid #666; }

.cakes-sidebar-top { text-align:center; }
.cakes-sidebar-top img.flourish { margin:13px 0 -5px; float:none; }
.cakes-sidebar-top p { padding:5px 10px 0; }

.form.order#order-classic-cake input[type="text"] { width:178px; }
.form.order#order-classic-cake input[type="text"].inscription { margin-top:5px; width:97%; }
.form.order#order-classic-cake .add-cake,
 .form.order#order-classic-cake .remove-cake { background:url('/images/add-remove-icons.png') no-repeat; height:12px; padding-left:15px; line-height:12px; font-size:13px; font-style:italic; cursor:pointer; }
.form.order#order-classic-cake .add-cake { background-position:left top; margin-top:0; }
.form.order#order-classic-cake .add-cake:hover { color:#60913B; }
.form.order#order-classic-cake .remove-cake { background-position:left -12px; display:none; }
.form.order#order-classic-cake .remove-cake:hover { color:#66171F; }

.form.order#order-wedding-cake { width:480px; }
.form.order#order-wedding-cake input[type="text"],
.form.order#order-wedding-cake textarea { width:60%; }
.form.order#order-wedding-cake textarea { height:100px; }
.form.order#order-wedding-cake p.flourish-btn { padding-left:140px; }

/*PAGE: Catering*/
.catering-page h2 span.price { display:block; float:right; line-height:32px; font-size:18px; font-style:italic; color:#777; }
.catering-page .btn-a { float:right; margin-left:30px; }
.form.order#order-lunch span.col { display:block; }

/*PAGE: Contact*/
.contact-page h2 { margin:0 0 12px; }
.contact-page iframe { border:1px solid #DDD; padding:1px; }
.contact-page .form { margin-top:15px; }
.contact-page .form input.btn-a { float:right; }
.contact-page .form input[type="text"],
.contact-page .form textarea { width:274px; }
.contact-page .form textarea { font-family:Arial, Helvetica, Sans-serif; font-size:13px; height:150px; }

/*PAGE: Lunch*/
.lunch-page h3 { border-bottom:1px solid #EEE; }
.lunch-page .menu-item { margin:15px 0; }
.lunch-page .menu-item h4 { margin:0 0 5px; }
.lunch-page .menu-item h4 span { float:right; font-size:12px; font-weight:normal; font-style:italic; color:#888; }
.lunch-page .menu-item p { margin:0; padding-right:70px; }

/*PAGE: Pies*/
.pies-page h3.order-details { background:url('/images/heading-flourishes.png') center center no-repeat; border-top:1px dashed #79643E; border-bottom:1px dashed #79643E; padding:20px 0; font:italic 18px Arial, Helvetica, Sans-serif; text-align:center; color:#545454; }
.pies-page .pie { width:282px; float:left; margin-top:18px; padding-top:10px; border-top:1px solid #EEE; text-align:center; }
.pies-page .pie p { margin:5px 0 0; padding:0 10px; font-size:13px; color:#777; }
.pies-page .pie .price { font-style:italic; }
.pies-page .pie + .pie { margin-left:22px; }