html { min-height: 100%; margin-bottom: 1px; }
body { color: #753335; font-size: 12px; font-family: verdana; line-height: 18px; background-color: #4d211d; margin: 0; padding: 0; }
a { color: #753335; outline: none medium; }
p { background-color: #78c8ce; }
/*----------- site build -----------*/
#blue { background-color: #78c8ce; width: 100%; height: auto; margin: 0; padding: 0; }
#blue-home { background-color: #78c8ce; width: 100%; height: 325px; margin: 0; padding: 0; }
#wrapper { width: 950px; margin: 0 auto; padding-bottom: 0; }
#logo { background-image: url(images/cupcakes-logo.jpg); background-repeat: no-repeat; width: 237px; height: 159px; float: left; margin-top: -35px; margin-left: 32px; }
#graphicbar { color: #78c8ce; font-size: 11px; background-color: #4d211d; background-image: url(images/seamless.jpg); background-repeat: repeat-x; text-align: center; width: 100%; height: 40px; margin-top: 0; padding-top: 210px; }
/*----------- navigation -----------*/
#navbar { font-weight: bold; background-color: #78c8ce; text-align: left; position: relative; z-index: 100; margin-left: 326px; padding-top: 40px; }
#navbar a { color: #095257; font-size: 11px; text-decoration:none; padding-right: 5px; padding-left: 5px; }
#navbar a:hover { color: #753335; text-decoration:underline }
#nav_home { width: 46px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_about { width: 64px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_menu { width: 111px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_cakes { width: 87px; height: 20px; border-width: 0; }
#nav_gifts { width: 121px; height: 20px; border-width: 0; }
#nav_community { width: 78px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_press { width: 44px; height: 20px; border-width: 0; }
#nav_holiday { width: 96px; height: 20px; border-width: 0; }
#nav_blog { width: 40px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
#nav_visit { width: 51px; height: 20px; border-width: 0; padding-left: 5px; padding-right: 5px; }
/*----------- content -----------*/
#home-cake { background-image: url(images/home-cupcake.png); position: absolute; top: 220px; width: 400px; height: 403px; margin-left: 280px; }
#home-flash { position: absolute; top: 130px; width: 700px; height: 500px; z-index: 25; margin-left: 130px; }
#home-flash { position: absolute; top: 130px; width: 700px; height: 500px; z-index: 25; margin-left: 195px; }
#home-polaroids { background-image:url(images/home-poloroids0910.png); background-repeat: no-repeat; position: absolute; top: 285px; width: 490px; height: 280px; z-index: 20; margin-left: 85px; }
#home-polaroids img { border:none; margin-top: 15px; margin-left: 20px; }
#content { text-align: left; width: 520px; z-index: 50; margin-top: 75px; margin-left: 330px; padding-bottom: 15px; }
#content-menupage { text-align: left; width: 900px; z-index: 50; margin-top: 145px; margin-left: 30px; padding-bottom: 15px; }
#visit-map { width: 250px; float: right; margin-top: 40px; }
.pic-about { background-image: url(images/pic-about.jpg); background-repeat: no-repeat; float: left; margin-top: 10px; margin-left: -320px; }
.pic-community { position: absolute; margin-top: 210px; width: 299px; height:800px; margin-left: 10px; }
.comm-story { border-top: 1px solid #fff; clear:both; }
/*.cupcake-table { width: auto; height: auto;  }*/
.cupcake-table { width: auto; height: auto; }
.cupcake-table td { text-align: center; vertical-align: top; padding-right: 8px; padding-bottom: 20px; }
.cupcake-list { width: 370px; height: auto; float: right; padding-top:10px; padding-right: 30px; }
.flavor-title { width: 370px; color: #1c7178; font-size: 13px; font-weight: bold; border-bottom: 1px solid #1c7178; }
.table-img { width: 150px; height: 150px; border: solid 2px white; }
/*.menu-area { width: 300px; height: auto; float: left; margin-top: 80px; margin-left: -325px; padding-left: 0; }*/
.menu-area { background-color: #fff; width: 840px; height: auto; margin-top: 40px; margin-bottom: 15px; padding: 10px; border: solid 4px #e17789; }
.menu-table { width: 370px; height: auto; float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 35px; }
.menu-table td { line-height: 20px; text-align: left; vertical-align: top; padding-right: 10px; /*padding-bottom: 5px;*/ }
.menu-section { color: #1c7178; font-size: 13px; font-weight: bold; text-align: center; margin-right: auto; margin-bottom: 5px; margin-left: auto; border-bottom: 1px solid #78c8ce; }
.comm-img { width: auto; height: auto; border: solid 2px #753335; }
/*---------------- HOLIDAY STUFF - HOME PAGE ----------------*/
.holiday-blammo { background-image: url(images/holiday-blammo.png); background-repeat: no-repeat; position: absolute; width: 215px; height: 256px; z-index: 0; margin-top: 45px; margin-left: 390px; }
.holiday-blammo { background-image: url(images/ornament2.png); background-repeat: no-repeat; position: absolute; width: 200px; height: 204px; z-index: 0; margin-top: 75px; margin-left: 475px; }
.vday-blammo { background-image: url(images/heart-promo.jpg); background-repeat: no-repeat; position: absolute; width: 200px; height: 204px; z-index: 0; margin-top: 20px; margin-left: -20px; }
.stpat-blammo { background-image: url(images/shamrock-promo.jpg); background-repeat: no-repeat; position: absolute; width: 200px; height: 204px; z-index: 0; margin-top: 20px; margin-left: -20px; }
.easter-blammo { background-image: url(images/home-bunny.jpg); background-repeat: no-repeat; position: absolute; width: 276px; height: 166px; z-index: 0; visibility: hidden; margin-top: 20px; margin-left: -20px; display: none; }
.june-blammo { background-image: url(images/june-sun.jpg); background-repeat: no-repeat; position: absolute; width: 216px; height: 193px; z-index: 0; margin-top: 73px; margin-left: 306px; }
.sept-blammo { background-image:url(images/home-b2s2010.jpg); background-repeat: no-repeat; position: absolute; width: 189px; height: 149px; z-index: 0; margin-top: 73px; margin-left: 306px; }
.mom-blammo { background-image: url(images/mothers-home.jpg); background-repeat: no-repeat; position: absolute; width: 276px; height: 166px; z-index: 0; margin-top: 30px; margin-left: -20px; }
.holiday-link { color: white; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 150px; z-index: 100; margin-top: 85px; margin-left: 0; }
.holiday-link a:link { color: #ffffff; text-decoration:none }
.holiday-link a:visited { color: #ffffff; text-decoration:none }
.holiday-link a:active { color: #ffffff; text-decoration:underline }
.holiday-link a:hover { color: #ffffff; text-decoration:underline }
.easter-link { color: #a61e77; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 145px; z-index: 100; visibility: hidden; margin-top: 100px; margin-left: 105px; display: none; }
.easter-link a:hover { color: #095257; text-decoration:underline }
.easter-carousel-link { color: #095257; font-size: 15px; font-weight: bold; text-align: center; width: 520px; padding-top: 15px; padding-bottom: 7px; }
.easter-carousel-link a { color: #095257; }
.june-link { color: #a62f3b; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 120px; z-index: 100; margin-top: 130px; margin-left: 349px; }
.june-link a { color: #a62f3b; text-decoration:underline }
.june-link a:hover { color: #095257; text-decoration:underline }
.sept-link { color: #fff; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 120px; z-index: 100; margin-top: 158px; margin-left: 340px; }
.sept-link a { color: #fff; text-decoration:underline }
.sept-link a:hover { color: #fff; text-decoration:underline }
.mom-link { color: #a62f3b; font-size: 12px; line-height: 18px; text-align: center; position: absolute; width: 90px; z-index: 100; margin-top: 80px; margin-left: 70px; }
.mom-link a:hover { color: #095257; text-decoration:underline }
.easter-carousel-link { color: #095257; font-size: 15px; font-weight: bold; text-align: center; width: 520px; padding-top: 15px; padding-bottom: 7px; }
.easter-carousel-link a { color: #095257; }
.easter-head { background-image: url(images/holiday-bunny.jpg); background-repeat: no-repeat; text-align: center; width: 160px; height: 180px; margin-top: 7px; padding-top: 20px; padding-left: 360px; }
.holiday-img { width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -325px; }
.holiday-promo { width: 860px; height: 492px; margin-top: 120px; margin-left: -325px; padding-bottom: 25px; }
/*---------------- HOLIDAY STUFF - HOLIDAY PAGE ----------------*/
.vdaystpat-img { width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -325px; }
.easter-img { width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -325px; }
.june-img { background-image: url(images/june-cups.jpg); background-repeat: no-repeat; text-align: right; width: 300px; height: 550px; float: left; margin-top: 80px; margin-left: -325px; padding-left: 0; }
.summer-img { background-image: url(images/summer-cups.jpg); background-repeat: no-repeat; text-align: right; width: 325px; height: 250px; float: left; margin-top: 80px; margin-left: -327px; padding-left: 0; }
.moms-img { background-image: url(images/moms-cups.jpg); background-repeat: no-repeat; text-align: right; width: 300px; height: 451px; float: left; margin-top: 80px; margin-left: -325px; padding-top: 235px; padding-left: 0; }
.vday-img { width: 300px; height: 396px; float: left; margin-top: 80px; margin-left: -325px; }
.bowl-img { width: 300px; height: 636px; float: left; margin-top: 80px; margin-left: -325px; }
.coupon { font-size: 11px; line-height: 14px; text-align: center; position: absolute; width: 463px; margin-top: 80px; margin-left: 370px; }
.valcoupon { font-size: 11px; line-height: 14px; text-align: center; width: 520px; }
/*----------- pop -----------*/
.pop { margin-top: 0; margin-bottom: -15px; padding-top: 0; padding-bottom: -5px; }
.pop a span { display: none; }
.pop a:hover span { display: block; z-index: 1001; position: fixed; top: 200px; margin-left: 220px; }
/*----------- styling -----------*/
.big-bold { font-size: 15px; font-weight: bold; }
.brown { color: #66392d; }
.fl-left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl-left2 { float: left; margin-right: 10px; }
.fl-right { float: right; margin-bottom: 10px; margin-left: 10px; }
.fl-cake { float: right; margin-bottom: 10px; margin-left: 10px; margin-top: 35px; }
.bunny { float: right; margin-bottom: 10px; margin-left: 10px; margin-right: 30px; }
.intro { color: #095257; }
.white-line { width: 510px; height: 1px; }
.bold { font-weight: bold; }
.sm-ital { font-size: 10px; font-style: italic; }
.sm-bold { font-size: 10px; font-weight: bold; line-height: 14px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }