/* Theme Name: karismakidz.co.uk Theme URI: karismakidz.co.uk Author: karismakidz.co.uk Author URI: karismakidz.co.uk Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats. Version: 1.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentyeleven */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ .tail-top{ background:url(images/bg1.jpg) top center no-repeat;} .tail-bottom{background:url(images/bot.jpg) bottom repeat-x; position:realtive; } .col-1, .col-2, .col-3, .col-4{ float:left} /*======= width =======*/ .main{margin:0 auto; text-align:left; width:1058px; } /*======= header =======*/ #header {position: relative; position: absolute; top: 0;} #page8 #header .col-1{ width:160px; margin-right:40px} #page8 #header .col-2{ width:160px; margin-right:0} /*======= index.html =======*/ #content .col-1{ width:669px; margin-right:0} #content .col-2{ width:340px; margin-right:39px; float: right;} .page-id-37 #content .col-1, .page-template-gallery-php #content .col-1 { width:1028px; margin-right:0} .page-id-37 #content .col-2 { display: none; } /*======= index-1.html =======*/ #page2 #content .col-1{ width:693px; margin-right:0} #page2 #content .col-2{ width:326px; margin-right:0} #page2 #content .col-3{ width:280px; margin-right:30px} #page2 #content .col-4{ width:260px; margin-right:0} /*======= index-2.html =======*/ #page3 #content .col-1{ width:533px; margin-right:0} #page3 #content .col-2{ width:486px; margin-right:0} /*======= index-3.html =======*/ #page4 #content .col-1{ width:693px; margin-right:0} #page4 #content .col-2{ width:326px; margin-right:0} #page4 #content .col-3{ width:295px; margin-right:13px} #page4 #content .col-4{ width:295px; margin-right:0} /*======= index-4.html =======*/ #page5 #content .col-1{ width:533px; margin-right:0} #page5 #content .col-2{ width:486px; margin-right:0} /*======= index-5.html =======*/ #page6 #content .col-1{ width:693px; margin-right:0} #page6 #content .col-2{ width:326px; margin-right:0} #page6 #content .col-3{ width:280px; margin-right:30px} #page6 #content .col-4{ width:260px; margin-right:0} /*======= index-6.html =======*/ #page7 #content .col-1{ width:533px; margin-right:0} #page7 #content .col-2{ width:486px; margin-right:0} /*======= index-7.html =======*/ #page8 #content .col-1{ width:693px; margin-right:0} #page8 #content .col-2{ width:326px; margin-right:39px} #page8 #content .col-3{ width:280px; margin-right:20px} #page8 #content .col-4{ width:304px; margin-right:0} /*======= index-8.html =======*/ #page9 #content .col-1{ width:980px; margin-right:0} /*======= footer =======*/ #footer { height:116px; } /* CSS Document */ * { margin:0; padding:0;} html, body { height:100%; } body {font-size:100%; line-height:.875em; min-width:1058px; background:url(images/bg.jpg) top repeat-x #70b808} html, input, textarea { font-family: Arial, Helvetica, sans-serif; color:#000000; } object { vertical-align:top; outline:none} .alignMiddle{ vertical-align:middle} .alignCenter{ text-align: center} .container1{ width:100%} .clear { clear:both;} .fleft{ float:left} .fright{ float:right} div.container { overflow:hidden; width: 100%;} a img{ border:0} img{ vertical-align:top; } a{color:#fffc0d; text-decoration:underline; outline:none} a:hover{text-decoration:none} .link{color:#f7630a;} .button{color:#f7f1cf; background:url(images/button.gif) top left no-repeat; width:53px; text-align:center; line-height:24px; display:block; text-decoration:none; font-size:11px; float:right } .button:hover{text-decoration:underline } #header #searchform .button{border: none; text-shadow: none;color:#f7f1cf; background:url(images/button.gif) top left no-repeat; width:53px; text-align:center; line-height:24px; display:block; text-decoration:none; font-size:11px; float:right } #content ul{margin:0; padding:0; list-style:circle;} #content ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:10px; } #content ul li a{color:#fffd62; text-decoration: underline; line-height:1.85em; font-size:1.16em} #content ul li a:hover { text-decoration:none; } #content .ul2 li{background:url(images/marker2.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:10px; } #content .ul2 li a{color:#477811; text-decoration: underline; line-height:1.85em; font-size:1.16em} #content .ul2 li a:hover { text-decoration:none; } #content .ul3 li{background:url(images/marker.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:10px; } #content .ul3 li a{color:#1e3d3d; text-decoration: underline; line-height:1.85em; font-size:1em} #content .ul3 li a:hover { text-decoration:none; } #content .ul{ padding:0 30px 0 0 ; } #content .ul li { width: 100%; overflow: hidden; vertical-align: top; line-height: 2.18em; color: #f14c0a; font-weight:bold; background:none; padding:0; } #content .ul li strong {background: url(images/line-hor.gif) repeat-x 0% 10px; display: block; overflow: hidden;} #content .ul li span { float: right; font-weight: bold; color: #f14c0a; background:#eee8c4;} #content .ul li a {float: left; text-decoration: none; color: #f14c0a; line-height:1em; background:#eee8c4; font-size:1.09em} .link-1 { display:block; float:right; background:url(images/link_bg.gif) repeat-x left top; color:#a34411; text-decoration:none; } .link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top; font-size:11px} .link-1 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 12px 0 12px; line-height:23px; font-weight:normal; font-style:normal;} .link-1:hover{ text-decoration:none; color:#000000} .link-2 { display:block; float:right; background:url(images/link_bg1.gif) repeat-x left top; color:#a34411; text-decoration:none; } .link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top; font-size:11px} .link-2 b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:0 12px 0 12px; line-height:23px; font-weight:normal; font-style:normal;} .link-2:hover{ text-decoration:none; color:#000000} .link-3 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#a34411; text-decoration:none; } .link-3 em { display:block; background:url(images/link_left.gif) no-repeat left top; font-size:11px} .link-3 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 12px 0 12px; line-height:23px; font-weight:normal; font-style:normal;} .link-3:hover{ text-decoration:none; color:#000000} /*header*/ #header {font-size:0.6875em; color:#FFFFFF } #header .logo{ margin: 47px 0 0 147px; position:absolute } #header .indent{margin:9px 0 0 821px; position:absolute; width:198px} #header .indent1{margin:84px 0 0 476px; position:absolute; width:543px} #header .indent2{padding:0 0 0 47px} #header p{ margin:0 0 17px 0} #header .p{ margin:0} #header .p1{ margin:0 0 17px 0} #header .img-left{ float:left; margin:0 10px 10px 0} #header .ul{margin:0; padding:5px 0 0 39px; list-style:none;} #header .ul li{ margin:0; display:inline; padding:0; vertical-align:top; float:left; margin-right:5px} #header .ul li a{color:#fff; text-decoration:none; font-size:1em; font-style:italic; text-transform:none; float:left; padding:0; margin:0; text-transform:uppercase } #header .ul li a b { display:block; padding:0 12px 0 12px; line-height:32px} #header .ul li a em{ display:block; font-style:normal } #header .ul li a:hover { text-decoration:none; background:url(images/menu_bg.gif) top left repeat-x;} #header .ul li a:hover b{ background:url(images/menu_left.gif) left top no-repeat; } #header .ul li a:hover em{ background:url(images/menu_right.gif) right top no-repeat;} #header .ul .current a{ text-decoration:none; background:url(images/menu_bg.gif) top left repeat-x;} #header .ul .current a b{ background:url(images/menu_left.gif) left top no-repeat; } #header .ul .current a em{ background:url(images/menu_right.gif) right top no-repeat; } #header .ul1{margin:0; padding:0; list-style:none;} #header .ul1 li{background:url(images/marker.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:10px; } #header .ul1 li a{color:#1e3d3d; text-decoration: underline; line-height:1.85em} #header .ul1 li a:hover { text-decoration:none; } .block { background:url(images/bg-block.jpg) top left no-repeat; width:543px; height:344px; color:#f7630a; font-size:1.27em; line-height:1.42em; } .block .indent-block{padding:40px 30px 0 55px} .block .indent-block1{padding:12px 0 0 12px} #header .block h2{color:#fffc03; font-size:2.14em; margin-bottom:13px; line-height:1.2em } /*content*/ #content{ font-size:0.6875em; width:100%; text-align:left;} #content .indent-main{padding:0 0 0 0} #content .indent-col1{padding:16px 8px 0 39px} .page #content .indent-col1 { padding:0 8px 0 39px } #content .indent-col2{padding:0 8px 0 39px} #content .title{ margin-bottom:16px} #content .banner{ margin-right:5px} #content .img-left{ float:left; margin:0 10px 10px 0} #content .img-left1{ float:left; margin:0 10px 0 0} #content .img-indent{ margin:0 0 16px 0} #content p{ margin:0 0 17px 0} #content .p{ margin:0} #content .p1{ margin:0 0 17px 0} #content .p2{ margin:0 0 7px 0} #content .p3{ margin:0 30px 7px 0} #content .tail{ background:url(http://www.karismakidz.co.uk/wp-content/themes/karismakidz/images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px} .txt{ color:#477811} .txt a{ color:#477811} .txt1{ color:#f7630a; font-size:.78em; line-height:1.27em} .txt1 a{ color:#f7630a;} .bg-2{ background:url(images/bg_2.gif) top left no-repeat} #content .ul{margin:0; padding:5px 0 0 39px; list-style:square;} #content .indent{padding:0 0 0 160px} #content .indent1{padding:0 0 0 252px} #content .indent-1{margin:-16px 0 0 0; position:relative} .block1 { background:url(images/bg_block1.jpg) top left no-repeat; width:100%; height:213px} .home .block1 { background:url(images/bg_block1.png) top left no-repeat; width:100%; height:213px} .block1 .indent-block{padding:8px 0 0 47px} .block2 { background:url(images/bg_block2.jpg) top left no-repeat; width:100%; height:213px; font-size:1.09em; color:#1e3d3d} .block2 .indent-block{padding:8px 40px 0 47px} .block2 .indent-block2{padding:18px 40px 0 57px} #content .block2 h2{color:#0b939a; font-size:2.72em; margin-bottom:13px; line-height:1.2em } .bg-1{ background:url(images/bg_1.gif) top left no-repeat} .page .bg-1 {background: none;} /*==================boxes====================*/ .box { width:100%; position:relative; color:#f14c0a; line-height:1.27em} .box .left-top-corner { background:url(images/corner_top_left.png) left top no-repeat; padding-left:16px;} .box .right-top-corner { background:url(images/corner_top_right.png) right top no-repeat; padding-right:16px;} .box .border-top { background:url(images/border_top.png) left top repeat-x; height:16px; } .box .left-bottom-corner, .page-id-43 .indent-col1 .left-bottom-corner { background:url(images/corner_bottom_left.png) left bottom no-repeat; padding-left:16px} .box .right-bottom-corner, .page-id-43 .indent-col1 .right-bottom-corner { background:url(images/corner_bottom_right.png) right bottom no-repeat; padding-right:16px} .box .border-bottom, .page-id-43 .indent-col1 .border-bottom { background:url(images/border_bottom.png) left bottom repeat-x; height:16px; width:100%;} .box .border-left { background:url(images/border_left.png) left top repeat-y; padding-left:16px;} .box .border-right { background:url(images/border_right.png) right top repeat-y; padding-right:16px;} .box .xcontent { background:#ede7c2;} .box .indent-box{ padding:6px 6px 6px 14px; } #content .box h2{color:#6aa80f; font-size:2.72em; margin-bottom:13px; line-height:1.2em } #content .box h2 a {color:#6aa80f; text-decoration: none;} #content .box h4{color:#f14c0a; font-size:1.09em; } /*box1*/ .box1{ background:#69ab0e; width:100%; color:#ffffdf; font-size:1.09em} .box1 .border-top {background:url(images/border_top1.png) top repeat-x;} .home .box1 .border-top {background:url(images/border_top1_home.png) top repeat-x;} .box1 .border-bottom {background:url(images/border_bottom1.gif) bottom repeat-x;} .box1 .border-left {background:url(images/border_left1.gif) left repeat-y;} .box1 .border-right {background:url(images/border_right1.gif) right repeat-y;} .box1 .corner-top-left {background:url(images/corner_top_left1.png) left top no-repeat;} .box1 .corner-top-right {background:url(images/corner_top_right1.png) right top no-repeat;} .home .box1 .corner-top-left {background:url(images/corner_top_left1_home.png) left top no-repeat;} .home .box1 .corner-top-right {background:url(images/corner_top_right1_home.png) right top no-repeat;} .box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) left bottom no-repeat;} .box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) right bottom no-repeat; width:100%; } .box1 .indent-box{ padding:30px 20px 10px 12px; } #content .box1 h2{color:#fffd35; font-size:2.5em; margin-bottom:13px; line-height:1.2em } #content .box1 h3{color:#ffffdf; font-size:1.5em; font-weight:normal; margin-bottom:11px } /*** social icons ***/ .social-icons-text { font-size: 18px; margin: 0 4px 0 0; position: relative; top: 7px; } .social-icons a { margin: 0 1px 0 0; } .social-intro { text-align: left; font-weight: normal; font-size: 14px; line-height: 17px; padding: 11px 0 4px; } /*footer*/ #footer { color:#f7941d; font-size:0.6875em; text-align:right } #footer .indent-footer{ padding:60px 43px 0 50px; font-size: 12px;} #footer a {color:#f7941d; text-decoration:none} #footer a:hover { text-decoration:underline} .footer-links { float: left; width: 54%; text-align: left; } .footer-copy { float: right; width: 45%; } .f-menu-line { padding: 0 7px; } .footer-copy .f-menu-line { padding: 0 6px; } .indent-2{ position:relative; padding-right:10px; float:left} .h{ height:36px; background:url(images/bg_input1.gif) top left no-repeat} .h2{ height:142px; background:url(images/bg_input2.gif) top left no-repeat} .h1{ height:30px; background:url(images/bg_input.gif) top left no-repeat} .block-contact span{ float:right; margin-right:0} .input{ border:none; background:none; width:133px; height:20px; font-size:1em; color:#f7f1cf; margin-right:2px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }input{ border:none; background:none; width:270px; height:19px; font-size:1em; padding-left:10px; padding-top:5px; padding-bottom:5px; } textarea{ border:none; background:none; width:295px; height:119px; font-size:1em; padding-left:10px; padding-top:5px; padding-bottom:5px; margin-bottom:11px; overflow:auto} /*** custom ***/ #header .h1 .button { height: 24px; padding: 0; cursor: pointer; } .home-button { position: absolute; left: -15px; top: 6px; display: block; width: 35px; height: 31px; text-indent: -9000px; background: transparent url('images/home1.png') left top no-repeat; } .home-button:hover { background: transparent url('images/home1Over.png') left top no-repeat; } .page-id-43 .entry-header { display: none; } .page .entry-header .entry-title { color: #6AA80F; font-size: 27px; padding: 9px 0 21px; } .page #content .entry-content h2 { font-size: 17px; color: #6AA80F; } #content .entry-content { font-size: 12px; line-height: 15px; color: #1e3d3d; } .entry-meta .edit-link { display: none; } #content .contact-form-custom .entry-content { color: #fff; } #content .contact-form-custom p { margin: 0 0 1px; } .contact-form-custom { padding-bottom: 8px; } .contact-form-custom .wpcf7-submit { background: transparent url('images/button_all.png') left top no-repeat; display: block; width: 71px; height: 23px; text-align: center; cursor: pointer; color: #a34411; text-transform: lowercase; font-size: 11px; padding: 0; } .contact-form-custom .wpcf7-submit:hover { color: #000; } .wpcf7-not-valid-tip-no-ajax { display: block; color: #fef465; padding: 0; font-size: 11px; position: relative; top: -47px; } .wpcf7-validation-errors { color: #fef465; } .wpcf7-send-button { position: relative; top: -8px; } .wpcf7 .wpcf7-text, .wpcf7 textarea { padding: 5px; border: medium none; border-radius: 2px 2px 2px 2px; box-shadow: none; color: #777777; margin: 0; background-color: #FFFFFF !important; border: 1px solid #999999 !important; color: #555555 !important; font-family: Arial,Helvetica,sans-serif !important; font-size: 14px; font-style: normal !important; width: 190px !important; } .wpcf7 textarea { width: 257px !important; height: 121px !important; } .wpcf7 .h, .wpcf7 .h2 { background: none; } .wpcf7 .col-3, .wpcf7 .col-4 { float: none; } #comments textarea { background: #fff; border: 1px solid #c7c0c7; } .page-template-events-php .em-events-search-text, .page-template-events-php .em-date-input-loc, .page-template-events-php .em-date-start { background: #fff !important; height: 16px; border: 1px solid #a0a1a1; } .item-event-search { margin: 5px 0 3px; } .logged-in-as, .comment-form-comment, .form-allowed-tags { color: #999; } .events-table td { padding: 7px 7px 11px 0; } .events-table tr td:first-of-type { padding: 7px 7px 11px 14px; background: transparent url('images/dot.png') left 19px no-repeat; } .col-1.bg-1 a { color: #ff6008; } .page-template-events-php .em-events-search-submit { display: none; } .page-template-events-php select { background: #fff !important; height: 29px; padding: 4px; border: 1px solid #a0a1a1; } .box h1 { margin: 0 0 11px !important; font-size: 2.5em !important; line-height: 1.2em !important; } #content ul li a { line-height: 1.4em; } #content .col-1.bg-1 a { color: #F14C0A !important; } #secondary aside { margin: 0 0 21px; } #content #secondary ul li, #content #archives li, #contacts-widget li { background: none; list-style: square; margin: 0 0 0 20px; padding-left: 3px; } .widget_archive { width: 150px; float: left; } .widget_meta { width: 150px; float: left; clear: left; } #archives.widget { float: right; width: 150px; position: absolute; bottom: 10px; right: 10px; } .col-sidebar .container, .col-2 .container { position: relative; } .col-sidebar #secondary, .col-2 #secondary { padding: 0 0 5px; overflow: hidden; } .top-finalist-image { margin: 0 0 11px; } .comment-form-comment label { font-weight: bold; } #respond #reply-title { margin: 0 0 14px; } #review_form #respond textarea { border: 1px solid #c3c2c3; } #review_form #respond .form-submit input { height: 35px; } /*** shop ***/ .quantity input.qty { background: #fff; border: 1px solid #C7C0C7 !important; } div.product form.cart .button { width: 110px; height: 30px; } .link-1 { display: none; } .summary div { color: #1E3D3D; font-size: 12px; line-height: 15px; } #review_form #respond textarea { background: #fff; } .woocommerce #content .indent-col1 { padding: 0 8px 0 39px; } .woocommerce .bg-1 { background: none; } .price, ul.products li.product .price { font-weight: bold !important; text-decoration: none !important; font-size: 14px !important; } ul.products li.product .price { position: absolute; bottom: 30px; } #content ul.products .product { padding: 0; margin: 0 20px 35px 0; } #content ul.products .product.last { margin: 0 0 35px 0; } .single-product.woocommerce-page #content ul.products .product.last { margin: 0 20px 35px 0; } .product .add_to_cart_button, .woocommerce_message .button, #place_order { background-color: #96588A; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AD74A2), to(#96588A)); background-image: -webkit-linear-gradient(top, #AD74A2, #96588A); background-image: -moz-linear-gradient(top, #AD74A2, #96588A); background-image: -ms-linear-gradient(top, #AD74A2, #96588A); background-image: -o-linear-gradient(top, #AD74A2, #96588A); border-color: #76456C !important; color: #FFFFFF !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important; display: block; height: 30px; width: 110px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .product .add_to_cart_button:hover, .woocommerce_message .button:hover, #place_order:hover { background: -moz-linear-gradient(center top , #96588A 0%, #AD74A2 100%) repeat scroll 0 0 transparent !important; background: -webkit-linear-gradient(center top , #96588A 0%, #AD74A2 100%) repeat scroll 0 0 transparent !important; background: linear-gradient(center top , #96588A 0%, #AD74A2 100%) repeat scroll 0 0 transparent !important; } #content .col-1.bg-1 .product .add_to_cart_button, #content .col-1.bg-1 .woocommerce_message .button, #place_order { color: #fff !important; text-decoration: none !important; line-height: 15px; } .cart_b_message { position: relative; top: 9px; } .col-1 .container { position: relative; } .woocommerce_ordering { position: absolute; right: 15px; top: 15px; } #content .quantity { width: 45px !important; } .comment-form-rating label { font-weight: bold; } .comment-form-rating label:after { content: ": "; } #review_form #respond textarea { margin: 0; } ul.products { padding: 0 0 15px !important; } .container #breadcrumb { font-size: 12px; } .products .product a:first-of-type { display: block; min-height: 235px; } .single-product.woocommerce-page .products .product a:first-of-type { min-height: auto; margin: 0 0 24px; } #content .col-1 { margin: 18px 0 0; } .home #content .col-1 { margin: 1px 0 0; } .home.page #content .col-1 { margin: 18px 0 0; } .home #content .col-2 { margin: 1px 39px 0 0; } .home #content .bg-1 { background: none; } ul.products li.product .price ins, ul.products li.product .price del { text-decoration: none !important; } .woocommerce_message:before, .woocommerce_error:before, .woocommerce_info:before { top: 13px !important; } .woocommerce-cart .entry-header .entry-title { padding: 9px 0 1px; } .form-row input[type="text"] { background: #fff; border: 1px solid #c3c2c3; height: 29px; } table.cart input, #content table.cart input { width: 131px; height: 35px; } .cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th { border-top: 1px solid #c3c2c3 !important; } .page-template-gallery-php #content .box h2 { margin: 0; padding: 9px 0 0; } .page-template-gallery-php .hentry { position: relative; } .page-template-gallery-php .slideshowlink { position: absolute; right: -20px; top: 5px; width: 170px; } .category #content .indent-col1 { padding: 0 8px 0 39px; } .category .bg-1 { background: none; } #content #searchform input[type="text"] { background: #fff; border: 1px solid #c7c0c7; } .em-events-search-form input[type="text"] { background: #fff; border: 1px solid #c7c0c7; display: block; margin: 0 0 7px; } .em-events-search-form select { background: #fff; border: 1px solid #c7c0c7; display: inline-block; margin: 0 0 7px; height: 30px; padding: 5px 3px 3px; text-align: center; width: 120px; } .form-submit input[type="submit"] { height: 30px; } .em-events-search-submit { background: -moz-linear-gradient(center top , #F7F6F7 0%, #DFDBDF 100%) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #F7F6F7 0%, #DFDBDF 100%) repeat scroll 0 0 transparent; background: linear-gradient(center top , #F7F6F7 0%, #DFDBDF 100%) repeat scroll 0 0 transparent; border: 1px solid #C7C0C7; border-radius: 2px 2px 2px 2px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1); color: #5E5E5E; cursor: pointer; font-family: inherit; font-size: 100%; font-weight: bold; left: auto; line-height: 1em; margin: 0 0 7px; overflow: visible; padding: 6px 10px; position: relative; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); height: 30px; width: 120px; } #content #searchform input.button { width: 90px; height: 30px; padding: 0 0 1px; } .page-id-80 .entry-content div { float: left; margin: 0 16px 14px 0; } .page article.hentry, .single article.hentry { border: none; } .page-id-80 #comments { display: none; } .page-id-80 article { padding: 0 14px 0 9px !important; } .page-id-80 #content .wp-caption-text { margin: 0 0 7px; } .archive.category #content .box h2 { border-top: 1px solid #C7C0C7; padding: 12px 0 0; } .archive.category #content .box h2:first-of-type { border: none; padding: 0; } .flash { position: relative; width: 100%; } .flash1 { margin-top: 43px; position: relative; } .flash2 { display: none; } .single-post #content .indent-col1 { padding: 0 8px 0 39px; } .single-post .bg-1 { background: none; } #comments { margin: 0; padding: 17px 0 0; border-top: 1px solid #C7C0C7; } article.hentry { margin: 0 0 11px; padding: 0 0 21px; border-bottom: 1px solid #C7C0C7; } .em-events-search { margin: 0 0 17px; } #em-wrapper p { display: none; } .single-post .entry-content, .category .entry-content, .archive .entry-content { padding-top: 17px; } .single-post .entry-content .wp-caption, .category .entry-content .wp-caption, .archive .entry-content .wp-caption { float: left; width: 131px; } .single-post .entry-content .wp-caption img, .category .entry-content .wp-caption img, .archive .entry-content .wp-caption img { width: 111px; } .slider { width: 979px; margin: 7px auto 1px; } /*** audio player ***/ .audio-player-wrapper { position: absolute; top: 58px; left: 0; right: 0; } .audio-player { margin: 0 auto; z-index: 9999; width: 1058px; height: auto; } .audio-player .jp-title { display: none; } .audio-player div.jp-audio { padding: 17px 14px 8px; position: relative; left: 38px; border-radius: 4px; } /*** sing-up form ***/ .main-top { margin: 0 auto; padding: 0; text-align: left; width: 100%; position: relative; z-index: 999999; } .signup-form-top { position: absolute; right: 37px; width: 189px; background: rgba(44, 88, 93, 0.85); } .signup-form-top-intro { font-size: 10px; font-weight: normal; color: #63BE3B; padding: 0 20px 7px; } .signup-form-top-header { font-size: 14px; font-weight: bold; line-height: 15px; color: #E4F136; padding: 10px 20px 4px; } .signup-form-top-name { font-size: 11px; color: #63BE3B; padding: 0 20px; } .signup-form-top-input input[type="text"] { border: 1px solid #2e6064; width: 148px; height: 20px; margin: 0 0 1px 19px; font-size: 12px; background: #fff; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .signup-form-top-submit input[type="submit"] { font-size: 12px; color: #fff; font-weight: normal; text-align: center; cursor: pointer; margin: 5px 0 13px 19px; padding: 0; width: 65px; height: 22px; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5ODciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzRDVDNDgiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4MEJGMjEiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzNENUM0OCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk4NykiIC8+Cjwvc3ZnPg==); } .signup-form-top-submit input[type="submit"]:hover { background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2ODEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NTZFM0YiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4RUQ2MjYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzU1NkUzRiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzY4MSkiIC8+Cjwvc3ZnPg==); } /*** dropdown menu ***/ .container-header { overflow: visible !important; } .main-nav-d { position: relative; } .sub-nav-d { display: none; position: absolute; width: 180px; top: 30px; z-index: 99999; } .sub-nav-d-inner { margin: 10px 0 0; padding: 0; border-radius: 4px; background: #1f3d3d; } .main-nav-d:hover .sub-nav-d, .sub-nav-d:hover { display: block; } #header .ul .main-nav-d .sub-nav-d li { float: none; display: block; padding: 7px 11px; } #header .ul .main-nav-d .sub-nav-d li a { font-style: normal; font-weight: bold; float: none; } #header .ul .current .sub-nav-d a { background: none; } /*** group ***/ .group:after { content: ""; display: table; clear: both; } .page-id-43 #content { overflow: hidden; } .page-id-43 #content > .container { width: 669px; float: left; } .main #content .mab-submit[type="submit"], .main #content .cart a.button, .main #content .wpcf7-submit { color: #FFFFFF !important; line-height: 1.5em; text-decoration: none !important; background-color: #96588A; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AD74A2), to(#96588A)); background-image: -webkit-linear-gradient(top, #AD74A2, #96588A); background-image: -moz-linear-gradient(top, #AD74A2, #96588A); background-image: -ms-linear-gradient(top, #AD74A2, #96588A); background-image: -o-linear-gradient(top, #AD74A2, #96588A); border: solid 1px #76456C !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important; display: inline-block; height: 31px; width: 110px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px !important; font-size: 13px !important; font-weight: bold !important; padding: 6px 10px !important; margin: 0 !important; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1); position: relative; top: -1px; } .wpcf7 .container { overflow: visible; } .main #content .mab-submit[type="submit"]:hover, .main #content .cart a.button:hover, .main #content .wpcf7-submit:hover { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#96588A), to(#AD74A2)); background-image: -webkit-linear-gradient(top, #96588A, #AD74A2); background-image: -moz-linear-gradient(top, #96588A, #AD74A2); background-image: -ms-linear-gradient(top, #96588A, #AD74A2); background-image: -o-linear-gradient(top, #96588A, #AD74A2); } .main #content .wpcf7-submit { float: left; } .main #content .cart a.single_add_to_cart_button { position: relative; top: -8px; } #content .mab-main-action-wrap .mab-field input, #content .mab-main-action-wrap .mab-field textarea { padding: 5px; } .entry-content div.wpcf7-validation-errors { border: 2px solid #F14C0A; } .entry-content .wpcf7-validation-errors { color: #F14C0A; } /* CSS for jQuery Orbit Plugin 1.2.3 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */ #featured { width: 979px; height: 318px; background: #000 url('js/orbit/loading.gif') no-repeat center center; overflow: hidden; } #featured>img, #featured>div, #featured>a { display: none; } /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit>img { position: absolute; top: 0; left: 0; display: none; } div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } .orbit>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* TIMER ================================================== */ div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; } span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(js/orbit/rotator-black.png) no-repeat; z-index: 3; } span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } span.rotator.move { left: 0 } span.mask.move { width: 40px; left: 0; background: url(js/orbit/timer-black.png) repeat 0 0; } span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(js/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; } span.pause.active { background: url(js/orbit/pause-black.png) no-repeat 0 -40px } div.timer:hover span.pause, span.pause.active { opacity: 1 } /* CAPTIONS ================================================== */ .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* DIRECTIONAL NAV ================================================== */ div.slider-nav { display: block } div.slider-nav span { width: 78px; height: 100px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -50px; cursor: pointer; } div.slider-nav span.right { background: url(js/orbit/right-arrow.png); right: 0; } div.slider-nav span.left { background: url(js/orbit/left-arrow.png); left: 0; } /* BULLET NAV ================================================== */ .orbit-bullets { position: absolute; z-index: 1000; list-style: circle; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } .orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(js/orbit/bullets.jpg) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } .orbit-bullets li.active { color: #222; background-position: -8px 0; } .orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } .orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }