/* Theme Name: Little Squigglers Theme URI: http://pettitti.co.uk Description: Custom theme for Little Squigglers Version: 0.1 Author: Ian Pettitt Template: skeleton License: GPL License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents ================================================== #Global Reset #Structural Customization #Header #Navigation Bar #Typography #Tables #Widgets #WP Blog #Form Buttons #Styled Buttons #Tabs #Toggles #Callouts #Comments #WP Gallery #Misc */ @import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic|Mouse+Memoirs); /* @group Global Reset */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } table.pad td { padding: 10px; } pre,code { white-space: normal; background-color: #ededed; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; display: block; width: 100%; font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; margin: 5px 0; padding: 5px; } p code {display: inline;} body { line-height: 150%; -webkit-text-size-adjust: 100%; } /* @end */ /* @group Structural Customization */ #header { clear: both; } #header .inner { padding-top: 15px; padding-bottom: 20px; } #header .header_extras { float: right; } .columns .first { margin-left: 0; } .columns .last { margin-right: 0; } /* Give the main wrapper a separate background color */ #wrap { background:url('images/white_wall_hash.png') repeat; } /* Footer Styles */ #footer { border-top: 1px solid #d6d6d6; font-size: .9em; } #footer.noborder { border: none; padding-top: 0; } #footer #credits { font-size: 11px; color: #9f9f9f; display:block; } a.themeauthor { display: block; width: 75px; height: 12px; margin: 0px auto; float: right; text-decoration: none; text-indent: -9999em; background: url(images/icons/stlogo.png) no-repeat right center; } #content { } /* @end */ /* @group Header */ #site-title { margin: 0; padding: 0; font-size: 60px; line-height: 150px; letter-spacing: -1px; background:url('images/logo.png') no-repeat 40px; text-indent:-9999px; } #header { background: url("images/headerbackground.png") repeat-x scroll top left transparent; margin-left:0; margin-right:0; padding:0 10px; } #header .inner { background: url("images/explorecreateenjoy.png") no-repeat scroll right 160px transparent; } #header div#site-title a, #header h1#site-title, #header h1#site-title a { margin: 0; padding: 0; line-height: 200px; text-decoration: none; font-weight: bold; letter-spacing: -2px; text-shadow: 0px 1px 0px #FFF; } #header #site-title a:hover { color: #3253ad; } /* Header Tagline */ #header span.site-desc { display:none; } /* Image Header */ #header #site-title.graphic a { text-indent: -9999em; display: block; background-repeat: no-repeat; background-position: left; } #header span.site-desc.graphic { display: none; } /* @end */ .left { float:left; margin-right:10px; } /* @group Navigation Bar */ #navigation ul { width: 100%; background: -moz-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent; -pie-background: linear-gradient(#FCFCFC, #ECECEC); border-color: #EAEAEA #F5F5F5 #F5F5F5 #F5F5F5; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -pie-box-shadow: 0 1px 1px #ccc; position: relative; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); } #navigation ul li { background: -moz-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent; -pie-background: linear-gradient(#FCFCFC, #ECECEC); background-image: none; position: relative; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); width:117px; } #navigation ul li a { background-image: none; padding: 15px 25px; text-decoration: none; display: block; font-weight: bold; text-shadow: 1px 1px 0px #fff; line-height:62px; text-indent:-9999px; } /* paint backgrounds */ /* glue: 0#3 hash: 0afdb2ce9e */ #navigation ul #why-join-us a, #navigation ul #home a, #navigation ul #gallery a, #navigation ul #franchise-opportunities a, #navigation ul #faq a, #navigation ul #classes a, #navigation ul #blue a, #navigation ul #birthday-parties a, #navigation ul #about-us a {background-image:url('images/sprites/sprites.png');background-repeat:no-repeat;padding:0;} #navigation ul #why-join-us:hover a {background-position:0px 0px;width:117px;height:85px;} #navigation ul #why-join-us:active a {background-position:-117px 0px;width:117px;height:85px;} #navigation ul #why-join-us a {background-position:0px -85px;width:117px;height:85px;} #navigation ul #home:hover a {background-position:-117px -85px;width:117px;height:85px;} #navigation ul #home:active a {background-position:-234px 0px;width:117px;height:85px;} #navigation ul #home a {background-position:-234px -85px;width:117px;height:85px;} #navigation ul #gallery:hover a {background-position:0px -170px;width:117px;height:85px;} #navigation ul #gallery:active a {background-position:-117px -170px;width:117px;height:85px;} #navigation ul #gallery a {background-position:-234px -170px;width:117px;height:85px;} #navigation ul #franchise-opportunities:hover a {background-position:0px -255px;width:117px;height:85px;} #navigation ul #franchise-opportunities:active a {background-position:-117px -255px;width:117px;height:85px;} #navigation ul #franchise-opportunities a {background-position:-234px -255px;width:117px;height:85px;} #navigation ul #faq:hover a {background-position:-351px 0px;width:117px;height:85px;} #navigation ul #faq:active a {background-position:-351px -85px;width:117px;height:85px;} #navigation ul #faq a {background-position:-351px -170px;width:117px;height:85px;} #navigation ul #classes:hover a {background-position:-351px -255px;width:117px;height:85px;} #navigation ul #classes:active a {background-position:0px -340px;width:117px;height:85px;} #navigation ul #classes a {background-position:-117px -340px;width:117px;height:85px;} #navigation ul #blue:hover a {background-position:-351px -255px;width:117px;height:85px;} #navigation ul #blue:active a {background-position:0px -340px;width:117px;height:85px;} #navigation ul #blue a {background-position:-117px -340px;width:117px;height:85px;} #navigation ul #birthday-parties:hover a {background-position:-234px -340px;width:117px;height:85px;} #navigation ul #birthday-parties:active a {background-position:-351px -340px;width:117px;height:85px;} #navigation ul #birthday-parties a {background-position:-468px 0px;width:117px;height:85px;} #navigation ul #about-us:hover a {background-position:-468px -85px;width:117px;height:85px;} #navigation ul #about-us:active a {background-position:-468px -170px;width:117px;height:85px;} #navigation ul #about-us a {background-position:-468px -255px;width:117px;height:85px;} #navigation #home { margin-left:0px; } #navigation ul #home a { padding-top: 0px; } #navigation ul #home a:hover, #navigation ul #home.active a, #navigation li#home:hover a { border-bottom: 6px solid #ED1C24; margin-bottom:5px; } #navigation ul #faq a { } #navigation ul #faq a:hover, #navigation ul #faq.active a, #navigation li#faq:hover a { border-bottom: 6px solid #f47216; margin-bottom:5px; } #navigation ul #menu-item-35 a, #navigation ul #classes a { } #navigation ul #menu-item-35 a:hover, #navigation ul #menu-item-35.active a, #navigation li#menu-item-35:hover a, #navigation ul #classes a:hover, #navigation ul #classes.active a, #navigation li#classes:hover a, #navigation ul #blue a:hover, #navigation ul #blue.active a, #navigation li#blue:hover a { border-bottom: 6px solid #286EB9; margin-bottom:5px; } #navigation ul #why-join-us a { } #navigation ul #why-join-us a:hover, #navigation ul #why-join-us.active a, #navigation li#why-join-us:hover a { border-bottom: 6px solid #FFDC01; margin-bottom:5px; } #navigation ul #about-us a { } #navigation ul #about-us a:hover, #navigation ul #about-us.active a, #navigation li#about-us:hover a { border-bottom: 6px solid #ED1C24; margin-bottom:5px; } #navigation ul #birthday-parties a { } #navigation ul #birthday-parties a:hover, #navigation ul #birthday-parties.active a, #navigation li#birthday-parties:hover a { border-bottom:6px solid #A0148E; margin-bottom:5px; } #navigation ul #menu-item-30 a { } #navigation ul #menu-item-30 a:hover, #navigation ul #menu-item-30.active a, #navigation li#menu-item-30:hover a { border-bottom:6px solid #F47216; margin-bottom:5px; } #navigation ul #gallery a { } #navigation ul #gallery a:hover, #navigation ul #gallery.active a, #navigation li#gallery:hover a { border-bottom: 6px solid #99D420; margin-bottom:5px; } #navigation ul #franchise-opportunities a { } #navigation ul #franchise-opportunities a:hover, #navigation ul #franchise-opportunities.active a, #navigation li#franchise-opportunities:hover a { border-bottom: 6px solid #286EB9; margin-bottom:5px; } /* Navbar Hover Links */ #navigation ul li:hover a, #navigation ul li a:hover { color: #545454; background: #f1f1f1; background: -moz-linear-gradient(270deg, #FFFFFF, #F1F1F1) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(270deg, #FFFFFF, #F1F1F1) repeat scroll 0 0 transparent; -pie-background: linear-gradient(#FFFFFF, #F1F1F1); border-bottom: 1px solid #F1F1F1; position: relative; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); } #navigation ul li:hover li a, #navigation ul li:active li a { color: #595959; font-weight: normal; height:40px; } /* Navbar Active Links */ #navigation ul li.active a { } /* Nav Sublevel */ #navigation ul.sub-menu { background:none; border:none; box-shadow:none; border-radius:none; } #navigation ul.sub-menu li { border: none; height:40px; } /* Nav Sublevel Links */ #navigation ul.sub-menu li a { background: #f0f0f0; padding: 5px 0px 5px 8px; height: 32px; line-height: 32px; border-radius: 0; min-width: 210px; border-bottom: none; position: static; behavior: none; } /* Nav Sublevel Hover */ #navigation ul.sub-menu li a:hover { background: #fff; border-bottom: none; } /* @end */ /* @group Typography */ body { font-family: 'Archivo Narrow', sans-serif; font-size:1.4em; } h1, h2, h3, h4, h5 { font-family: 'Mouse Memoirs', sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; } h2.entry-title a { font-weight: bold; } h1 {line-height: 140%; margin-bottom: 14px;} h2 {line-height: 130%; margin-bottom: 10px; } h3 {line-height: 130%; margin-bottom: 8px; } h4 {line-height: 125%; margin-bottom: 8px; } h5 {line-height: 120%; margin-bottom: 8px;} h6 { font-size: 14px; line-height: 120%; margin-bottom: 8px; color: inherit; font-weight: bold; text-transform: uppercase; color: #375199; } .subheader { color: #777; } .normal {font-weight: normal;} .bolder {font-weight: bolder;} p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited {text-decoration: underline; outline: 0; } a:hover, a:focus { color: #000; text-decoration: none;} p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px;} ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* # Image Alignment Classes ============================================================== */ .alignright { float: right; margin: 0px 0px 10px 15px; } .alignleft { float: left; margin: 0px 15px 10px 0px; } .aligncenter { display:block; margin:0 auto; } /* WP Captions */ .wp-caption { text-align: center; padding: 5px; margin: 10px auto; } .wp-caption { border: 1px solid #fff; background-color: #f6f6f6; color: #666; text-shadow: 1px 1px 0px #fff; -webkit-box-shadow:1px 1px 6px #ddd; -moz-box-shadow:1px 1px 6px #ddd; box-shadow:1px 1px 6px #ddd; position: relative; behavior: url('/wp-content/themes/skeleton/skeleton/PIE.php'); } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 5px 0 0px 0; margin: 0; } .wp-caption.alignleft { margin: 0px 10px 0px 0px; } .wp-caption.alignright { margin: 0px 0px 0px 10px; } /* @end */ /* @group Tables */ table { margin: .5em 0 1em; } table th { text-align: left; border: 1px solid #d1d1d1; padding: .4em .8em; font-weight: bold; } table td { background-color: #fff; border: 1px solid #d1d1d1; padding: 10px; } table.alternate_color td { background:none; } table.alternate_color tr.even { background-color:#D2EAF1; } table.alternate_color tr.odd { background-color:#A5D5E2; } /* @end */ /* @group Widgets */ .widget-container ul { list-style: none; } .widget-container ul ul { list-style: square; margin-left: 1.3em; } .widget-container select { max-width: 100%; } .widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { display: none; } .widget-container { margin: 0 0 28px 0; padding-top: 1px; } .widget-container ul { margin-left: 0; } .widget-title { font-weight: bold; font-size: 1.5em; } input#searchsubmit { margin-bottom: 0; } .widget-container a:link, .widget-container a:visited { text-decoration: none; } .widget-container a:active, .widget-container a:hover { text-decoration: underline; } .widget-container .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } /* WP Calendar Widget */ #wp-calendar { font-family: arial,helvetica,sans-serif; width: 100%; font-size: .85em; } #wp-calendar td { padding: 4px 0; text-align: center; border: 1px solid #d2d2d2; background-color: #ededed; text-shadow: #fff 1px 1px 0; color: #7c7c7c; } #wp-calendar td.pad { background-color: #e5e5e5; } #wp-calendar td#today { color: #fff; background-color: #6e6e6e; text-shadow: 1px 1px 0px #333; } #wp-calendar caption { font-weight: bold; } #wp-calendar th { font-style: normal; background: #ddd url(images/gradient_small_trans.png) repeat-x 0 top; border: 1px solid #ccc; padding: 5px; color: #666; text-shadow: #ebebeb 0 1px 0; } /* WP RSS Widget */ .widget_rss a.rsswidget { color: #000; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } /* Indent Sidebar Lists */ .widget-container ul ul { border: none; margin-left: 1.3em; padding: 0; } /* Page Menus/Custom Menus */ li.page_item,li.menu-item { padding: 0; margin: 0; list-style: none; } li.page_item a,li.menu-item a { display: block; border-bottom: 1px solid #eee; padding: 8px 0px 8px 24px; line-height: 120%; font-weight: bold; background: url(images/light/arrow_bullet.png) no-repeat 10px; } li.page_item a:hover,li.menu-item a:hover { background: url(images/dark/arrow_bullet.png) no-repeat 10px; } /* Page Menus/Custom Menus - Sublevels */ li.page_item li a,li.menu-item li a { display: inline; padding: 0; margin: 0; background: none; border: none; color: #666; line-height: 175%; font-weight: normal; } li.page_item li a:hover,li.menu-item li a:hover { background: none; } li.page_item a:hover, li.menu-item a:hover { text-decoration: none; color: #333; } /* @end */ /* @group WP Blog Styles */ .entry-meta { font-size: 11px; color: #666; padding-bottom: 10px; margin-bottom: 10px; } .cat-links,.comments-link,.meta-sep,.entry-utility { font-size: 11px; color: #666; } .post { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; } .post.single { border-bottom: none; } a.more-link { display: block; float: right; font-weight: bold; } .st_relatedposts h4 { border-bottom: 1px solid #ebebeb; } .st_relatedposts ul { color: #666; list-style: square; margin-left: 20px; } .st_relatedposts ul li { } /* @end */ /* @group Form Buttons */ /* #Form Buttons ================================================== */ button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 4px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0px #fff; cursor: pointer; margin-bottom: 20px; line-height: 21px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #9d9d9d; } button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */ border: 1px solid #888; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; } button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* @end */ /* @group Styled Buttons */ .button-alt, .button, .button.small, .button.large, .button.medium { background-image: none; padding: 8px 1em 9px 1em; font-size: .95em; margin: 0; display: inline-block; font-family: arial,helvetica,sans-serif; font-stretch: narrower; font-weight: bolder; text-align: center; text-decoration: none; } .button.left { float: left; } .button.right { float: right; } .button.center,.button.middle { margin: 0px auto; text-align: center; display: inherit; } .button-alt a,.button a,.button.small a { font-size: .9em; line-height: 14px; } .button.medium a { font-size: 1.2em; line-height: 20px; } .button.large a { font-size: 1.5em; line-height: 24px; } .button span.btn_caption { font-weight: normal; display: inline-block; font-size: 14px; line-height: 14px; } /* @group White */ a.button.white { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3)); background-image: -webkit-linear-gradient(#ffffff, #e3e3e3); background-image: -moz-linear-gradient(#ffffff, #e3e3e3); background-image: -o-linear-gradient(#ffffff, #e3e3e3); background-image: linear-gradient(#ffffff, #e3e3e3); -pie-background: linear-gradient(#ffffff, #e3e3e3); border: 1px solid #dbdbdb; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white; color: #333333; text-shadow: 0 1px 0 white; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.white:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbdbdb), color-stop(100%, #f2f2f2)); background-image: -webkit-linear-gradient(#dbdbdb, #f2f2f2); background-image: -moz-linear-gradient(#dbdbdb, #f2f2f2); background-image: -o-linear-gradient(#dbdbdb, #f2f2f2); -pie-background: linear-gradient(#dbdbdb, #f2f2f2); -moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white; cursor: pointer; } a.button.white:active { -moz-box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4, 0 1px 1px 0 #eeeeee; border: 1px solid #c2c2c2; } a.button.white span.btn_caption { color: gray; text-shadow: 0 1px 0 white; } /* @end */ /* @group Gray */ a.button.gray { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #c9c9c9)); background-image: -webkit-linear-gradient(#e6e6e6, #c9c9c9); background-image: -moz-linear-gradient(#e6e6e6, #c9c9c9); background-image: -o-linear-gradient(#e6e6e6, #c9c9c9); -pie-background: linear-gradient(#e6e6e6, #c9c9c9); border: 1px solid #c2c2c2; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white; color: #333333; text-shadow: 0 1px 0 #f1eeee; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.gray:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c2c2c2), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(#c2c2c2, #d9d9d9); background-image: -moz-linear-gradient(#c2c2c2, #d9d9d9); background-image: -o-linear-gradient(#c2c2c2, #d9d9d9); -pie-background: linear-gradient(#c2c2c2, #d9d9d9); -moz-box-shadow: inset 0 1px 0 0 #f2f2f2; -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2; -o-box-shadow: inset 0 1px 0 0 #f2f2f2; box-shadow: inset 0 1px 0 0 #f2f2f2; cursor: pointer; } a.button.gray:active { -moz-box-shadow: inset 0 0 8px 4px #bababa, inset 0 0 8px 4px #bababa, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #bababa, inset 0 0 8px 4px #bababa, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #bababa, inset 0 0 8px 4px #bababa, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #bababa, inset 0 0 8px 4px #bababa, 0 1px 1px 0 #eeeeee; border: 1px solid #a8a8a8; } a.button.gray span.btn_caption { color: #666666; text-shadow: 0 1px 0 #f1eeee; } /* @end */ /* @group Black */ a.button.black { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(100%, #242424)); background-image: -webkit-linear-gradient(#404040, #242424); background-image: -moz-linear-gradient(#404040, #242424); background-image: -o-linear-gradient(#404040, #242424); -pie-background: linear-gradient(#404040, #242424); border: 1px solid #1c1c1c; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #595959; -webkit-box-shadow: inset 0 1px 0 0 #595959; -o-box-shadow: inset 0 1px 0 0 #595959; box-shadow: inset 0 1px 0 0 #595959; color: white; text-shadow: 0 1px 0 #150f0f; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.black:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1c1c1c), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(#1c1c1c, #333333); background-image: -moz-linear-gradient(#1c1c1c, #333333); background-image: -o-linear-gradient(#1c1c1c, #333333); -pie-background: linear-gradient(#1c1c1c, #333333); -moz-box-shadow: inset 0 1px 0 0 #4d4d4d; -webkit-box-shadow: inset 0 1px 0 0 #4d4d4d; -o-box-shadow: inset 0 1px 0 0 #4d4d4d; box-shadow: inset 0 1px 0 0 #4d4d4d; cursor: pointer; } a.button.black:active { -moz-box-shadow: inset 0 0 8px 4px #141414, inset 0 0 8px 4px #141414, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #141414, inset 0 0 8px 4px #141414, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #141414, inset 0 0 8px 4px #141414, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #141414, inset 0 0 8px 4px #141414, 0 1px 1px 0 #eeeeee; border: 1px solid #030303; } a.button.black span.btn_caption { color: #bfbfbf; text-shadow: 0 1px 0 #150f0f; } /* @end */ /* @group Light Blue */ a.button-alt,a.button.lightblue { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5aa1d8), color-stop(100%, #2489d6)); background-image: -webkit-linear-gradient(#5aa1d8, #2489d6); background-image: -moz-linear-gradient(#5aa1d8, #2489d6); background-image: -o-linear-gradient(#5aa1d8, #2489d6); -pie-background: linear-gradient(#5aa1d8, #2489d6); border: 1px solid #258cda; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #85b9e0; -webkit-box-shadow: inset 0 1px 0 0 #85b9e0; -o-box-shadow: inset 0 1px 0 0 #85b9e0; box-shadow: inset 0 1px 0 0 #85b9e0; color: white; text-shadow: 0 1px 0 #1976be; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button-alt:hover, a.button.lightblue:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2380c7), color-stop(100%, #4a95cf)); background-image: -webkit-linear-gradient(#2380c7, #4a95cf); background-image: -moz-linear-gradient(#2380c7, #4a95cf); background-image: -o-linear-gradient(#2380c7, #4a95cf); -pie-background: linear-gradient(#2380c7, #4a95cf); -moz-box-shadow: inset 0 1px 0 0 #75acd7; -webkit-box-shadow: inset 0 1px 0 0 #75acd7; -o-box-shadow: inset 0 1px 0 0 #75acd7; box-shadow: inset 0 1px 0 0 #75acd7; cursor: pointer; } a.button-alt:active, a.button.lightblue:active { -moz-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee; border: 1px solid #2280c9; } a.button.lightblue span.btn_caption { color: #acd3f1; text-shadow: 0 1px 0 #1976be; } /* @end */ /* @group Blue */ a.button#blue { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #597db1), color-stop(100%, #3a6198)); background-image: -webkit-linear-gradient(#597db1, #3a6198); background-image: -moz-linear-gradient(#597db1, #3a6198); background-image: -o-linear-gradient(#597db1, #3a6198); -pie-background: linear-gradient(#597db1, #3a6198); border: 1px solid #3b639b; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #7d99bf; -webkit-box-shadow: inset 0 1px 0 0 #7d99bf; -o-box-shadow: inset 0 1px 0 0 #7d99bf; box-shadow: inset 0 1px 0 0 #7d99bf; color: white; text-shadow: 0 1px 0 #2a4f83; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button#blue:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #365a8c), color-stop(100%, #51719e)); background-image: -webkit-linear-gradient(#365a8c, #51719e); background-image: -moz-linear-gradient(#365a8c, #51719e); background-image: -o-linear-gradient(#365a8c, #51719e); -pie-background: linear-gradient(#365a8c, #51719e); -moz-box-shadow: inset 0 1px 0 0 #728cb1; -webkit-box-shadow: inset 0 1px 0 0 #728cb1; -o-box-shadow: inset 0 1px 0 0 #728cb1; box-shadow: inset 0 1px 0 0 #728cb1; cursor: pointer; } a.button#blue:active { -moz-box-shadow: inset 0 0 8px 4px #335380, inset 0 0 8px 4px #335380, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #335380, inset 0 0 8px 4px #335380, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #335380, inset 0 0 8px 4px #335380, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #335380, inset 0 0 8px 4px #335380, 0 1px 1px 0 #eeeeee; border: 1px solid #355a8d; } a.button#blue span.btn_caption { color: #9ab5da; text-shadow: 0 1px 0 #2a4f83; } /* @end */ /* @group Dark Blue */ a.button.darkblue { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3054a1), color-stop(100%, #1c3b7d)); background-image: -webkit-linear-gradient(#3054a1, #1c3b7d); background-image: -moz-linear-gradient(#3054a1, #1c3b7d); background-image: -o-linear-gradient(#3054a1, #1c3b7d); -pie-background: linear-gradient(#3054a1, #1c3b7d); border: 1px solid #1d3d81; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #416ac3; -webkit-box-shadow: inset 0 1px 0 0 #416ac3; -o-box-shadow: inset 0 1px 0 0 #416ac3; box-shadow: inset 0 1px 0 0 #416ac3; color: white; text-shadow: 0 1px 0 #122c63; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.darkblue:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a3570), color-stop(100%, #2e4b8a)); background-image: -webkit-linear-gradient(#1a3570, #2e4b8a); background-image: -moz-linear-gradient(#1a3570, #2e4b8a); background-image: -o-linear-gradient(#1a3570, #2e4b8a); -pie-background: linear-gradient(#1a3570, #2e4b8a); -moz-box-shadow: inset 0 1px 0 0 #3e61ac; -webkit-box-shadow: inset 0 1px 0 0 #3e61ac; -o-box-shadow: inset 0 1px 0 0 #3e61ac; box-shadow: inset 0 1px 0 0 #3e61ac; cursor: pointer; } a.button.darkblue:active { -moz-box-shadow: inset 0 0 8px 4px #183063, inset 0 0 8px 4px #183063, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #183063, inset 0 0 8px 4px #183063, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #183063, inset 0 0 8px 4px #183063, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #183063, inset 0 0 8px 4px #183063, 0 1px 1px 0 #eeeeee; border: 1px solid #193570; } a.button.darkblue span.btn_caption { color: #6087dc; text-shadow: 0 1px 0 #122c63; } /* @end */ /* @group Light Green */ a.button.lightgreen { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf4f), color-stop(100%, #63a72f)); background-image: -webkit-linear-gradient(#80bf4f, #63a72f); background-image: -moz-linear-gradient(#80bf4f, #63a72f); background-image: -o-linear-gradient(#80bf4f, #63a72f); -pie-background: linear-gradient(#80bf4f, #63a72f); border: 1px solid #65ab30; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #9bcb76; -webkit-box-shadow: inset 0 1px 0 0 #9bcb76; -o-box-shadow: inset 0 1px 0 0 #9bcb76; box-shadow: inset 0 1px 0 0 #9bcb76; color: white; text-shadow: 0 1px 0 #529122; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.lightgreen:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c9a2d), color-stop(100%, #73af46)); background-image: -webkit-linear-gradient(#5c9a2d, #73af46); background-image: -moz-linear-gradient(#5c9a2d, #73af46); background-image: -o-linear-gradient(#5c9a2d, #73af46); -pie-background: linear-gradient(#5c9a2d, #73af46); -moz-box-shadow: inset 0 1px 0 0 #8ebf69; -webkit-box-shadow: inset 0 1px 0 0 #8ebf69; -o-box-shadow: inset 0 1px 0 0 #8ebf69; box-shadow: inset 0 1px 0 0 #8ebf69; cursor: pointer; } a.button.lightgreen:active { -moz-box-shadow: inset 0 0 8px 4px #558d2a, inset 0 0 8px 4px #558d2a, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #558d2a, inset 0 0 8px 4px #558d2a, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #558d2a, inset 0 0 8px 4px #558d2a, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #558d2a, inset 0 0 8px 4px #558d2a, 0 1px 1px 0 #eeeeee; border: 1px solid #5c9b2c; } a.button.lightgreen span.btn_caption { color: #b8e297; text-shadow: 0 1px 0 #529122; } /* @end */ /* @group Green */ a.button.green { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #668b46), color-stop(100%, #4a6d2c)); background-image: -webkit-linear-gradient(#668b46, #4a6d2c); background-image: -moz-linear-gradient(#668b46, #4a6d2c); background-image: -o-linear-gradient(#668b46, #4a6d2c); -pie-background: linear-gradient(#668b46, #4a6d2c); border: 1px solid #4d702e; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #7fa95b; -webkit-box-shadow: inset 0 1px 0 0 #7fa95b; -o-box-shadow: inset 0 1px 0 0 #7fa95b; box-shadow: inset 0 1px 0 0 #7fa95b; color: white; text-shadow: 0 1px 0 #39571e; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.green:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #436129), color-stop(100%, #5a7641)); background-image: -webkit-linear-gradient(#436129, #5a7641); background-image: -moz-linear-gradient(#436129, #5a7641); background-image: -o-linear-gradient(#436129, #5a7641); -pie-background: linear-gradient(#436129, #5a7641); -moz-box-shadow: inset 0 1px 0 0 #739457; -webkit-box-shadow: inset 0 1px 0 0 #739457; -o-box-shadow: inset 0 1px 0 0 #739457; box-shadow: inset 0 1px 0 0 #739457; cursor: pointer; } a.button.green:active { -moz-box-shadow: inset 0 0 8px 4px #3c5625, inset 0 0 8px 4px #3c5625, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #3c5625, inset 0 0 8px 4px #3c5625, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #3c5625, inset 0 0 8px 4px #3c5625, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #3c5625, inset 0 0 8px 4px #3c5625, 0 1px 1px 0 #eeeeee; border: 1px solid #436228; } a.button.green span.btn_caption { color: #9bc874; text-shadow: 0 1px 0 #39571e; } /* @end */ /* @group Dark Green */ a.button.darkgreen { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #497c22), color-stop(100%, #2f5511)); background-image: -webkit-linear-gradient(#497c22, #2f5511); background-image: -moz-linear-gradient(#497c22, #2f5511); background-image: -o-linear-gradient(#497c22, #2f5511); -pie-background: linear-gradient(#497c22, #2f5511); border: 1px solid #315912; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #61a22f; -webkit-box-shadow: inset 0 1px 0 0 #61a22f; -o-box-shadow: inset 0 1px 0 0 #61a22f; box-shadow: inset 0 1px 0 0 #61a22f; color: white; text-shadow: 0 1px 0 #1e3909; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.darkgreen:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #28480f), color-stop(100%, #3e651f)); background-image: -webkit-linear-gradient(#28480f, #3e651f); background-image: -moz-linear-gradient(#28480f, #3e651f); background-image: -o-linear-gradient(#28480f, #3e651f); -pie-background: linear-gradient(#28480f, #3e651f); -moz-box-shadow: inset 0 1px 0 0 #568a2e; -webkit-box-shadow: inset 0 1px 0 0 #568a2e; -o-box-shadow: inset 0 1px 0 0 #568a2e; box-shadow: inset 0 1px 0 0 #568a2e; cursor: pointer; } a.button.darkgreen:active { -moz-box-shadow: inset 0 0 8px 4px #213b0d, inset 0 0 8px 4px #213b0d, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #213b0d, inset 0 0 8px 4px #213b0d, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #213b0d, inset 0 0 8px 4px #213b0d, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #213b0d, inset 0 0 8px 4px #213b0d, 0 1px 1px 0 #eeeeee; border: 1px solid #28480f; } a.button.darkgreen span.btn_caption { color: #7ad733; text-shadow: 0 1px 0 #1e3909; } /* @end */ /* @group Light Red */ a.button.lightred { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da5858), color-stop(100%, #d82222)); background-image: -webkit-linear-gradient(#da5858, #d82222); background-image: -moz-linear-gradient(#da5858, #d82222); background-image: -o-linear-gradient(#da5858, #d82222); -pie-background: linear-gradient(#da5858, #d82222); border: 1px solid #dd2222; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #e28383; -webkit-box-shadow: inset 0 1px 0 0 #e28383; -o-box-shadow: inset 0 1px 0 0 #e28383; box-shadow: inset 0 1px 0 0 #e28383; color: white; text-shadow: 0 1px 0 #c01616; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.lightred:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ca2121), color-stop(100%, #d14747)); background-image: -webkit-linear-gradient(#ca2121, #d14747); background-image: -moz-linear-gradient(#ca2121, #d14747); background-image: -o-linear-gradient(#ca2121, #d14747); -pie-background: linear-gradient(#ca2121, #d14747); -moz-box-shadow: inset 0 1px 0 0 #d97373; -webkit-box-shadow: inset 0 1px 0 0 #d97373; -o-box-shadow: inset 0 1px 0 0 #d97373; box-shadow: inset 0 1px 0 0 #d97373; cursor: pointer; } a.button.lightred:active { -moz-box-shadow: inset 0 0 8px 4px #bc2020, inset 0 0 8px 4px #bc2020, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #bc2020, inset 0 0 8px 4px #bc2020, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #bc2020, inset 0 0 8px 4px #bc2020, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #bc2020, inset 0 0 8px 4px #bc2020, 0 1px 1px 0 #eeeeee; border: 1px solid #cb2020; } a.button.lightred span.btn_caption { color: #f2abab; text-shadow: 0 1px 0 #c01616; } /* @end */ /* @group Red */ a.button.red { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d81818), color-stop(100%, #ae0a0a)); background-image: -webkit-linear-gradient(#d81818, #ae0a0a); background-image: -moz-linear-gradient(#d81818, #ae0a0a); background-image: -o-linear-gradient(#d81818, #ae0a0a); -pie-background: linear-gradient(#d81818, #ae0a0a); border: 1px solid #b20a0a; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #e73c3c; -webkit-box-shadow: inset 0 1px 0 0 #e73c3c; -o-box-shadow: inset 0 1px 0 0 #e73c3c; box-shadow: inset 0 1px 0 0 #e73c3c; color: white; text-shadow: 0 1px 0 #900404; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.red:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9e0a0a), color-stop(100%, #bc1a1a)); background-image: -webkit-linear-gradient(#9e0a0a, #bc1a1a); background-image: -moz-linear-gradient(#9e0a0a, #bc1a1a); background-image: -o-linear-gradient(#9e0a0a, #bc1a1a); -pie-background: linear-gradient(#9e0a0a, #bc1a1a); -moz-box-shadow: inset 0 1px 0 0 #de2b2b; -webkit-box-shadow: inset 0 1px 0 0 #de2b2b; -o-box-shadow: inset 0 1px 0 0 #de2b2b; box-shadow: inset 0 1px 0 0 #de2b2b; cursor: pointer; } a.button.red:active { -moz-box-shadow: inset 0 0 8px 4px #8f0a0a, inset 0 0 8px 4px #8f0a0a, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #8f0a0a, inset 0 0 8px 4px #8f0a0a, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #8f0a0a, inset 0 0 8px 4px #8f0a0a, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #8f0a0a, inset 0 0 8px 4px #8f0a0a, 0 1px 1px 0 #eeeeee; border: 1px solid #9f0909; } a.button.red span.btn_caption { color: #f76464; text-shadow: 0 1px 0 #900404; } /* @end */ /* @group Dark Red */ a.button.darkred { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #981010), color-stop(100%, #6b0606)); background-image: -webkit-linear-gradient(#981010, #6b0606); background-image: -moz-linear-gradient(#981010, #6b0606); background-image: -o-linear-gradient(#981010, #6b0606); -pie-background: linear-gradient(#981010, #6b0606); border: 1px solid #6f0606; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #c41717; -webkit-box-shadow: inset 0 1px 0 0 #c41717; -o-box-shadow: inset 0 1px 0 0 #c41717; box-shadow: inset 0 1px 0 0 #c41717; color: white; text-shadow: 0 1px 0 #4b0202; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.darkred:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c0505), color-stop(100%, #7e1010)); background-image: -webkit-linear-gradient(#5c0505, #7e1010); background-image: -moz-linear-gradient(#5c0505, #7e1010); background-image: -o-linear-gradient(#5c0505, #7e1010); -pie-background: linear-gradient(#5c0505, #7e1010); -moz-box-shadow: inset 0 1px 0 0 #a91919; -webkit-box-shadow: inset 0 1px 0 0 #a91919; -o-box-shadow: inset 0 1px 0 0 #a91919; box-shadow: inset 0 1px 0 0 #a91919; cursor: pointer; } a.button.darkred:active { -moz-box-shadow: inset 0 0 8px 4px #4d0505, inset 0 0 8px 4px #4d0505, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #4d0505, inset 0 0 8px 4px #4d0505, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #4d0505, inset 0 0 8px 4px #4d0505, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #4d0505, inset 0 0 8px 4px #4d0505, 0 1px 1px 0 #eeeeee; border: 1px solid #5c0505; } a.button.darkred span.btn_caption { color: #f41f1f; text-shadow: 0 1px 0 #4b0202; } /* @end */ /* @group Yellow */ a.button.yellow { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1c81a), color-stop(100%, #a79f0c)); background-image: -webkit-linear-gradient(#d1c81a, #a79f0c); background-image: -moz-linear-gradient(#d1c81a, #a79f0c); background-image: -o-linear-gradient(#d1c81a, #a79f0c); -pie-background: linear-gradient(#d1c81a, #a79f0c); border: 1px solid #aca40c; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #e4dc3a; -webkit-box-shadow: inset 0 1px 0 0 #e4dc3a; -o-box-shadow: inset 0 1px 0 0 #e4dc3a; box-shadow: inset 0 1px 0 0 #e4dc3a; color: white; text-shadow: 0 1px 0 #8a8305; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.yellow:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98910b), color-stop(100%, #b6ae1b)); background-image: -webkit-linear-gradient(#98910b, #b6ae1b); background-image: -moz-linear-gradient(#98910b, #b6ae1b); background-image: -o-linear-gradient(#98910b, #b6ae1b); -pie-background: linear-gradient(#98910b, #b6ae1b); -moz-box-shadow: inset 0 1px 0 0 #dbd229; -webkit-box-shadow: inset 0 1px 0 0 #dbd229; -o-box-shadow: inset 0 1px 0 0 #dbd229; box-shadow: inset 0 1px 0 0 #dbd229; cursor: pointer; } a.button.yellow:active { -moz-box-shadow: inset 0 0 8px 4px #89830b, inset 0 0 8px 4px #89830b, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #89830b, inset 0 0 8px 4px #89830b, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #89830b, inset 0 0 8px 4px #89830b, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #89830b, inset 0 0 8px 4px #89830b, 0 1px 1px 0 #eeeeee; border: 1px solid #99910b; } a.button.yellow span.btn_caption { color: #f5ed61; text-shadow: 0 1px 0 #8a8305; } /* @end */ /* @group Orange */ a.button.orange { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1911a), color-stop(100%, #a7710c)); background-image: -webkit-linear-gradient(#d1911a, #a7710c); background-image: -moz-linear-gradient(#d1911a, #a7710c); background-image: -o-linear-gradient(#d1911a, #a7710c); -pie-background: linear-gradient(#d1911a, #a7710c); border: 1px solid #ac740c; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #e4a83a; -webkit-box-shadow: inset 0 1px 0 0 #e4a83a; -o-box-shadow: inset 0 1px 0 0 #e4a83a; box-shadow: inset 0 1px 0 0 #e4a83a; color: white; text-shadow: 0 1px 0 #8a5b05; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.orange:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98670b), color-stop(100%, #b6801b)); background-image: -webkit-linear-gradient(#98670b, #b6801b); background-image: -moz-linear-gradient(#98670b, #b6801b); background-image: -o-linear-gradient(#98670b, #b6801b); -pie-background: linear-gradient(#98670b, #b6801b); -moz-box-shadow: inset 0 1px 0 0 #db9d29; -webkit-box-shadow: inset 0 1px 0 0 #db9d29; -o-box-shadow: inset 0 1px 0 0 #db9d29; box-shadow: inset 0 1px 0 0 #db9d29; cursor: pointer; } a.button.orange:active { -moz-box-shadow: inset 0 0 8px 4px #895d0b, inset 0 0 8px 4px #895d0b, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #895d0b, inset 0 0 8px 4px #895d0b, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #895d0b, inset 0 0 8px 4px #895d0b, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #895d0b, inset 0 0 8px 4px #895d0b, 0 1px 1px 0 #eeeeee; border: 1px solid #99670b; } a.button.orange span.btn_caption { color: #f5c161; text-shadow: 0 1px 0 #8a5b05; } /* @end */ /* @group Brown */ a.button.brown { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #775e28), color-stop(100%, #513e15)); background-image: -webkit-linear-gradient(#775e28, #513e15); background-image: -moz-linear-gradient(#775e28, #513e15); background-image: -o-linear-gradient(#775e28, #513e15); -pie-background: linear-gradient(#775e28, #513e15); border: 1px solid #554116; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #9b7b36; -webkit-box-shadow: inset 0 1px 0 0 #9b7b36; -o-box-shadow: inset 0 1px 0 0 #9b7b36; box-shadow: inset 0 1px 0 0 #9b7b36; color: white; text-shadow: 0 1px 0 #37290c; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); position: relative; } a.button.brown:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #443512), color-stop(100%, #614d24)); background-image: -webkit-linear-gradient(#443512, #614d24); background-image: -moz-linear-gradient(#443512, #614d24); background-image: -o-linear-gradient(#443512, #614d24); -pie-background: linear-gradient(#443512, #614d24); -moz-box-shadow: inset 0 1px 0 0 #836a34; -webkit-box-shadow: inset 0 1px 0 0 #836a34; -o-box-shadow: inset 0 1px 0 0 #836a34; box-shadow: inset 0 1px 0 0 #836a34; cursor: pointer; } a.button.brown:active { -moz-box-shadow: inset 0 0 8px 4px #382b0f, inset 0 0 8px 4px #382b0f, 0 1px 1px 0 #eeeeee; -webkit-box-shadow: inset 0 0 8px 4px #382b0f, inset 0 0 8px 4px #382b0f, 0 1px 1px 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #382b0f, inset 0 0 8px 4px #382b0f, 0 1px 1px 0 #eeeeee; box-shadow: inset 0 0 8px 4px #382b0f, inset 0 0 8px 4px #382b0f, 0 1px 1px 0 #eeeeee; border: 1px solid #453512; } a.button.brown span.btn_caption { color: #cea03b; text-shadow: 0 1px 0 #37290c; } /* @end */ /* @end */ /* End Button Styles */ /* @group Tabs */ ul.tabs { display: block; margin: 0 0 20px 0; padding: 0; border-bottom: solid 1px #ddd; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 0 0 1px; margin: 0; background: #f5f5f5; font-size: 13px; } ul.tabs li a.active { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-right-width: 1px; margin: 0 -1px 0 0; color: #111; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs li:first-child a { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } ul.tabs li:last-child a { border-width: 1px 1px 0 1px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs-content { margin: 0; display: block; } ul.tabs-content > li { display:none; } ul.tabs-content > li.active { display: block; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs { zoom: 1; } /* @end */ /* @group Toggles */ .toggle_container { padding: 10px; margin-bottom: 1px; background-color: #fff; } p.trigger { display: block; padding: 8px 8px 8px 16px; margin: 0; cursor: pointer; font-weight: bold; font-size: 1.25em; line-height: 175%; } /* Up Toggle State */ p.trigger { background: #f8f8f8 url(images/icons/16_expand.png) no-repeat 10px center; border-top: 1px solid #e5e5e5; padding-left: 34px; } p.trigger a { color: #2774ae; text-shadow: #fff 1px -1px 0; text-decoration: none; } /* Hover Toggle State */ p.trigger:hover { background: #fff url(images/icons/16_expand.png) no-repeat 10px center; } p.trigger a:hover,p.trigger.active a:hover { color: #2774ae; text-shadow: #fff -1px 1px 0; } /* Active Toggle State */ p.trigger.active { background: #fff url(images/icons/16_collapse.png) no-repeat 10px center; border-top: 1px solid #ebebeb; } p.trigger.active a { color: #000; text-shadow: #fff 1px 1px 0; } /* @end */ /* @group Callouts */ /* Callout Box */ .cta { margin: 10px auto 0px auto; padding: 10px 10px 20px 10px; background-color: #f2f2f2; border: 1px solid #dcdcdc; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-shadow: #fff 1px 1px 0; box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; -moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; -webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; position: relative; behavior: url('/wp-content/themes/skeleton/skeleton/PIE.php'); } .cta p { margin: 0; padding: 0; } .cta h3 { font-size: 1.5em; text-shadow: #fff 1px -1px 0; } /* @end */ /* @group Comments */ /* Needs RWD Check */ #respond {margin:0px;float:left;border-top: 1px solid #dbdbdb;padding-top: 10px;width: 100%;} #respond input[type=text] { width:300px; margin-right:20px; } #respond textarea {width:550px; height:120px; padding:10px; } #comments { float:left; margin:0;} #comments {border: 0;width: 100%;} body.dark #comments {background: url(images/dark/divider.png) repeat-x right top;} #comments h2 {font-size: 1.5em;display: block;border-bottom: 1px solid #d6d6d6;font-weight: bold;} #comments h6 {font-family: "Times New Roman", Times, serif;letter-spacing: normal;text-transform: uppercase;margin: 10px 0px;} #comments .comment-meta { margin:0px 0px 20px 0px; display:block;} #comments .commentlist { margin:0px; float:left; list-style:none; width:100%; } #comments .commentlist ul { list-style:none; margin:0; padding:0; clear:both; } #comments .commentlist li {margin:0; padding:0; display:block;} body.page-template-onecolumn-page-php #comments .commentlist li .comment-meta {} #comments .commentlist li li { margin:0 0 20px 25px; } #comments .commentlist li li .comment-meta{ width:445px; } #comments .commentlist li li li {margin:0 0 20px 25px;} #comments .commentlist li li li .comment-meta{ width:420px; } #comments .commentlist li li li li {margin:0 0 20px 25px; } #comments .commentlist li li li li .comment-meta{ width:395px; } #comments .commentlist li li li li li {margin:0 0 20px 25px;} #comments .commentlist li li li li li .comment-meta{ width:370px; } #comments .single-comment { margin-bottom:20px; } #comments .comment-author { float:left; margin: 0px 10px 6px 0px; display:inline; width:50px; } #comments .comment-author cite { clear:both; font-weight:bold; } #comments .vcard { float:left; clear:both; display:block; width:100px; min-height: 100px; padding:20px 0; } #comments .vcard img.avatar { border: 1px solid #eee; padding: 2px; background:#f4f4f4; } #comments .vcard { background:url(images/light/comment_author_bg.png) no-repeat top right; } #comments body.dark .vcard { background:url(images/dark/comment_author_bg.png) no-repeat top right; } /* @end */ /* @group WP Gallery */ .gallery { display: block; clear: both; overflow: hidden; margin: 0 auto; } .gallery .gallery-row { display:block; clear: both; overflow: hidden; margin: 0; } .gallery .gallery-item { overflow: hidden; float: left; margin: 0; text-align: center; list-style: none; padding: 0; } .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { max-width: 79%; height: auto; padding: 0; margin: 5px auto; border: 1px solid #fff; background-color: #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -pie-box-shadow: 0px 0px 5px #ccc; position: relative; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); } .gallery-caption { color: #666; font-size: 11px; line-height: 12px; margin: 0; padding: 0; } /* Attachment Page */ #nav-below { width: 100%; } #nav-below .nav-previous a { float: left; } #nav-below .nav-next a { float: right; } .entry-caption { text-align: center; font-weight: bold; font-size: 16px; } /* @end */ /* @group Misc */ /* Apply CSS class of "guest" to menu items hidden from logged-in users */ body.logged-in li.guest, body.logged-in li.guest { display: none; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img.right { float:right; } img.left { float:left; margin-right: 10px; } /* #Forms (see formalize.css) ================================================== */ label,legend { font-weight: bold;font-size: 13px;font-weight: bold;font-size: 13px; display: block;} label,legend { font-weight: bold;font-size: 13px; display: block; } input[type="checkbox"] {display: inline; } /* # Misc Typography Balancing to Maintain Vertical Rhythm ============================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .add-top { margin-top: 20px !important; } .resize { background: url(images/resize.png) repeat scroll 0 0 transparent; bottom: 0; height: 80px; position: fixed; right: 0; width: 80px; } .bypostauthor,.gallery-caption {} /* @end */ body { background-color:#d9def1; background:url("images/body-background.png") repeat scroll 0 0 #d9def1; } #wrap { background-color:white; } .header_extras p { margin:0 0 10px; text-align:right; } .phone { color:#FFDC01; font-weight:bold; } .header_extras .booking { font-weight:bold; color:white; background-color:#ED1C24; transform: rotate(355deg); -ms-transform: rotate(355deg); /* IE 9 */ -webkit-transform: rotate(355deg); /* Safari and Chrome */ -o-transform: rotate(355deg); /* Opera */ -moz-transform: rotate(355deg); /* Firefox */ } #classes h1.entry-title, #blue h1.entry-title, #franchise-opportunities h1.entry-title { background: url("images/headersprites.png") no-repeat scroll 0 -286px transparent; border-bottom: 6px solid #286EB9; line-height: 59px; padding-left: 89px; text-indent:-9999px; } #franchise-opportunities .subpage-header, #blue .subpage-header, #classes .subpage-header, .page .subpage-header, .post-heading { border-bottom: 6px solid #286EB9; line-height: 59px; } #classes h1, #classes h2, #classes h3, #blue h1, #blue h2, #blue h3, #franchise-opportunities h1, #franchise-opportunities h2, #franchise-opportunities h3, .page h1, .page h2, .page h3, .post-heading { color: #286EB9; } #blue .no-style h1, #blue .no-style h2, #blue .no-style h3, #blue .no-style h4, #classes .no-style h1, #classes .no-style h2, #classes .no-style h3, #classes .no-style h4, .page .no-style h1, .page .no-style h2, .page .no-style h3, .page .no-style h4 { background-image:none; color:black; border:none; padding-left:0; } .bulleted li { list-style-type:disc; margin-left:20px; } .headingblob { height:58px; } #franchise-opportunities .subpage-header .headingblob, #classes .subpage-header .headingblob, #blue .subpage-header .headingblob, .page .subpage-header .headingblob, .post-heading .headingblob { background: url("images/headersprites.png") no-repeat scroll 0 -286px transparent; display:block; width:80px; float:left; text-indent:-9999px; } #franchise-opportunities h3, #classes h3, #blue h3, { background: url("images/headersprites.png") no-repeat scroll -86px -286px transparent; border-bottom: 2px solid #286EB9; color: #286EB9; line-height:44px; padding-left:55px; } #classes .socialfeed h3, #blue .socialfeed h3, .page .socialfeed h3 { background:none; padding-left:0; line-height:120%; border-bottom-width:0; } #franchise-opportunities h3 span, #classes h3 span, #blue h3 span, .page h3 span { background: url("images/headersprites.png") no-repeat scroll -86px -286px transparent; line-height:44px; text-indent:-9999px; display:block; width:55px; } #franchise-opportunities h3.long #classes h3.long, #blue h3.long, .page h3.long { background:none; padding-left:0; float:left; } #about-us h1.entry-title { background: url("images/headersprites.png") no-repeat scroll 0 2px transparent; border-bottom: 6px solid #ED1C24; line-height: 59px; padding-left: 89px; text-indent:-9999px; } #about-us .subpage-header { border-bottom: 6px solid #ED1C24; color: #ED1C24; line-height: 59px; } #about-us .subpage-header .headingblob { background: url("images/headersprites.png") no-repeat scroll 0 2px transparent; display:block; width:80px; float:left; text-indent:-9999px; } #about-us h3 { background: url("images/headersprites.png") no-repeat scroll -86px 2px transparent; border-bottom: 2px solid #ED1C24; color: #ED1C24; line-height:44px; padding-left:55px; } #about-us h3 span { background: url("images/headersprites.png") no-repeat scroll -86px 2px transparent; line-height:44px; text-indent:-9999px; display:block; width:55px; } #about-us h3.long { background:none; padding-left:0; float:left; } #about-us h1, #about-us h2, #about-us h3 { color: #ED1C24; } #why-join-us h1.entry-title { background: url("images/headersprites.png") no-repeat scroll 0 -112px transparent; border-bottom: 6px solid #FFDC01; line-height: 59px; padding-left: 89px; text-indent:-9999px; } #why-join-us .subpage-header { border-bottom: 6px solid #FFDC01; color: #FFDC01; line-height: 59px; } #why-join-us .subpage-header .headingblob { background: url("images/headersprites.png") no-repeat scroll 0 -112px transparent; display:block; width:80px; float:left; text-indent:-9999px; } #why-join-us h3 { background: url("images/headersprites.png") no-repeat scroll -86px -112px transparent; border-bottom: 2px solid #FFDC01; color: #FFDC01; line-height:44px; padding-left:55px; } #why-join-us h3 span { background: url("images/headersprites.png") no-repeat scroll -86px -112px transparent; line-height:44px; text-indent:-9999px; display:block; width:55px; } #why-join-us h3.long { background:none; padding-left:0; float:left; } #why-join-us h1, #why-join-us h2, #why-join-us h3 { color: #FFDC01; } #about-us h1.entry-title { background: url("images/headersprites.png") no-repeat scroll 0 -171px transparent; border-bottom: 6px solid #A0148E; line-height: 59px; padding-left: 89px; text-indent:-9999px; } #about-us .subpage-header { border-bottom: 6px solid #A0148E; color: #A0148E; line-height: 59px; } #about-us .subpage-header .headingblob { background: url("images/headersprites.png") no-repeat scroll 0 -171px transparent; display:block; width:80px; float:left; text-indent:-9999px; } #about-us h3 { background: url("images/headersprites.png") no-repeat scroll -86px -171px transparent; border-bottom: 2px solid #A0148E; line-height:44px; padding-left:55px; } #about-us h3 span { background: url("images/headersprites.png") no-repeat scroll -86px -171px transparent; line-height:44px; text-indent:-9999px; display:block; width:55px; } #about-us h3.long { background:none; padding-left:0; float:left; } #about-us h1, #about-us h2, #about-us h3 { color: #A0148E; } #post-19 h1.entry-title { background: url("images/headersprites.png") no-repeat scroll 0 -228px transparent; border-bottom: 6px solid #F47216; line-height: 59px; padding-left: 89px; text-indent:-9999px; } #faq h1.entry-title { background: url("images/headersprites.png") no-repeat scroll 0 -55px transparent; border-bottom: 6px solid #f47216; line-height: 59px; padding-left: 89px; text-indent:-9999px; } #faq .subpage-header { border-bottom: 6px solid #f47216; color: #f47216; line-height: 59px; } #faq .subpage-header .headingblob { background: url("images/headersprites.png") no-repeat scroll 0 -55px transparent; display:block; width:80px; float:left; text-indent:-9999px; } #faq h3 { background: url("images/headersprites.png") no-repeat scroll -86px -55px transparent; border-bottom: 2px solid #f47216; line-height:44px; padding-left:55px; } #faq h3 span { background: url("images/headersprites.png") no-repeat scroll -86px -55px transparent; line-height:44px; text-indent:-9999px; display:block; width:55px; } #faq h3.long { background:none; padding-left:0; float:left; } #faq h1, #faq h2, #faq h3 { color: #f47216; } #events h1.entry-title, #gallery h1.entry-title { background: url("images/headersprites.png") no-repeat scroll 0 -401px transparent; border-bottom: 6px solid #99D420; line-height: 59px; padding-left: 89px; text-indent:-9999px; } #events .subpage-header, #gallery .subpage-header { border-bottom: 6px solid #99D420; color: #99D420; line-height: 59px; } #events .subpage-header .headingblob, #gallery .subpage-header .headingblob { background: url("images/headersprites.png") no-repeat scroll 0 -401px transparent; display:block; width:80px; float:left; text-indent:-9999px; } #events h3. #gallery h3 { background: url("images/headersprites.png") no-repeat scroll -86px -401px transparent; border-bottom: 2px solid #99D420; color: #99D420; line-height:44px; padding-left:55px; } #events h3 span, #gallery h3 span { background: url("images/headersprites.png") no-repeat scroll -86px -401px transparent; line-height:44px; text-indent:-9999px; display:block; width:55px; } #events h3.long #gallery h3.long { background:none; padding-left:0; float:left; } #events h1, #events h2, #events h3 { color: #99D420; } #gallery h1, #gallery h2, #gallery h3 { color: #99D420; } #navigation ul { height:85px; } #content.one { width:98%; } #footer { font-size:90%; text-align:center; } #footer div { display:none; } #footer #wpadminbar, #footer #wpadminbar div.quicklinks { display:block; } #footer #credits { display:block; } #footer div.full-width, #footer div.full-width div { display:block; width:100%; } #menu-footer li { float:left; } #footer .text-2 { clear:both; } .socialfeed div { background: none repeat scroll 0 0 #E8F3F8; border: 1px solid #9CC8DE; padding:5px; font-family:'Arial',sans-serif; font-size:80%; } .socialfeed .center { display: block; margin-left: auto; margin-right: auto } .socialfeed div.textwidget, .socialfeed div.inner, .socialfeed .fb-like-box { background:none repeat scroll 0 0 white; border: none; padding:0; } .socialfeed .twitterwidget-title { background: url("images/twt-title.png") no-repeat scroll 0 11px transparent; display: block; height: 55px; text-indent: -9999px; } .frontpagelower .one_third.left .inner { } .frontpagelower .one_third.center .inner { } .frontpagelower .one_third.left h3 { } .frontpagelower .one_third.left { text-align:center; } .frontpagelower .one_third.center h3 { } .frontpagelower { clear:both; } .frontpagelower .inner { height:100%; } .home .alignright { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-transform: rotate(4deg); border-color: #FFFFFF; border-style: solid; border-width: 8px 8px 20px; box-shadow: 2px 2px 9px #000000; margin: 22px; } #ticker { background: -moz-linear-gradient(270deg, #cbe3fc, #f4f8fc) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(270deg, #cbe3fc, #f4f8fc); /*new webkit*/ background: -ms-linear-gradient(270deg, #cbe3fc, #f4f8fc); /*IE10 preview*/ background: -o-linear-gradient(270deg, #cbe3fc, #f4f8fc); /*opera 11.10+*/ background: linear-gradient(270deg, #cbe3fc, #f4f8fc); /*future CSS3 browsers*/ -pie-background: linear-gradient(270deg, #cbe3fc, #f4f8fc); /*PIE*/ border-color: #8fc5fc; border-radius: 5px 5px 5px 5px; margin-bottom:10px; behavior: url("/wp-content/themes/skeleton/skeleton/PIE.php"); } #trends { padding-left:120px; background:url("images/ticker.png") no-repeat scroll 3px 2px transparent; } #navigation li { position:relative; } #navigation ul ul a, #navigation ul ul a:active, #navigation ul ul a.active, #navigation ul #about-us.active li a, #navigation li#about-us:hover li a, #navigation ul #home.active li a, #navigation li#home:hover li a, #navigation ul #menu-item-35.active li a, #navigation li#menu-item-35:hover li a, #navigation ul #classes.active li a, #navigation li#classes:hover li a, #navigation ul #blue.active li a, #navigation li#blue:hover li a, #navigation ul #faq.active li a, #navigation li#faq:hover li a, #navigation ul #why-join-us.active li a, #navigation li#why-join-us:hover li a, #navigation ul #birthday-parties.active li a, #navigation li#birthday-parties:hover li a, #navigation ul #menu-item-30.active li a, #navigation li#menu-item-30:hover li a, #navigation ul #gallery.active li a, #navigation li#gallery:hover li a { background-image:none; text-indent:0; padding:0 0 0 10px; margin:0; } #navigation li span:active {} #navigation li span:active {} #navigation li span{display:block; -moz-transition: all 0.1s linear;} #navigation li:first-child {} #navigation li {} #navigation li:last-child {} #navigation ul ul {position: absolute; left: -9999px;width:100px; z-index: 60;} #navigation ul li:hover > ul {left:0px;} #navigation li li:first-child {} #navigation li li { width:200px; } #navigation li li a { padding:0; } #navigation li li:last-child {} #navigation ul ul ul{ z-index: 61;top:0;} ul ul li:hover ul {left:98px;} .quote.short, .quotelong { font-size:90%; } .quotelong { line-height:125%; } #classes .quote, #blue .quote { background:url('images/sidebar-9-quote.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; } #classes .quote.short, #blue .quote.short { background:url('images/sidebar-9-short-quote.png') no-repeat transparent; padding: 56px 23px 10px 20px; height: 240px; } #why-join-us .quote { background:url('images/sidebar-11-quote.png') no-repeat transparent; padding:68px 23px 10px 20px; color:#84822D; height:350px; } #why-join-us .quote.short { background:url('images/sidebar-11-short-quote.png') no-repeat transparent; padding: 56px 23px 10px 20px; height: 240px; } #home .quote, #about-us .quote { background:url('images/sidebar-16-quote.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; } #home .quote.short, #about-us .quote.short { background:url('images/sidebar-16-short-quote.png') no-repeat transparent; padding: 56px 23px 10px 20px; height: 240px; } #home .quote .slideshow { margin: 0 auto 10px; background-color: #FFFFFF; display: block; padding: 4px; width:168px; } #about-us .quote { background:url('images/sidebar-17-quote.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; } #about-us .quote.short { background:url('images/sidebar-17-short-quote.png') no-repeat transparent; padding: 56px 23px 10px 20px; height: 240px; } #group-bookings .quote, #faq .quote { background:url('images/sidebar-19-quote.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; } #group-bookings .quote.short, #faq .quote.short { background:url('images/sidebar-19-short-quote.png') no-repeat transparent; padding: 56px 23px 10px 20px; height: 240px; } #gallery .quote { background:url('images/sidebar-97-quote.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; } #gallery .quote.short { background:url('images/sidebar-97-short-quote.png') no-repeat transparent; padding: 56px 23px 10px 20px; height: 240px; } .quote .ngg-singlepic { margin: 0 auto 10px auto; } .quote { text-align:center; } .socialfeed { padding-top:20px; } .socialfeed .textwidget { height:250px; } .mobilesubnav { display:none; } /* twit scroller */ #trends{ width:810px; margin:0 auto; } .background .inner{ *z-index:997; _z-index:997; position:relative; } #trends{ *z-index:996; _z-index:996; position:relative; zoom:1; } #trends .inner{ width:800px; overflow:hidden; zoom:1; position:relative; } #trends ul{ margin:0; padding:0; list-style:none; white-space:nowrap; zoom:1; position:relative; z-index:20; } #trends li{ display: inline; margin-right: 10px; padding-right: 10px; border-right: thin solid grey; font-size: 14px; zoom:1; } #trends em{ display:none; zoom:1; } #trends a,#trends li.trend-label{ padding:8px 4px; } #trends li.trend-label{ font-size:9px; color:#def; text-transform:uppercase; letter-spacing:.2em; zoom:1; } #trends a{ display:inline-block; zoom:1; } #trends a:hover,#trends a.active{ text-decoration:none; zoom:1; } #trends .fade{ position:absolute; display:block; top:0; left:0; width:60px; padding:8px 0; zoom:1; _visibility:hidden; z-index:30; pointer-events:none; } #trends .fade-right{ background-position:-60px 0; left:auto; /* right:240px; */ right:0; } #trends dl{ margin:0; padding:20px 0; line-height:18px; color:#ace; } #trends dt{ display:block; margin-bottom:4px; font-size:11px; color:#df6; } #trends dt img{ vertical-align:middle; } #trends dd{ margin:0; } #trends dd strong{ color:#fff; } #trend_description p{ font-size:1em; } .trendtip{ background:#fff; position:relative; width:240px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:11px; line-height:18px; color:#aaa; display:none; margin-top:9px; } .trendtip-content{ background:#000; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .trendtip-trend{ margin-bottom:10px; font:bold 15px "Helvetica Neue",Arial,Sans-serif; color:#fa2; line-height:18px; display:block; } ul.trendscontent a:focus,ul.trendscontent a:active,.trendtip-trend:focus,.trendtip-trend:active{ outline:0; -moz-outline:0; } .trendtip-desc{ display:block; color:#ddd; font-size:13px; line-height:18px; } .trendtip-source a{ color:#6ac; text-decoration:none; } .trendtip-pointer{ position:absolute; top:-9px; left:50%; width:17px; height:9px; margin-left:-8px; } .aside #trend_description p{ color:#666; } .aside #what_the_trend{ color:#999; font-size:11px; } div.trend-description-container{ display:block; } .trend-description-container{ display:none; margin:0!important; padding:7px 0 0 0!important; } #trend_description img{ vertical-align:middle; margin:1px 5px 3px; } .ie8 #trend_description img{ margin-top:-1px; } .ie7 #trend_description img{ margin-bottom:-2px; } #trend_description{ display:none; padding:0; line-height:18px; margin:0 0 1em; } #trend_description span{ color:#777; } #trend_description p{ margin:0; line-height:18px; font-size:1.1em; color:#333; } #trend_description p strong{ color:#333; } .jdGallery p { margin:0; } .entry-content .right { float:right; padding-top:30px; } #about .entry-content img, #home .entry-content img { border:5px solid #ED1C24; padding:0px; } #home .jdGallery img { border:none; } #gallery .entry-content img, #events .entry-content img { border: 5px solid #99D420; padding:0px; } #classes .entry-content img, #blue .entry-content img, .aligncenter.size-full { border: 5px solid #286EB9; padding:0px; } #why-join-us .entry-content img { border: 5px solid #FFDC01; padding:0; } #about-us .entry-content img { border: 5px solid #A0148E; padding:0; } #faq .entry-content img { border: 5px solid #F47216; padding:0; } .entry-content ul { list-style: disc outside none; margin-left: 45px; } #sidebar .textwidget .photos { text-align:center; font-style:italic; } #sidebar .ngg-singlepic { margin: 0 auto; } .page-template-franchise-page-php .content p:first-of-type, .page-template-franchise-page-php .content .intro { font-size: 32px; line-height: 40px; padding: 25px 0; } .page-template-franchise-page-php .content p:first-of-type, .page-template-franchise-page-php .content .intro, #home h3, #home .intro { color:#ED1C24; text-align:center; } #home .intro { margin-top: 20px; line-height: 140%; font-size: 32px; padding: 0 50px; text-align: center; margin-right: 290px; } .homesection1, .homesection2 { clear:both; } #home .entry-content img { margin-bottom:20px; } .textwidget .fb_iframe_widget { left:-10px; } .entry-content h2 { clear:both; } #classes .textwidget p, #blue .textwidget p { margin-bottom:0; } #classes .textwidget .fb_iframe_widget, #blue .textwidget .fb_iframe_widget { left: 0px; margin-bottom:10px; } #classes .socialfeed, #blue .socialfeed { margin-bottom:10px; } #classes .textwidget, #blue .textwidget { text-align:center; } .ngg-album-compactbox { padding: 7px 0 0 3px !important; } #home h3.birthday a { background-image: url("images/frontpageheaders.png"); background-position: 119px 0; background-repeat: no-repeat; display: block; line-height: 90px; text-indent: -9999px; width: 358px; } #home h3.classes a.after-school { background-image: url("images/frontpageheaders.png"); background-position: -287px 0; background-repeat: no-repeat; display: block; line-height: 90px; text-indent: -9999px; width: 181px; float:left; } #home h3.classes a.holiday { background-image: url("images/frontpageheaders.png"); background-position: -469px 0; background-repeat: no-repeat; display: block; float: right; line-height: 90px; text-indent: -9999px; width: 270px; } #home .one_half p { clear:both; } #footer #designedByPettitti { display:block; } #footer #designedByPettitti a span { display:block; overflow:hidden; text-indent:100%; white-space:nowrap; background:url(images/designed-by-pettitti-logo.png) no-repeat center center; height:30px; width:208px; margin:0 auto; } .sidebarnews { margin-top:10px; } .sidebarnews .date { font-size: 0.8em; } .sidebarnews .readmore { display:none; } .franchisepage div { text-align: center; } .franchisepage a { display:inline-block; height:200px; width:200px; background-color:red; } .franchisepage .preschool, .franchisepage .holiday, .franchisepage .group, .franchisepage .events, .franchisepage .schools-club { width: 220px; height: 220px; margin: 10px auto; border-radius: 10px; background-image: none; } .franchisepage .preschool a { background: url('images/franchisepage/preschool.png') no-repeat center; text-indent:-9999px; } .franchisepage .preschool { background-color: #b3d5f3; border:2px solid #286EB9; } .franchisepage .holiday a { background: url('images/franchisepage/holiday.png') no-repeat center; text-indent:-9999px; } .franchisepage .holiday { background-color: #fac3c6; border:2px solid #ED1C24; } .franchisepage .group a { background: url('images/franchisepage/groupbooking.png') no-repeat center; text-indent:-9999px; } .franchisepage .group { background-color: #fbdbc2; border:2px solid #F47216; } .franchisepage .events a { background: url('images/franchisepage/events.png') no-repeat center; text-indent:-9999px; } .franchisepage .events { background-color: #e5c2e2; border:2px solid #A0148E; } .franchisepage .schools-club a { background: url('images/franchisepage/afterschool.png') no-repeat center; text-indent:-9999px; } .franchisepage .schools-club { background-color: #e4f4c5; margin-top:140px; margin-bottom: 20px; border:2px solid #99D420; } #blue .franchise-contact h3, .franchise-contact a { color:#ffffff; } .page-template-franchise-page-php .wp-post-image { float:left; margin-right:10px; } .franchise-contact img { vertical-align: middle; margin-right:10px; } .banner { margin:0 10px; } .after_school { height: 300px; clear: both; width: 940px; background: url('images/banners/after-school.jpg') no-repeat center 70px; margin: 0 10px 15px 10px; border-bottom: 6px solid #286EB9; } .birthday_parties { height: 300px; clear: both; width: 940px; background: url('images/banners/birthday-parties.jpg') no-repeat center 70px; margin: 0 10px 15px 10px; border-bottom: 6px solid #286EB9; } .pre_school_classes { height: 300px; clear: both; width: 940px; background: url('images/banners/pre-school-classes.jpg') no-repeat center 70px; margin: 0 10px 15px 10px; border-bottom: 6px solid #286EB9; } .holiday_workshops { height: 300px; clear: both; width: 940px; background: url('images/banners/holiday-workshop.jpg') no-repeat center 70px; margin: 0 10px 15px 10px; border-bottom: 6px solid #286EB9; } .group_booking { height: 300px; clear: both; width: 940px; background: url('images/banners/group-bookings.jpg') no-repeat center 70px; margin: 0 10px 15px 10px; border-bottom: 6px solid #286EB9; } .events { height: 300px; clear: both; width: 940px; background: url('images/banners/events.jpg') no-repeat center 70px; margin: 0 10px 15px 10px; border-bottom: 6px solid #99D420; } #home .banner { display: none; } /* media specific */ /* Mobile Landscape/Browser */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Anything smaller than standard 960 */ @media only screen and (max-width: 959px) { .banner { width:748px; } #site-title { background: url("images/logo_tablet.png") no-repeat scroll left center transparent; } #header { background: url("images/headerbackground.png") repeat-x scroll left -45px transparent; } #header .inner { background: url("images/explorecreateenjoy.png") no-repeat scroll 245px 118px transparent; } #header div#site-title a, #header h1#site-title, #header h1#site-title a { line-height:150px; } #navigation ul { height:63px; } #navigation ul li a { line-height:40px; } #navigation ul li { background: none repeat scroll 0 0 transparent; position: relative; width: 93px; } /* glue: 0.3 hash: 1c9a75ccc0 */ #navigation ul #why-join-us a, #navigation ul #home a, #navigation ul #gallery a, #navigation ul #franchise-opportunities a, #navigation ul #faq a, #navigation ul #classes a, #navigation ul #blue a, #navigation ul #birthday-parties a, #navigation ul #about-us a {background-image:url('images/sprites/sprites_tablet.png');background-repeat:no-repeat} #navigation ul #why-join-us:hover a {background-position:0px 0px;width:93px;height:68px;} #navigation ul #why-join-us:active a {background-position:-93px 0px;width:93px;height:68px;} #navigation ul #why-join-us a {background-position:0px -68px;width:93px;height:68px;} #navigation ul #home:hover a {background-position:-93px -68px;width:93px;height:68px;} #navigation ul #home:active a {background-position:-186px 0px;width:93px;height:68px;} #navigation ul #home a {background-position:-186px -68px;width:93px;height:68px;} #navigation ul #gallery:hover a {background-position:0px -136px;width:93px;height:68px;} #navigation ul #gallery:active a {background-position:-93px -136px;width:93px;height:68px;} #navigation ul #gallery a {background-position:-186px -136px;width:93px;height:68px;} #navigation ul #franchise-opportunities:hover a {background-position:0px -204px;width:93px;height:68px;} #navigation ul #franchise-opportunities:active a {background-position:-93px -204px;width:93px;height:68px;} #navigation ul #franchise-opportunities a {background-position:-186px -204px;width:93px;height:68px;} #navigation ul #faq:hover a {background-position:-279px 0px;width:93px;height:68px;} #navigation ul #faq:active a {background-position:-279px -68px;width:93px;height:68px;} #navigation ul #faq a {background-position:-279px -136px;width:93px;height:68px;} #navigation ul #classes:hover a {background-position:-279px -204px;width:93px;height:68px;} #navigation ul #classes:active a {background-position:0px -272px;width:93px;height:68px;} #navigation ul #classes a {background-position:-93px -272px;width:93px;height:68px;} #navigation ul #blue:hover a {background-position:-279px -204px;width:93px;height:68px;} #navigation ul #blue:active a {background-position:0px -272px;width:93px;height:68px;} #navigation ul #blue a {background-position:-93px -272px;width:93px;height:68px;} #navigation ul #birthday-parties:hover a {background-position:-186px -272px;width:93px;height:68px;} #navigation ul #birthday-parties:active a {background-position:-279px -272px;width:93px;height:68px;} #navigation ul #birthday-parties a {background-position:-372px 0px;width:93px;height:68px;} #navigation ul #about-us:hover a {background-position:-372px -68px;width:93px;height:68px;} #navigation ul #about-us:active a {background-position:-372px -136px;width:93px;height:68px;} #navigation ul #about-us a {background-position:-372px -204px;width:93px;height:68px;} #navigation ul #home a { padding-bottom: 0px; } #navigation ul #home a:hover, #navigation ul #home.active a { padding-bottom:0px; border-bottom: 6px solid #ED1C24; margin-bottom:5px; } #navigation li#home:hover a { } #navigation ul #classes a, #navigation ul #blue a { padding-bottom: 0px; padding-top: 0px; } #navigation ul #menu-item-35 a:hover, #navigation ul #menu-item-35.active a, #navigation ul #classes a:hover, #navigation ul #classes.active a, #navigation ul #blue a:hover, #navigation ul #blue.active a { border-bottom: 6px solid #286EB9; padding-bottom:0px; margin-bottom:5px; } #navigation li#menu-item-35:hover a, #navigation li#classes:hover a, #navigation li#blue:hover a { } #navigation ul #faq a { padding-bottom: 0px; padding-top: 0px; } #navigation ul #faq a:hover, #navigation ul #faq.active a { border-bottom: 6px solid #f47216; padding-bottom:0px; margin-bottom:5px; } #navigation li#faq:hover a { } #navigation ul #why-join-us a { padding-bottom: 0px; padding-top: 0px; } #navigation ul #why-join-us a:hover, #navigation ul #why-join-us.active a { border-bottom: 6px solid #FFDC01; ; padding-bottom:0px; margin-bottom:5px; } #navigation li#why-join-us:hover a { } #navigation ul #about-us a { padding-bottom: 0px; padding-top: 0px; } #navigation ul #about-us a:hover, #navigation ul #about-us.active a { border-bottom: 6px solid #ED1C24; padding-bottom:0px; margin-bottom:5px; } #navigation li#about-us:hover a { } #navigation ul #birthday-parties a { padding-bottom: 0px; padding-top: 0px; } #navigation ul #birthday-parties a:hover, #navigation ul #birthday-parties.active a { border-bottom:6px solid #A0148E; padding-bottom:0px; margin-bottom:5px; } #navigation li#birthday-parties:hover a { } #navigation ul #menu-item-30 a { padding-bottom: 0px; padding-top: 0px; } #navigation ul #menu-item-30 a:hover, #navigation ul #menu-item-30.active a { border-bottom:6px solid #F47216; padding-bottom:0px; margin-bottom:5px; } #navigation li#menu-item-30:hover a { } #navigation ul #gallery a { padding-bottom: 0px; padding-top: 0px; } #navigation ul #gallery a:hover, #navigation ul #gallery.active a { border-bottom: 6px solid #99D420; padding-bottom:0px; margin-bottom:5px; } #navigation li#gallery:hover a { } #navigation li ul.sub-menu li { float:none; } #classes .quote, #blue .quote { background:url('images/sidebar-9-quote-tablet.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; line-height:110%; } #classes .quote.short, #blue .quote.short { background:url('images/sidebar-9-short-quote-tablet.png') no-repeat transparent; } #why-join-us .quote { background:url('images/sidebar-11-quote-tablet.png') no-repeat transparent; color:#84822D; padding:68px 23px 10px 20px; height:350px; line-height:110%; } #why-join-us .quote.short { background:url('images/sidebar-11-short-quote-tablet.png') no-repeat transparent; } #about-us .quote { background:url('images/sidebar-16-quote-tablet.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; line-height:110%; } #about-us .quote.short { background:url('images/sidebar-16-short-quote-tablet.png') no-repeat transparent; } #faq .quote, #group-bookings .quote { background:url('images/sidebar-19-quote-tablet.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; line-height:110%; } #faq .quote.short, #group-bookings .quote.short { background:url('images/sidebar-19-short-quote-tablet.png') no-repeat transparent; } #about-us .quote { background:url('images/sidebar-17-quote-tablet.png') no-repeat transparent; padding:68px 23px 10px 20px; color:white; height:350px; line-height:110%; } #about-us .quote.short { background:url('images/sidebar-17-short-quote-tablet.png') no-repeat transparent; } #gallery .quote { background:url('images/sidebar-97-quote-tablet.png') no-repeat transparent; padding:64px 20px 10px 20px color:white; height:350px; line-height:110%; } #gallery .quote.short { background:url('images/sidebar-97-short-quote-tablet.png') no-repeat transparent; } #faq .quote { background:url('images/sidebar-19-quote-tablet.png') no-repeat transparent; padding:64px 20px 10px 20px color:white; height:350px; line-height:110%; } #faq .quote.short { background:url('images/sidebar-19-short-quote-tablet.png') no-repeat transparent; } #trends .inner { overflow: hidden; position: relative; width: 621px; } .home .one_third.last { width:290px; } .home .frontpagelower .center { width:39%; margin-right:0; } .home .frontpagelower .right, .home .frontpagelower .left, .home .frontpagelower .one_third.last { width:30%; margin-right:0; } .fb-like-box span { width:200px; } .home .two_thirds { width:425px; } } /* iPad Portrait Only */ @media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {} /* Mobile/Browser */ @media only screen and (max-width: 767px) { #navigation select { margin:0 auto; } .banner { background:none; height:auto; border-bottom:0; width:100%; margin:0; } .banner h1 { margin:0 10px; } #site-title { background: url("images/logo_tablet.png") no-repeat scroll center center transparent; width: 100px; margin: 0 auto; background-size: contain; line-height: 51px; height: 50px; background-position: center center; } #header { background: url("images/explorecreateenjoy-mobile.png") no-repeat scroll center bottom transparent; padding:0; } .page-template-franchise-page-php .content p { margin-left: 10px; margin-right: 10px; } .page-template-franchise-page-php .content p:first-of-type, #home h3, #home .intro span { font-size:30px; line-height: 30px; padding:0; text-align: left; margin-left:100px; } #home .intro { margin:0 0 20px 0; } .home .one_third.last { display: none; } .page-template-franchise-page-php .content p:first-of-type, #home h3, #home .intro span { margin-left:0; margin-right: 0; text-align: center; } .page-template-franchise-page-php .wp-post-image { width:75px; height:75px; margin-left: 10px; } #header .header_extras { float: none; font-size:90%; } #header .header_extras p { margin:0; } #header .header_extras p.phone { float:right; } #header div#site-title a, #header h1#site-title, #header h1#site-title a { line-height: 160px; } .home .two_thirds { width:100%; } #navigation #menu-main { } #navigation #menu-main li { float:left; height:33px; } #navigation ul li { width:140px; } #navigation ul #home { margin-left:0; } #navigation ul #home.active a, #navigation ul #home a, #navigation ul #home a:hover, #navigation ul #faq.active a, #navigation ul #faq a, #navigation ul #faq a:hover, #navigation ul #menu-item-35.active a, #navigation ul #menu-item-35 a, #navigation ul #menu-item-35 a:hover, #navigation ul #classes.active a, #navigation ul #classes a, #navigation ul #classes a:hover, #navigation ul #blue.active a, #navigation ul #blue a, #navigation ul #blue a:hover, #navigation ul #why-join-us.active a, #navigation ul #why-join-us a, #navigation ul #why-join-us a:hover, #navigation ul #about-us.active a, #navigation ul #about-us a, #navigation ul #about-us a:hover, #navigation ul #birthday-parties.active a, #navigation ul #birthday-parties a, #navigation ul #birthday-parties a:hover, #navigation ul #menu-item-30.active a, #navigation ul #menu-item-30 a, #navigation ul #menu-item-30 a:hover, #navigation ul #gallery.active a, #navigation ul #gallery a, #navigation ul #gallery a:hover, #navigation ul #franchise-opportunities.active a, #navigation ul #franchise-opportunities a, #navigation ul #franchise-opportunities a:hover { text-indent:0; background-image:none; padding:0 0 0 33px; margin:0; width:108px; line-height:29px; font-size:85%; height:20px; } #navigation ul #why-join-us:hover, #navigation ul #home:hover, #navigation ul #about-us:hover, #navigation ul #birthday-parties:hover, #navigation ul #faq:hover, #navigation ul #menu-item-30:hover, #navigation ul #gallery:hover, #navigation ul #menu-item-35:hover, #navigation ul #classes:hover, #navigation ul #blue:hover, #navigation ul #franchise-opportunities:hover { background-image:none; } #navigation ul #home a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px 3px; } #navigation ul #home a:hover, #navigation ul #home.active a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -24px; padding-bottom:0px; border-bottom: 6px solid #ED1C24; margin-bottom:5px; } #navigation ul #faq a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -232px; } #navigation ul #faq a:hover, #navigation ul #faq.active a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -259px; border-bottom: 6px solid #f47216; margin-bottom:5px; } #navigation ul #menu-item-35 a, #navigation ul #classes a, #navigation ul #blue a, #navigation ul #franchise-opportunities a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -174px; } #navigation ul #menu-item-35 a:hover, #navigation ul #menu-item-35.active a, #navigation ul #classes a:hover, #navigation ul #classes.active a, #navigation ul #blue a:hover, #navigation ul #blue.active a, #navigation ul #franchise-opportunities a:hover, #navigation ul #franchise-opportunities.active a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -201px; border-bottom: 6px solid #286EB9; margin-bottom:5px; } #navigation ul #why-join-us a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -115px; } #navigation ul #why-join-us a:hover, #navigation ul #why-join-us.active a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -142px; border-bottom: 6px solid #FFDC01; margin-bottom:5px; } #navigation ul #about-us a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px 3px; } #navigation ul #about-us a:hover, #navigation ul #about-us.active a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -24px; border-bottom: 6px solid #ED1C24; margin-bottom:5px; } #navigation ul #birthday-parties a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -291px; } #navigation ul #birthday-parties a:hover, #navigation ul #birthday-parties.active a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -318px; border-bottom:6px solid #A0148E; margin-bottom:5px; } #navigation ul #menu-item-30 a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -233px; } #navigation ul #menu-item-30 a:hover, #navigation ul #menu-item-30.active a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -260px; border-bottom:6px solid #F47216; margin-bottom:5px; } #navigation ul #gallery a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -56px; } #navigation ul #gallery a:hover, #navigation ul #gallery.active a { background-image:url('images/sprites_mobile.png'); background-repeat: no-repeat; background-position: 0px -83px; border-bottom: 6px solid #99D420; margin-bottom:5px; } #post-9 h1.entry-title , #post-16 h1.entry-title, #post-17 h1.entry-title, #post-19 h1.entry-title, #post-21 h1.entry-title, #post-11 h1.entry-title, #post-97 h1.entry-title, #post-84 h1.entry-title, { background: none; border-bottom: 6px solid #FFDC01; line-height: 36px; padding-left: 0px; font-size:28px; text-indent:0; } h3 { font-size:22px; } #navigation li span:active {} #navigation li span:active {} #navigation li span{display:block; -moz-transition: all 0.1s linear;} #navigation li:first-child {} #navigation li {} #navigation li:last-child {} #navigation ul ul {position: absolute; left: -9999px;width:100px; z-index: 60;} #navigation ul li:hover > ul {left:-9999px;} #navigation li li:first-child {} #navigation li li { width:200px; } #navigation li li a { padding:0; } #navigation li li:last-child {} #navigation ul ul ul{ z-index: 61;top:0;} ul ul li:hover ul {left:98px;} #header .inner { background-image:none; padding-right:5px; } #classes .quote, #classes .quote.short, #blue .quote, #blue .quote.short { background-image:none; background-color:#286eb9; padding:10px; color:white; height:auto; line-height:110%; } #why-join-us .quote, #why-join-us .quote.short { background-image:none; background-color:#ffdc01; padding:10px; height:auto; line-height:110%; } #home .quote, #home .quote.short, #about-us .quote, #about-us .quote.short { background-image:none; background-color:#ed1c24; padding:10px; color:white; height:auto; line-height:110%; } #about-us .quote #about-us .quote.short { background-image:none; background-color:#a0148e; padding:10px; color:white; height:auto; line-height:110%; } #faq .quote, #group-bookings .quote, #faq .quote.short, #group-bookings .quote.short { background-image:none; background-color:#f47216; padding:10px; color:white; height:auto; line-height:110%; } #faq.quote, #gallery .quote, #faq .quote.short, #gallery .quote.short { background-image:none; background-color:#99d420; padding:10px; color:white; height:auto; line-height:110%; } #post-9 h1.entry-title { border-bottom: 6px solid #286EB9; color: #286EB9; background-image:none; text-indent:0; padding-left:0; } #post-16 h1.entry-title { border-bottom: 6px solid #ED1C24; color: #ED1C24; background-image:none; text-indent:0; padding-left:0; } #post-17 h1.entry-title { border-bottom: 6px solid #A0148E; color: #A0148E; background-image:none; text-indent:0; padding-left:0; } #post-19 h1.entry-title { border-bottom: 6px solid #F47216; color: #F47216; background-image:none; text-indent:0; padding-left:0; } #post-21 h1.entry-title { border-bottom: 6px solid #99D420; color: #99D420; background-image:none; text-indent:0; padding-left:0; } #post-11 h1.entry-title { border-bottom: 6px solid #FFDC01; color: #FFDC01; background-image:none; text-indent:0; padding-left:0; } #post-97 h1.entry-title, #post-84 h1.entry-title { border-bottom: 6px solid #99D420; color: #99D420; background-image:none; text-indent:0; padding-left:0; } #trends .inner { overflow: hidden; position: relative; width: 216px; } #trends { background: url("images/ticker.png") no-repeat scroll -39px 2px transparent; padding-left: 67px; } #wrap #content { padding-left:4px; } .mobilesubnav { display:block; } .size-full { width:200px; display:block; float:none; margin:0 auto; } #home h3.birthday a, #home h3.classes a.after-school, #home h3.classes a.holiday { background-image: none; display: inline; line-height: 100%; text-indent: 0px; width:auto; float:none; } .home .frontpagelower .left { width:100%; } .home .frontpagelower .right,.home .frontpagelower .one_third.center, .home .frontpagelower .one_third.last { display:none; } .home .frontpagelower img.center { width:200px; margin-right:auto; } .socialfeed .textwidget { height: auto; } .franchisepage .schools-club { margin-top:10px; margin-bottom: 10px; } .franchisepage .preschool, .franchisepage .holiday, .franchisepage .group, .franchisepage .events, .franchisepage .schools-club, .franchisepage .preschool a, .franchisepage .holiday a, .franchisepage .group a, .franchisepage .events a, .franchisepage .schools-club a { height:130px; } }