html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* -------------------------------------------------
BASICS
------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; font-size:62.5%; line-height:2em; text-align: center; background: #fff url(/img/body-bg.gif) repeat-x; color: #441004; }
#page-wrap { width: 980px; margin: 0 auto; text-align: left; }
#header { width: 100%; height: 196px; padding: 22px 0 0 0; background: url(/img/header-bg.gif) no-repeat 0 0; }
#header img { float: left; margin-left: 25px; }
h1 { float: left; width: 170px; height: 172px; padding-left: 14px; }
h1 a { display: block; width: 170px; height: 172px; background: url(/img/treat-logo.jpg) no-repeat 0 0; text-indent: -9999px; }
h2 { font-size: 3.5em; line-height: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; font-weight: bold; }
p { font-size: 1.3em; line-height: 1.7em; color: #441c0e; margin-bottom: .8em; }
a, a:hover { color: #b43063; text-decoration: none; }
/* -------------------------------------------------
NAVIGATION
------------------------------------------------- */
#main-nav { width: 928px; height: 62px; margin-left: 16px; padding: 0 12px; background: url(/img/nav-bg.gif) no-repeat 0 100%; }
#main-nav li { float: left; height: 52px; margin-right: 6px; }
#main-nav li.last { margin-right: 0; background-image: none; }
#main-nav li a { display: block; position: relative; height: 52px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; }
#main-nav li a:hover, #main-nav li.active a { background-position: 0 100%; }
#main-nav li a.about { width: 150px; background-image: url(/img/nav-about.gif); }
#main-nav li a.menu { width: 165px; background-image: url(/img/nav-menu.gif); }
#main-nav li a.others { width: 203px; background-image: url(/img/nav-others.gif); }
#main-nav li a.parties { width: 105px; background-image: url(/img/nav-parties.gif); }
#main-nav li a.orders { width: 174px; background-image: url(/img/nav-orders.gif); }
#main-nav li a.contact { width: 101px; background-image: url(/img/nav-contact.gif); }
/* -------------------------------------------------
GENERAL CONTENT & LAYOUT
------------------------------------------------- */
#content { width: 940px; padding: 20px 20px 40px 20px; min-height: 750px; }
#intro { position: relative; width: 100%; height: 475px; margin-bottom: 10px; }
#carousel { width: 940px; height: 474px; overflow: hidden; }
#welcome { position: absolute; top: 0; left: 58px; width: 350px; height: 400px; background: url(/img/home-welcome-bg-trans.png); z-index: 99; }
#welcome h2 { width: 269px; height: 68px; margin: 50px 0 30px 30px; background: url(/img/home-welcome-trans.png) no-repeat 0 0; text-indent: -9999px; }
#welcome p { margin: 0 50px 0 58px; color: #fff; text-align: justify; font-size: 1.3em; line-height: 185%; }
#cnav-wrap { float: right; left: -50%; position: relative; height: 75px; }
#cnav { left: 50%; position: relative; }
#cnav-inner { float: left; }
#cnav a { float: left; display: block; width: 20px; height: 20px; background-image: url(/img/btn-dot.gif); background-position: 0 0; text-indent: -9999px; }
#cnav #cnav-prev { background-image: url(/img/btn-prev.gif); }
#cnav #cnav-next { background-image: url(/img/btn-next.gif); }
#cnav a:hover, #cnav a.activeSlide { background-position: 0 100%; }
#columns { clear: both; }
/* 3 column split into 3rds; 2% (~20px) margins */
.col1 { float: left; clear: left; width: 32%; margin-right: 1%; }
.col2 { float: left; width: 32%; margin: 0 1%; }
.col3 { float: left; width: 32%; margin-left: 1%; }
/* vertical rows basic subpage structure */
.row1, .row2, .row3 { clear: both; width: 940px; padding-bottom: 30px; margin-bottom: 35px; border-bottom: 1px dotted #b7b7b7; }
.row1 { margin-top: 30px; }
.row3 { border: 0; }
.pic { max-width: 445px; }
.row1 .blurb { float: right; width: 445px; }
.row1 .pic { float: left; margin-right: 25px; }
.row2 .blurb { float: left; width: 445px; }
.row2 .pic { float: right; margin-left: 0; }
.row3 .blurb { float: right; width: 445px; }
.row3 .pic { float: left; margin-right: 25px; }
.blurb .inner { margin: 30px 85px 50px 0; }
.row2 .blurb .inner { margin: 30px 50px 50px 35px; }
.blurb h2 { margin-bottom: 15px; }
.blurb p { text-align: justify; }
#footer-wrap { clear: both; width: 100%; height: 170px; text-align: center; background: #e5f1f4 url(/img/ftr-bg.jpg) repeat-x 0 0; }
#footer { width: 940px; margin: 0 auto; padding-top: 50px; text-align: left; }
#footer h4 { font-size: 2em; padding-bottom: .2em; }
#footer a { color: #441004; }
#footer p { font-weight: bold; }
#footer .col1 p { font-size: 1.3em; line-height: 1.2em;}
#footer .col2 p { font-size: 1em; line-height: 1.8em; }
#footer .col3 a { display: block; width: 32px; height: 32px; }
#footer .col3 a { float: left; margin-right: 45px; background-position: 0 0; background-repeat: no-repeat; }
#footer .col3 a.facebook { background-image: url(/img/icon-facebook.gif); }
#footer .col3 a.twitter { background-image: url(/img/icon-twitter.gif); }
#footer .col3 a.flickr { display: none; background-image: url(/img/icon-flickr.gif); }
#footer .col3 a.email { background-image: url(/img/icon-email.gif); }
/* -------------------------------------------------
PAGE SPECIFICS
------------------------------------------------- */
#home #content h3 { font-size: 1.2em; font-weight: normal; color: #441c0e; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 17px; border-bottom: 1px dotted #b7b7b7; }
#home #content .col1 p, #home .col2 p, #home .col3 p { padding-right: 20px; }
#home #content .col3 em { font-family: Georgia, serif; font-size: 1.3em; line-height: 1.2em; font-style: italic; font-weight: bold; }
#menu #content { padding-top: 40px; }
#menu #pick { float: left; width: 350px; margin-left: 100px; }
#menu #make { float: right; width: 320px; margin-right: 80px; }
#menu h2 { font-size: 5em; margin-bottom: 25px; text-transform: lowercase }
#menu h3 { font-size: 1.6em; margin-bottom: .2em; text-transform: uppercase }
#pick h2 { margin-left: 75px; }
#pick h3 { color: #75bccb; }
#pick dl, #pick ul { margin-bottom: 20px; }
#pick dt, #pick li { font-size: 1.3em; color: #010101; text-transform: uppercase; }
#pick dd { font-size: 1.2em; color: #cc4e85; line-height: 1.1em; text-transform: capitalize; padding-bottom: .3em; }
#pick dd a { color: #cc4e85; text-decoration: none; }
#make h2 { margin-left: 50px; margin-bottom: 12px; }
#make h3 {}
#steps li { padding-left: 50px; }
#steps li em { font-style: normal; padding-left: 5px; font-size: 2.3em; text-transform: lowercase; }
#steps li em .cufon-canvas { margin-top: -5px; }
#steps li.step1 { background: url(/img/step1-bg.gif) no-repeat 0 0; }
#steps li.step2 { background: url(/img/step2-bg.gif) no-repeat 0 0; }
#steps li.step3 { background: url(/img/step3-bg.gif) no-repeat 0 0; }
#steps ul { margin: 10px 0 20px 0; }
#steps ul li { padding-left: 0; font-size: 1.3em; padding-bottom: .2em; padding-top: .1em; color: #010101; text-transform: uppercase; }
#steps .step2 li.dagfree { padding-right: 75px; background: url(/img/dairy-and-gluten-free.gif) no-repeat 79% 50%; }
#steps .step3 h3 { background: url(/img/choose-three.gif) no-repeat 76.5% 65%; }
#steps .step3 .seasonal-options { background: url(/img/please-call.gif) no-repeat 85% 50%; }
#menu .call { padding-bottom: 1.5em; font-size: 1.1em; color: #cc4e85; }
#others .note { margin: 20px auto; text-align: center; }
#others .note p { font-size: 1.4em; color: #b43063; }
#others .row2 .inner { margin-left: 50px; }
#others .row3 .inner { margin-right: 0; }
#others .row3 h2 { font-size: 3.3em; margin-top: 45px; }
#parties .row1 .inner { margin-right: 0; }
#parties .row1 .inner p { padding-right: 100px; }
#parties .row2 .inner { margin-left: 40px; margin-right: 50px; }
#parties .row3 .inner { margin-top: 75px; margin-left: 25px; }
#about .row1 .inner { margin-top: 40px; margin-left: 20px; }
#about .row2 .pic { margin-right: 65px; }
#about .row3 .blurb .inner { margin-left: 75px; margin-right: 30px; }
#orders #content { background: url(/img/cupcake-silo2.jpg) no-repeat 20px 20px; }
#orders .row1 { min-height: 385px; }
#orders .row2 .inner { margin-top: 75px; }
#contact #content { background: url(/img/choc-cupcake-silo.jpg) no-repeat 50px 20px; }
#contact .row1 { width: 580px; padding-bottom: 30px; float: right; margin-bottom: 130px; }
#contact .row1 .blurb .inner { padding-top: 15px; }
#contact .row2 .inner { margin-right: 75px; }
/* pages with only 2 rows of content: remove bottom border */
#orders .row2,
#contact .row2 { border: 0; }
/* -------------------------------------------------
CLEARFIX
------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */ * html .clearfix {height: 1%;}
/* IE7 */ *:first-child+html .clearfix {min-height: 1px;}
/* -------------------------------------------------
MISC HACKS & TEMP SETTINGS
------------------------------------------------- */
/* #carousel-nav { visibility: hidden; } */