/* Stylesheet for Whipper Snappers Studio*/

/* Default Body styles */
html, body {margin:0; padding:0; width:100%; height:100%;}
html {}
body {font-family:Georgia, serif; color:#664632; font-size:14px;}
body#page {text-align:center; margin:0; padding:0; background:#f89827;}
#siteContainer {width:100%; min-width:1100px; text-align:center;}
#themeContainer {width:914px; min-height:1px; margin:0 auto; text-align:left; position:relative; z-index:2; background:#fff url('/content-bg.gif') repeat-y;}

body.home #siteContainer {background:url('/whipper-snapper-sunburst.jpg') no-repeat center top;}
body.home #themeContainer {background:transparent;}

div, p, img {border:0;}
p {margin:0 0 30px; padding:0;}

hr {height:1px; border:0; color:#f89827; background:#f89827;}

a, a:link, a:visited {color:#6f6840;}
a:active, a:hover, a:focus {outline:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:bold; color:#54301a;}
h1 {font-size:24px; margin:0 0 25px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/* Header Styles */
#header {height:148px; position:relative; z-index:5; background:#f89827;}

#sunburstContainer {position:absolute; top:0; left:-431px; z-index:1; width:438px; height:500px; background:url('/sunburst.gif') no-repeat;}
#sectionImageCorner {position:absolute; top:0; left:7px; z-index:110; width:163px; height:148px; background:url('/section-image-corner.gif') no-repeat;}
#sectionImage {position:absolute; top:0; left:-186px; z-index:110; width:339px; height:230px;}

.wStar {position:absolute; width:33px; height:22px; background:url('/body-star.gif') no-repeat;}
#hStar1 {top:16px; left:702px;}
#hStar2 {top:32px; left:941px;}

  /* Logo / header text */
  #header #logo {position:absolute; top:0; left:170px;}
  
  /* Search */
  #search {position:absolute; right:7px; top:57px; width:254px; height:36px; background:url('/txt-search-bg.gif') no-repeat;}
  #search input.txtSearch {position:absolute; left:10px; top:10px; z-index:1; width:150px; height:20px; margin:0; padding:0; color:#5d4538; font-size:11px; border:0;}
  #search input.btnSearch {position:absolute; right:0; top:0px; z-index:1;}
  
/* Menu Styles */
#siteMenu {position:absolute; top:108px; left:7px; z-index:100; width:900px; height:38px; margin:0; border-top:solid 1px #d5d5d5; border-bottom:solid 1px #d5d5d5; background:url('/menu-bg.gif') repeat-x;}
#Menu {margin:0; padding:0; list-style:none; height:38px; line-height:38px; position:absolute; right:0; top:0;}
#Menu li.item {float:left; display:inline; margin:0; padding:0; border-left:solid 1px #fff; border-right:solid 1px #d5d5d5;}
#Menu > li.over > a, #Menu > li.over > a:link, #Menu > li.over > a:visited {color:#fff; background:url('/menu-hover.gif') repeat-x;}
#Menu li.item > a:hover {color:#fff; background:#5ed3d0 url('/menu-hover.gif') repeat-x;}
#Menu li.item > a:active, #Menu li.item > a:focus {color:#fff; background:#59c0bc url('/menu-active.gif') repeat-x;}
#Menu li a, #Menu li a:link, #Menu li a:visited {display:block; padding:0 7px; color:#575757; font-size:18px; font-family:HelveticaNeue, Helvetica, Myriad Pro, Verdana, sans-serif; text-decoration:none;}
#Menu li a:active, #Menu li a:hover, #Menu li a:focus {background:#3e576f;}

/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; float:left; z-index:200; top:38px; width:210px; margin:0; padding:0; border:solid 1px #fff; background:#f89827;}
#Menu li.item > ul {border-top:solid 1px #d5d5d5;}
#Menu li ul * {list-style:none; background-image:none;}
#Menu li ul li {float:left; position:relative; margin:0; padding:0; line-height:21px; width:100%; border-bottom:solid 1px #fabe72;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {color:#fff; font-size:14px; padding:4px 8px;}
#Menu li ul li a:active, #Menu li ul li a:hover, #Menu li ul li a:focus {background:#2daaa7 url('//sub-nav-hover.gif') repeat-x;}

#Menu li.over ul li a:active, #Menu li.over ul li a:hover, #Menu li.over ul li a:focus {background-image:url('/sub-nav-hover.gif') ! important; background-repeat:repeat-x;}

/*#Menu li.item a.hasChildren, #Menu li.item a.hasChildren:link, #Menu li.item a.hasChildren:visited {padding:0 17px 0 5px; background-repeat:no-repeat; background-position:right 20px; background-image:url('//sub-arrow.png');}*/

#Menu li ul li ul {position:absolute; top:-1px; left:210px;}

span.menu-sub-indicator {float:right; background:transparent;}
#Menu li.item a span.menu-sub-indicator {float:right; margin:0 0 0 5px; background:transparent;}
#subNavigation {display:none;}

/* Content Area Styles */
#contentArea {clear:both; margin:0 7px; padding:0 0 30px; background:url('/menu-shadow.gif') repeat-x left top;}
#contentArea.franchise {position:relative; min-height:1px; background:url('/franchise-grad-bg.gif') repeat-x;}
#mainContent {padding:55px 168px 0; line-height:22px; min-height:200px; background:url('/section-image-bg.png') no-repeat;}
#contentArea.franchise #mainContent {padding-top:80px;}

#mainContent.gallery {padding:75px 91px 30px;}

body.home #contentArea {text-align:center; background:transparent;}
body.home #contentArea #flashSplash {width:825px; margin:0 auto; text-align:left;}

/* Franchise Header */
#franchiseHeader {width:100%; height:60px; line-height:40px; position:absolute; top:0; left:0; z-index:1;}
#franchiseHeader .steps {position:absolute; top:10px; left:145px; z-index:1; width:149px; height:40px; color:#fff; font-size:26px; font-family:Georgia, serif; text-shadow:#7b7b7b 1px -1px 0; border-right:solid 1px #fff;}
#franchiseHeader .text {position:absolute; top:10px; left:295px; z-index:1; width:570px; height:40px; padding:0 0 0 10px; color:#fff; font-size:14px; font-family:Arial; border-left:solid 1px #2da9a5;}

/* Photo Gallery Styles */
#photoGallery {width:728px; height:408px; position:relative; z-index:1; margin:40px 0 0; border:solid 1px #bcbec0;}
  
  /* Category Link Styles */
  #galleryCategories {position:absolute; top:-31px; left:-1px; z-index:5; line-height:28px;}
  #galleryCategories ul {margin:0; padding:0; list-style:none;}
  #galleryCategories ul li {margin:0 5px 0 0; float:left; display:block; width:auto; text-align:center; border:solid 1px #bcbec0; border-bottom:0; background:#fff;}
  #galleryCategories ul li a, #galleryCategories ul li a:link, #galleryCategories ul li a:visited {margin:1px 1px 0; padding:0 10px; display:block; color:#585858; font-size:14px; font-weight:bold; font-family:Arial; text-decoration:none; background:#e8e8e8;}
  #galleryCategories ul li.first {}
  #galleryCategories ul li.first a {}
  #galleryCategories ul li.current {}
  #galleryCategories ul li.current a, #galleryCategories ul li.current a:link, #galleryCategories ul li.current a:visited {color:#fff; background:#bcbec0;}
  #galleryCategories ul li.first.current {}
  
#galleryThumbs {height:81px; overflow:hidden; background:#bcbec0;}
#galleryThumbs div.slider {margin:0 49px; overflow:hidden;}
#galleryThumbs div.inner {white-space:nowrap; width:auto; }
#galleryThumbs div.item {margin:5px 0 0; width:70px; height:70px; float:left; text-align:center; overflow:hidden; background:transparent;}
#galleryThumbs div.item.current {background:#595959;}
#galleryThumbs div.item a, #galleryThumbs div.item a:link, #galleryThumbs div.item a:visited {text-align:center; display:block; width:58px; height:58px; overflow:hidden; margin:5px; border:solid 1px #595959;}
#galleryThumbs div.item img {margin:0 0 0 -25px;}
#galleryLargeImage {margin:10px; width:709px; height:308px; background:#ddd;}
#galleryLargeImage.loading {background:#fff url('/loadingIcon.gif') no-repeat center;}
#galleryImageDescription {position:absolute; bottom:-25px; left:0; z-index:5; width:709px; text-align:center;}

/* Contact Form */
.hidden {display:none;}
dl.contactForm {width:400px;}
dl.contactForm dt {width:150px; float:left; display:block; margin:0 0 5px; padding:0; clear:left;}
dl.contactForm dd {width:225px; float:right; display:block; margin:0 0 5px 10px; padding:0; clear:right; position:relative;}
dl.contactForm dd span.error {position:absolute; top:0; left:230px; display:block; width:auto; color:#f00; font-weight:bold; white-space:nowrap;}
dl.contactForm dd.inputText input {width:225px; border:solid 1px #ddd;}
dl.contactForm dd textarea {width:225px; height:75px; border:solid 1px #ddd;}

/* Pre Footer */
#preFooter {height:10px; background:#f89827;}

/* Footer Styles */
#footer {clear:both; margin:0 0 0; padding:0 7px; height:107px; position:relative; z-index:10; border-top:solid 10px #f89827; background:#f89827 url('/content-bg.gif') repeat-y;}
#footerContent {position:relative; z-index:10; width:752px; height:105px; float:left; display:inline; border:solid 1px #fff; background:url('/footer-grad.gif') repeat-x;}
#footerSocialMedia {width:142px; height:105px; float:left; display:inline; text-align:center; margin:0 0 0 2px; border:solid 1px #fff; background:url('/footer-grad.gif') repeat-x;}
#footerSocialMedia span {display:block; margin:5px 0 10px; line-height:25px; color:#77787b; font-size:14px; font-weight:bold;}
#footerSocialMedia a, #footerSocialMedia a:link, #footerSocialMedia a:visited {margin:0 2px;}
#footerShadow {position:absolute; bottom:-7px; left:0; z-index:1;}
#footerStars {position:relative; z-index:1; top:0; left:0;}

/* Footer CTAs */
#footerCTA1 {top:-35px; left:-33px; width:322px; height:172px; background:url('/cta-boy.png') no-repeat;}
#footerCTA2 {top:-39px; left:298px; width:360px; height:174px; background:url('/cta-girl.png') no-repeat;}
.footerCTA {position:absolute; z-index:100; text-align:left; line-height:17px;}
.footerCTA span {display:block; width:225px; text-align:center;}
.footerCTA a, .footerCTA a:link, .footerCTA a:visited {margin:0; padding:0; display:block; width:100%; height:100%; text-decoration:none;}
#footerCTA1 span {padding:5px 0 0 5px; }
#footerCTA2 span {padding:90px 0 0 5px;}
.footerCTA a span, .footerCTA a:link span, .footerCTA a:visited span {color:#77787b; font-size:14px; font-weight:bold;}

/* Post Footer Styles */
#postFooter {padding:30px 7px 10px; color:#fff; font: bold 11px/14px Arial,sans-serif; background:#f89827 url('/footer-shadow.gif') no-repeat;}
.footerMenu {float:right; margin:0; padding:0; list-style:none; line-height:11px;}
.footerMenu li {float:left; display:inline; border-left:solid 1px #fab660; border-right:solid 1px #fff;}
.footerMenu li.first {border-left:0;}
.footerMenu li.last {border-right:0;}
.footerMenu li a, .footerMenu li a:link, .footerMenu li a:visited {color:#fff; text-decoration:none; display:block; padding:0 6px;}
.footerMenu li.last a, .footerMenu li.last a:link, .footerMenu li.last a:visited {padding:0 0 0 6px;}

.footCopyright {margin:0; padding:0; line-height:11px;}
#postFooter hr {margin:15px 0 20px; padding:0; color:#fff; background:#fff;}
.footAddress {margin:0; padding:0;}

body.home #themeContainer #postFooter {background:transparent;}

/* Franchise Form Styles */
table.franchiseForm {width:410px;}
table.franchiseForm input[type=text] {width:175px;}
table.franchiseForm td {padding:0 15px 0 0; vertical-align:top;}
table.franchiseForm th {font-size:14px; font-weight:normal; line-height:16px; padding:15px 15px 0 0; vertical-align:bottom;}
table.franchiseForm td.wide input[type=text] {width:100%;}
table.franchiseForm td.wide textarea {width:400px; height:100px;}

table.franchiseForm td.franchiseType {}
table.franchiseForm td.franchiseType p {margin:0; padding:0;}

table.franchiseForm span.error {color:#f00; font-weight:bold; white-space:nowrap;}

/* Misc Styles */
.clear {clear:both;}
.noMargin {margin:0;}
.noPadding {padding:0;}
.alignRight {text-align:right;}

/* Edit Styles */
.divEditBlock {margin:20px 20px 20px 0;}
.divEditBlock div label {display:block; line-height:18px; font-weight:bold; margin:0 0 10px; padding:0 10px; color:#000; background:#ddd;}
.divEditBlock div {margin:0 0 20px;}
.divEditBlock div span input , .divEditBlock div span textarea {width:300px;}
.divEditBlock .error {font-weight:bold; color:#f00;}

span.divEditControls {}
span.divEditControls a {padding:0 5px;}

div.checkbox label {display:inline; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}

.divEditBlock div.checkbox {margin:0;}
.divEditBlock div.checkbox input {width:auto;}

.divEditBlock div#editTitle {}
.divEditBlock div#editTitle input {}

.divEditBlock div#editBriefDescription {}
.divEditBlock div#editBriefDescription textarea {height:100px;}

.divEditBlock div#editFullDescription {}

.divEditBlock div#editItemUrl {}
.divEditBlock div#editItemUrl input {}

.divEditBlock div#editItemMetaDescription {}
.divEditBlock div#editItemMetaDescription input {}

.divEditBlock div#editItemMetaKeywords {}
.divEditBlock div#editItemMetaKeywords input {}