/* Theme Name: Jobthemes Theme URI: http://www.jobthemes.com/ Version: 1.0 Description: Designed by jobthemes.com Author: Metaiche Rahim Author URI: http://www.jobthemes.com Tags: jobthemes */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs -2.8 Homepage 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Single Post Author -3.5 Entry Tables 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Contact Form -6.3 Gravity forms -6.4 Timeline page template -6.5 IE specific styling -6.6 Subscribe & Connect -6.7 Slider -6.8 Portfolio -6.8.1 Single Portfolio -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ #menu-item-3165 > a {background: #09AD58 ; color: #fff; border-radius: 3px; padding-bottom: 2px} #menu-item-3165 > a:hover {background: #0A783F} .chat a { margin-left: 4px; background: url('images/askus.png') no-repeat 0 0 ; border-left: 0px; position : fixed; top: 350px; height: 250px; width: 54px; } body,html{height:100%;} 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-size: 13px; color: #2b3d4f; } body{line-height:1;overflow-x: hidden; line-height: 1.5em} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:left;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .col-full-2:after{content:".";display:block;height:0;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} .loadsy { display: none;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 12px/1.5em sans-serif; color: #222; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Georgia, serif; color: #333; font-weight:normal; } h1 {font-size: 24px } h2 {font-size: 1.8em;} h3 {font-size: 1.5em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} p {margin: 0; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #BFC2C4; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; } #home {} #not-home {} #heado {height: 50px;} /* Home page ----------------------------------------------------------------------------------*/ .3columns {border: 1px solid #000; float:left; width: 250px;height: 20px;} /* 1.2 Hyperlinks */ a { color: #038df8; text-decoration:none;text-decoration: none;} a:hover, .post-meta a:hover, .post-more a:hover { color: #333; text-decoration:none; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { width: 1010px; margin: auto;margin-top:0px;margin-bottom: 18px;border-bottom: 4px solid #F34542; /*-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);*/} #wrp {width: 1010px;margin: auto;height: 36px;} #heads { height: 30px; background: #f7f5f3 ; padding-top: 6px;} #main { width:750px; /*border-right:1px dashed #e5e5e5;*/ padding-right:5px; } #main.fullwidth, #main.col-full, .layout-full #main { border: none; width:995px; } .col-full , .col-full-2 { margin:0 auto;} #sidebar{width:230px;} #sidebar .secondary { width:140px; } .col-left { float: left; } .col-right { float: right; } .layout-right-content #main { float:right; } .layout-right-content #sidebar { float:left; } /* 2.2 Navigation */ #navigation { font:bold 13px/1em sans-serif; } #navigation ul.rss { margin:2px 0 0 0; } #navigation ul.rss li{display:inline;padding:0;} #navigation ul.rss li a{color:#d75418;text-decoration:none; padding:5px 12px; line-height: 18px; display: inline-block; position: relative;} #navigation ul.rss li.sub-email {color:#dedede;} #navigation ul.rss li a:hover{text-decoration:underline;} .nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; } .nav a { float:left;position:relative;font-size: 13px; color:#333; display:block; z-index:100; padding:2px 7px 5px; line-height:18px; text-decoration:none; } .nav li { float:left; width: auto;} .nav li a.sf-with-ul { } .nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-cat a, .nav li.sfHover { color:#F34542;text-shadow: none; filter:none;} .nav li.current_page_item a, .nav li.current_page_parent a,2498 .nav li.current-menu-ancestor a { color:#cc0000; } /* Optional Styling */ #navigation {margin-top:20px;margin-left: 20px; } #navigation .nav li ul li { background: none; text-shadow: none; filter:none; } #navigation .nav li a { } #navigation .nav li:first-child a { border-left:none; } /* 2.2.1 Drop-down menus */ .nav li ul { background: url("images/shadow.png") repeat-x scroll 0 0 #FAFAFA; margin:0; padding:6px 6px; position: absolute; left: -999em; width: 180px; z-index:9999; } .nav li ul li a { padding:0px 0px; width:180px; color:#666; background: none; font-size:0.9em;} .nav li ul li a:hover { text-decoration: underline; } .nav li ul li a.sf-with-ul { padding-right:0; } .nav li ul ul { margin: -37px 0 0 140px; } .nav li ul li a:hover, .nav li.current_page_item ul li a, .nav li.current_page_parent ul li a, .nav li.current-menu-ancestor ul li a, .nav li.current-cat a ul li, .nav li.current-menu-item ul li a, .nav li.sfHover ul li { background:none;} .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {position:absolute;display:block;right:1em;top:18%;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(images/bullet.png) no-repeat; top:38%; } #top-nav.nav .sf-sub-indicator {background: url(images/arrow-topnav.png) no-repeat;right:0.5em;top:42%;} #top-nav.nav li ul .sf-sub-indicator {background: url(images/bullet-topnav.png) no-repeat;right:0.5em;top:35%;} /* Optional Styling */ #navigation .nav li ul { background: #fff url("images/ul-s.jpg") no-repeat scroll 15px 0px ; margin-top: 25px; /* Border Radius */ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.03); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03); box-shadow: 0 2px 2px rgba(0,0,0,.03); border: 1px solid #ddd; } #navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #navigation .nav li ul li a {padding: 3px 0; border:0; border-bottom:1px solid #eaedef; color:#444; font-weight: normal; } #navigation .nav li ul li a:hover { color:#000; text-decoration:none; } #navigation .nav li ul li:first-child a { border-top:none; } #navigation .nav li ul li:last-child a { border-bottom:none; } /* 2.2.2 Top Navigation (optional) */ #top { position: relative; z-index: 9450; background: #000; } #top .nav { } #top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; font-family: sans-serif; } #top .nav li:first-child { } #top .nav li a.sf-with-ul { padding-right:20px; } #top .nav a:hover, #top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-ancestor a, #top .nav li.current-cat a, #top .nav li.current-menu-item a, #top .nav li.sfHover { background: #222; } #top .nav li ul { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); } #top .nav li ul, #top .nav li ul li:last-child a { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;} #top .nav li ul li a:hover { background: #000; } #top .nav li ul li a.sf-with-ul { padding-right:10px; } #top .nav li ul ul { margin: -34px 0 0 180px; } #top .nav li:hover, #top .nav li.hover { position:static; } #top .nav li:hover ul ul, #top .nav li.sfhover ul ul, #top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul, #top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; } #top .nav li:hover ul, #top .nav li.sfhover ul, #top .nav li li:hover ul, #top .nav li li.sfhover ul, #top .nav li li li:hover ul, #top .nav li li li.sfhover ul, #top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; } /* 2.3 Header */ .featured-buttons {width: 320px;position: absolute; z-index: 9999 !important; height:44px; float:left;margin-left: 32px;margin-bottom: 30px;margin-top: -70px;} .featured-buttons ul {list-style: none; } .featured-buttons li a {cursor: pointer; margin-right: 4px; text-indent: -9999px; float:left;width: 155px; height: 46px; } .featured-buttons li.features a {background: url("images/features-button.jpg") no-repeat scroll 0 0;} .featured-buttons li.pricing a {background: url("images/pricing-button.jpg") no-repeat scroll 0 0;} .featured-buttons li.features a:hover , .featured-buttons li.pricing a:hover {opacity: 0.8} #featu3 , #featu4 {border: 1px solid #E4DDD9;margin-top: 5px; height: 100px;background:url(images/bg-f.png) repeat;-webkit-border-radius: 2px;border-radius: 2px;} #parts2 h1 {margin: 12px 5px 5px 15px; font-size: 13px;line-height: 25px;font-weight: bold; font-family:Arial;color: #333} .bubbleInfo , .bubbleInfo2 { position: relative; float:left; border: 1px solid #dcdcdb; padding: 5px; width: 79px;height:79px; margin: 4px; background: #fff; } .popup { position: absolute; display: none; /* keeps the popup hidden if no JS available */ } .popup { font-size: 12px; line-height: 1.2em; background-color: #fff; color: #333; font-family: "arial","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; padding: 5px; box-shadow: 0 1px 2px #555; z-index: 10000; -webkit-border-radius: 3px; border-radius: 2px; -moz-border-radius: 2px; } #pad { background: #f7f7f5; width: 205px; height: 90px;padding: 5px;} #pic1,#pic2,#pic3,#pic4,#pic5 {opacity: .8} #pic1:hover,#pic2:hover,#pic3:hover,#pic4:hover,#pic5:hover {opacity: 1} #pic1 { background: url(images/pic1.jpg) 0px 0; width: 79px;height:79px;} #pic2 { background: url(images/pic2.jpg) 0px 0; width: 79px;height:79px;} #pic3 { background: url(images/pic3.jpg) 0px 0; width: 79px;height:79px;} #pic4 { background: url(images/pic4.jpg) 0px 0; width: 79px;height:79px;} #pic5 { background: url(images/pic5.jpg) 0px 0; width: 79px;height:79px;} #parts2{ margin: 0; width: 480px; float: left; } #parts2-2 { margin: 0; width: 503px; float: left; } #top-menu {} #header-container , #featured-container { border: 1px solid #000; width: 1010px; margin: auto;margin-top: 10px; position: relative; z-index: 9400;} #featured-container { margin-top: 0px;} #header{padding:0px 0 0;clear:both;position:relative; border-bottom: 4px solid #F34542;margin-bottom: 5px;} #shadow {} #logo a { float:left; padding-bottom: 0px;width: 210px;height: 100px; margin-top: -22px;text-indent: -9999px} #logo a {background: url("images/logo-tab.jpg") no-repeat scroll -3px 0; margin-top: -40px;} #logo a:hover {background: url("images/logo-tab.jpg") no-repeat scroll -3px -96px;} #logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; } #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#999; font:italic 14px Georgia, serif; } #topad {float:right;} #bg-h{background: url("images/bg-h.jpg") repeat-x scroll 0 0;width: 100%; height: 10px;} /* 2.4 Content */ #content{ min-height: 320px; border-radius: 3px 3px 3px 3px; padding:0; position:relative; margin:5px 0 20px; border: 1px solid #E1DBDB; border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px ; -webkit-border-radius: 3px ;padding: 7px ; } #content-header { border-bottom: 1px solid #EAEBEC; margin: 0px 4px 10px; padding: 4px 10px; line-height:1.4em; } #content #inner {clear:both; padding: 0px; width: auto; } /* 2.5 Sidebar */ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { border: 1px solid #CCCCCC !important; box-shadow: 0 0 0 !important; } #sidebar{/*padding-right: 5px;*/ overflow:hidden;border-left: 1px solid #EAEBEC;background :#fff ; padding-left: 5px;margin-top: 5px;} #sidebar .primary {margin: 5px 0 0 5px } #sidebar .secondary { float:left; margin-right:20px;width: 1010px; } #sidebar .secondary.last { margin:0; } /* 2.6 Footer */ .bati {width: 1010px; height: 0px; margin: auto; } #footer {width: 1010px;line-height: 55px; position: relative; padding: 5px 0 5px;border-top: 1px solid #e6e6e6; color:#333; font-size: 11px; } #footer a { color:#222; } #footer a:hover { color:#027f92; } #footer #credit img { vertical-align:middle; } #footer #credit span{display:none;} #footer-widgets { padding:0px 0; position: relative; width: 1010px;} #footer-widgets .widget { border-bottom:0; margin:0; } #footer-widgets .block { padding:0px 10px 0 10px; width:210px; float:left; } #footer-widgets.col-1 .block { width:100%; padding-left:0; } #footer-widgets.col-2 .block { width:460px; } #footer-widgets.col-3 .block { width:316px; } #footer-widgets.col-4 .block { width:220px; } /* 2.7 Breadcrumbs */ #breadcrumbs { color: #666; float: left; font-size:11px; line-height; } /* 2.8 Homepage */ #main-page1 { margin:0px 0 20px; } #main-page2 { margin:0 0 15px; } #mini-features { } #mini-features .block { width:275px; margin:0 30px 30px 0; float:left; } #mini-features .block.last { margin-right:0; } #mini-features .feature { margin-left:50px; } #mini-features .home-icon { float:left; } #mini-features h3 { font-size: 13px; font-weight:bold; color: #333; line-height: 1em; padding-bottom:10px; } #mini-features p { padding-bottom:15px; } #latest-blog-posts { padding-top:5px; border-top:1px solid #e9ebed; } #latest-blog-posts h3 { margin-bottom:25px; } #latest-blog-posts .post h2.title a { font-size: 13px; font-weight:bold; color: #333; line-height: 1em; } #latest-blog-posts .post h2.title a:hover { color: #ff6633; } #carousel-inner { /*background: url("images/diagonal-bg.png") repeat scroll 0 0 #FFFFFF;*/margin: 6px 6px 0;padding: 5px 12px;position: relative;width: auto; } #carousel-inner a.btn-prev { background: url("images/carousel-prev.png") no-repeat scroll 0 0 transparent;height: 43px;left: -29px;position: absolute;text-indent: -9999em;top: 35%;width: 22px;z-index: 999;} #carousel-inner a.btn-next { background: url("images/carousel-next.png") no-repeat scroll 0 0 transparent;height: 43px;position: absolute;right: -29px;text-indent: -9999em;top: 35%;width: 22px;z-index: 999; } #carousel-inner a.btn-prev:hover {background: url("images/carousel-prev-hover.png") no-repeat scroll 0 0 transparent;} #carousel-inner a.btn-next:hover {background: url("images/carousel-next-hover.png") no-repeat scroll 0 0 transparent;} #carousel-inner a.btn-prev.disabled, #carousel-inner a.btn-next.disabled { display: none; } #carousel-content-border { border-top: 1px solid #EAEBEC;display: block;width: 960px; } .portfolio-carousel { overflow: hidden; height: 133px; } #homepage-portfolio-carousel li { margin:8px; overflow:visible !important; position: relative; float: left; } #homepage-portfolio-carousel .plus { background:url("images/portfolio-plus.png") no-repeat scroll 0 0 transparent; height:26px; position:absolute; right:-5px; text-indent:-9999em; top:-5px; width:26px; } #homepage-portfolio-carousel img { padding: 4px; border: 1px solid #c2c5ca; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } #homepage-portfolio-carousel img:hover { border-color:#aaa; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .post .video { margin:1.5em 0;} .archive_header { display: block; float: left; font:bold 24px/1.5em sans-serif; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } .catrss {clear: both; margin-right: 30px; margin-top: 5px;} .post { margin: 10px 0 2em;border-bottom: 0px solid #d9d9d8;padding-left: 10px;} .post .title, .page .title, .portfolio .title { margin: 0 0 0px; position:relative; } .single .post .title {/*text-align: center;*/ font-size: 20px; font-weight: bold; line-height: 1.2em;} .post .title a, .portfolio .title a { color:#333; } .post .title a:hover, .portfolio .title a:hover { color:#035bd2; } .post-meta { font-size: 11px; color: #848d9a; line-height: 1.5em; margin:5px 0 1.5em; } .post-meta a { text-decoration:none; } .single .post-meta {} .post-more { clear:both; margin:1em 0; color:#999;} .post p.tags, .portfolio p.tags {color:#999;padding-left:0px;margin-top: 20px;width:100%;clear:both;margin-bottom:10px; line-height: 1.8em; } .sharethi {float:right;margin-top: -30px;margin-bottom: -20px;} .sharethi ul , .sharethi ul li{ list-style-type: none !important;} .post-meta a, .post-more a, .post p.tags a { text-decoration: none; color:#555; } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:none; } .post-more a {color:#FF4629;font-weight: bold;} #post-entries {float: right; font-size:11px; } #post-entries a { color: #333; } #post-entries a:hover { color: #cc0000; } .nav-prev {background:url("images/seperator.png") no-repeat scroll right 3px transparent; margin-right: 15px; padding-right: 15px;} #title-container {display: none !important; margin:0 auto; padding:5px 0; margin-bottom: 10px;border: none;} #title-container .search_main {float:right; margin-right: 26px; width: 200px;} #title-container .title, .archive_header {float:left; margin: 0 0 0 15px; color: #fff; font-family: arial,tahoma,verdana;font-size: 18px; font-weight: bold; margin: 6px 0 0 26px;} #title-container .blog-title-sep { color: #BDC4CE; line-height: 2em; margin:0 10px; } #title-container .description { color:#BDC4CE; } #title-container .title, .archive_header h1 {font-size: 13px;margin-top: 5px;} /* 3.1 Typographic Elements */ .entry, .entry p { font:12px/1.8em sans-serif; } .single .entry { border-top: 0px solid #e9ebed;border-bottom: 0px solid #e9ebed; margin-top: 0px; padding-top: 10px; padding-bottom: 20px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; padding-bottom: 20px; } h4.toggle-trigger {padding-bottom:0} .entry p { margin-bottom: 1.2em; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #333; } .entry blockquote p { font-style:italic; } .entry ul { margin-bottom: 1em; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail {-webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 4px; border: 1px solid #c2c5ca; background:#fff; } .entry img:hover, img.thumbnail:hover { border-color:#aaa; } img.wp-smiley { padding: 0; border: none; } .post img.woo-image.aligncenter { margin-top:10px; } .alignleft { float: left; height: auto; margin: 0px 10px 10px 0; } .alignright { float: right; height: auto; margin: 0px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background: url("images/widget-bg-grid.png") repeat scroll 0 0 #FBFDFE;border-color: #DCE0E4 #D7DBDE #D7DBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } .ico-cal { background:url("images/ico-calendar.png") no-repeat scroll 0 0 transparent; width:33px; color:#aea7a0; } .ico-day { font-size: 12px; padding: 13px 0 7px; text-align: center; width: 33px; line-height:1.1em; font-weight:bold; } .ico-month {font-size: 10px;text-align:center;text-transform: uppercase; font-family: sans-serif; line-height:2em;} /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .woo-pagination { margin: 0; text-align: center; } .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #dedede; /* Gradient Background */ background: #EBEBEB; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } .woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #EEEEEE; border: 1px solid #bbb; } /* 3.4 Single Post Author */ #post-author { background: url("images/widget-bg-grid.png") repeat scroll 0 0 #FBFDFE;border-color: #DCE0E4 #D7DBDE #D7DBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); margin:0 0 1.5em; padding:15px; clear:both; } #post-author .title { margin-bottom: 10px; } #post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #c2c5ca; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } #post-author .profile-content {margin-left: 100px;} #post-author .profile-link { } /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; } .entry table tr.alt-table-row { background: #f9f9f9; } .entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 0px; padding-bottom:12px; border-bottom:0px dashed #e5e5e5; } .widget h3 { border-bottom: 1px solid #e5e5e5; color: #F34542; font: bold 13px sans-serif; margin: 0 0 5px; padding: 5px 0;} .widget p { margin-bottom: 1em; } .widget a { } .widget a.submit.user-submit {padding:1px; float:left;border:0px !important ; box-shadow: 0 0 0 !important} .widget a.submit.user-submit img {margin:0px !important; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .widget a.button.logout-link {font-family: arial,tahoma,verdana;color: #333 !important ; margin: 0 0 20px !important; padding: 14px 0 0 !important; border: 0 !important ; font-size: 12px;margin: 0 0 10px !important; box-shadow: 0 0 0 !important} .widget a.button.logout-link a {color: #333 !important } .widget a.button.logout-link a:hover {color: #000 !important} button.user-submit {padding: 5px 10px !important ; margin-top: 0px !important} .bbp-submit-wrapper {margin:0px !important} .bbp-logged-in h4 , .bbp-logged-in h4 a {float:left; font-size: 12px !important;color: #ee2e02 !important ; margin: 0 !important; padding:7px 5px 0 0 !important;} .cc{padding-top: 5px;} .add-new-topic { border: 1px solid #000 ; margin-left: 5px;font-family: arial,tahoma,verdana;background: #fff; background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: -o-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; border: 1px solid #BDBFC0; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; color: #038DF8; cursor: pointer; font-size: 12px; font-weight: bold; margin: 0 0 0 0px; padding: 5px 63px; width: auto;} .add-new-topic:hover { color: #222} .widget ul { clear:both; padding-left:20px; list-style-position:outside; list-style-image: url(images/bullet.png); } .widget ul li { } .widget ul li a { line-height: 20px; text-decoration: none; color:#222; } .widget ul li a:hover { color:#fc3803; text-decoration:none; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget ul#list-forums {list-style-image: none;padding-left: 5px} .widget ul li.bellow a {background: url(images/bellow-arrow.gif) no-repeat 0 50%;padding-left: 15px;} .widget ul li.bellow span {float: right; color: #888} /* 4.2 Specific Widgets */ /* SEARCH FORM */ .searchform { background:#fff; width: 99%; position: relative; border-color: #DCE0E4 #D7DBDE #D7DBDE; border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); } .searchform input.s { padding: 6px 8px 6px 30px; width:85%; margin:0; border:none; background: none; color:#bdc4ce; } .searchform input.search-submit { position: absolute; top:10px; left:10px; border:none; margin:0; padding:0; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;} .widget_woo_flickr a:hover img { border:#A8AA99 1px solid; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /* TWITTER */ .widget_woo_twitter .back { } .widget_woo_twitter ul { padding-left:0; } .widget_woo_twitter ul li { background:url("images/picons-t.png") no-repeat scroll 0px 8px transparent;padding: 5px 15px 5px 30px;; list-style:none;} .widget_woo_twitter ul li:last-child { border:none; } .widget_woo_twitter ul li a { padding: 0px; color: #F34542 } .widget_woo_twitter ul li a:hover { color: #111 } .widget_woo_twitter ul li .time { color:#999; font-style: italic; } .widget_woo_twitter p { color: #555555; font-weight: bold; padding: 0 0 0 30px; } .widget_woo_twitter p a { color:#222; } .widget_woo_twitter ul li .content { font-size: 12px; } .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; } /* FEEDBACK */ .feedback {width: 285px; position:relative; background: url("images/note-top.png") no-repeat scroll 0 0 transparent; color: #766958; font-style: italic; line-height: 1.8em; padding: 46px 20px 0 0; } .feedback a { color:#766958; font-style:normal; } .feedback .quotes { padding: 0; } .feedback blockquote { text-indent: 20px;background: url(images/quotes-1.png); background-position: 0 2px; background-repeat: no-repeat; margin-bottom: 20px; } .feedback blockquote p { line-height:21px; display: inline; margin: 0; padding-right: 22px; background: url(images/quotes-2.png); background-position: bottom right; background-repeat: no-repeat; } .feedback-bottom {background: url("images/note-bottom.png") no-repeat scroll 0 0 transparent; padding: 0 0 35px; width: 285px} .quotes {background: url("images/note-line-item.png") repeat-y scroll 0 0 transparent; padding: 0 0 35px; width: 285px; } .quote {padding: 0 10px 0 35px;} .feedback cite { display: block; font-style: normal; font-weight:bold; } .feedback a.btn-prev { position: relative; bottom:15px; left:200px; width: 10px; height: 10px; background: url(images/ico-prev.png) no-repeat; display:inline-block; text-indent: -999em; z-index:99; opacity:0.8; } .feedback a.btn-next { position: relative; bottom:15px; left:200px; width: 10px; height: 10px; background: url(images/ico-next.png) no-repeat; display:inline-block; text-indent: -999em; z-index:99; opacity:0.8; } .feedback a.btn-next:hover, .feedback a.btn-prev:hover { opacity: 1; } /* 4.3 WooTabs */ #tabs { height:auto; display: block; border-top: 1px solid #E5E5E5 } #tabs { height:auto; display: block; border-top: 1px solid #E5E5E5 } #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { background: url("images/seperator.png") no-repeat scroll right center transparent; float: left; display:inline; margin:0px; cursor: pointer; } #tabs ul.wooTabs li:last-child { background:none; } #tabs ul.wooTabs li a { color:#222; display: block;float: left;padding: 10px 8px; text-transform:none; font:bold 12px/18px sans-serif; } #tabs ul.wooTabs li a.selected { padding-bottom:11px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { color: #F34542; background: url("images/arrow.png") no-repeat scroll center bottom transparent;text-decoration:none; } #tabs ul.wooTabs li:first-child a {padding-left:0; } #tabs .inside { margin-top:2px; } #tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; } #tabs .inside ul:first-child { display: inline; } #tabs .inside #tab-tags { border-width:1px; padding:10px; } #tabs .inside li { padding:5px 0; list-style:none;} #tabs .inside li a { color:#222; font-weight:normal; padding:0; line-height: 15px;} #tabs .inside a:hover{ color: #F34542; } #tabs .inside #tab-tags a {color: #222; padding:0px 4px; margin:3px 1px; display:inline-block; background: #f0f0f0; font-size:11px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #tabs .inside #tab-tags a:hover{ background: #e6e6e6; text-decoration: none;} #tabs .inside li span.meta { display:block; font-size:11px; text-transform:normal; color:#555; padding-bottom:5px; line-height:2em; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail {border-radius: 100% 100% 100% 100%;-moz-border-radius: 100%; -webkit-border-radius: 100%; background-color: #ffffff; float: left; margin: 0 10px 0 0; } #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; } .tab-content { margin-left: 40px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:2em 0 0; } #comments h3 { color:#333; font-weight:bold; margin-bottom:5px; } #comments .comment.thread-even { border-bottom:1px solid #E9EBED; } #comments .comment.bypostauthor { } ol.commentlist {margin-top: 5px;} #comments .comment{border-top: 1px solid #E9EBED;width:100%;list-style-type:none;} #comments .comment.depth-1:first-child {border:none;} #comments .comment.depth-1:last-child {border-bottom:none;} #comments .comment .comment-container { position:relative; padding: 10px 10px 10px 0; } #comments .comment-head {margin: 0 0 15px 70px;} #comments .comment-head a { color:#333; } #comments .comment-head a:hover { color:#ff6633; } #comments .comment-entry {margin: 0 0 0 60px;} #comments .avatar { float:left; } #comments .avatar img{border-radius: 100%; -moz-border-radius:100%;-webkit-border-radius: 100%; margin: 0; vertical-align: middle; background:#fff;/* -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);*/ } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 13px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { text-transform: uppercase; color:#848d9a; font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply {padding-top: 10px;position: absolute;right: 0;top: 5px;} #comments .reply a { font: 11px/18px sans-serif; text-transform: lowercase;} #comments .reply a:hover { background: #E7446A ; color: #fff } #comments ul.children{background:url("images/comment-child-arrow.png") no-repeat scroll 1.25em 2.5em transparent;margin: 10px 0 0; padding: 0 0 0 50px; } #comments ul.children li {border-top:1px dashed #E9EBED; } #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } #comments .nocomments { font-size:13px; font-weight: bold; } #comment-header, #reply-header, #dribbble-header {margin: 5px 0;} .comment-header-border { background-color: #fa4700; height: 0px; margin: 0 auto; display: block; } /* 5.2 Comments Form */ #respond { margin: 1em 0 0; } #respond h3 { color:#333; font-weight: bold; margin-bottom:0px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 20px 0 0 0; } #commentform p.field { float: left; margin: 0 10px 0 0; width: 32%; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { border:1px solid #bbb;} #commentform input.txt { color:#6D747E; background: #f6f8f9; width: 170px; margin: 0 5px 20px 0; padding: 10px 7px; } #commentform textarea { color:#6D747E; background: #f6f8f9; width: 97% !important; padding: 5px 7px; } #commentform input.txt:focus, #commentform textarea:focus { border-color: #DCE0E4 #D7DBDE #D7DBDE; border-radius: 3px 3px 3px 3px; border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); } #respond #commentform #submit { cursor: pointer; float: right; font-family: sans-serif; font-size: 12px; font-weight: bold; margin: 15px 0 0; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, .submit { display: inline-block; margin: 5px; padding: 5px 16px; border-color: #DCE0E4 #D7DBDE #D7DBDE;border-style: solid;border-width: 1px; color: #444; text-align: center; text-shadow: 0 0 0; text-decoration: none; font-weight: bold; font-size: 12px; cursor: pointer; font-family: arial,tahoma,verdana; /*Border radius*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*Background*/ background: #fdfeff; /*Box shadow*/ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } a.button.large { padding:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover { text-decoration: none !important; /*Background*/ background: #FBFDFE; /*Fallback*/ border-color: #bababa; } a.button:active, a.button.active { border-color: #bababa; /*Box shadow*/ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); } .meta-nav {color: #bdc4ce; font-weight: bold; margin: 0 5px;} /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms {float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:10px;position:relative;width:100%} #contact-page ol.forms label{padding-top: 5px;cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:200px;width:400px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor:pointer; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ #contact-page ol.forms2 li{float:left;margin-bottom:10px;position:relative;width:50%} #contact-page ol.forms2 li.textarea{width:100%} #contact-page ol.forms2 li.buttons{float:right;width:22%} #contact-page ol.forms2 label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:200px;padding-top: 5px;} #contact-page ol.forms2 , #contact-page ol.forms {margin-top: 10px;} .error {color: #cc0000} /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px sans-serif; color:#3f454b; margin-top:0; } #archives .archives_list { border-left:1px solid #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 6.5 IE specific styling */ .ie6 .nav .sf-sub-indicator { display:none; } .ie6 .nav li a:hover { text-decoration:none; } .ie6 .nav li a.sf-with-ul { padding-right:10px; } .ie6 .button, .ie6 .button:visited { margin:0; color:#3f454b !important; font-weight:normal; } .reply a { color:#3f454b !important; } .ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; } .ie7 #navigation { zoom: 1; } .ie7 .slide .slide-content.entry { position: relative; margin-bottom: -250px; top: 150px; bottom: auto; } .ie7 .slide .slide-content.entry, .ie8 .slide .slide-content.entry { /*background: url(images/ie-transparency.png) repeat left top;*/ } .ie7 .rss { float: left; } .ie7 .quotes *, .ie8 .quotes * { background-color: transparent!important; } .ie7 #connect .newsletter-form .submit { padding: 0!important; } .ie7 #connect .newsletter-form .email { padding-left: 10px; } .ie7 .slide .styledtext { zoom: 1; margin-top: -50px;display: inline-block; line-height: 10px; } .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; } .ie8 #slides a.prev , .ie7 #slides a.prev,.ie8 #slides a.prev,.ie6 #slides a.prev {background: url("images/lefto-2.jpg") no-repeat scroll 0 0px transparent;} .ie8 #slides a.next, .ie7 #slides a.next , .ie6 #slides a.next {background: url("images/righto-2.jpg") no-repeat scroll 0 0px transparent;} /* 6.6 Connect */ #connect { border: medium none; clear: both; padding: 20px 0 0; } #connect h3 { margin-bottom:20px; } #main #connect .col-left, #connect .col-right { width:48%; } #connect .title { margin-bottom: 10px; } #connect p { background: url("images/ico-envelope.png") no-repeat scroll 0 5px transparent; margin: 0 0 1em; padding: 0 0 0 45px; } #connect .newsletter-form { background: none repeat scroll 0 0 #F6F8F9; margin: 0 0 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width: 149px; background: none repeat scroll 0 0 transparent; border: medium none; padding-left: 10px; text-transform: lowercase; } #connect .newsletter-form .submit { cursor:pointer; margin: 5px 5px 5px 25px; padding: 4px 14px; text-transform: lowercase; } #main #connect .newsletter-form .submit { margin: 5px 5px 5px 19px; } #connect .social { } #connect .social a { opacity:0.8; } #connect .social a:hover { opacity:1; } #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; } #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float:none;} .widget #connect { padding:0; margin: 0; } /* 6.7 Slider */ /* Remove lines & padding from header */ .woo-slider #top { padding: 20px 0 0 0; } .woo-slider #header { border-bottom: 0; } .woo-slider #content { padding: 20px 0px; } #slides {height: 300px;background: #F34542;-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;} #slide-box {margin: 0px auto 0;position: relative;width: 1010px; height: 298px;} #box-left, #box-right {padding-left:6px; height: 320px; margin-top:-5px; margin-bottom: -5px; float:left; width: 5px;-webkit-box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.8); box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.3);} #box-right { box-shadow: 5px 0 5px -5px #333;float:right} .slides_container { width: 1010px; } .slides_container:first-child .slide { display: none; } /* Make sure the slider doesn't display all slides in a stack on load */ .slides_control { min-height: 300px; } .slide { width: 1010px; min-height:200px; } .slide .slide-content.entry { width: 440px; height:190px; left: 0px; padding: 15px 35px 10px; position: absolute; font-size: 13px; } .slide .slide-content.video {background: none repeat scroll 0 0 transparent;border: medium none;-moz-box-shadow: 0 0 0;-webkit-box-shadow: 0 0 0;box-shadow: 0 0 0;float: left;font-size: 13px;padding: 20px 0px 10px 20px;width: 350px; margin:0; } .slide .slide-content.video .title {color:#3585B3;font-size: 32px;font-weight: bold;line-height: 1.2em;margin-bottom: 0.5em;} .slide .slide-content.video p { color: #777777;font: 13px/1.5em sans-serif; } .slide .slide-content.entry h2 a {text-shadow: 1px 1px 1px #c52f01;filter: dropshadow(color=#c52f01, offx=1, offy=1);color:#fff;} .slide-content p { color: #eaeaea; margin:0 0 0.5em; } .slide-image { width: 1010px; } .slide .slide-content.entry .title { font-size: 22px; line-height: 1em; margin: 10px 0; color: #fff; filter: dropshadow(color=#827b82, offx=1, offy=1); } .slide .slide-content.entry p {text-shadow: 1px 1px 1px #c52f01;filter: dropshadow(color=#c52f01, offx=1, offy=1);font-weight: bold;color: #FFFFFF; font-size: 13px; line-height: 25px; margin: 0; margin:0; filter: dropshadow(color=#827b82, offx=1, offy=0); } .slide-img {float:right ; margin-right: 22px;margin-top: 10px;} .slide .video { float:right; padding: 2px; margin-right:20px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .slide .vid-content { width:360px; } #slides a.prev {background: url("images/lefto-2.jpg") no-repeat scroll 0 50% transparent;height: 98px;width:30px;left: -8px;opacity: 0.93;position: absolute;text-indent: -9999em;top: 92px;z-index: 999;} #slides a.next { background: url("images/righto-2.jpg") no-repeat scroll 0px 50% transparent;height: 98px;opacity: 0.93;position: absolute;right: -8px;text-indent: -9999em;top: 92px;width: 30px;z-index: 999;} #slides a.prev:hover, #slides a.next:hover { opacity:1; } #slider_nav {margin-bottom: 30px;margin-top: -25px;position: relative;z-index: 2;} #slider_nav, #line_wrap {margin-left: auto;margin-right: auto;width: 1010px;} #line_wrap {position: relative;z-index: 1;} #line {border-bottom: 0px solid #E8E8E9;margin: 20px 0 0;position: absolute;width: 1010px;} #slider_pag {float: left;width: 1010px;margin-bottom: 10px;} #slider_pag ul {float: left;left: 50%;margin: 10px auto 0;max-width: 700px;position: relative;} #slider_pag li:first-child {padding: 0 2px 0 12px;} #slider_pag li:last-child {padding: 0 10px 0 2px;} #slider_pag li {float: left;padding: 0 2px;position: relative;right: 50%;} #slider_pag a {border: medium none;display: block;height: 11px;text-indent: -9999px;width: 10px;} #slides .pagination li a {display:block;width:10px;height:0;padding-top:10px;background-image:url(images/pagination.png);background-position:0 0;float:left;overflow:hidden;} #slides .pagination li.current a {background-position:0 -10px;} .slide .entry {border: none;margin: 0 auto;padding:0 5px;} .slide .entry h2 { font: bold 24px/1.4em sans-serif;color: #3f454b;} .slide .entry p { margin-bottom:2em; } .slide .entry img, .slide img.thumbnail {background:none;border:none;-webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0;} .slide a.btn {border-style:solid;border-width:1px;border-color: #e3ae43; border-top-color: #f0c851; border-bottom-color: #e0a235; background-color: #f9d867;font-family: sans-serif;font-size: 13px; font-weight:bold; display: inline-block;line-height: 1em;padding: 12px 17px;margin:10px 5px 1.5em;color: #895b2c !important;text-align: center;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);text-decoration: none !important; /*Border radius*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; /*Background*/ background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #fae37a),color-stop(1, #f6cb4f)); background: -moz-linear-gradient(center top,#fae37a 20%,#f6cb4f 100%); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } .slide a.btn:hover { /*Background*/ background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f6cb4f),color-stop(1, #fae37a)); background: -moz-linear-gradient(center top,#f6cb4f 20%,#fae37a 100%); } .slide .styledtext { background: transparent url(images/bg-styledtext.png) no-repeat center top; color: #333333; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 12px; padding: 11px 0px 12px; text-align: center; } /* 6.8 Portfolio */ #portfolio { padding: 20px 0; border-top: 1px solid #C2C2BE; border-bottom: 1px solid #DFDDDC; border-top-color:rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.1); overflow: hidden; } .fullwidth #portfolio { border:none; padding:0; width: 1000px;} ol.portfolio, ol.dribbbles {margin-left: 38px; list-style-type:none; margin:0;margin-left: 38px; } ol.portfolio li, ol.dribbbles li { margin: 10px; float: left; } #dribbble-header-box {margin:30px 0;} .dribbbles li{ font-size:15px; position:relative; padding:0; margin:0 0 1.5em 0;} .dribbbles .dribbble-shot{-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;padding: 4px; border: 1px solid #ddd; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);} .dribbbles .dribbble-img {height: 150px;overflow: hidden;width: 200px;} .dribbbles .dribbble-over{position:absolute;top:0;left:0;z-index:1;width:180px;height:130px;margin:0!important;padding:10px;font-size:0.8em;line-height:2em;text-decoration:none;color:#888;background:url(images/portfolio-zoom.png) no-repeat right bottom;} .dribbbles .dribbble-link{position:relative;z-index:2;} .dribbbles img{margin:0;width:200px;height:auto;opacity:1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;} .dribbbles a:hover img{opacity:0.1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;} .dribbbles strong{display:block;font-weight:bold;font-size:1em;line-height:1.2em;color:#ff6633;} .dribbbles .dim{font-weight:bold;color:#666;} .dribbbles em{position: absolute;bottom:5px;left:10px;font-size:1em;line-height:1em;font-weight:normal;font-style:normal;} .entry .portfolio-img { margin-bottom:20px; } #port-tags { margin: 5px 10px 15px; text-align: center; } .port-cat { font-weight: bold; text-transform:capitalize; text-align: center; } .port-cat li { background: url("images/seperator.png") no-repeat scroll right 5px transparent; padding: 5px 5px 0; display: inline; } .port-cat a { color:#333; margin: 0; padding: 2px 15px 15px; } .port-cat ul li:last-child { background: none; } .port-cat a:hover, .port-cat a.current { color: #3F454B; background:url("images/arrow.png") no-repeat scroll center bottom transparent; text-decoration:none; } /* 6.8.1 Single Portfolio */ .portfolio-img img:hover { border-color: #AAAAAA; } #portfolio-content {border-left: 1px dashed #E5E5E5;float: left;padding-left: 20px;width: 315px;} #portfolio-content h2 {font-size: 1em; font-weight: bold;margin-bottom: 10px;} #portfolio-content h3 {color: #3F454B;font: bold 14px sans-serif;margin: 0 0 1em; } #portfolio-content .entry {border-top: 1px solid #E9EBED;margin: 5px 0;padding-top: 5px;} #portfolio-content a.button {font-weight: bold;padding: 4px 13px; } #portfolio-content #testimonial {border-top: 1px dotted #BFC5CA; padding-top:20px;} #gallery h2 { font-size: 14px !important; color: #000; margin-top: 20px; margin-bottom: 16px; } #gallery, .single-portfolio .video { float:left; margin-right: 30px; width:541px; } #gallery .slides div { width: 542px; margin-right: 2px; text-align: center; } #loopedSlider.gallery{ position:relative; margin: 0 0 30px; z-index: 1; } #loopedSlider.gallery .container { height:340px; overflow:hidden; position:relative; margin: 0 0 10px 0; } #loopedSlider.gallery .slides { position:absolute; top:0; left:0; } #loopedSlider.gallery .slides img, #gallery img {-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; padding: 2px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .jcarousel-container { width: 540px; margin: 0 auto; text-align: center; } .jcarousel-clip { width: 540px; margin: 0 auto; } .jcarousel-item { width: 160px; height: 160px; } .jcarousel-next, .jcarousel-prev { position: absolute; top: 80px;cursor: pointer; height: 10px; width: 7px; background-position: top left; background-repeat: no-repeat; } .jcarousel-prev { left: -12px; background-image: url(images/ico-gallery-prev.png); } .jcarousel-next { right: -12px; background-image: url(images/ico-gallery-next.png); } .sidebar .jcarousel-container { width: 540px; } .sidebar .jcarousel-clip { width: 542px; } #loopedSlider.gallery .pagination {margin-top: 800px;float: left; float: left; height: 170px; } #loopedSlider.gallery .pagination li { margin: 0; } #loopedSlider.gallery .pagination li img { padding: 2px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } #loopedSlider.gallery .pagination li.active img { } #TB_overlay { z-index: 9998!important; } #TB_window { z-index: 9999!important; } #loopedSlider.gallery .gallery-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #single-gallery-image { margin: 0 auto 50px auto; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {clear: none !important;} /* additionals*/ .slash {background-image: url(images/slash.jpg); height: 66px; width: 26px;float:right;margin-top: -4px;} .home-left {color: #2b3d4f; padding: 0px 15px;width: 52%; float:left; font-size: 13px; line-height: 20px; } .home-right {background: url("images/quoty-a.jpg") no-repeat scroll 10px 15px #fcfaf6; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius:3px;padding: 25px 20px 22px 40px; width: 30%; border: 1px solid #e8e2d6; float: right; } .home-right blockquote {background: url("images/quoty-b.jpg") no-repeat scroll 100% 100%;padding-bottom:10px; } .home-left h2 { font-size: 18px;font-weight: bold;padding-bottom: 10px;padding-top:5px;} .home-right-c , .home-right-c1 {width: 32%; float: left;margin: 0px 6px 12px ; min-height: 80px; } .home-right-c1 {height: 100px; margin: 10px 6px; } .home-right-c1 h2.support, .home-right-c1 h2.use, .home-right-c1 h2.update { background: url("images/support.jpg") no-repeat scroll 0 0 transparent; color: #333333; font-family: "arial","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 2px; padding-bottom: 5px; padding-left: 35px; padding-top: 3px; line-height: 25px; } .home-right-c1 h2.use { background: url("images/using.jpg") no-repeat scroll 0 0 transparent; } .home-right-c1 h2.update { background: url("images/update.jpg") no-repeat scroll 0 0 transparent; } #liner { background: url("images/liner.jpg") no-repeat scroll 50% 0 transparent; margin: 5px auto 8px; width: 700px;height: 10px;} #featu { border-top: 0px solid #E6E6E6; margin: auto;margin-top: 5px;padding: 10px 0px} span.strong1, span.strong2, span.strong3, span.strong4, span.strong5, span.strong6, span.strong7, span.strong8, span.strong9 { color: #7c3330; font-weight: bold; padding-bottom: 5px; padding-left: 20px; } span.strong1 { background: url("images/designing.jpg") no-repeat scroll 0 0 transparent; } span.strong2 { background: url("images/link.jpg") no-repeat scroll 0 0 transparent; } span.strong3 { background: url("images/settings.jpg") no-repeat scroll 0 0 transparent; } span.strong4 { background: url("images/moneto.jpg") no-repeat scroll 0 0 transparent; } span.strong5 { background: url("images/easy.jpg") no-repeat scroll 0 0 transparent; } span.strong6 { background: url("images/lang.jpg") no-repeat scroll 0 0 transparent; } span.strong7 { background: url("images/seeker-icon.jpg") no-repeat scroll 0 0 transparent; } span.strong8 { background: url("images/employer-icon.jpg") no-repeat scroll 0 0 transparent; } span.strong9 { background: url("images/admin-icon.jpg") no-repeat scroll 0 0 transparent; } #gavatar {float: left;height: 60px; width: 60px} .data-post {margin-left: 70px;padding: 10px 0 0} .data-post .title {line-height: .2em} .profile-image .avatar {border-radius: 100%; -moz-border-radius:100%;-webkit-border-radius: 100%; } #gavatar a , #bbp-user-avatar a.how-many { background: none repeat scroll 0 0 #FF4629; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin: -15px 0 0 16px; position: relative; text-align: center; width: 33px; z-index: 2; } #bbp-user-avatar a.how-many { margin: -48px 0 20px 50px;height: 30px; width: 45px; line-height: 30px;} .product-remove { width: 5px; } .product-quantity {display: none;} .woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders { font-size: 1em !important; } h3.account {font-size: 13px;font-weight: bold; color: #F34542} .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li { list-style: none; } .woocommerce #payment, .woocommerce-page #payment { background: none !important; } p.tags span { background: url("images/tete-tag.png") no-repeat scroll 0 -2px transparent; display: inline-block; margin: 0 3px 0 0; padding: 0 0 0 20px; } p.tags span a { background: url("images/tag-right.png") no-repeat scroll right center transparent; display: inline-block; padding: 2px 10px 2px 2px; text-decoration: none; text-shadow: 1px 1px 1px #F4F4F4; color: #5e574f !important; } p.tags span a:hover { color: #222 !important; } .form-right {float:left ;} .form-left {float:left;width: 350px;margin-top: 10px;margin-right:10px;border-right: 1px solid #D9D9D8 ; padding-left: 10px;} #warning-form {font-size: 13px; line-height: 21px; color: #c4690e; text-align: center; background: #fffdf4; /* Old browsers */ background: -moz-linear-gradient(top, #fffdf4 0%, #fffbee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdf4), color-stop(100%,#fffbee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fffdf4 0%,#fffbee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fffdf4 0%,#fffbee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fffdf4 0%,#fffbee 100%); /* IE10+ */ background: linear-gradient(top, #fffdf4 0%,#fffbee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf4', endColorstr='#fffbee',GradientType=0 ); /* IE6-9 */ border: 1px solid #e6bf4a; padding: 15px 30px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px rgba(0,0,0,0.1); } .columns {font-weight:normal; color: #333;padding: 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;background: #fcfbf9; text-align: center;border: 1px solid #E3E3E8; float:left; width: 265px; margin: 0px 10px 15px;height: 200px; } .columns h3 {font-size: 13px; font-weight: bold;margin: 15px 0 70px;} #forums.columns {background: url("images/support-3.png") no-repeat center 45px #fcfbf9;} #faq.columns {background: url("images/support-1.png") no-repeat center 45px #fcfbf9;} #quote.columns {background: url("images/support-2.png") no-repeat center 45px #fcfbf9;} .clear {clear: both} h3.notice {font-weight: bold; margin-bottom:8px;} ul.social {margin-top:10px} ul.social li a {color: #444} ul.social li a:hover {color: #f03402} li.facebook , li.twitter,li.feed {opacity: .8;padding-left: 20px;font-weight: bold;background: url("images/facebook-icon.jpg") no-repeat 0px 50%;} li.twitter {background: url("images/twitter-icon.jpg") no-repeat 0px 50%;} li.feed {background: url("images/feed-icon.jpg") no-repeat 0px 50%;} ul.social li:hover {opacity: 1;} .button-support {line-height: 40px;} .woocommerce form.login, .woocommerce-page form.login, .woocommerce form.checkout_coupon, .woocommerce-page form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.register { border: 1px solid #E0DADF; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0; padding: 20px; text-align: left; } .woocommerce h2 {font-weight: bold;font-size: 13px;} #top-left {float:left;width: 200px;display:none;} #top-left a {color: #333} #top-left a:hover {color: #fc3803} #top-right , #top-right-2 {float:right;width: 380px; line-height: 35px;} #top-right ul , #top-right-2 {float:right;list-style: none} #top-right li {text-align: center;float:left;color: #555 ; font-size: 14px;} #top-right li.carto {padding-right: 15px; background: url("images/reflect.png") no-repeat right 50%;} #top-right li.carto a {color: #11A301} #top-right li.carto a:hover {color: #333} #top-right li a {text-align: center; margin: 0 5px;color: #333;font-weight: bold;font-size: 12px;} #top-right li a:hover {color: #fc3803} #top-right-2 {margin-top:6px;width: 200px;float: left; margin-left: 230px; } #top-right-2 li a {text-indent: -9999px; float:left;height: 24px;width:24px;margin-right:2px; } #top-right-2 li a#facebook { background: url("images/facebook-ic.jpg") no-repeat 0 0;} #top-right-2 li a#twitter { background: url("images/twitter-ic.jpg") no-repeat 0 0;} #top-right-2 li a#contact { background: url("images/email-ic.jpg") no-repeat 0 0;} #top-right-2 li a#feed { background: url("images/feed-ic.jpg") no-repeat 0 0;} #top-left h1 {font-size: 13px;} #top-right-2 li a:hover {opacity: .8;} .separator {float: left;font-size: 13px !important;font-weight: normal;color: #aaa !important} #navigation .nav li ul li:last-child a.separator ,#navigation .nav li ul li a.separator , #navigation .nav li:last-child a.separator {display: none;} .searcho {float: right;margin: 16px 5px 0 10px} .mc_form_inside {float: left} #mc_signup_form .mc_var_label {display: none;} #mc_signup_form .button , #bbp_search_submit {border: 1px solid #000 ; margin-left: 5px;font-family: arial,tahoma,verdana;background: #fff; background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: -o-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; border: 1px solid #BDBFC0; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; color: #414141; cursor: pointer; font-size: 12px; font-weight: bold; margin: 0 0 0 7px; padding: 5px 10px; width: auto;} #mc_signup_form .button:hover {background: #fff;border: 1px solid #989694} #mc_signup_form .mc_input { width: 180px;} .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { background: #FFFFFF !important; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {padding: 7px 6px 6px !important;width: 140px !important} .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt { color: #fef4e9 !important; border: solid 1px #328302 !important; background: #42ae01 !important; background: -webkit-gradient(linear, left top, left bottom, from(#4bbb07), to(#4bbb07389301)) !important; background: -moz-linear-gradient(top, #4bbb07, #389301) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbb07', endColorstr='#4bbb07389301') !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important; } .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover { background: #42ae01 !important; } .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover { background: #f5f6f2 !important; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { margin: 0 -1px 10px 0 !important;} .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 4px solid rgba(0, 0, 0, 0.1) !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; } h3.billi {font-weight: bold; font-size: ; padding-bottom: 0; margin: 10px 0 0.5em 10px} label.checkbox { font-size: 11px !important; color: #777; } .checkout {} p.credits {float: left;margin-top: 5px;margin} #creditcards { height: 20px; width: 200px;float:left ; margin-top: 5px;background: url("images/creditcard-logos.jpg") no-repeat 0 0;} /*custom css for woocommerce*/ .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { float: left !important; margin-bottom: 2em; width: 100% !important; margin-top:00px; } h1.product_title {font-size: 28px !important; letter-spacing: -1px !important; line-height: 46px !important; margin-bottom: 8px !important ; font-weight: bold !important;} #left-product { padding-bottom: 20px;width: 615px;float:left;} .top-caption { background: #ededec; border: 1px solid #B3B3B3; border-bottom: 0px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: bold; height: 35px; line-height: 32px; left: 0; margin: 0; padding-top: 3px; text-align: center; display: block; top: 15px; } .woocommerce div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce-page #content div.product form.cart { margin-bottom: 0em !important; } .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { margin-bottom: 0em !important; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .summary .demo-buy a { background: url("images/buy-demo.jpg") no-repeat scroll 0 0 transparent; display: block; float: left; height: 72px; text-indent: -9999px; width: 138px; } .summary .demo-buy { border-left: 1px solid #E3E3E8; float: right; margin: 0px 8px 15px 0; padding-left: 34px; width: 300px; } .summary a.demo:hover { background-position: 0 -146px; position: relative; z-index: 5; } .summary a.buy { background-position: -138px 0; position: relative; } .summary a.buy:hover { background-position: -138px -146px; } .summary a.vip { width: 280px; background-position: 0px -73px; position: relative; } .summary a.vip:hover { background-position: 0px -219px; } .summary a.buy.download { background-position: 100% 0; } .summary a.buy.download:hover { background-position: 100% 100%; } .summary a.buy .theme-price { background: url("images/theme-price.png") no-repeat scroll 0 0 transparent; color: #414141; font-size: 13px; font-weight: normal; height: 60px; line-height: 40px; opacity: 0; position: absolute; right: -13px; text-align: center; text-indent: 0; top: -40px; transition: opacity 0.2s linear 0s; width: 159px; } .summary a.buy:hover .theme-price { opacity: 1; } #slideshow-wrapper #fullsize { overflow: visible !important; } #slideshow-wrapper #imgprev { background: url("images/left-slider.png") no-repeat scroll left center transparent !important; opacity: .95 !important; left: -18px !important; z-index: 200; } #slideshow-wrapper #imgnext { background: url("images/rightslider.png") no-repeat scroll right center transparent !important; opacity: .95 !important; right: -18px !important; z-index: 200; } #slideshow-wrapper #imgnext:hover , #slideshow-wrapper #imgprev:hover { opacity: 1 !important; } .woocommerce-message, .woocommerce-error, .woocommerce-info {border: 1px solid #ddd ; box-shadow: 0 0 !important} .meta-data {/*text-shadow: 1px 0px 1px #e01947;*/ background: #C4EAFD ;border: 1px solid #6BBFFF; color: #222; height: 19px; margin-bottom: 10px;margin-top: 10px;padding: 8px 5px 10px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .meta-data ul {margin-left: 30px; list-style: none} .meta-data li {float:left; padding-right: 15px; } .meta-data li.tago {line-height: 19px;text-indent: -9999px; float:right;height:35px; width: 158px; padding: 0px; } .meta-data li.tago a {text-indent: -9999px; float:right;margin-top: -7px;height:35px; width: 158px; padding: 0px; margin-right: -4px; background: url("images/meta-buy.jpg") no-repeat scroll left center ; } .woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { width: 62px !important; } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { width: 52px !important; } .amount {font-weight: bold; } .product-price {width: 100px !important;text-align: center;} .checks {color: #339933;font-weight: bold;} .carts {color: #222; font-size: 12px; font-weight: normal} .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { font-weight: bold; } .woocommerce td.product-name dl.variation, .woocommerce-page td.product-name dl.variation { font-size: 1em !important; } /* Shop templates*/ #theme { background: none repeat scroll 0 0 #F8F9F9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left; margin: 0 17px 30px 18px !important; padding: 15px 30px 170px; position: relative; width: 230px; color: #222; height: 100px; } #theme .theme-title a { font-size: 13px; font-weight: bold; letter-spacing: 0; line-height: 24px; margin: 0 0 10px; color: #333; } #theme .theme-title a:hover { color: #5bcb00; } #theme .theme-display { background: url("images/macbook-small.png") no-repeat scroll 0 0 transparent; bottom: -1px; height: 167px; left: -15px; position: absolute; width: 319px; } .theme-display img, .attachment-shop_catalog {background: none repeat scroll 0 0 #FFFFFF; height: 128px; margin: 12px 0 0 54px; padding: 0 41px; width: 128px;} #theme .theme-display .overlay { background: url("images/back-over.jpg") no-repeat scroll 0 0 transparent; height: 131px; left: 54px; opacity: 0; position: absolute; top: 10px; transition: opacity 150ms ease-in-out 0s; width: 210px; z-index: 12; } #theme .theme-display .overlay:hover{ opacity: .95; } #theme .responsive {background: #7ace0d; border-radius: 3px 0 0 3px; padding: 2px 2px 2px 6px ; color: #fff; margin-right: 55px; margin-top: -122px; position: relative; float: right; } #theme .theme-display .overlay div { border: 1px solid #000; padding: 0px 10px; float: left; margin: 108px 2px 0; color: #fff; width: 44px; text-align: center; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #000; line-height: 20px; } #theme .theme-display .overlay div a { color: #fff; } #theme .theme-display .overlay div a:hover { color: #ff3300; } .product-name a {color: #222222} .product-titlo {clear: both;} .product-titlo h3 {} .product-titlo span { float:right; background: #fc3c01; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; color: #FFFFFF; float: right; font: bold 10pt/20px arial,"Lucida Grande",sans-serif; padding: 0 10px 0 10px; margin-right: -30px; } h3.squary { background: #F6F6F6; border: 1px solid #D8D8D8; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; font-weight: bold; padding: 6px; color: #ff3300; } h2.title {font-size: 13px;font-weight: bold;} .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register {margin-top: 5px !important; border-radius: 3px !important;-moz-border-radius: 3px !important;-webkit-border-radius: 3px !important;} /*Buttons*/ .container-buttons { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09) inset; margin: 0 auto; padding: 60px 60px 30px; width: 400px; } .container-buttons p { display: block; padding-bottom: 60px; } /* punch *******************************************************************************/ button.punch { background: #4162a8; border-top: 1px solid #38538c; border-right: 1px solid #1f2d4d; border-bottom: 1px solid #151e33; border-left: 1px solid #1f2d4d; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111; box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111; color: #fff; font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif; margin-bottom: 10px; padding: 10px 0 12px 0; text-align: center; text-shadow: 0px -1px 1px #1e2d4d; width: 150px; -webkit-background-clip: padding-box; } button.punch:hover { -webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111; box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111; cursor: pointer; } button.punch:active { -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111; box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111; margin-top: 58px; } .button-1 { background-color:#3bb3e0; padding:10px; position:relative; font-family: 'Open Sans', sans-serif; font-size:12px; text-decoration:none; color:#fff; border: solid 1px #186f8f; background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) ); -webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; -moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .button-1::before { background-color:#ccd0d5; content:""; display:block; position:absolute; width:100%; height:100%; padding:8px; left:-8px; top:-8px; z-index:-1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff; -moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff; -o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff; box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff; } .button-1:active { padding-bottom:9px; padding-left:10px; padding-right:10px; padding-top:11px; top:1px; background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) ); } #container_buttons{ width: 400px; margin: 0 auto; padding: 10px; } #container_buttons p{ display:block; padding-bottom:10px; } .button-f { background-color:#3bb3e0; font-family: 'Open Sans', sans-serif; font-size:12px; text-decoration:none; color:#fff; position:relative; padding:10px 20px; background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) ); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 6px 2px #333; -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 6px 2px #333; -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 6px 2px #333; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 6px 5px #333; } .button-f:active { top:3px; background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) ); -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333; -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333; -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333; } .button-f::before { } .button-f:active::before { top:50%; margin-top:-12px; -webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; -moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; -o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; } .button-f:hover {color: #fff;} .balo,.balo2 { background: #edece9; border: 1px solid #dad8d1; border-radius: 3px 3px 3px 3px; float: right; height: 35px; padding: 12px 5px 4px; width: 185px;} .balo2 { float: none; margin: 0 auto; } /*pricing*/ @font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 400; src: local('Dancing Script'), local('DancingScript'), url(../../../static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format('woff'); } #pricing {display: block;margin-left: 19px;overflow:hidden;} .pricing-label {width: 340px; float:left} .pricing-label h2 {text-align: center;font-weight: bold ; color: #333;font-size: 30px;margin: 15px 0;font-family: 'Dancing Script',arial,serif;} .pricing-label-inside {width: 340px; height: 200px;float:left} .pricing-label-inside ul , .pricing-pack ul {list-style: none; } .pricing-label-inside li ,.pricing-pack li {width: 100%;font-weight: bold; border-radius: 3px 0px 0px 3px ;line-height: 25px; width: 100%;background: #f1edea;} .pricing-pack li {border-radius: 0px;text-align:center;} .pricing-label-inside li.alt , .pricing-pack li.alt {background: none;} .pricing-pack {padding: 8px 0 22px; margin-bottom: 20px; background: #fcf9f6;border: 1px solid #f0e7de; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; width: 200px; height: 263px;float:left;margin-right: 5px;} .pricing-label-inside li {padding-left: 15px;width: 96%; color: #333 ; background: #f1edea url("images/plus-small.png") no-repeat scroll 0 50% ;} .pricing-label-inside li.alt {background: transparent url("images/plus-small.png") no-repeat scroll 0 50% ;} .pricing-pack li#yes , .pricing-pack li#no { background: url("images/tick-shield.png") no-repeat scroll 50% 50% ;text-indent: -9999px;} .pricing-pack li#no { background-image: url("images/cross-shield.png");} .pricing-pack li {background-color: #F1EDEA !important;} .pricing-pack li.alt {background-color: #FCF9F6 !important;} .pricing-pack h4 { line-height: 16px; padding: 13px 0;font-size: 18px; font-weight: bold; color: #F34542;text-align: center;} .pricing-pack li#price ,.pricing-pack li#price-vip {font-size: 15px;border:1px solid #db2603; line-height: 30px;background: #F34542 !important;width: 99%; color: #fff ; text-shadow: 1px 1px 1px #931a02;filter: dropshadow(color=#931a02, offx=1, offy=1);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top: 2px;} .pricing-pack li#price-vip { background: #58be1a !important; border: 1px solid #40a701; text-shadow: 1px 1px 1px #317f02;filter: dropshadow(color=#317f02, offx=1, offy=1);} .pricing-pack li#order { width: 120px; margin: 0 auto; background: #fff !important; border: 1px solid #cfcdcc;border-top: 0; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;} .pricing-pack li#order a { color: #000} .pricing-pack li#order a:hover { color: #046ce2} .vip-sep {border:1px solid #f5f4f2; margin-top: 5px; height: 5px;background:url(images/bg-f.png) repeat;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;width: 500px; margin: 0 auto;} .vip-desc , .vip-desc2 {padding: 10px; overflow:hidden;} .vip-desc2 {padding: 0px; margin-bottom: 20px; border-bottom: 1px solid #DDDDDD; } .vip-desc h2 , .vip-desc2 h3 {border-top: 1px solid #ddd;clear: both;font-weight: bold ; color: #222;font-size: 30px;line-height: 49px; margin: 8px 0;font-family: arial, 'Dancing Script',arial,serif;text-align: center;} .vip-desc2 h3 {border:0; margin: 0;} .vip-desc ul , .vip-desc2 ul {list-style: not ;padding-bottom: 20px;padding-left: 20px;float:left;} .vip-desc li , .vip-desc2 li {line-height: 25px;background:url(images/p-icon.png) no-repeat 0 50%;padding-left: 20px;} .vip-desc #best a , .vip-desc2 #best a {float:right; margin:00px 23px 0 0;text-indent: -9999px; width: 160px; height: 160px;background: url("images/super-choice.jpg") no-repeat;} .fifty {width: 47.7%; float:left; border: 0px solid #000;padding: 10px; } .fifty h3 {background:url(images/excla.jpg) no-repeat 0 50%;padding-left: 35px;line-height: 30px; font-size: 18px; font-weight: bold;} .fifty p {padding-left: 34px ; padding-bottom: 15px; } .centro {margin: 0px auto; width: 400px;padding: 10px 0 30px;} .righto {padding: 0px 0 30px;} .term-description p {display: none;} /*bbpress*/ li.bbp-topic-last-poster, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count { float: left; text-align: center; width: 13%; font-size: 11px; color: #222; } li.bbp-topic-last-poster img.avatar {display: none !important;} li.bbp-header ul.forum-titles li {font-size: 12px !important;} #bbpress-forums li.bbp-header { /*background: none !important;*/ } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies { /* border: none !important;*/ } #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar {border-radius: 100% 100% 100% 100%;-moz-border-radius: 100%; -webkit-border-radius: 100%;} #sidebar .bbp-login-form label { width: 100px !important; } li.bpbbpst-percent { margin-bottom: 0 !important;} #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { padding: 2px 8px !important; } #bbpress-forums #bbp-user-wrapper h2.entry-title { font-size: 1.1em !important; font-weight: bold; } .bbp-user-section p {margin-bottom: 0px !important;} li.bbp-topic-last-poster {/*overflow:hidden;*/width: 22% !important} li.bbp-forum-freshness, li.bbp-topic-freshness { width: 10% !important; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } span.bbp-topic-last a {color: #333} #bbpress-forums #bbp-your-profile fieldset.submit { padding: 0; border: 0px !important; padding: 0px !important; margin-left: 200px; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a { background: #fff !important; border: 1px solid #f5cfb1 !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #222222 !important; opacity: 1 !important; color: #e00202 !important; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li a:hover { color: #e00202 !important; background: #fff !important; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li { background: url(images/bellow-arrow.gif) no-repeat 0 50%;padding-left: 10px; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li a { color: #222222 !important; background: #fdf9f6 !important; border: 1px solid #f5cfb1 !important; margin:1px !important; } a.bbp-forum-title {color: #333; font-weight: bold; } a.bbp-forum-title:hover {color: #000; } div.bbp-template-notice { background-color: #FFFFE0; border-color: #E6DB55; margin: 5px 0 0 !important; padding: 0 0.6em 5px !important; } #bbpress-forums fieldset.bbp-form { padding: 10px !important; } div.bbp-template-notice, div.indicator-hint { background-color:#f5fde1 !important; border-color: #c1fe6b !important; color: #000000; margin: 5px 0 10px; padding: 0 0.6em; } div.bbp-template-notice p { line-height: 100% !important; margin: 0.5em 0 6px !important; padding: 5px 0 0 !important; } div.bbp-template-notice.info { background-color: #FDF9EE !important; border: 1px solid #FBDAB0 !important; margin-bottom: 10px !important; } #bbpress-forums fieldset.bbp-form legend { font-weight: bold; } .bbp-author-avatar img { padding: 0 !important; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 8px 8px 2px !important; border-top: 0px !important; } #bbpress-forums .status-closed a {color: #038DF8 !important;} #bbpress-forums .status-closed {color: #222 !important;} #bbpress-forums .status-closed span.bbp-topic-last a {color: #222 !important;} li.bbp-topic-title a {color: #111} li.bbp-topic-title a:hover {color: #ff4629} span.bbp-st-topic-support.topic-announcement , span.bbp-st-topic-support.topic-default , span.bbp-st-topic-support.topic-not-resolved , span.bbp-st-topic-support.topic-resolved{ text-indent: -9999px; background: url('images/support-stt.png') no-repeat 0 -10px; padding-left: 20px; padding: 1px 20px 1px 0; } span.bbp-st-topic-support.topic-default { background-position: 0 -120px; } span.bbp-st-topic-support.topic-not-resolved { background-position: 0 -97px; } span.bbp-st-topic-support.topic-resolved{ background-position: 0 -74px; } .bbp-topics-front ul.super-sticky span.bbp-st-topic-support.topic-default, .bbp-topics ul.super-sticky span.bbp-st-topic-support.topic-default, .bbp-topics ul.sticky span.bbp-st-topic-support.topic-default, .bbp-forum-content ul.sticky span.bbp-st-topic-support.topic-default { background: url('images/support-stt.png') no-repeat 0 -52px; } .bbp-topics-front ul.super-sticky span.bbp-st-topic-support.topic-announcement, .bbp-topics ul.super-sticky span.bbp-st-topic-support.topic-announcement, .bbp-topics ul.sticky span.bbp-st-topic-support.topic-announcement, .bbp-forum-content ul.sticky span.bbp-st-topic-support.topic-announcement { background: url('images/support-stt.png') no-repeat 0 -30px; } .bbp-pagination-links a, .bbp-pagination-links span.current {border: 0 !important;padding: 3px 8px !important; display: inline !important ; text-align: center !important;float: none !important;opacity: 1 !important;} .bbp-pagination-links {float:none !important; display: block !important ; text-align: center !important; } .bbp-pagination-links a , .bbp-pagination-links span , .bbp-pagination-links span.current , .bbp-pagination-links span.dots {border-radius: 3px !important;-moz-border-radius: 3px !important; -webkit-border-radius: 3px !important;margin-left: 0 !important; background: -moz-linear-gradient(100% 100% 90deg, #F5F5F5, #FFFFFF) repeat scroll 0 0 transparent !important; border: 1px solid #DEDEDE !important;background: #F5F5F5 !important} .bbp-pagination-links a:hover { background: #EEEEEE !important; border: 1px solid #BBBBBB !important;} #bbpress-forums li.bbp-header { /*border-radius: 3px 3px 0 0 !important ; border: 0 !important;*/ } .bbp-pagination-links span.dots {float:none !important;display: inline !important; background : none !important;border: 0 !important;} #breadcrumbs span.bbp-st-topic-support {display: none;} #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 1px solid #ddd !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; } #support-left-head { float:left;margin: 5px 0;} #support-right-head { float:right;margin: 5px 0;} #support-right-head ul {list-style: none } #support-right-head li , #support-left-head li {float:left; margin: 5px; padding: 2px 8px; border: 1px solid #ddd; border-radius: 3px;-moz-border-radius: 13px; -webkit-border-radius: 3px;margin-left: 4px !important; } #support-left-head li {margin-left: 0 !important; color: #333 } #support-left-head li a {color: #333 } #support-right-head li a {color: #fc2502 } #support-left-head li a:hover {color: #fc2502 } #support-right-head li a:hover{color: #333 } #support-right-head li span.support-mention.topic-resolved, #support-right-head li span.support-mention.topic-not-resolved , #support-right-head li span.support-mention.topic-announcement , #support-right-head li span.support-mention.topic-default {text-indent: -9999px; background: url('images/support-stt.png') no-repeat 0 -10px; padding: 1px 0 1px 20px !important;} #support-right-head li span.support-mention.topic-default { background-position: 0 -120px; } #support-right-head li span.support-mention.topic-not-resolved { background-position: 0 -97px; } #support-right-head li span.support-mention.topic-resolved{ background-position: 0 -74px; } #support-left-head li.arrow-merge{background: url('images/arrow-merge.png') no-repeat 3px 50%; padding: 2px 7px 2px 22px !important;} .widget.widget_display_stats dt { float:left ; padding-right: 5px;background: url("images/bellow-arrow.gif") no-repeat scroll 0 50% transparent; padding-left: 15px;} #bbpress-forums ul.super-sticky , #bbpress-forums ul.sticky {background-color: #fcf4ed !important;} #bbpress-forums h3.titli {font-size: 13px; font-weight: bold; color: #FC2502;background: url('images/flag-red.png') no-repeat 3px 50%; padding: 2px 7px 2px 22px !important;} .search-widget { } .search-widget input {width: 350px;} .search-widget #bbp-search-form {border: 1px solid #DCDACF;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; background: #FBFBF9; padding: 15px 40px;margin: 8px 0;} .bbp-topic-title-search {float:left;} .bbp-meta-search {float:left;} h3.light {font-size: 12px; } .search-left { float: left; width: 69%; } .search-left .bbp-topic-title {width: 59%; } .search-left a,h3.light a { color: #222; font-weight: bold; } .search-left a:hover,h3.light a:hover { color: #fa0f03; } .bbp-topic-title-meta a {font-weight: normal; } .search-right {float: left; float: left; width: 29%; } .search-right ul {list-style: none; } .search-right li {float:left; padding-left: 10px;float:right; } #bbpress-forums .bbp-breadcrumb {display: none !important;} .bbp-pagination { margin-top: 5px; } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { font-size: 1em !important; } .separo { border-top: 1px solid #DDDDDD; line-height: 20px; margin: 25px auto 0; padding-bottom: 25px; padding-top: 20px; text-align: center; background: url('images/shader.jpg') repeat-x 0 0px; } .separo h1 {font-weight: bold;} .colapso {margin-top: 15px; } #half {margin-top: 10px;width: 32.80%; float: left; padding-right: 2px;padding-left: 3px;} #halfs {margin-top: 10px;width: 32.80%; float: right} #half h3 , #halfs h3 { padding-left: 35px; color: #222; font-weight: bold; font-size: 13px; line-height: 32px; height: 32px; background: url('images/ffs.jpg') no-repeat} #half p , #halfs p { padding-left: 34px; height:65px; border: 0px solid #000} #half h3.contact { background: url('images/ffs.jpg') no-repeat 0 0px} #half h3.admin { background: url('images/ffs.jpg') no-repeat 0 -672px} #half h3.pages{ background: url('images/ffs.jpg') no-repeat 0 -288px} #half h3.settings { background: url('images/ffs.jpg') no-repeat 0 -607px} #half h3.trans { background: url('images/ffs.jpg') no-repeat 0 -736px} #half h3.seo { background: url('images/ffs.jpg') no-repeat 0 -352px} #half h3.cross { background: url('images/ffs.jpg') no-repeat 0 -480px} #half h3.social { background: url('images/ffs.jpg') no-repeat 0 -448px} #half h3.colors { background: url('images/ffs.jpg') no-repeat 0 -704px} #half h3.login { background: url('images/ffs.jpg') no-repeat 0 -320px} #half h3.advertising { background: url('images/ffs.jpg') no-repeat 0 -64px} #half h3.support { background: url('images/ffs.jpg') no-repeat 0 -576px} #half h3.default{background: url('images/ffs.jpg') no-repeat 0 -640px} #product-theme {margin: 10px 0 0; } .woocommerce-message li, .woocommerce-error li, .woocommerce-info li { padding: 10px !important; } #billing_email.input-text { width: 470px; } label.checkbox2 { display: inline !important; font-size: 12px !important; color: #038DF8; font-weight: bold; } .chzn-container-single .chzn-single { border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; } .displayo {display: none;} .promos {border: 0px solid #000; overflow: hidden;margin: 20px 0 20px ; } .promos ul {list-style: none ; padding: 0;} .promos li.dev a{list-style: none;text-indent: -9999px; background: url('images/want-more.jpg') no-repeat;width: 718px; height: 100px;float:left;margin-right:7px;} .promos li.vip a{list-style: none;text-indent: -9999px; background: url('images/vip-badge.jpg') no-repeat;width: 267px; height: 100px;float:left} .promos ul li.dev,.promos ul li.vip {list-style: none;} h2.vipo {padding-top: 10px; font-size: 18px; font-weight: bold; } #vips1 h2 , #vips1 h2{font-weight: bold; font-size: 13px; color: #015ac9 } #vips1 { padding: 30px 100px 20px 280px; float: left} #vips2 { float: right ; padding: 50px 250px 50px 100px;border: 1px solid #000;} #vips1.vip { background: url('images/vip-span.jpg') no-repeat 120px center; } #vips1.new { background: url('images/next-prod.jpg') no-repeat 120px center; } #vips1.update { background: url('images/vip-update.jpg') no-repeat 125px center; } #vips1.cover { background: url('images/vip-cover.jpg') no-repeat 120px center; } #vips1.all { background: url('images/vip-all.jpg') no-repeat 116px center; } #vips1.key { background: url('images/vip-key.jpg') no-repeat 120px center; } #vips1.money { background: url('images/vip-money.jpg') no-repeat 120px center;margin-bottom: 15px; } #slideshow-wrapper {margin-bottom: 20px !important;} #slideshow-wrapper .imgnav { height: 450px !important; } h1.se-title {font-size: 1px; color: #fff !important;float:left;display: none;} #warno,#warnos {border: 1px solid #FDD6C4;background: #FCF2EE; color: #222;font-weight: bold; margin: 0 0 10px 0 ; line-height: 30px; padding: 0 15px; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; } .bbp-username > input , .bbp-password >input { padding: 2px !important; width: 110px; } #jr_facebook-3 > iframe { margin-left: -5px; } mark { background: none; font-weight: bold; } #mailchimpsf_widget-2 > h3 , #recent-posts-2 > h3 , #text-4 > h3{ border: none; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { color: #000000 !important; width: 98.5% !important; } .bbp-author-name { line-height: 15px; width: 100px; word-wrap: break-word; } .bbp-attachments-count {display: none !important;} /* Promotion top */ .top-promotion {font-size: 13px;background: #5ac802;margin-bottom: 5px;text-align: center; border-radius: 0 0 3px 3px; color: #fff;line-height: 35px;border: 1px solid #50b002; border-top: 0px;} .top-promotion span{padding:0 10px;font-weight: bold;} .top-promotion a{color: #000;} .top-promotion a:hover{color: #fff;} .group.post.portfolio-img p { font-family: arial,tahoma,verdana; font-size: 12px; font-weight: bold; text-align: center; } .total strong { color: #333333; font-size: 20px; font-weight: bold; text-shadow: none; } /* styles for desktop */ #navigation select { display: none } /* styles for mobile */ @media screen and (max-width: 600px) { #navigation select { display: block ; width: 100%; padding: 8px 5px;} #navigation #main-nav{ display: none } #navigation {position : relative; display: inline-block;width : 98%; margin: 0 auto ; margin-left: 2px; } } .woocommerce-breadcrumb select {display: none}