/* Theme Name: The Shiva Experience Theme URI: http://transformative.in Description: The Shiva Experience Version: .1 Author: Magendra Singh Author URI: http://transformative.in 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 */ /* @group Global Reset */ @font-face { font-family: 'NotoSans-Bold'; src: url(font/noto_sans/NotoSans-Bold.ttf) format('opentype'); } @font-face { font-family: 'NotoSans-BoldItalic'; src: url(font/noto_sans/NotoSans-BoldItalic.ttf) format('opentype'); } @font-face { font-family: 'NotoSans-Italic'; src: url(font/noto_sans/NotoSans-Italic.ttf) format('opentype'); } @font-face { font-family: 'NotoSans-Regular'; src: url(font/noto_sans/NotoSans-Regular.ttf) format('opentype'); } 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; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 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%; -moz-background-size: 111% 812px; -o-background-size: 111% 812px; -webkit-background-size: 112% 5%; background-size: 111% 812px; } /* @end */ /* @group Structural Customization */ #header { clear: both; margin-top: 0px; } #header .inner { padding-top: 15px; padding-bottom: 20px; } #header .header_extras { float: right; } /* Give the main wrapper a separate background color */ #wrap { } /* Footer Styles */ #footer { font-size: .9em; } #footer.noborder { border: none; padding-top: 0; } #footer #credits { font-size: 11px; color: #9f9f9f; } a.themeauthor { display: block; width: 75px; height: 12px; margin: 0px auto; float: right; text-decoration: none; text-indent: -9999em; background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/icons/stlogo.png) no-repeat right center; } /* @end */ /* @group Header */ #site-title { margin: 0; padding: 0; font-size: 60px; line-height: 55px; letter-spacing: -1px; } #header div#site-title a, #header h1#site-title, #header h1#site-title a { margin: 0; padding: 0; line-height: 55px; text-decoration: none; font-weight: bold; letter-spacing: -2px; /* -webkit-text-shadow: 0px 1px 0px #FFF; text-shadow: 0px 1px 0px #FFF;*/ } #header #site-title a:hover { color: #3253ad; } /* Header Tagline */ #header span.site-desc { margin: 0; padding: 0; font-size: 24px; line-height: 28px; color: #7d7d7d; letter-spacing: -1px; } /* 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 */ /* @group Navigation Bar */ #navigation { min-height: 38px; height: 100%; font-size: 18px; position: relative; z-index: 100; } #menu-main-menu { padding-left: 28%; } #navigation ul { list-style: none; float: right; margin: 0 auto; position: relative; } #navigation li { float: left; } #navigation li a { display: block; margin: 1px; text-decoration: none; font-weight: bold; color: white; background: none; border-bottom: 0px; } /** #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/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; border-right: 1px solid #e3e3e3; position: relative; behavior: url("./wp-content/themes/skeleton/PIE.php"); } #navigation ul li a { background-image: none; padding: 15px 25px; text-decoration: none; display: block; font-weight: bold; text-shadow: 1px 1px 0px #fff; } */ /* 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/PIE.php"); } #navigation ul li:hover li a { color: #595959; font-weight: normal; } */ /* Navbar Active Links */ #navigation ul li.active a { /*color: #333; background: #fff; -webkit-text-shadow: 1px 1px 0px #fff; text-shadow: 1px 1px 0px #fff; border-bottom: 1px solid #fff;*/ } /* Nav Sublevel */ #navigation ul.sub-menu { background: -moz-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent; 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; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #navigation ul.sub-menu li { border: none; } /* 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; -ms-behavior: none; behavior: none; } /* Nav Sublevel Hover */ #navigation ul.sub-menu li a:hover { background: #fff; border-bottom: none; } /* @end */ /* @group Typography */ h1, h2, h3, h4, h5 { letter-spacing: -1px; } 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; color: white; } 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; /*text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } .header p { font-size: 16px; } 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: white; } 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; /* -webkit-text-shadow: 1px 1px 0px #fff; 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; -ms-behavior: url('../wp-content/themes/skeleton/css/PIE.php'); behavior: url('../wp-content/themes/skeleton/css/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; background: #ddd url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/gradient_small_trans.png) repeat-x 0 top; font-weight: bold; } table td { padding: 10px; padding-left: 7%; } /* @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; color:black; } input#searchsubmit { margin-bottom: 0; } .widget-container a:link, .widget-container a:visited { text-decoration: none; color:black; } .widget-container a:active, .widget-container a:hover { text-decoration: underline; color:black; } .widget-container .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } /* WP Calendar Widget */ #wp-calendar { font-family: arial; width: 100%; font-size: .85em; } #wp-calendar td { padding: 4px 0; text-align: center; border: 1px solid #d2d2d2; background-color: #ededed; /* -webkit-text-shadow: #fff 1px 1px 0; text-shadow: #fff 1px 1px 0;*/ color: #7c7c7c; } #wp-calendar td.pad { background-color: #e5e5e5; } #wp-calendar td#today { color: #fff; background-color: #6e6e6e; /* -webkit-text-shadow: 1px 1px 0px #333; text-shadow: 1px 1px 0px #333;*/ } #wp-calendar caption { font-weight: bold; } #wp-calendar th { font-style: normal; background: #ddd url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/gradient_small_trans.png) repeat-x 0 top; border: 1px solid #ccc; padding: 5px; color: #666; /* -webkit-text-shadow: #ebebeb 0 1px 0; 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(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/light/arrow_bullet.png) no-repeat 10px; } li.page_item a:hover, li.menu-item a:hover { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/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; /* -webkit-text-shadow: 1px 1px 0px #fff; text-shadow: 1px 1px 0px #fff;*/ cursor: pointer; margin-bottom: 20px; line-height: 21px; font-family: "Arial"; } 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; 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; } #container { } /* @group Default (Blue) */ a.button { 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; /* -webkit-text-shadow: 0 1px 0 #2a4f83; text-shadow: 0 1px 0 #2a4f83;*/ -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/skeleton/PIE.php"); position: relative; } a.button: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: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 span.btn_caption { color: #9ab5da; /* -webkit-text-shadow: 0 1px 0 #2a4f83; text-shadow: 0 1px 0 #2a4f83;*/ } /* @end */ /* @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; /* -webkit-text-shadow: 0 1px 0 white; text-shadow: 0 1px 0 white;*/ -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 white; 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; -webkit-text-shadow: 0 1px 0 #f1eeee; text-shadow: 0 1px 0 #f1eeee; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #f1eeee; 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; -webkit-text-shadow: 0 1px 0 #150f0f; text-shadow: 0 1px 0 #150f0f; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #150f0f; 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; -webkit-text-shadow: 0 1px 0 #1976be; text-shadow: 0 1px 0 #1976be; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #1976be; 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; -webkit-text-shadow: 0 1px 0 #2a4f83; text-shadow: 0 1px 0 #2a4f83; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #2a4f83; 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; -webkit-text-shadow: 0 1px 0 #122c63; text-shadow: 0 1px 0 #122c63; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #122c63; 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; -webkit-text-shadow: 0 1px 0 #529122; text-shadow: 0 1px 0 #529122; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #529122; 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; -webkit-text-shadow: 0 1px 0 #39571e; text-shadow: 0 1px 0 #39571e; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #39571e; 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; -webkit-text-shadow: 0 1px 0 #1e3909; text-shadow: 0 1px 0 #1e3909; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #1e3909; 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; -webkit-text-shadow: 0 1px 0 #c01616; text-shadow: 0 1px 0 #c01616; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #c01616; 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; -webkit-text-shadow: 0 1px 0 #900404; text-shadow: 0 1px 0 #900404; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #900404; 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; -webkit-text-shadow: 0 1px 0 #4b0202; text-shadow: 0 1px 0 #4b0202; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #4b0202; 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; -webkit-text-shadow: 0 1px 0 #8a8305; text-shadow: 0 1px 0 #8a8305; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #8a8305; 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; -webkit-text-shadow: 0 1px 0 #8a5b05; text-shadow: 0 1px 0 #8a5b05; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #8a5b05; 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; -webkit-text-shadow: 0 1px 0 #37290c; text-shadow: 0 1px 0 #37290c; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; -webkit-text-shadow: 0 1px 0 #37290c; 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 { -ms-zoom: 1; 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(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/icons/16_expand.png) no-repeat 10px center; border-top: 1px solid #e5e5e5; padding-left: 34px; } p.trigger a { color: #2774ae; -webkit-text-shadow: #fff 1px -1px 0; text-shadow: #fff 1px -1px 0; text-decoration: none; } /* Hover Toggle State */ p.trigger:hover { background: #fff url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/icons/16_expand.png) no-repeat 10px center; } p.trigger a:hover, p.trigger.active a:hover { color: #2774ae; -webkit-text-shadow: #fff -1px 1px 0; text-shadow: #fff -1px 1px 0; } /* Active Toggle State */ p.trigger.active { background: #fff url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/icons/16_collapse.png) no-repeat 10px center; border-top: 1px solid #ebebeb; } p.trigger.active a { color: #000; -webkit-text-shadow: #fff 1px 1px 0; 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; -webkit-text-shadow: #fff 1px 1px 0; 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; -ms-behavior: url('./wp-content/themes/skeleton/PIE.php'); behavior: url('./wp-content/themes/skeleton/PIE.php'); } .cta p { margin: 0; padding: 0; } .cta h3 { font-size: 1.5em; -webkit-text-shadow: #fff 1px -1px 0; 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 0 0px 9px; border: 0; width: 96%; background: white; border-radius: 10px; padding: 19px; } body.dark #comments { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/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(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/light/comment_author_bg.png) no-repeat top right; } #comments body.dark .vcard { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/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; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -pie-box-shadow: 0px 0px 5px #ccc; position: relative; -ms-behavior: url("./wp-content/themes/skeleton/PIE.php"); behavior: url("./wp-content/themes/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; } /* #Forms (see formalize.css) ================================================== */ label, legend { font-weight: bold; font-size: 13px; display: inline-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 { bottom: 0; height: 80px; position: fixed; right: 0; width: 80px; display: none; } .bypostauthor, .gallery-caption { } /* @end */ #home-header { background-image: url('http://www.theshivaexperience.com/wp-content/uploads/2012/10/home-header5.png'); background-repeat: no-repeat; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 92% 94%; padding: 7% 2% 16% 3%; width: 104%; margin-top: 27%; margin-bottom: -2%; } #home-header h1 { margin: 0px; font-weight: 700; margin-bottom: -8px; } #home-header h2 { margin: 0px; font-weight: 100; font-size: 27px; } #home-header .red { font-family: arial bold; color: #D91914; font-size: 21px; margin: 0px; margin-top: 3px; margin-bottom: 6px; } #section1 { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/section2-bg.jpg'); -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; padding: 3%; border-radius: 10px; padding-bottom: 0px; } #section1 p { font-size: 12px; } #section1-right { margin-left: 8%; } #section1-right img{ width:100%; } #section1-left h3 { font-weight: 700; } #section1-right h3 { font-weight: 700; font-size: 18px; } #section1-right span { font-style: italic; } #section2 { margin: 1% 0 -25px 0; } #section2-left p { font-size: 16px; } #section2-left h1 { font-weight: 700; font-size: 27px; width: 62%; line-height: 99%; } #section2-left h3 { font-weight: 700; } #section2-left { background-color: #F1F1D3; border-radius: 10px; padding: 4% 4% 2% 4%; } #section2-right { background-color: #EFEFEF; border-radius: 10px; margin-left: -25px; margin-top:-21px; } #section2-right p { font-size: 12px; padding: 0% 5% 0 5%; } #section2-right h3 { margin: 0px; font-size: 20px; font-weight: 700; padding: 5% 5% 0 5%; } #section2-right h4 { margin: 0px; font-size: 12px; padding: 0% 5% 0 5%; margin-bottom: 10px; } #section3 { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/section3-bg.jpg'); -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; color: white; padding: 2% 3% 3% 3%; border-radius: 10px; border: solid 1px white; } #section3 p { margin: 2% 0% 0% 0%; } #section3 h1 { font-weight: 100; margin-bottom: -8px; font-size: 30px; color: #F9CA58; padding-bottom: 0px; } #section3 h2 { font-weight: 100; margin: 0px; font-size: 17px; color: white; font-weight: 100; width: 53%; letter-spacing: .1px; } #section3 span { display: block; color: #F9CA58; font-size: 21px; width: 88%; } #section3 .para { width: 69%; } #section3 .para2 { width: 81%; } #section3 strong { font-size: 23px; color: white; } #section4 { margin-top: 1%; } #section4 h1 { text-align: center; font-size: 31px; line-height: 111%; font-weight: 700; margin-top: 21px; padding-bottom: 10px; } #section4 p { text-align: center; font-size: 16px; width: 90%; margin-right: auto; margin-left: auto; padding-right: 21px; } #testi_box{ margin-top: 1%; } #testi_box h1 { text-align: center; font-size: 31px; line-height: 111%; font-weight: 700; margin-top: 21px; padding-bottom: 10px; } #testi_box p { text-align: center; font-size: 16px; width: 90%; margin-right: auto; margin-left: auto; padding-right: 21px; } #section5 { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/section5.jpg'); background-repeat: no-repeat; margin-top: 1%; background-position-y: -10px; border-radius: 10px; border: 1px solid white; } #section5 p { color: white; } #section5-top { width: 98%; margin-bottom: 2%; -moz-box-shadow: 0 5px 0px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 5px 0px rgba(255, 255, 255, 0.4); box-shadow: 0 5px 0px rgba(255, 255, 255, 0.4); } #section5-top-left { padding: 3% 2% 0% 2%; } #section5-top-left h1 { font-size: 30px; line-height: 100%; color: #3DC6FF; } #section5-bottom { padding: 4% 4% 0 04%; } #section5-bottom h2 { font-size: 25px; line-height: 100%; color: #3DC6FF; } #section6 { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/section6-bg.jpg'); -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; padding: 1% 4% 2% 4%; margin-top: 1%; min-height: 528px; height: 100%; border-radius: 11px; border: 2px solid white; } #section6 h1 { font-size: 67px; font-weight: 700; } #section6-form { background-color: #e2e4eb; border-radius: 5px; padding: 3%; } #section7 { display:none; margin-top: 1%; } #section7 h1 { text-align: left; font-size: 31px; line-height: 111%; font-weight: 700; } #section7 p { text-align: left; } #section8 { padding-bottom: 8px; } #section8-left { background: #eed8a4; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; padding: 3%; border-radius: 10px; padding-bottom: 13px; } #section8-right { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/section8-right-bg.png'); -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; margin-left: -22px; padding: 5% 11% 22% 5%; border-radius: 10px; margin-top: -25px; } .lesson { padding: 1% 6% 2% 4%; background-color: #f0f7f9; border-radius: 10px; min-height: 298px; height: 100%; margin-bottom: -20px; } .lesson h3 { font-size: 17px; font-weight: 700; } .lesson p { font-size: 13px; color: #3568A9; } .lesson img { width: 100%; } .lesson a a:link a:visited { color: black; } #section9 { background-color: #f1f1d3; border-radius: 10px; padding: 2% 2% 0 2%; margin-top: -36px; } #section9 h1 { font-weight: 700; font-size: 31px; } #section10 { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/section10-bg.png'); -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-top: 1%; border-radius: 10px; padding: 17px 9px 20px 15px; } #section10-left { } #section10-right { margin-left: 8%; margin-bottom: -45px; margin-top: -23px; } #section10 p{ color:white; margin:0px; } #section10-left h3 { font-weight: 700; color: #fff600; } #section10 strong{ color:white; } #section10-left h4 { color: #fff600; } #section10-right h3 { font-weight: 700; font-size: 18px; color: #fff600; } #section10-right span { font-style: italic; } .current a { background: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/slider-bg.png') top left no-repeat; background-position: 0px 0px; padding-top: 12px; } .carousel .pagination-links li a { display: -webkit-inline-box; width: 134px; z-index: 500; position: relative; } .carousel .pagination-links li img { z-index: -1; position: relative; } #t0 img { } /** base carousel **/ .carousel ul { position: absolute; overflow: hidden; margin: 0; padding: 0; list-style: none; } .no-js .carousel ul { position: static; } .carousel .mask { position: relative; overflow: hidden; } .carousel ul li { float: left; height: 248px; width: 910px; text-align: center; margin: 0; } .carousel .pagination-links { width: 874px; list-style: none; margin: -18px 0px 0 0px; padding: 2% 0% 0% 5%; margin-right: auto; background-color: #E5E4E5; } .carousel .pagination-links li { display: inline; } .carousel .pagination-links li a:hover { text-decoration: none; } .carousel .pagination-links li.current a { } .carousel .disabled { color: gray; cursor: default; } /** my carousel 1 **/ #my-carousel-1 .mask { width: 920px; } #my-carousel-2 .mask { width: 920px; } .color-1 { background: #fffcf7; border-radius: 10px; padding: 13px 12px 0 10px; } .color-2 { background: #eed8a4; border-radius: 10px; padding: 13px 12px 0 10px; } .color-3 { background: #c6e9fe; border-radius: 10px; padding: 13px 12px 0 10px; } .color-4 { background: #ffdfdf; border-radius: 10px; padding: 13px 12px 0 10px; } .color-5 { background: #ffd966; border-radius: 10px; padding: 13px 12px 0 10px; } .color-6 { background: #d6e97d; border-radius: 10px; padding: 13px 12px 0 10px; } .color-7 { background: #f8ec8e; border-radius: 10px; padding: 13px 12px 0 10px; } #section7 .carousel .pagination-links { background-color: #e5c462; } .header { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/header-bg.jpg'); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position-x: -2px; border-radius: 13px; min-height: 365px; height: 100%; padding: 3% 0 0 4%; color: white; width: 96.3%; margin-bottom: 2%; margin-top: 31%; } .header h1 { margin: 0px; font-size: 48px; color: #082565; text-shadow: 0 0 .2em #A7E6FA, 0 0 .5em #D6F1FD; font-weight: 700; line-height: 100%; } .header h2 { margin: 0px; font-size: 35px; color: #c5ddee; font-weight: 600; } #feature1 { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/section1-bg.jpg'); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 369px; height: 100%; padding: 3% 18% 0 3%; font-size: 14px; border-radius: 10px; } #feature1 h1 { font-weight: 600; font-size: 31px; margin: 0px; } #feature1 h3 { font-size: 21px; font-weight: 600; } #feature1 p { } .list ul { padding: 0px; } .list li { line-height: 1.3em; margin: 0px 0 -7px 0px; padding: 0 0 0 44px; -webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black; background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/li-bg.png) no-repeat 0; list-style: none; } #list_1 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/li-bg.png) no-repeat 0; } #list_2 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/li-bg2.png) no-repeat 0; } #list_3 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/li-bg3.png) no-repeat 0; } #feature2 { padding: 2% 3% 2% 3%; min-height: 831px; height: 100%; border-radius: 10px; margin-top: 6px; color: white; background-size: :100% 100%; background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/feature2.jpg'); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; } #feature2 h1 { color: #F9CA58; font-size: 62px; font-weight: 500; margin: 0px; } #feature2 h2 { font-weight: 500; color: white; font-size: 26px; } #feature2 h3 { font-weight: 500; color: #F9CA58; letter-spacing: 0.1px; font-size: 19px; padding-bottom: 12px; } #feature2 p { font-size: 16px; } #feature2 img { float: right; width: 31%; padding-bottom: 9%; } #feature2 li { width: 76%; } #feature3 { background: #F1F1D3; padding: 2% 3% 1% 3%; border-radius: 10px; margin-top: 1%; } #feature3 h1 { margin: 0px; margin-bottom: 6px; font-size: 28px; line-height: 100%; font-weight: bold; letter-spacing: -1px; } #feature3 p { color: #333; /*-webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ width: 99%; font-size: 17px; line-height: 125%; } #feature3 .small { font-size: 13px; width: 78%; line-height: 152%; -webkit-text-shadow: none; text-shadow: none; } #feature3-sub { font-size: 12px; -webkit-text-shadow: none; margin-top: 42px; padding: 2% 3% 1% 3%; background: white; border-radius: 10px; background-image: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/feature3-sub.jpg); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 617px; height: 100%; } #feature3-sub p { font-size: 16px; color: black; width: 84%; /*text-shadow: 0 0 0.02em black,0 0 0.02em black;*/ } #feature4 { background-image: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/feature4.jpg); padding: 1% 0 1% 4%; background-repeat: no-repeat; color: white; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; border-radius: 10px; margin-top: 1%; height: 100%; } #feature4 h2 { color: white; margin: 0px; font-weight: 500; font-size: 29px; } #feature4 h1 { color: white; } #feature5 { margin-top: 1%; min-height: 554px; height: 100%; } #f5-left { min-height: 320px; height: 100%; background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f5-left.jpg'); background-repeat: no-repeat; border-radius: 10px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; padding: 2% 1% 7px 4%; } #f5-left p { color: white; font-size: 15px; } #f5-left h2 { color: #ffd966; font-size: 20px; font-weight: 600; line-height: 111%; letter-spacing: 1px; width: 82%; } #f5-left h3 { color: white; font-size: 21px; letter-spacing: .7px; margin: 0px; -webkit-text-shadow: 0 0 0.02em #0c4476, 0 0 0.02em #0c4476; text-shadow: 0 0 0.02em #0c4476, 0 0 0.02em #0c4476; } #f5-right { min-height: 320px; height: 100%; margin-top:10px; background: #f1f1d3; background-repeat: no-repeat; border-radius: 10px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; padding: 2% 1% 2px 2%; } #f5-right h2 { font-size: 25px; font-weight: 600; } #f5-right h3 { font-size: 23px; font-weight: 600; line-height: 114%; } #f5-right h4 { color: #C33; font-size: 20px; font-style: italic; margin-bottom: 0px; } #f5-right h5 { font-size: 16px; letter-spacing: 0.1px; font-weight: 500; color: black; /* -webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ } #feature6 { background: white; padding: 2%; margin-top: 1%; border-radius: 10px; } #feature6 h2 { line-height: 130%; margin-bottom: 10px; font-size: 23px; font-weight: 700; color: black; } .f6-sub { border: 1px solid red; margin-bottom: 1%; background: #FFE6E6; padding: 1% 2% 0% 3%; border-radius: 10px; } .f6-sub h3 { color: #cc0000; margin: 0px; font-size: 17px; font-weight: 700; letter-spacing: 0.1px; } .f6-sub p { color: #333; /*-webkit-text-shadow: 0 0 0.02em #333, 0 0 0.02em #333; text-shadow: 0 0 0.02em #333, 0 0 0.02em #333;*/ margin-top: 8px; font-size: 14px; } .f6-sub-lower { margin: 0px 0 0 -27px; padding: 1px 0px 1px 33px; width: 101%; background: #F9CA58; } .f6-sub img { padding-right: 1%; } .f6-sub-lower span { color: #D21B0C; font-weight: 600; } .f6-sub-lower p { color: black; font-style: italic; /*-webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ font-size: 15px; } #feature7 { padding: 3% 2% 3% 3%; background: #D7ECFD; border-radius: 10px; margin-top: 1%; background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f7-lower.jpg'); background-repeat: no-repeat; background-position: right bottom; } #feature7 h1 { line-height: 100%; font-size: 27px; font-weight: 700; } #feature7 h3 { font-size: 19px; letter-spacing: 0.1px; font-weight: 600; } #feature7 p { color: #333; font-size: 14px; line-height: 130%; /*-webkit-text-shadow: 0 0 0.02em #333, 0 0 0.02em #333; text-shadow: 0 0 0.02em #333, 0 0 0.02em #333;*/ } #f7-lower { width: 80%; } #feature8 { background: #F1F1D3; padding: 1% 1% 0% 2%; border-radius: 10px; margin-top: 1%; } #feature8 p { color: #333; font-size: 16px; /*-webkit-text-shadow: 0 0 0.02em #333, 0 0 0.02em #333; text-shadow: 0 0 0.02em #333, 0 0 0.02em #333;*/ } #feature8 h1 { margin-bottom: 0px; font-size: 63px; font-weight: 600; } #feature8 h2 { font-weight: 700; } .f8-sub { background: white; padding: 2% 1% 1% 3%; border-radius: 10px; margin-bottom: 1%; } .f8-sub h2 { color: #C33; font-size: 23px; margin: 7px 0 0 0px; } .f8-sub h4 { margin: 0px; font-size: 18px; } .f8-sub h3 { font-size: 20px; font-weight: 600; } .f8-sub h5 { margin: -1px 0 7px 0; font-size: 18px; letter-spacing: 0.1px; } .f8-sub strong { font-size: 15px; } .list2 ul { padding: 0px; } .list2 li { margin: 0px 0 9px 0px; padding: 0 0 0 27px; /*-webkit-text-shadow: 0 0 0.02em #333, 0 0 0.02em #333; text-shadow: 0 0 0.02em #333, 0 0 0.02em #333;*/ background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/tick.png) no-repeat 0; background-position-y: -1px; list-style: none; color: #333; font-size: 15px; } #feature9 { background: #f2f3f3; padding: 1px 3% 1% 3%; border-radius: 10px; } #feature9 h2 { font-size: 30px; } .f9-sub { background: #ffffff; border-radius: 10px; padding: 18px 11% 1px 23px; border: 2px solid #d6d7d8; } .f9-sub h2 { color: #cc0000; margin: 0px; padding: 0px; } .f9-sub p { color: #333; font-size: 15px; /* -webkit-text-shadow: 0 0 0.02em #333, 0 0 0.02em #333; text-shadow: 0 0 0.02em #333, 0 0 0.02em #333;*/ } .f9-sub h3 { margin: 0px; padding: 0px; font-size: 18px; color: #333; font-weight: 700; width: 91%; } #f9_1 h2 { font-size: 25px; font-weight: 600; } #f9_2 h2 { font-size: 25px; font-weight: 600; } #feature10 { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f10-bg.jpg'); color: white; padding: 1% 3% 0% 3%; border-radius: 10px; margin-top: 1%; min-height: 701px; height: 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; } #feature10 h1 { color: #f9ca58; line-height: 101%; font-weight: 600; font-size: 29px; } #feature10 p { font-size: 18px; } #feature10 h4 { font-weight: 500; color: white; font-size: 20px; } #feature10 h2 { font-weight: 500; font-size: 30px; color: white; } #f10-lower { width: 67%; } #feature11 { background: #ffe6e6; padding: 2% 3% 1% 3%; border-radius: 10px; margin-top: 1%; } #feature11 h2 { color: #cc0000; padding-right: 7%; font-size: 24px; font-weight: 700; } #feature11 p { font-size: 15px; color: #333; /* -webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ } .list3 li { line-height: 1.3em; color: #333; margin: -1px 0 0px 0px; padding: 6px 0 6px 44px; /*-webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/list3.png) no-repeat 0; list-style: none; font-size: 14px; } #li1 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/list3.png) no-repeat 0; } #li2 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/list3_2.png) no-repeat 0; } #li3 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/list3_3.png) no-repeat 0; } #li4 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/list3_4.png) no-repeat 0; } #li5 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/list3_5.png) no-repeat 0; } #li6 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/list3_6.png) no-repeat 0; } #feature12 { color: white; background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f12-bg.jpg'); padding: 1% 2% 1% 3%; border-radius: 10px; background-repeat: no-repeat; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; border: 1px solid white; margin-top: 1%; } #feature12 h2 { color: #f9ca58; font-size: 26px; width: 67%; } #feature12 p { font-size: 15px; } #feature12 h3 { color: #f9ca58; font-size: 22px; } #feature13 { padding: 2% 3% 1% 3%; margin-top: 1%; border-radius: 10px; background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f13-bg.jpg'); background-repeat: no-repeat; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #feature13 p { /*-webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ } #feature13 h1 { font-size: 33px; font-weight: 700; } #f13-lower { background: white; border-radius: 10px; opacity: 0.6; padding: 1% 0 0 0; } .list4 td { padding-left: 7%; } .list4 li { list-style-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/tick-small.png'); line-height: 18px; margin-bottom: 12px; /*-webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ } #feature14 { background: #ffdfdf; padding: 2% 3% 1% 3%; border-radius: 10px; margin-top: 1%; } #feature14 h2 { color: #cf3e3e; font-size: 30px; margin-bottom: 0px; font-weight: 700; } #feature14 p { font-size: 15px; color: #333; /*-webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ } #feature14 span { font-size: 17px; } #feature14 h3 { font-size: 23px; margin: 0px; font-weight: 700; } #feature14 h4 { font-weight: 500; font-size: 29px; margin: 0px; } #feature14 h5 { font-size: 20px; font-weight: 700; color: #333; margin-bottom: 0px; } #feature14 strong { font-style: italic; font-weight: 600; } #feature14 li { line-height: 1.3em; color: #333; margin: 1px 0 0px 0px; padding: 6px 0 6px 33px; /*-webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ list-style: none; font-size: 14px; } #f14_1 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/tick-1.png) no-repeat 0; } #f14_2 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/tick-2.png) no-repeat 0; } #f14_3 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/tick-3.png) no-repeat 0; } #f14_4 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/tick-4.png) no-repeat 0; } #guarantee{ border-radius: 10px; margin-top: 1%; background: #D3F1E8; padding: 2% 3% 1% 3%; } #guarantee1 { border-radius: 10px; margin-top: 1%; background: #fff; padding: 2% 3% 1% 3%; } .cathead{ color:#fff; } #guarantee li{ line-height: 1.3em; color: #333; margin: 1px 0 0px 0px; padding: 6px 0 6px 33px; /*-webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ list-style: none; font-size: 14px; } #guarantee h3{ font-weight: 700; font-size: 35px; } #feature15 { background: #f1f1d3; padding: 2% 2% 1% 3%; border-radius: 10px; margin-top: 1%; } #feature15 h1 { font-size: 30px; font-weight: 700; } .f15-sub { background-image: url('http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f15-sub.png'); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; padding: 2%; border-radius: 10px; margin-top: 2%; } .f15-sub h2 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f15_1.png) no-repeat left top; padding-left: 47px; min-height: 39px; margin-top: 0px; font-size: 19px; font-weight: 700; } #f15_2 h2 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f15_2.jpg) no-repeat left top; } #f15_3 h2 { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/f15_3.jpg) no-repeat left top; } #feature15 p { font-size: 15px; color: #333; /* -webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ } #feature15 strong { font-size: 16px; } #feature16 { background: #e5e7ee; border-radius: 10px; padding: 2% 2% 1% 3%; margin-top: 1%; min-height: 342px; height: 100%; } #feature16 h1 { font-size: 30px; font-weight: 700; } #f16-right { background: white; padding: 4% 9% 0% 4%; min-height: 166px; height: 100%; border-radius: 10px; margin-top: -35px; } #f16-right li { background: url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/tick.png) no-repeat 0; background-position-y: -1px; list-style: none; margin: 0px 0 9px 0px; padding: 0 0 0 27px; font-size: 16px; } .f16-sub-1 #f16_1 { background: url(wp-content/themes/theshivaexperience/skeleton/http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/small-tick.png) no-repeat 0; } #feature17 { background: white; border-radius: 10px; padding: 2% 2% 2% 3%; min-height: 377px; height: 100%; margin-top: 2%; } #feature17 h2 { font-size: 43px; font-weight: 700; margin: 0px; } #feature17 p { font-size: 17px; color: black; width: 79%; } #feature18{ color: white; font-size: 14px; margin-top: 11px; padding: 0 2% 0% 2%; } .prod { background: #f0f7f9; margin-right: 0px; border: solid #82d2ef 2px; padding: 2% 0% 0 3%; border-radius: 10px; } .prod span { font-weight: 700; font-size: 52px; line-height: 100%; } .cart { padding-top: 9%; } .prod h5 { font-size: 13px; letter-spacing: 0.1px; } .prodlast { background: #f0f7f9; margin-right: 0px; border: solid #82d2ef 2px; padding: 2% 3% 2% 3%; border-radius: 10px; } #f17_1 { margin: 0px; width: 28%; } #f17_2 { margin: 0px; width: 28%; } #f17_3 { margin: 0px; width: 32%; background: #fbf6d9; border: solid #e9886f 4px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 4px 18px #F0B499; } #f17_3 h2 { color: #df3409; } #f17_3 span { color: #df3409; } .test_feed { margin: 16px 20px; background-color: #e4e2e2; width: 92%; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding: 2% 2% 2% 4%; } .test_feed p { line-height: 130%; /* -webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black;*/ } .welcome-block { width: 64%; padding: 20px; margin-bottom: 25px; color: white; text-align: center; /* -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);*/ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #afbdda), color-stop(1, #082565) ); background-image: -webkit-linear-gradient(top, #afbdda, #082565); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #afbdda, #082565); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #afbdda, #082565); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #afbdda, #082565); / border: 0px; border-radius: 20px; border-bottom: 0px solid rgba(255, 255, 255, 0); -moz-border-radius: 20px; -moz-box-shadow: 0 4px 18px rgba(0,0,0,0.5); -webkit-border-radius: 20px; -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5); } div.welcome-block p { font-size: 13pt; line-height: 1.4em; } div.welcome-block ul, div.welcome-block .section ul { padding: 0px !important; margin: 0px !important; float: left; } .tips { width: 100%; background: white; border: 0px; margin: 0; padding: 5px 20px; color: #444; font-size: 9pt; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid; } #mainpg-footer div.fbmainpg1 { background: url(http://theganeshaexperience.com/wp-content/themes/ganesha-wp/skeleton/images/member-ganesha-1.png) no-repeat top left; color: white; } #mainpg-footer div.fbmainpg2 { background: url(http://theganeshaexperience.com/wp-content/uploads/2013/10/Pack.jpg) no-repeat top left; } #mainpg-footer div.fbmainpg3 { background: url(http://theganeshaexperience.com/wp-content/themes/ganesha-wp/skeleton/images/member-vishnu-1.png) no-repeat top left; } div.welcome-block ul li input.field.text { width: 175px; height: 35px; border: 3px solid #C3C3C3; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font-size: 20pt; padding: 5px 8px; } div.welcome-block ul li input.button:hover { border: 1px solid white; -moz-box-shadow: 0 1px 8px rgba(255,255,255,0.9); -webkit-box-shadow: 0 1px 8px rgba(255, 255, 255, 0.9); } .member li { float: left; padding: 7px; } #welcome01 i, #welcome02 i, #welcome03 i { display: block; position: absolute; right: -14%; top: 9%; z-index: 9; width: 46%; } #mainpg-footer div.fbmainpg1, #mainpg-footer div.fbmainpg2, #mainpg-footer div.fbmainpg3, #mainpg-footer div.fbmainpg4 { height: 110px; width: 27%; float: left; padding: 150px 15px 0px 15px; margin: 0 15px 15px 0; border: 1px solid #EBEBEB; color: black; letter-spacing: normal; line-height: 1.3em; position: relative; vertical-align: top; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #mainpg-footer div.fbmainpg1 p, #mainpg-footer div.fbmainpg2 p, #mainpg-footer div.fbmainpg3 p, #mainpg-footer div.fbmainpg4 p { color: white; font-size: 15px; line-height: 1.0em; font-family: 'Helvetica Neue',Verdana,Arial,sans-serif; letter-spacing: normal; cursor: default; height: 90px; background-color: #9bb5d4; margin: 0px -15px; padding: 10px 20px; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; } .lmore { color: black; } .cat_menu_below { text-align: center; width: 71%; margin-left: auto; margin-right: auto; margin-bottom: -22%; } .cat_menu_below li { display: inline; padding: 0px 5px; font: bold 12px Arial, Helvetica, sans-serif; color: white; border-right: 1px solid black; } .cat_menu_below li a { color:#fff;} .entry-title { font-family: 'Ruthie', cursive; font-size:80px; line-height: 70px; text-align: center; color: white; } .entry-post { background-color: white; padding: 5% 1% 3% 4%; margin-top: -3%; margin-bottom: 4%; border-radius: 10px; width: 100%; -moz-border-radius: 20px; -moz-box-shadow: 0 4px 18px rgba(0,0,0,0.5); -webkit-border-radius: 20px; -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5); } #content1 { padding: 13px 17px 0 21px; } .entry-summary { background: white; padding: 3%; border-radius: 10px; } #popup-form { float: right; padding-top:; width: 41%; margin-right: 3%; margin-top: -60px; z-index: 1000; position: relative; background-image: url('http://www.theshivaexperience.com/wp-content/uploads/2013/11/new-ShivaPOP-Up.png'); background-repeat: no-repeat; } .module-table { } .module-sub { background: #f1f1d3; border: solid 2px black; border-radius: 8px; width: 323px; color: black; padding: 2% 2% 0% 2%; /* -webkit-text-shadow: 0 0 0.02em black, 0 0 0.02em black; text-shadow: 0 0 0.02em black, 0 0 0.02em black; */ } .side_arrow { background-image: url(images/arrow.png); background-repeat: no-repeat; width: 44px; padding: 18% 0 0 0; background-position-y: 100px; opacity: 0.7; filter: alpha(opacity=70); } .mod_italic { font-style: italic; } .arrow { background-image: url(images/big-arrow.png); background-repeat: no-repeat; height: 29px; border: none; background-position-x: 137px; opacity: 0.7; filter: alpha(opacity=70); } body { color: #444444; font-size: 14px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; background: #0a285e url(http://theshivaexperience.com/wp-content/themes/theshivaexperience/skeleton/images/bg.jpg) repeat-x top center scroll; } h1 { color: #181818; font-size: 40px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; } h2 { color: #181818; font-size: 35px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; } h3 { color: #181818; font-size: 28px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; } h4 { color: #181818; font-size: 21px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-style: bold; } h5 { color: #181818; font-size: 17px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-style: bold; } a, a:link, a:visited, a:active, #content .gist .gist-file .gist-meta a:visited { color:#000; } #wrap #content { float: left; } #wrap #sidebar { float: right; background: #fff; border-radius: 10px; padding: 2% 1% 1% 1%; margin-top:10px; } #wrap #sidebar input[type="text"] { width:245px; } .sidepost #content{ width:560px !important; } #wrap #sidebar .widget-container { margin-left: 5px; margin-right: 0px; } #site-title a { color: #000000; } #con1 { background: white; border-radius: 10px; padding: 2%; margin: 0px; } .border { height: 30px; position: absolute; top: 0; margin-top: 35px; width: 100%; right: 22px; } .above-header { font-size: 14px; font-weight: 700; padding: 22px; margin-bottom: 25px; color: black; text-align: center; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #4F73BD), color-stop(1, #082565) ); background-image: -webkit-linear-gradient(top, #4F73BD, #082565); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #4F73BD, #082565); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #4F73BD, #082565); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #4F73BD, #082565); / background-color: #C4A339; border: 5px solid #EEE; line-height: 20px; margin-top: -10px; width: 95%; min-height: 94px; } .prod_small p{ font-size: 11px; } .con{ height:100%; width:100%; position:fixed; z-index:999; display:none; opacity:1; } .title-h1{ color: white; } a .article{ color: #36C; } .article a:link{ color: #36C; } .article a:hover{ color: #C33; } .article a:visited { color: #36C; } .article a:active { color: #36C; } .article{ padding: 20px; } .article h1{ font-family: 'Ruthie', cursive; font-size: 67px; line-height: 70px; text-align: center; color:black; } .cat_menu_below a, a:link, a:visited, a:active { color:; text-decoration: none; } /*WPBeginner Footer Bar*/ .fixedBar{bottom: 0px; color:#fff; font-family: Arial, Helvetica, sans-serif; left:0; padding: 0px 0; position:fixed; font-size:16px; width:100%; z-index:99999; float:left; vertical-align:middle; margin: 0px 0 0; opacity: 0.95; font-weight: bold;} .boxfloat{text-align:center; width: 76%; margin:0 auto} #tips, #tips li{margin:0; padding:0; list-style:none} #tips{width: 101%; font-size:20px; line-height:120%;} #tips li{padding: 5px 0; display:none} #tips li a{color: #fff;} #tips li a:hover{text-decoration: none;} #tips li img { -moz-box-shadow: 0 0 5px 5px black; -webkit-box-shadow: 0 0 5px 5pxrgb(0, 0, 0); box-shadow: 0 0 5px 5px rgb(0, 0, 0); width: 79%; } .para1{ font-size: 16px; width: 69%; } #offer-box{ background-size: 100% 172%; height: 298px; background-image: url('http://www.theshivaexperience.com/wp-content/uploads/2012/10/image.jpeg'); margin: 0 -10px; http: //www.theshivaexperience.com/oto-test margin-top: 14px; border-radius: 10px; overflow: hidden; margin-top: 1%; padding: 99px 349px 15px 110px; background-position: 0 -71px; margin: 0px; margin-top: -15px; } #slant{ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.98952579, M12=0.14435620, M21=-0.14435620, M22=0.98952579,sizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.98952579, M12=0.14435620, M21=-0.14435620, M22=0.98952579,sizingMethod='auto expand'); -moz-transform: matrix(0.98952579, -0.14435620, 0.14435620, 0.98952579, 0, 0); -webkit-transform: matrix(0.98952579, -0.14435620, 0.14435620, 0.98952579, 0, 0); -o-transform: matrix(0.98952579, -0.14435620, 0.14435620, 0.98952579, 0, 0) } #slant p{ font-size: 14px; line-height: 1.4em; margin-top: 10px; text-align: justify; letter-spacing: 1px; } #slant h3{ color: #8F4606; font-size: 29px; line-height: 113%; } #sharefbseo{ display:none !important; } .offer{ display:none; background: white; border-radius: 10px; margin-top: 10px; } #header-form { padding-top: 2%; margin-top: -91px; margin-right: 1%; z-index: 1000; position: relative; background-image: url('http://www.theshivaexperience.com/wp-content/uploads/2013/04/form-bg.png'); background-repeat: no-repeat; width: 374px; margin-bottom: 5%; } #home-form-span { padding-left: 10%; color: #003399; font-weight: 600; font-family: 'Droid Sans', sans-serif; } #home-form-small { padding-left: 10%; color: #003399; font-weight: 600; font-family: 'Droid Sans', sans-serif; font-size: 24px; } #header-left { width: 56%; padding: 16px; margin-bottom: -20px; margin-right: -19px; } #header-form form { padding-top: 2%; padding-left: 9%; padding-right: 0%; padding-bottom: 0px; color: white; } #header-form form label { display: inline; font-size: 17px; } #header-form form input { margin-left: 4%; height: 8%; border: 1px solid black; font-size: 20px; padding: 5px; width: 68%; } #header-form form input:focus { outline: none; border-color: #9ecaed; box-shadow: 0 0 10px #9ecaed; } #f6-upper-image { float: right; font-size: 20px; padding: 0% 0 0 1%; background-size: 100% 101%; height: 43px; margin: 0% 0px 0px 1%; width: 25%; background-repeat: no-repeat; border: none; } .home-feature6 { background-color: #3D98C5; height: 237%; padding-bottom: 28px; margin-bottom: 7%; color: #FFF; border-radius: 10px; margin-top: 10px; padding-right: 49px; } .f6-upper { position: relative; z-index: 100; padding: 2% 0% 0% 1%; } .f6-bottom { position: absolute; z-index: 1; padding-top: 2%; width: 98%; border-radius: 7px; background-color: #175D85; } #f6-lower-span { color: #F6FF00; font-weight: 600; font-size: 26px; font-family: 'Droid Sans', sans-serif; } .f6-bottom span { padding: 20px; color: #F6FF00; font-size: 15px; } .f6-upper form input { width: 23%; margin-left: 20px; margin-top: 5px; height: 33px; border: 1px solid #000; font-size: 20px; padding: 5px; } .f6-upper form label { display: inline; color: #FFF; font-size: 19px; padding-left: 2%; vertical-align: middle; } .f6-bottom p { padding-left: 20px; padding-bottom: 11px; color: #FFF; font-size: 14px; margin: 0px; } .posts-menu { margin-right: auto; margin-left: auto; z-index: 10; } .posts-menu li { display: inline; list-style: url(none) none; float: left; margin-top: -7px; padding-bottom: 8px; } .posts-menu ul { line-height: 31px; list-style-image:none; list-style-position:outside; list-style-type:none; } .posts-menu a, .posts-menu a:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; border:medium none; display:block; text-decoration:none; } .posts-menu a, .posts-menu a:visited { color: white; display: block; font-size: 21px; padding:0 20px; margin-bottom: 13px; } .posts-menu a:hover, .posts-menu a:active, .current_page_item a, #home .on, .menu-footer a:hover { text-decoration:underline; } .posts-menu li ul { height:auto; left:-999em; line-height:30px; margin:0; padding:0; position:absolute; width:222px; } .posts-menu li li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; width: 155px; background: rgb(8, 35, 143); border: 1px solid white; font-size: 20px; text-align: center; margin-top: -20px; padding-bottom: 16px; padding-top: 3px; } .posts-menu li li a, .posts-menu li li a:visited { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; color:#FFFFFF; font-size:0.9em; font-weight:normal; } .posts-menu li li a:hover, .posts-menu li li a:active { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#60625C none repeat scroll 0 0; text-decoration: none; } .posts-menu li:hover ul, .posts-menu li li:hover ul, .posts-menu li li li:hover ul, .posts-menu li.sfhover ul, .posts-menu li li.sfhover ul, .posts-menu li li li.sfhover ul { left:auto; } #india-order{width:940px;height:545px;margin-top:55px;background-color: #E9E9E9;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding: 35px 0px 0px 0px;} #india-order p{color:#000;font-size:19px;font-weight:normal;line-height:25px;text-align:center} #india-order p strong{font-size:20px} #india-alltour-pattern h1{color:#c22327;font-size:35px;font-family:Adobe Garamond Pro;font-weight:bold} #india-order .silverbox{background:url(http://theindiaheritageexperience.com/wp-content/uploads/2013/10/Silver-Box.png) no-repeat;width:310px;height:500px;float:left;margin-left:-1px} #india-order .goldbox{background:url(http://theindiaheritageexperience.com/wp-content/uploads/2013/10/Gold-Box.png) no-repeat;width:310px;height:500px;float:left} #india-order .platinumbox{background:url(http://theindiaheritageexperience.com/wp-content/uploads/2013/10/Platinum-Box-1.png) no-repeat;width:324px;height:540px;float:left;margin-right:-5px;margin-top:-20px}