@charset "UTF-8";
/* CSS Document */
/* Written by The Media Cellar, Inc. */
/* 440-918-1301  */
/* October, 2007 */

body {background-color:#eaeaea; background-image:url(/images/bkgdtile.png); background-repeat:repeat-x; color: #565656; font: .9em Georgia, 'Times New Roman', Times, serif;}

img {border-style: none;}

.clear {clear: both;}

#logo {background-color: white; text-align:center;}
#container {width: 800px; margin:auto;}

#content {margin:auto; background-color:white; padding: 1em 1em 0 1em; background-repeat: no-repeat;}
.homepage {height:380px; background-image: url(../images/home_bkgd.png); background-position:left bottom; }
.pricing {background-image: url(../images/chocolate_and_hydrangeas-small.png); background-position:left bottom; }
.gallery {background-image: url(../images/peonies_small.png); background-position:left bottom; }
.edibles {background-image: url(../images/petitfours.png); background-position: right bottom;}

#gallery {margin-left: 50px;}
.galpic {width: 120px; padding: 8px 30px; float:left;}
.galpic img {border: 2px solid orange;}

#phone {height:20px; padding-top: .4em; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#footer {background-color: #ccc; height:20px; padding-top: .4em; font: .8em Verdana, Arial, Helvetica, sans-serif; text-align:center;}

h1 {font-size:1.5em; color: #565656;}
h2 {font-size: 1.2em; color: #565656;}


/* flavors */
table#flavors td {vertical-align:top;}
.flavcat {font-size: 1.2em; font-weight:bold; padding-top: 1em;}
.flavsubcat {font-weight:bold;}


/* navigation */
div#navcontainer {background-color: #1F00CA; border-top: solid 1px #fff; border-bottom: solid 1px #fff; background-image:url(../images/navblue.jpg); background-repeat:repeat-x;}

div#navcontainer ul {font: bold .9em "Arial Narrow", Helvetica, sans-serif; color: white; text-align: center; margin: 0; padding: 5px 0px}
div#navcontainer ul li {display: inline;}
div#navcontainer ul li a {padding: 5px 10px; color: white; text-decoration: none; /* border-left: 1px solid #fff; border-right: 1px solid #fff; */ /* the borders have the same size */ margin-right: -1px; /* the value has to be like the border but negative */}
div#navcontainer ul li a:hover {background-color: #16008D;color: white;}

.link {border-top: 3px solid #FF8737; padding-top: .8em; clear:both;}
.link img {float:right; padding: 0 2em 3em 2em;}

.emphasized {font-weight: bold; font-size:1.2em;}

.divSchedule {padding: 1.5em;}
.divSchedule h2 {border-top: 3px solid #FF8737; padding-top: .3em;}
.divSchedule p {padding: 0; margin-top: .5em;}

.divOdd, .divEven {padding: 1.5em;}
.divOdd {background-color: #FFF0E3; border-top: 3px solid #FF8737;}
.divOdd h2, .divEven h2 {padding: 0; margin: 0; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
.divOdd h3, .divEven h3 {padding: 0; margin: 0; margin-top: .25em;}
.divOdd p, .divEven p {margin: 0; padding:0; margin-top: .5em;}

#flavors {position:relative; text-align:center;}
.flavorLeft, .flavorCenterLeft, .flavorCenterRight, .flavorRight 
{width: 250px; padding: 4px; float:left; text-align:center; background-color: #FFF0E3; border-top: 3px solid #FF8737; margin: 4px;}
.flavorLeft {width: 200px;}
.flavorCenterLeft {background-color: white; border-top: 3px solid #FF8737;}
/* .flavorRight {margin-top: 1em;} */

.flavorLeft h2, .flavorCenterLeft h2, .flavorCenterRight h2, .flavorRight h2 {padding: 0; margin: 0;}
.flavorLeft h3, .flavorCenterLeft h3, .flavorCenterRight h3, .flavorRight h3 {padding: 0; margin: 0; font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin-top: .6em;}
.flavorLeft p, .flavorCenterLeft p, .flavorCenterRight p, .flavorRight p {padding: 0; margin: 0;}

table.price {border-top: 2px solid #FF8737; border-bottom: 2px solid #FF8737; margin-bottom: 1em;}
table.price td {border-top: 1px solid #FF8737; padding: .25em;}
table.price tr.oddrow {background-color: #FFF0E3; }