/* Theme Name: Kidfresh 2010 Theme URI: http://kidfresh.com Description: A custom theme developed for Kidfresh in early 2010 Version: 1.0 Author: Dan Hodos Author URI: http://danhodos.com Tags: kidfresh Kidfresh 2010 theme */ html { background: #fff url(images/html-background.png) repeat-x; } body { font: 11px/16px "CenturyGothicRegular", Tahoma, Verdana, sans-serif; color: #666; } h2 { font: 15px/17px "PrinthouseMedium", serif; color: #47a840; margin-bottom: 5px; } a { color: #666; } p { margin-bottom: 1em; } strong { color: #f7941e; font-family: "CenturyGothicBold"; } em { font-style: italic; } small { font-style: italic; } /* layout */ #container-wrapper { background: url(images/shadow.png) no-repeat center 0; } #container { width: 751px; margin: 33px auto 0; background: #fff url(images/container-background.gif) repeat-x; padding: 11px 23px 11px 26px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } #content-wrapper { position: relative; top: 30px; clear: both; overflow: hidden; background: url(images/content-wrapper-background.gif) 4px 0 repeat-y; margin-bottom: 48px; } .home #content-wrapper { overflow: visible; background: transparent; } /* main navigation */ #main-navigation { font: 12px/12px "CenturyGothicBold"; } #main-navigation ul { overflow: hidden; margin-bottom: 16px; height: 16px; } #main-navigation li { float: left; margin-right: 29px; } #main-navigation img { display: none; } #main-navigation li:last-child { margin-right: 0; } #main-navigation a { text-decoration: none; color: #f9f6e3; text-transform: uppercase; } #main-navigation a:hover, #main-navigation li.current_page_item a { color: #393; } header { overflow: hidden; } header h1 { float: left; } header hgroup h1 { float: none; } /* social navigation */ #social-navigation { font: 10px/10px "CenturyGothicBold"; float: right; overflow: visible; margin-top: 11px; color: #393; } #social-navigation ul { overflow: hidden; margin-bottom: 12px; } #social-navigation li { border-right: 1px dotted #46a941; float: left; text-transform: uppercase; padding: 9px 5px 5px; height: 14px; } #social-navigation li:last-child { border-right: none; } #social-navigation a { text-decoration: none; color: #393; } #social-navigation span, #social-navigation img { float: left; } #social-navigation span { margin-right: 5px; } #nav-item-follow img { position: relative; top: -4px; left: 1px; } #social-navigation iframe { position: relative; top: -7px; } #facebook-wrapper { width: 51px; height: 35px; } /* store locator form */ #store-locator-form { float: right; } #store-locator-form label { color: #393; font-family: "CenturyGothicBold"; text-transform: uppercase; font-size: 10px; } .go-arrow { position: relative; top: 6px; } .placeholder { color: #999; } /* common grid navigation */ .grid-navigation { font-size: 10px; line-height: 13px; overflow: auto; } .grid-navigation>li { float: left; padding: 0 9px; } .grid-navigation>li:first-child { padding-left: 0; } .grid3 { background: url(images/grid-3-navigation-background.gif) repeat-y -10px 0; } .grid4 { background: url(images/grid-4-navigation-background.gif) repeat-y 0 0; } /* fresh features */ #fresh-features { font-size: 10px; line-height: 14px; } #fresh-features ul { overflow: hidden; border: 1px dotted #e2e2e2; border-width: 1px 0; width: 751px; } #fresh-features li { float: left; padding: 2px 8px; width: 172px; position: relative; min-height: 193px; border-right: 1px dotted #ccc; margin: 7px 0; } #fresh-features li:last-child { border: 0; padding-right: 0; width: 162px; } #fresh-features li:first-child, #fresh-features li.first-child { padding-left: 0; } #fresh-features h2 { color: #f93; } #fresh-features .learn-more { position: absolute; bottom: 0; margin-bottom: 3px; } .fresh-feature-image { min-height: 104px; } /* homepage content */ #main-content { overflow: visible; position: relative; min-height: 440px; } #homepage-intro { float: left; width: 180px; } #carousel { float: left; margin-right: 22px; width: 548px; height: 405px; } #carousel li { position: relative; width: 100%; height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #cdcdcd; overflow: auto; -moz-box-shadow: 8px 12px 15px #ececed; -webkit-box-shadow: 8px 12px 15px #ececed; box-shadow: 8px 12px 15px #ececed; } #carousel .image-text { position: absolute; top: 15px; left: 14px; width: 300px; } #carousel h2 { font: 22px/24px "CenturyGothicBold"; color: #393; } #carousel p { font: 16px/20px "CenturyGothicRegular"; color: #a6ce39; } #kidfresh-kid { float: right; position: relative; bottom: 0; right: -23px; z-index: 100; } /* footer */ footer { color: #999; font-size: 9px; } #footer-navigation ul { overflow: auto; } #footer-navigation li { float: left; margin-right: 4px; padding-right: 4px; border-right: 1px solid #ccc; } #footer-navigation li:last-child { border-right: 0; padding-right: 0; margin-right: 0; } #footer-navigation a { text-decoration: none; font: 9px/10px "CenturyGothicBold"; color: #999; } #searchform { float: right; top: -7px; position: relative; font-size: 11px; } #searchform #s { width: 110px; } .screen-reader-text { display: none; } #twitter_div { margin: 15px 0 5px; background: #f5fae6; padding: 8px 6px; font: 10px/13px "CenturyGothicRegular"; color: #666; } #follow-us { font: 12px/15px "CenturyGothicBold"; color: #393; } #follow-us a { text-decoration: none; color: #393; } /* pages */ article { width: 566px; display: block; float: left; padding-right: 10px; font-size: 12px; line-height: 18px; position: relative; } article h1, #mailing-list-form h1 { font: 38px/38px "CenturyGothicRegular"; color: #a6ce39; margin-bottom: 10px; } article blockquote, #mailing-list-form blockquote { font: 18px/24px "CenturyGothicRegular"; color: #393; clear: both; } article ul { margin-bottom: 10px; } article hr { border: none; border-bottom: 1px dotted #a6ce3b; margin-bottom: 10px; clear: both; } article aside { float: right; margin-left: 10px; width: 272px; } article h2 { clear: left; } nav h1 { font: 15px/17px "CenturyGothicBold"; color: #393; margin-bottom: 7px; } #secondary-content { float: left; width: 165px; padding-left: 9px; font: 11px/15px Arial, Helvetica, sans-serif; color: #999; } #secondary-content h2 { border-top: 1px dotted #a6ce3b; margin-bottom: 14px; padding-top: 14px; margin-top: 2px;} #secondary-content>h2:first-child { padding-top: 0; border-top: 0; } #secondary-content img { margin-bottom: 12px; } #secondary-content p { clear: left; } /* wordpress-generated */ .aligncenter { display:block; margin:0 auto; } .alignleft { float:left; clear: both; margin: 5px 5px 5px 0; } .alignright { float:right; clear:both; margin: 5px 0 5px 5px; } .alignnone { display: block; margin: 0 0 5px 0; } /* product list */ #product-list li { text-align: center; float: left; width: 122px; height: 218px; } #product-list h2 { font: 12px/15px "CenturyGothicBold"; padding-bottom: 3px; } #product-list h2 a { color: #f6921e; text-decoration: none; } #product-list img { margin-bottom: 6px; } /* product */ .page-template-product-php article { width: 562px; } #product-main-image { margin-top: 17px; } #extra-content li { width: 168px; font: 11px/15px Arial, Helvetica, sans-serif; color: #999; } #extra-content li li { margin-bottom: 4px; } #extra-content p { margin-bottom: 3px; } #product-ingredients { font: 9px/12px Arial, Helvetica, sans-serif; color: #000; } #product-ingredients strong { color: #000; } #nutrition-image { margin-top: 85px; } /* common sub-navigation */ .sub-navigation { clear: both; padding-top: 24px; } .sub-navigation li { width: 124px; } .sub-navigation .supplemental { width: 177px; float: right; margin-top: 24px; } .sub-navigation .supplemental a { font-size: 10px; } .sub-navigation .supplemental img { margin-top: 3px; } .sub-navigation a { text-decoration: none; color: #999; font: 12px/15px "CenturyGothicBold"; } .sub-navigation .current_page_item a, .sub-navigation .current_page_ancestor a { color: #f6921e; } /* nutrition */ .page-template-nutrition-php article h2 { font: 18px/24px "CenturyGothicRegular"; color: #393; } .page-template-nutrition-php #secondary-content li { margin-bottom: 10px; } .page-template-nutrition-php #secondary-content li a { display: block; text-decoration: none; font: 12px/15px "CenturyGothicBold"; margin-bottom: 2px; } /* kidfresh cares */ .page-id-67 #secondary-content p:first-child+h2 { padding: 0; border: 0; } .page-id-67 article blockquote { clear: none; } pre { white-space: normal; font: 11px/14px Arial, Helvetica, sans-serif; clear: left; color: #999; margin-top: 116px; } /* team members */ .page-template-team-member-php article h2 { font: 18px/24px "CenturyGothicRegular"; color: #393; padding-top: 63px; padding-bottom: 28px; clear: none; } .page-template-team-member-php article header h2 { margin: 10px 0 20px; padding: 0; } .page-template-team-member-php #team-member-list h2 { border-top: 0; padding-top: 0; } #team-member-list li { margin-bottom: 29px; } #team-member-list li a { display: block; text-decoration: none; color: #999; margin-bottom: 2px; } #team-member-list li.current_page_item h3 { color: #f6921e; } #team-member-list .attachment-thumbnail { float: left; margin: 0 12px 0 0;} .page-template-team-member-php .attachment-original { float: left; margin: 0 15px 0 0; } /* our promise */ #kidfresh-kid-promises { float: right; position: relative; left: 9px; top: 20px; } .promise-list li { overflow: hidden; } .promise-list img, .promise-list .promise-content { float: left; } #main-promise-list li { border-top: 1px dotted #a6ce3b; padding: 12px 0 14px; clear: both; } #main-promise-list li:first-child { border-top: 0; } #main-promise-list li.first { clear: none; border-top:0 none; } #main-promise-list li.first .promise-content { width: 383px; } #main-promise-list h2 { font: 18px/24px "CenturyGothicRegular"; color: #393; margin-bottom: 16px; } #main-promise-list li img { margin-right: 31px; } #main-promise-list .promise-content { width: 403px; } #main-promise-list .promise-content ul { list-style: disc outside none; } #main-promise-list .promise-content ul li { border: 0; padding: 0 0 3px 10px; background: url(images/list-item-bullet.gif) no-repeat 0 8px; } .page-template-our-promise-php #secondary-content { padding-top: 50px; } #sidebar-promise-content { font-family: Arial, Helvetica, sans-serif; } #sidebar-promise-content li { padding-bottom: 19px; } #sidebar-promise-content.not-detailed { margin-bottom: 10px; font: 10px/13px "CenturyGothicRegular"; } #sidebar-promise-content.not-detailed li { padding-bottom: 0; } #sidebar-promise-content li a { text-decoration: none; color: #999; } #sidebar-promise-content.not-detailed li a { display: block; padding: 7px 0 7px 32px; overflow: hidden; color: #666; } #sidebar-promise-content.not-detailed li a .promise-content { float: none; } #sidebar-promise-content li a:hover, #sidebar-promise-content.not-detailed li a:hover { color: #f6921e; } #sidebar-promise-content .promise-content { width: 125px; margin-left: 8px; } #sidebar-promise-content.not-detailed .promise-content { width: 135px; } .home #sidebar-promise-content.not-detailed .promise-content { width: 155px; } /* secondary content */ #secondary-content li.current_page_item a { color: #f6921e; } #secondary-content li h3 { font: 12px/15px "CenturyGothicBold"; color: #999; } #secondary-content a { color: #999; } #secondary-content a:hover, #secondary-content a:hover h3 { color: #f6921e; } /* store locator */ .page-template-store-locator-php h2 { font: 18px/22px "CenturyGothicBold"; color: #393; margin-bottom: 12px; } /* news */ .page-template-news-php article h2 { font: 18px/22px "CenturyGothicBold"; color: #393; margin-bottom: 12px; margin-top: 25px; } #twitter-list li { margin-bottom: 10px; } .page-template-news-php article h1 { float: none; } .news-list { margin-left: -29px; overflow: hidden; } .news-list li { float: left; width: 90px; margin: 17px 0 0 29px; font: 10px/14px Arial, Helvetica, sans-serif; height: 192px; border-bottom: 1px solid #ccc; position: relative; } .news-list li img { display: block; margin-bottom: 16px; } .news-date { color: #999; } .news-list li .read-more { position: absolute; bottom: 5px; } .news-list li .read-more a { color: #999;} #print-news-list li { height: 246px; } .view-more { float: right; font: 10px/15px "CenturyGothicBold"; color: #999; } .widgettitle { display: none; } .widget_rss li { margin-bottom: 10px; } .widget_rss li a { text-decoration: none; } /* mailing list signup */ #mailing-list-signup { display: none; } #mailing-list-form { padding-right: 16px; } #mailing-list-form h1 { float: none; } #mailing-list-form blockquote { margin-bottom: 16px; } #mailing-list-form p.become-a-fan { width: 500px; font: 11px/14px Arial, Helvetica, sans-serif; margin-top: 12px; color: #999; } #mailing-list-form li { margin-bottom: 6px; overflow: hidden; } #mailing-list-form label, #mailing-list-form input { float: left; } #mailing-list-form label { width: 90px; display: block; clear: left; } #mailing-list-form input[type="text"] { width: 230px; } /* contact us */ #secondary-content hr { border: 0; border-bottom: 1px dotted #46a941; margin: 12px 0; } #secondary-content h3 { color: #666; } body .gform_wrapper .top_label .gfield_label { font-weight: normal; } body .gform_wrapper .top_label input.medium { width: 240px; } body .gform_wrapper .top_label textarea.textarea { width: 505px; } body .gform_wrapper .top_label select.medium { width: 180px; } .gform_wrapper li, .gform_wrapper form li { float: left; width: 250px; margin-right: 10px; } .gform_wrapper form li.your-comments, .gform_wrapper form li.spam-control, .gform_wrapper form li.other-lead { width: 100%; } .gform_wrapper .gform_footer { clear: left; } /* search results */ .hentry { border-bottom: 1px dotted #a6ce3b; margin-bottom: 10px; } .hentry:last-child { border: 0; margin: 0; } .hentry h3 a { font: 12px/15px "CenturyGothicBold"; color: #f6921e; text-decoration: none; } .search-results #content-wrapper { background: transparent; } .search-results article { width: 100%; } .search-results blockquote { margin-bottom: 30px; } /* tooltips */ .qtip-content { font: 11px/15px "CenturyGothicBold"; } /* legal */ .page-template-legal-php #content-wrapper { background: transparent; } .page-template-legal-php article { width: 100%; } .page-template-legal-php article ul { margin-left: 10px; } .page-template-legal-php article li { padding: 0 0 3px 14px; background: url(images/list-item-bullet.gif) no-repeat 0 8px; } .page-template-legal-php article h2 { font: 12px/15px "CenturyGothicBold"; color: #f6921e; } #map_sidebar h2 { margin-left: 10px; } .addthis_container { position: relative; top: 4px; right: 6px; } #latest-news { font: 10px/14px Arial, Helvetica, sans-serif; color: #666; } #latest-news li { margin-bottom: 14px; } #latest-news li a { color: #999; } /* Blog */ section.post{ float: left; clear: left; width: 566px; } section.post div.content{ float: left; clear: left; width: 566px; border-bottom: 1px dotted #A6CE3B; padding: 0 0 15px 0; margin: 0 0 15px 0; } section.post div.sub{ float: left; clear: left; width: 544px; text-align: right; padding: 0 22px 0 0; font-size: 11px; color: #999999; } section.post div.sub a{ font-size: 11px; } section.post span.time{ display: block; float: left; font-size: 10px; } section.post ul.post-categories{ float: left; clear: right; padding: 0 0 0 4px; } section.post ul.post-categories li{ display: inline; float: left; margin: 0 5px 0 0; } section.post ul.post-categories li a{ display: block; float: left; font-size: 10px; } section.post ul.post-categories li a:hover{ text-decoration: none; } section.post h2 a{ font: 22px/22px "CenturyGothicRegular"; text-decoration: none; color: #339933; } section.post h2 a:hover{ color: #F6921E; } section.post img.aligncenter{ clear: both; } section.post img.alignright{ margin: 20px 0 20px 20px; } section.post img.alignleft{ margin: 20px 20px 20px 0; } section.post blockquote{ margin: 0 0 10px 0; font-size: 13px; color: #339933; } section.post ul{} section.post ul li{ list-style: disc; margin-left: 14px; } /* Social within posts */ section.post div.social{ float: left; clear: left; position: relative; width: 566px; margin: 0 0 10px 0; } section.post div.wpfblike{ float: left; clear: left; width: 566px; padding: 10px 0 0 0; } section.post div.tweet_bubble{ float: left; margin: 0 10px 0 0; } section.post div.facebook_bubble{ float: left; clear: right; } #comments-section, #respond{ float: left; clear: left; width: 566px; } #comments-section h3{ font: 22px/14px "CenturyGothicRegular"; text-decoration: none; color: #339933; margin: 0 0 15px 0; float: left; clear: left; width: 566px; } #comments-section ul, #comments-section ul li, #comments-section div.comment_block{ display: block; float: left; clear: left; width: 566px; margin: 0 0 10px 0; } #comments-section ol li{ margin: 0 0 10px 0; } #comments-section div.comment_block div.alpha{ float: left; width: 170px; padding: 0 20px 0 0; overflow: hidden; } #comments-section div.comment_block div.alpha span.date, #comments-section div.comment_block div.alpha span.author{ display: block; float: left; clear: left; margin: 0 0 2px 0; font: 10px Arial, sans-serif; } #comments-section div.comment_block div.alpha span.author{ font-weight: bold; } #comments-section div.comment_block div.omega{ float: left; width: 356px; padding: 0 20px 0 0; overflow: hidden; } #comments-section div.navigation{ display: none; } div.form_wrap p{ float: left; clear: left; width: 566px; } div.form_wrap p.sub{ font-size: 10px; } div.form_wrap p.logged_in, div.form_wrap p.logged_in a{ font-size: 9px; } div.form_wrap label{ display: block; width: 120px; padding: 0 20px 0 0; float: left; font-size: 11px; } div.form_wrap input{ width: 220px; height: auto; border: 1px solid #d7d7d7; padding: 4px; } div.form_wrap textarea{ width: 402px; height: 80px; border: 1px solid #d7d7d7; padding: 4px; } #comment_submit{ float: right; padding: 4px; margin: 0 14px 0 0; width: auto; text-transform: uppercase; font-size: 11px; cursor: pointer; } /* Blog Pagination */ div.blog_pagination{ float: left; clear: left; } div.blog_pagination h3{ color:#339933; font:22px/22px "CenturyGothicRegular"; text-decoration:none; margin: 0 0 6px 0; } div.blog_pagination ol{ float: left; clear: left; } div.blog_pagination ol li{ float: left; display: inline; margin: 0 10px 0 0; } /* Blog Sidebar */ aside.blog_side h2.widgettitle, aside.blog_side div.block h2{ display: block !important; padding: 5px 0 0 0 !important; margin: 0 0 8px 0 !important; border: 0 !important; } aside.blog_side ul{ float: left; clear: left; width: 165px; } aside.blog_side ul li, aside.blog_side div.block{ float: left; clear: left; display: block; width: 165px; padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #A6CE3B; } aside.blog_side div.block.last{ border: 0; } aside.blog_side ul li ul{ margin: 0; } aside.blog_side ul li ul li{ margin: 0 0 4px 0; padding: 0; border: 0; } #icon-rss{ display: block; background: url(images/icon-rss.png) 0 0 no-repeat; padding: 0 0 0 22px; height: 17px; text-decoration: none; line-height:15px; } aside.blog_side #searchform{ float: left; clear: left; padding: 8px 0 0 0; } aside.blog_side #searchform input{ float: left; } aside.blog_side #s{ width: 150px; border: 1px solid #d7d7d7; margin: 0 5px 0 0; } aside.blog_side #searchsubmit{ width: 18px; height: 18px; background: url(images/icon-submit.png) 0 0 no-repeat; line-height: 0; text-indent: -9999px; cursor: pointer; border: 0; } aside.blog_side li.simple-flickr-photostream, aside.blog_side li.simple-flickr-photostream ul{ width: 165px; } aside.blog_side li.simple-flickr-photostream ul li{ width: 50px; height: 50px; float: left; display: inline; margin: 0 5px 5px 0; clear: none; } aside.blog_side li.simple-flickr-photostream ul li a, aside.blog_side li.simple-flickr-photostream ul li a img{ width: 50px; height: 50px; overflow: hidden; float: left; display: block; } .fbConnectWidgetFooter{ display: none !important; } .new-row { clear: left; } #product-navigation nav { float: left; width: 560px; } #product-navigation ul { margin-left: -20px; } #product-navigation li { padding: 0; margin: 0 0 20px 20px; } #product-list .grid-navigation > li:first-child { padding-left: 9px; } hr.product-list-separator { border:none; }