/* Theme Name: Freshbiz Theme URI: http://freshbiz.mnkystudio.com/ Description: Freshbiz is a premium multipurpose business theme. Available exclusively on Theme Forest. Version: 1.1 License: GNU General Public License License URI: license.txt */ /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* Reset default browser CSS /*---------------------------------------------------------------*/ 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } .su-spoiler .su-spoiler-style-2 .su-spoiler-open .su-spoiler-content !important { display:block; !important } /*---------------------------------------------------------------*/ /* Global Style /*---------------------------------------------------------------*/ html,body{width:100%;} body {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 1.7; background: #fff; font-size:12px; color:#696969; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* Images */ img, a img, img:focus {border: 0; outline: 0;} img{max-width:100%;} /* Typography */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-bottom:15px; color:#444444;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:#444444; } h1{font-size:30px} h2{font-size:25px} h3{font-size:20px} h4{font-size:18px} h5{font-size:16px} h6{font-size:15px} p {margin: 0 0 13px 0;} p img {margin: 0;} em {font-style: italic;} strong {font-weight: normal;} small {font-size: 80%;} abbr,acronym {border-bottom: 1px dotted #666; cursor: help;} sup,sub {height: 0; line-height: 1; position: relative; vertical-align: baseline;} sup {bottom: 1ex;} sub {top: .5ex;} pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; background: #f7f7f7; color: #222;line-height: 18px; margin-bottom: 18px;padding: 1.5em; border:1px solid #e9e9e9;} /* Lists */ ul, ol { } ul { } ol {list-style: decimal;} ol, ul.square, ul.circle, ul.disc, ul {margin-left: 30px;} ul.square {list-style: square outside;} ul.circle {list-style: circle outside;} ul.disc {list-style: disc outside;} ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 30px;} ul ul li, ul ol li, ol ol li, ol ul li {margin-bottom: 6px;} li {line-height: 18px;} ul.large li {line-height: 21px;} li p {line-height: 21px;} /* Blockquotes */ blockquote, blockquote p {font-size: 14px; color: #777; font-style: italic;} blockquote {margin: 10px 30px; color: #999; border-left: 3px solid #aaa; padding-left: 15px;} blockquote cite {display: block; font-size: 12px; color: #555;} /* Links */ a{text-decoration:none; outline:0; border:0; color:#555555;} a:hover, a:active,a:focus {border: 0; outline:0; text-decoration:none;} p a {line-height: inherit;} /* Divider */ hr {background-color: #EDEDED; border: 0; clear: both; height: 1px; margin-bottom: 18px;} /* Clear */ .clear{clear:both;} /* Form style */ input,textarea{color: #666; font-size: 13px; border:1px solid #ccc; background:#fff; margin-left:5px; margin-right:5px;} textarea:hover {border:1px solid #bbb;} textarea:focus {border:1px solid #bbb;} input:hover {border:1px solid #bbb;} input:focus {border:1px solid #bbb;} input {height:25px; padding:3px 9px; } textarea{ overflow:hidden; padding:10px;} input[type='submit'], #cancel-comment-reply-link {font-family: Arial, Helvetica, sans-serif; background-color: #F5F5F5; background-image: -webkit-gradient(linear,left top,left bottom,from(#F5F5F5),to(#F1F1F1)); background-image: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1); background-image: -moz-linear-gradient(top, #F5F5F5, #F1F1F1); background-image: -ms-linear-gradient(top, #F5F5F5, #F1F1F1); background-image: -o-linear-gradient(top, #F5F5F5, #F1F1F1); background-image: linear-gradient(top, #F5F5F5, #F1F1F1); border: 1px solid rgba(0, 0, 0, 0.102); color: #666666; font-size: 11px; font-weight: bold; height: 29px; line-height: 29px; padding: 0px 20px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} input[type='submit']:hover, #cancel-comment-reply-link:hover {border: 1px solid #C6C6C6; color: #333; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; background-color: #F8F8F8; background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1);} input[type='submit']:active{background-color: #F6F6F6; background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: linear-gradient(top,#f6f6f6,#f1f1f1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);} input::-moz-focus-inner { border: 0; padding: 0; margin-top:0px;} /*---------------------------------------------------------------*/ /* Header /*---------------------------------------------------------------*/ #header-line {height:5px; background-color:#FD8100;} #top_sidebar { float:right; } #header-wrapper {width:100%; border-bottom:1px solid #ddd;} #header {width:960px; height:110px; margin:0 auto; position:relative;} /* Logo */ #header #logo{position:absolute; margin-bottom:0px; left: 0px; bottom:13px;} .tp-caption.small_text { color: #000 !important; } /* Menu */ .widget_nav_menu ul li a { color:#F60 !important; } .widget_nav_menu ul li a:hover { color:#000 !important; } /*#main_menu { float:right; right:0px; bottom:0px; } #main_menu ul , li{ margin:0px; padding:0px; list-style:none; } #main_menu ul#primary-main-menu{ float:right; margin-top:-10px;} #main_menu ul#primary-main-menu > li#menu-item-9277,li#menu-item-9279,li#menu-item-9275,li#menu-item-9274,li#menu-item-9625 { display:block; float:left; padding:3px 0px 0px 0px ; width:120px; text-align:center;background:url('images/menu_a_line.png') no-repeat right bottom; } #main_menu ul#primary-main-menu > li > a { color:#949494; background:url('images/menu_a_bg.png') repeat-x left bottom; display:inline-block; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; width:111px;} */ #main_menu{position:absolute; right:0px; bottom:0px; z-index:999; background:url('images/menu_a_line.png') no-repeat right bottom;} #main_menu ul{ line-height:1; list-style:none; margin:0;} #main_menu strong { line-height:15px; } #main_menu ul#primary-main-menu > li#menu-item-9277,li#menu-item-9279,li#menu-item-9275,li#menu-item-10895,li#menu-item-9274,li#menu-item-9625,li#menu-item-9626,li#menu-item-10013{ position:relative; float:left; background:url('images/menu_a_line.png') no-repeat left bottom; margin-left:1px; width:145px; } #main_menu ul#primary-main-menu > li > a {background:url('images/menu_a_bg.png') repeat-x left bottom; display:inline-block; color:#555; padding: 15px 20px; margin:0; text-decoration: none; line-height:1; padding-left:10px; padding-right:6px; padding-top:10px; padding-bottom:10px; text-align:center; } #header #main_menu ul li a span{ display:block; font-size:10px; padding-top:3px; color:#BBBBBB;} #main_menu ul#primary-main-menu > li a:hover { color:#FF6600;} #main_menu ul#primary-main-menu li ul.sub-menu {display:none; } /*ul*/ #main_menu ul#primary-main-menu li#menu-item-9277:hover > ul.sub-menu { margin:0px; padding:0px; background-color:#fff; z-index:9999; display:block; float:left; position:absolute; width:470px; border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; margin-top:1px; } #main_menu ul#primary-main-menu li#menu-item-9279:hover > ul.sub-menu { margin:0px; padding:0px; background-color:#fff; z-index:9999; display:block; float:left; position:absolute; width:628px; right:-349px; border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; margin-top:1px; } #main_menu ul#primary-main-menu li#menu-item-9275:hover > ul.sub-menu { margin:0px; padding:0px; background-color:#fff; z-index:9999; display:block; float:left; position:absolute; width:540px; border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; margin-top:1px; right:-120px; } #main_menu ul#primary-main-menu li#menu-item-9274:hover > ul.sub-menu { margin:0px; padding:0px; background-color:#fff; z-index:9999; display:block; float:left; position:absolute; width:700px; right:-138px;border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; margin-top:1px; } #main_menu ul#primary-main-menu li#menu-item-9625:hover > ul.sub-menu { margin:0px; padding:0px; background-color:#fff; z-index:9999; display:block; float:left; position:absolute; width:700px; right:-139px; border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; margin-top:1px; } #main_menu ul#primary-main-menu li#menu-item-9626:hover > ul.sub-menu { margin:0px; padding:0px; background-color:#fff; z-index:9999; display:block; float:left; position:absolute; width:735px; border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; margin-top:1px; right:-136px; } #main_menu ul#primary-main-menu li#menu-item-10013:hover > ul.sub-menu { margin:0px; padding:0px; background-color:#fff; z-index:9999; display:block; float:left; position:absolute; width:690px; border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; margin-top:1px; right:12px; } #main_menu ul#primary-main-menu li#menu-item-10895:hover > ul.sub-menu { margin:0px; padding:0px; background-color:#fff; z-index:9999; display:block; float:left; position:absolute; width:698px; border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; margin-top:1px; right:4px; } /*li*/ #main_menu ul#primary-main-menu li#menu-item-9277 > ul.sub-menu > li { margin:0px; padding:0px; font-size:13px; text-align:left; float:left; display:block; width:215px; padding:5px 10px 5px 10px; } #main_menu ul#primary-main-menu li#menu-item-9279 > ul.sub-menu > li { margin:0px; padding:0px; font-size:13px; text-align:left; float:left; display:block; width:215px; margin-right:-26px; padding:5px 10px 5px 10px; } #main_menu ul#primary-main-menu li#menu-item-9279 > ul.sub-menu > li#menu-item-10362 { margin-top:-49px; } #main_menu ul#primary-main-menu li#menu-item-9275 > ul.sub-menu > li { margin:0px; padding:0px; font-size:13px; text-align:left; float:left; display:block; width:240px; margin-right:10px; padding:5px 10px 5px 10px; } #main_menu ul#primary-main-menu li#menu-item-9274 > ul.sub-menu > li { margin:0px; padding:0px; font-size:13px; text-align:left; float:left; display:block; width:200px; margin-right:10px; padding:5px 10px 5px 10px; } #main_menu ul#primary-main-menu li#menu-item-9625 > ul.sub-menu > li { margin:0px; padding:0px; font-size:13px; text-align:left; float:left; display:block; width:250px; margin-right:10px; padding:5px 10px 5px 10px; background-image:none !important; } #main_menu ul#primary-main-menu li#menu-item-9626 > ul.sub-menu > li { margin:0px; padding:0px; font-size:13px; text-align:left; float:left; display:block; width:270px; margin-right:-53px; padding:5px 10px 5px 10px; background-image:none !important; } #main_menu ul#primary-main-menu li#menu-item-10013 > ul.sub-menu > li { margin:0px; padding:0px; font-size:13px; text-align:left; float:left; display:block; width:200px; margin-right:5px; padding:5px 10px 5px 10px; background-image:none !important; } #main_menu ul#primary-main-menu li#menu-item-10895 > ul.sub-menu > li { margin:0px; padding:0px; font-size:13px; text-align:left; float:left; display:block; width:212px; padding:5px 10px 5px 10px; } #main_menu ul#primary-main-menu li#menu-item-9277 > ul.sub-menu > li > a { color:#FF6600; font-size:15px; } #main_menu ul#primary-main-menu li#menu-item-9279 > ul.sub-menu > li > a { color:#FF6600; font-size:15px;} #main_menu ul#primary-main-menu li#menu-item-9275 > ul.sub-menu > li > a { color:#FF6600; font-size:15px; } #main_menu ul#primary-main-menu li#menu-item-9274 > ul.sub-menu > li > a { color:#FF6600; font-size:15px;} #main_menu ul#primary-main-menu li#menu-item-9625 > ul.sub-menu > li > a { color:#FF6600; font-size:15px; } #main_menu ul#primary-main-menu li#menu-item-9626 > ul.sub-menu > li > a { color:#FF6600; font-size:15px; } #main_menu ul#primary-main-menu li#menu-item-10013 > ul.sub-menu > li > a { color:#FF6600; font-size:15px; } #main_menu ul#primary-main-menu li#menu-item-10895 > ul.sub-menu > li > a { color:#FF6600; font-size:15px; } #main_menu ul#primary-main-menu li > ul.sub-menu > li > a:hover { margin:0px; padding:0px; color:#666; font-weight:normal; } #main_menu ul#primary-main-menu li > ul.sub-menu > li > ul.sub-menu { margin:0px; padding:0px; display:block; } #main_menu ul#primary-main-menu li > ul.sub-menu > li > ul.sub-menu > li{ background:url("images/active.png") no-repeat; background-position:left; margin:0px; padding:0px; display:block; text-decoration:none; padding-left:12px; margin-left:4px; line-height:22px; } #main_menu ul#primary-main-menu li > ul.sub-menu > li > ul.sub-menu > li:hover{ background:url("images/active.png") no-repeat; background-position:2px; text-decoration:underline; font-weight:bold; } #main_menu ul#primary-main-menu li > ul.sub-menu > li > ul.sub-menu > li > a { font-weight:bold; color:#151515;} #main_menu ul#primary-main-menu li > ul.sub-menu > li > ul.sub-menu > li > a { margin:0px; padding:0px; font-size:12px; color:#151515; text-decoration:none; font-weight:normal;} /* #header #main_menu { font-family:"Times New Roman", Times, serif; font-size:14px; right:0px; bottom:0px; } #header #main_menu ul , li{ margin:0px; padding:0px; list-style:none;} #header #main_menu ul.menu { float:right; position:relative; margin-top:-20px; } #header #main_menu ul.menu li { float:left; padding:10px 10px 0px 10px; width:130px; text-align:center; background:url('images/menu_a_line.png') no-repeat left bottom; height:40px;} #header #main_menu ul.menu li a{ color:#666; } #header #main_menu ul.menu li a:hover { color:#F60; } #header #main_menu ul.menu li ul.sub-menu { display:none; } #header #main_menu ul.menu li:hover ul.sub-menu{ background-color:#fff; border-left:1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #eee; z-index:999; display:block; width:570px; float:left; position:relative; margin-left:-10px; margin-top:6px; padding-top:10px; padding-left:10px; padding-bottom:10px;} #header #main_menu ul.menu li:hover ul.sub-menu li{ background-image:none; text-align:left; padding:0px; margin:0px; font size:12px; width:190px; height:100%; } #header #main_menu ul.menu li:hover ul.sub-menu li a{ background-image:none; width:100%; text-decoration:underline; font-size:13px; } #header #main_menu ul.menu li ul.sub-menu li ul.sub-menu { display:block; float:left; margin:0px; padding:0px; background-image:none; border:none; width:100%; } #header #main_menu ul.menu li ul.sub-menu li ul.sub-menu li { display:block; float:left; line-height:24px; } #header #main_menu ul li ul.sub-menu li ul.sub-menu li a { text-decoration:none; font-size:12px; } */ .mobileMenu { display: none; border:1px solid #ddd; background: transparent; background-image: url('images/white-bg.png');} /*---------------------------------------------------------------*/ /* Subhead area /*---------------------------------------------------------------*/ #custom_header{width:960px; margin:0 auto;} .custom_header_img{margin-bottom:-5px; max-width:960px;} .custom_header_img-full {margin-bottom:-5px; min-width:100%;} #subhead, #subhead_full, #subhead_bg {position:relative; border-bottom:1px solid #ddd; margin-bottom: 16px; } .subhead_shadow{width:100%; height:9px; background:url('images/subhead_shadow.png') repeat-x; position:absolute; z-index:20;} .subhead_shadow_bottom{width:100%; height:7px; bottom:0px; background:url('images/subhead_shadow_bottom.png') repeat-x; position:absolute; z-index:20;} #orbit-container {width:960px; margin:0 auto; padding:35px 0;} .mobile_slider_replace{display:none;} /*---------------------------------------------------------------*/ /* Content area /*---------------------------------------------------------------*/ /* Content widget area */ #before_wrapper{border-top:1px solid transparent; border-bottom:1px solid transparent;} #before_wrapper .content_widgets{list-style:none; width:960px; margin:0 auto; padding:20px 0;} #before_wrapper .widget-container { padding:0px; margin:0px;} #before_wrapper .widget-container p{margin-bottom:5px;} /* Content area */ #wrapper{max-width:960px; margin:10px auto;} #container_bg { max-width:960px; margin:0 auto;} #container_bg #content_full {} #container_bg #content_left {float:left; width:670px;} /*#container_bg #content_right {float:right; width:670px;} */ #container_bg #content_right {float:right; width:440px;} .post{padding-bottom:22px;} .post_divider{width:549px; height:11px; margin:35px auto 30px; background:url('images/post_divider.png') no-repeat;} h2.post-entry-title{text-align:center; font-size:25px; margin-bottom:15px; line-height:1;} h2.entry-title{font-size:23px; line-height:1; margin-bottom:5px;} h1.entry-title-page{font-size:21px; line-height: 1.1; color:#444; padding:18px 0; margin:0;} .page_title{width:960px; margin:0 auto;} /* Archive */ h4.loop-archive{margin-bottom:0px;} .loop-archive-date{font-size:11px; margin-bottom:10px;} .loop-archive-post{padding-bottom:22px;} /* 404 */ .error404_content .error_bg {height:544px; margin:0 auto !important;} .error404_content .error_title{margin-top:-230px; font-family: Arial, Helvetica, sans-serif; color:#e6c5de; font-size:18px; font-weight:bold; text-transform:uppercase;} .error404_content {margin:0 0 70px 0; text-align:center;} .error404 .searchform .s{width:440px;} .not-found .entry-content .searchform .s{width:250px;} .entry-content p { font-size:13px; color:#151515; } /* Breadcrumbs */ .mnky-breadcrumbs{padding:0 0 21px; margin-top: -9px;} .mnky-breadcrumbs, .mnky-breadcrumbs a{color: #acacac; font-size: 10px; font-style: normal; line-height:1.1;} .mnky-breadcrumbs .separator{padding:0 5px;} .mnky-breadcrumbs a:hover { text-decoration:underline; } .su-quote-style-2 { font-family:Georgia,Serif; } /* Utility */ .entry-utility {color:#999; font-size: 11px; line-height: 18px; padding:2px 0 4px; margin-bottom:15px; border-bottom:1px solid #ddd;} .loop-single .entry-utility {padding:22px 0px 4px;} .entry-utility a{color:#777; text-decoration:none;} .entry-utility img {vertical-align: -20%; margin-right:2px;} .entry-date, .vcard, .cat-links {padding-right:2px;} .comments-link{float:right;} .comments-link a{padding-left:3px;} .tag-link{padding:0px;} .tag-link a{padding:0; margin-left:3px;} /* Links */ .more-link, .more-link:visited{font-family: Arial, Helvetica, sans-serif; display:inline-block; margin-top:25px; background-color: #F5F5F5; background-image: -webkit-gradient(linear,left top,left bottom,from(#F5F5F5),to(#F1F1F1)); background-image: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1); background-image: -moz-linear-gradient(top, #F5F5F5, #F1F1F1); background-image: -ms-linear-gradient(top, #F5F5F5, #F1F1F1); background-image: -o-linear-gradient(top, #F5F5F5, #F1F1F1); background-image: linear-gradient(top, #F5F5F5, #F1F1F1); border: 1px solid rgba(0, 0, 0, 0.102); color: #666666; font-size: 11px; font-weight: bold; height: 27px; line-height: 27px; padding: 0px 20px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .more-link:hover{border: 1px solid #C6C6C6; color: #444; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; background-color: #F8F8F8; background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1);} .page-link {font-size:12px; font-weight:bold; clear: both; margin: 0 0 22px 0; word-spacing: 0.75em;} .page-link a:link, .page-link a:visited {font-weight: normal; padding: 0.5em 0; text-decoration: none; } .edit-link {font-family: Arial, Helvetica, sans-serif; clear: both; display:inline-block; margin-top:20px; height: 27px; line-height: 27px; padding: 0px 20px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 12px; font-weight:bold; border: 1px solid transparent; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.1); background-color: #D14836; background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836)); background-image: -webkit-linear-gradient(top,#dd4b39,#d14836); background-image: -moz-linear-gradient(top,#dd4b39,#d14836); background-image: -ms-linear-gradient(top,#dd4b39,#d14836); background-image: -o-linear-gradient(top,#dd4b39,#d14836); background-image: linear-gradient(top,#dd4b39,#d14836);} .edit-link:hover {border: 1px solid #B0281A; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background-color: #C53727; background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727)); background-image: -webkit-linear-gradient(top,#dd4b39,#c53727); background-image: -moz-linear-gradient(top,#dd4b39,#c53727); background-image: -ms-linear-gradient(top,#dd4b39,#c53727); background-image: -o-linear-gradient(top,#dd4b39,#c53727); background-image: linear-gradient(top,#dd4b39,#c53727); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); text-decoration: none; -webkit-transition: all 0.0s;} .edit-link a, .edit-link a:hover{color:#fff;} /* Img */ .su-frame-shell{background:url(images/gallery_lense.png) no-repeat center center;} .su-frame-shell a img:hover, .wp-caption a img:hover {opacity:0.4; filter:alpha(opacity=40); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} /* Author info */ .authorbox_title{margin-top:40px;} #authorarea{margin:0; padding:5px 0 17px 0; border-bottom: 1px solid #dfdfdf;} #authorarea .authorinfo_title{font-weight: bold; font-size: 12px; color:#444; margin:-5px 0 5px 0; padding:0; text-decoration:none;} #authorarea img{margin:0; padding:2px; float:left; background:#fff; border: 1px solid #ddd; } #authorarea p{color:#444; margin:0; } #authorarea p a{color:#444; } .authorinfo{margin-left:104px} /*---------------------------------------------------------------*/ /* Sidebars /*---------------------------------------------------------------*/ /* Default sidebar */ #primary{width: 235px;} #sidebar_right{float:right; margin-top:5px; margin-left:7px;} #sidebar_left{float:left; margin-top:5px; margin-right:9px;} #primary .xoxo li .widget-title , .widget_text .widget-title {color:#444; font-size: 13px; margin-bottom: 20px; padding:5px 0px; border-left:4px solid #feca29; background-color:#FAFAFA; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.03)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#00ffffff',GradientType=0 ); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* FF */ @-moz-document url-prefix() { #primary .xoxo li .widget-title {padding-bottom:6px;} } #primary .xoxo li .widget-title span , .widget_text .widget-title span{padding: 0px 8px; font-weight:bold;} #sidebar_left .widget-container { padding:0px;} /* Top sidebar */ #top_sidebar .widget-title{display:none;} #top_sidebar ul li {float: left; margin-left:20px !important; background:none;} #top_sidebar .widget-container {margin: 0; border: none; background:none; padding:0px; margin-bottom:0px;} #header-wrapper #top_sidebar{width:960px; margin:0 auto; position:relative; z-index:200;} #header-wrapper #top_sidebar ul.xoxo{margin-top:2px; float:right; } #header-wrapper #top_sidebar .su-list{float:right;} /* Title area sidebar */ #title_area_sidebar, #title_area_sidebar .widget-container{float:right;} #title_area_sidebar {margin-top:28px;} #title_area_sidebar .widget-container{margin-top:0px; margin-bottom:0;} #title_area_sidebar input.s {width:175px; height:20px; background-color:rgba(255, 255, 255, 0.447); background-position:190px 4px; border-color:rgba(204, 204, 204, 0.500);} /* Footer sidebar */ .textwidget a { margin-left:3px; margin-right:3px; } .widget-area .widget-title { list-style:none; margin-bottom:5px; } #footer-widget-area-background {background:#343434; border-top:7px solid #DADADA; } #footer-widget-area {width:962px; margin:0 auto; padding:5px 0 5px 0; overflow:hidden; color:#999; line-height:1.4;} #footer-widget-area .widget-area .widget-title{font-size:13px; color:#777; margin:0 0 10px 0; padding:3px 0px; border-left:4px solid #aede8e; background-color:#FAFAFA; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.03)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#00ffffff',GradientType=0 ); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #footer-widget-area .widget-area .widget-title span {padding: 0px 8px;} #footer-widget-area .widget-area ul {font-size:12px; padding:0;} #footer-widget-area .widget-area ul li {list-style:none;} #footer-widget-area .widget-area {float: left; width:400px;} #footer-widget-area .widget-area ul li ul li {padding:7px 5px 7px 0; margin-bottom:0; background:none; border-bottom:1px solid #e1e1e1;} #footer-widget-area .widget-area ul li ul li a{color:#BBBBBB;} #footer-widget-area .widget-area .su-list ul{margin:0 !important;} #footer-widget-area .widget-area .su-list ul li{padding:7px 5px 7px 22px !important;} #footer-widget-area .widget-container {margin: 8px 0 8px 0; border: none; background:none; padding:0;} #footer-widget-area #first, #footer-widget-area #second, #footer-widget-area #third{margin-right:20px;} #footer-widget-area #first a { color:#BBBBBB; } #footer-widget-area #first { width:530px; } #footer-widget-area #first p { line-height:18px; } #footer-widget-area #first input[type="text"] , #footer-widget-area #first input[type="email"] { width:350px; height:25px; } #footer-widget-area #first textarea { width:350px; height:45px; } #footer-widget-area #first .textwidget a:hover{ color:#FFF; text-decoration:underline; } .candy-clearfix li { list-style:none; display:block; float:left; margin-left:5px; margin-right:5px; } #primary .candy-clearfix li { margin-left: 2px; margin-right: 3px; } /*---------------------------------------------------------------*/ /* Widgets /*---------------------------------------------------------------*/ /* Default widget style */ .widget-area .widget-title{margin: 0;} .widget-container { padding:0px; margin:0 0 30px 0; list-style:none; margin-bottom:5px;} .widget-area ul { list-style: none; margin: 0; padding:0; margin-top:5px; } .widget-area ul ul { list-style: none; margin:0; padding:0; } .widget-area ul li ul li , .textwidget ul li{ padding:3px 0 4px 0; } .widget-area ul li ul li:hover{} .widget_search label { display: none;} .widget-area .entry-meta {font-size: 11px;} /* Blogroll widget */ .blogroll img{margin-bottom:-3px;} .blogroll ul li ul{padding-left:20px;} .blogroll ul li ul li{background:none; padding-bottom:0px} .blogroll ul li ul{background: url('images/widget_divider.png') 0 4px no-repeat; padding-top:5px;} .blogroll a{padding-left:15px; background:url('images/active.png') no-repeat 2px 50%; } .blogroll a:hover{background:url('images/active.png') no-repeat 5px 50%; transition: background .10s ease-in-out; -moz-transition: background .10s ease-in-out; -webkit-transition: background .10s ease-in-out;} /* Search widget */ input.s{font-size:10px; color:#B1B1B1; height:22px; background:#fff url('images/search_bg.png') no-repeat 98% 5px; padding:2px 27px 2px 10px; margin-top:0px; text-transform:uppercase;} #primary .widget_search .s {width: 210px;} #top_sidebar .widget_search .s {width: 280px; height:24px;} #below_menu_sidebar input.s{width: 150px; height:16px; background-position:98% 2px;} #footer-widget-area .widget_search .widget-title {float:none !important; margin-bottom: 10px !important;} #footer-widget-area .widget_search input.s {width:86%;} /* Recent post widget */ .widget-area .widget_pippin_recent_posts {padding:0px;} .widget-area .widget_pippin_recent_posts ul {padding-top:8px;} li.recent_post_widget{margin-bottom:3px; line-height:1.4;} .recent_post_widget_img img{float:left; margin-right:15px; background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #d4d4d4; padding: 2px;} .recent_post_widget_meta{padding-top:3px;} .recent_post_widget_link_time{color:#949494; font-style:italic; font-size:10px;} #footer-widget-area .widget-area li.recent_post_widget:hover{background:none !important;} #footer-widget-area.widget-area .widget_pippin_recent_posts ul{padding-bottom:0px;} /* Twitter widget */ .widget-area .twitter-widget ul li{padding-left:25px; background:url(images/twitter-ico.png) no-repeat 0px 10px;} .twitter-date {font-size:10px; } #footer-widget-area .widget-area .twitter-widget ul li{margin-bottom:10px;} /* Tag cloud */ #wp_tag_cloud div {line-height: 1.6em;} /* Pages widget */ .widget_pages ul li ul{padding-left:20px;} .widget_pages ul li ul li{background:none; padding:3px 0 4px 0;} .widget_pages ul li ul{} .widget_pages a{padding-left:15px; background:url('images/active.png') no-repeat 2px 50%;} .widget_pages a:hover{background:url('images/active.png') no-repeat 5px 50%;transition: background .10s ease-in-out; -moz-transition: background .10s ease-in-out; -webkit-transition: background .10s ease-in-out;} #footer-widget-area .widget_pages a{padding-left:0; background:none;} #footer-widget-area .widget_pages ul li ul{padding-left:15px;} #footer-widget-area .widget_pages ul li ul{background: none; padding-top:0;} /* Menu widget */ .widget_nav_menu {padding-bottom:15px !important;} .widget_nav_menu ul, .widget_nav_menu ul li{margin-bottom:0 !important; padding:0 !important;} .widget_nav_menu ul li a{padding: 13px 0 !important; display: block; color:#555555;} /*.widget_nav_menu ul li:first-child {border-top:1px solid #e5e5e5;} */ .widget_nav_menu ul li ul li:last-child{padding-bottom:0px !important; border:none !important;} .widget_nav_menu .current_page_item a {color:#f85d36;} #sidebar_left .widget_nav_menu ul li , #sidebar_right .widget_nav_menu ul li{border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; display: block; font-size:14px; cursor: pointer; background-color:#ffffff; background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 68%, rgba(0,0,0,0) 76%, rgba(0,0,0,0.05) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(68%,rgba(0,0,0,0)), color-stop(76%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 68%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.05) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0) 68%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.05) 100%); background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 68%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.05) 100%); background-image: linear-gradient(to right, rgba(0,0,0,0) 68%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=1 ); } #sidebar_left .widget_nav_menu ul li ul li{padding:0 0 0 20px !important; border-right:none;} #sidebar_left .widget_nav_menu ul li a:hover{background:#ffffff; border-right:1px solid #fff; margin-right:-1px; } #sidebar_right .widget_nav_menu ul li{border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; display: block; font-size:14px; cursor: pointer; background-color:#ffffff; background-image: -moz-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.05)), color-stop(24%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient(left, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 100%); background-image: linear-gradient(to right, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=1 ); } #sidebar_right .widget_nav_menu ul li ul li{border-left:none;} #sidebar_right .widget_nav_menu ul li a{padding-left:30px !important;} #sidebar_right .widget_nav_menu ul li ul li a{padding-left:50px !important;} #sidebar_right .widget_nav_menu ul li a:hover{background:#ffffff; border-left:1px solid #fff; margin-left:-1px; } /* Archive widget */ .widget_archive a{padding-left:15px; background:url('images/active.png') no-repeat 2px 50%;} .widget_archive a:hover{background:url('images/active.png') no-repeat 5px 50%; transition: background .10s ease-in-out; -moz-transition: background .10s ease-in-out; -webkit-transition: background .10s ease-in-out;} #footer-widget-area .widget_archive a{padding-left:0; background:none;} /* Category widget */ .widget_categories ul li ul{padding-left:20px;} .widget_categories ul li ul li{background:none; padding-bottom:0px} .widget_categories ul li ul{background: url('images/widget_divider.png') 0 4px no-repeat; padding-top:5px;} .widget_categories a{padding-left:15px; background:url('images/active.png') no-repeat 2px 50%;} .widget_categories a:hover{background:url('images/active.png') no-repeat 5px 50%;transition: background .10s ease-in-out; -moz-transition: background .10s ease-in-out; -webkit-transition: background .10s ease-in-out;} #footer-widget-area .widget_categories a{padding-left:0; background:none;} /* Post widget */ .widget_recent_entries a{padding-left:15px; background:url('images/active.png') no-repeat 2px 50%;} .widget_recent_entries a:hover{background:url('images/active.png') no-repeat 5px 50%; transition: background .10s ease-in-out; -moz-transition: background .10s ease-in-out; -webkit-transition: background .10s ease-in-out; text-decoration:underline;} /* Comment widget */ .widget_recent_comments .recentcomments{padding-left:25px; background:url('images/comment-ico-w.png') no-repeat 0px 6px;} #footer-widget-area .widget-area .widget_recent_comments .recentcomments{padding-left:25px; background:url('images/comment-ico-w.png') no-repeat 0px 5px;} /* RSS widget */ .widget_rss a.rsswidget { color: #000; } .widget_rss .widget-title img { width: 11px; height: 11px; } .widget_rss ul li a.rsswidget {padding-left:25px; background:url('images/css/feed.png') no-repeat 0px 50%;} /* Calendar widget */ #wp-calendar {width: 210px;} #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead {font-size: 11px;} #wp-calendar tfoot{background: #E8E8E8 ; padding: 5px;} #wp-calendar tfoot tr td{padding:5px;} #wp-calendar tbody tr #today{background:#e8e8e8;} #wp-calendar tbody tr td a{font-weight:bold;} #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: -1px solid; padding: 3px 0 2px; text-align:center;} #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } /* Social media widget */ #footer-widget-area .socialmedia-buttons, #primary .socialmedia-buttons {margin-left:-5px;} #footer-widget-area .Social_Widget p {margin-left:5px;} /*---------------------------------------------------------------*/ /* Footer /*---------------------------------------------------------------*/ /* Footer navigation */ #bottom_elements{width:960px; margin:0 auto;} #bottom_elements_background{width:100%; background:#343434; border-top:7px solid #DADADA; margin-bottom:-15px;} #footer_navigation {width:480px; float:right; text-align:right;} #footer_navigation ul{list-style:none; float:right; padding-top:14px; padding-bottom:11px} #footer_navigation ul li{color:#ccc; float:left; font-size: 11px; line-height:1.1; border-right:1px solid #bbbbbb;} #footer_navigation ul li a{color:#bbbbbb; padding:0 15px;} #footer_navigation ul li:last-child a{padding-right:0px;} #footer_navigation ul li:last-child {border-right:none;} .scrolltop{ background:url(images/to_top.png) no-repeat; width:37px; height:25px; display:none; } /* Copyright area */ #copyright {width:510px; float:left; overflow:hidden; color:#bbbbbb; font-size: 11px; padding:2px 0;} /*---------------------------------------------------------------*/ /* Portfolio /*---------------------------------------------------------------*/ .portfolio-heading{margin-top:15px;} .portfolio-item-text{float:left; height: 270px; width:495px;} .portfolio_page_content {margin-bottom:40px; } .portfolio_img {margin-bottom:18px;} .portfolio_img img {padding:3px; border: 1px solid #ddd; background:#fff;} #portfolio_details{border-left:1px solid #ddd; padding-left:15px; margin-top:35px;} #portfolio_details .portfolio_detail_title{font-weight:bold; font-size:10px; padding-right:5px;} .back_to_portfolio{float:right;} /* Portfolio item thumbnail text style */ .details{ margin:15px 20px; } .details .pf_item_title{margin-bottom: 8px; text-transform:uppercase; font-weight:bold; color:#fff;} .details p{color:#aaa; line-height:18px; margin-bottom:0px;} .details a{ text-decoration:none; } .pf_decription_title{padding-top:20px;padding-bottom:5px;font-size:24px;} /* Portfolio item column style */ .portfolio-one{margin-left: 0px; list-style:none;} .portfolio-two{margin-right:-40px; margin-left:0px; list-style:none;} .portfolio-three{margin-right:-40px; margin-left:0px; list-style:none;} .portfolio-four{margin-right:-40px; margin-left:0px; list-style:none;} #portfolio #filter, #portfolio-two #filter, #portfolio-three #filter, #portfolio-four #filter {padding-bottom:10px;} /*---------------------------------------------------------------*/ /* Comments /*---------------------------------------------------------------*/ /* Comments list */ #comments {margin-top:20px; margin-bottom:30px; clear: both} #comments .navigation { padding: 0 0 18px 0;} .commentlist {list-style: none; margin: 0; padding: 0px;} .commentlist li.comment {position: relative;} .commentlist li:last-child {border-bottom: none; margin-bottom:0;} .comment-container {margin-left:60px; } .comment_arrow {width:11px; height:21px; background:url('images/comment_arrow.png') no-repeat; position:absolute; margin-left:10px; margin-top:13px;} .comment-text {margin-bottom:20px; margin-left:20px; padding:10px 15px 15px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; background-color:#FAFAFA; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.03)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#00ffffff',GradientType=0 ); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #comments .comment-body ul,#comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p {margin:0 5px 10px 0; } #comments .comment-body p:last-child { margin-bottom: 6px;} #comments .comment-body blockquote p:last-child { margin-bottom: 24px;} .commentlist ol {list-style: decimal;} .commentlist .vcard {float:left;} .commentlist .avatar {border: 1px solid #dfdfdf; padding:2px;} .comment-text cite {color: #000; font-style: normal; font-weight:bold;} .comment-author .says {font-style: italic;} .comment-meta {font-family: Arial, Helvetica,sans-serif; font-size: 10px; margin:0 0 5px; color: #888; display:block;} .bypostauthor .comment-text {} .reply {float:right; width:17px; height:13px; background:url('images/comment_reply.png') no-repeat; } .reply a{padding-left:17px; color:transparent;} .reply:hover{color:transparent; filter: alpha(opacity=80); opacity: 0.8;} a.comment-edit-link {color: #888;} .commentlist .children { list-style: none; margin: 0; padding:0;} .commentlist .children li { margin:10px 0 ; padding: 0 0 0 50px; } .nopassword,.nocomments {display: none;} #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback {margin-top: -6px;} #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url {font-size: 13px; font-style: italic;} .comment-awaiting-moderation{color:#999999; font-size:11px;} /* Comments form */ #respond {overflow: hidden; position: relative; padding:0; } #respond p { margin: 0 0 5px;} #respond .comment-notes {font-size:11px; margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin:0 0 40px; } .children #respond .comment-title{ margin-top:0px; } h3#reply-title {margin:20px 0 5px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link {display: inline-block; height:27px; margin-left:10px;} #respond label {color: #888; font-size: 12px; display:block; margin-bottom:3px;} #respond input {margin: 0 0 9px; width: 50%; } #respond .form-allowed-tags {color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code {font-size: 11px;} #respond .form-submit {margin: 12px 0;} #respond .form-submit input {width: auto;} /*---------------------------------------------------------------*/ /* WordPress core /*---------------------------------------------------------------*/ .alignnone {margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;} .alignright {float:right; margin: 5px 0 20px 20px;} .alignleft {float:left; margin: 5px 20px 20px 0;} .aligncenter {display: block; margin: 5px auto 5px auto;} a img.alignright {float:right; margin: 5px 0 20px 20px;} a img.alignnone {margin: 5px 20px 20px 0;} a img.alignleft {float:left; margin: 5px 20px 20px 0;} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .wp-caption {border: 1px solid #ddd; background:#fff url(images/gallery_lense.png) no-repeat center center; color:#999; max-width: 96%; padding: 7px 3px 0px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft {margin: 5px 20px 20px 0;} .wp-caption.alignright {margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;} blockquote.left {margin-right:20px; text-align:right; margin-left:0; width:33%; float:left;} blockquote.right {margin-left:20px; text-align:left; margin-right:0; width:33%; float:right;} .sticky{} .gallery {} .gallery dt{background:url(images/gallery_lense.png) no-repeat center center;} .gallery .gallery-item { margin-top: 0px !important; } .gallery img {padding:5px; border: 1px solid #ddd !important; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .gallery img:hover {background:#ebebeb; border: 1px solid #bcbcbc !important; opacity:0.5; filter:alpha(opacity=50); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3 ease-in;} .gallery .gallery-caption {color:#999; margin-left: 0;} .gallery br { clear: both } /*---------------------------------------------------------------*/ /* IE6 /*---------------------------------------------------------------*/ #ie-message {background:#C00; text-align:center; border-bottom:1px solid #900; color: #fff; position:absolute; top:0; padding:5px; width:100%;} #ie-message a {color: #D1D1D1;} /*---------------------------------------------------------------*/ /* Plugins /*---------------------------------------------------------------*/ /* AddThis */ #at16psf input {height:15px;} /* Flickr */ .wpfw_flickr_widget img {margin-right: 13px; margin-bottom: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .wpfw_flickr_widget img:hover {opacity:0.6; filter:alpha(opacity=60);} .flickr {margin-right: -13px; margin-bottom: -6px; text-align: center;} #footer-widget-area .flickr {text-align: left;} #footer-widget-area .wpfw_flickr_widget img {width:60px; height:60px;} #footer-widget-area .wpfw_flickr_widget .widget-title {float:none !important; margin-bottom: 10px !important;} /* Related posts */ #related_posts_thumbnails {list-style: none; margin:10px -12px 0 0; padding: 0px;} #related_posts_thumbnails li {display: block; float: left; width: 162px; padding-right: 12px; line-height:1.4;} #related_posts_thumbnails li:hover img{opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */} #related_posts_thumbnails li img{margin-bottom:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #related_posts_thumbnails li span{font-weight:bold;} /* Contact Form 7 */ .wpcf7 p , .contact_us label{ font-size:12px; font-weight:bold; color:#000; } #post-9298 .wpcf7 .contact_us label { color: #000; float: left; font-size: 12px; font-weight: bold; width: 30%; } .wpcf7 p i {font-size:10px; color: #888; margin-left: 4px; font-weight: normal; font-style:normal;} .wpcf7 input , .contact_us input {width:204px;height:20px;margin-top:5px; font-size:12px;} #post-9298 .wpcf7 input , .contact_us input {width:65%;height:20px;margin-top:5px; font-size:12px;} .wpcf7 input[type='submit'] {width:auto; height: 29px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .wpcf7 textarea {width:201px;height:65px;margin-top:5px; font-family:inherit; font-size:12px;} #post-9298 .wpcf7 textarea {width:65%;height:65px;margin-top:5px; font-family:inherit; font-size:12px;} #post-9298 .wpcf7 .wpcf7-select {width:68.0%;} #post-9298 .wpcf7 .wpcf7-submit {width: 157px; height:37px;} .wpcf7 input[type='checkbox']{width:auto !important; height:auto !important;border:none;} .wpcf7 input[type='radio']{width:auto !important; height:auto !important;border:none;} .wpcf7-acceptance {width:auto !important; height:auto !important;border:none;} .wpcf7-acceptance:hover {border:none;} .contact_us table { margin:0px; padding:0px; } .contact_us tr td label { margin-right:71px; } .contact_us tr , .contact_us td { margin:0px; padding:0px; } .contact_us tr td { margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:5px; } .qucik tr td { margin-top:5px; margin-bottom:5px; float:left; } .contact_us select { height:28px; padding:2px; margin-left:4px; margin-bottom:-8px; } /* Social Icons */ #footer-widget-area .candy-social-icons ul li {margin-right:0px !important; margin-bottom:0px !important; border:none !important;} .free_tri { background:url(images/iEdit_Solutions_Free_Trial_1.png) no-repeat; width:73px; height:71px; float:right; position:relative;right:5px;} ul#sitemap_menu-1 li#menu-item-9277 > a , ul#sitemap_menu-1 li#menu-item-9279 > a , ul#sitemap_menu-1 li#menu-item-9275 > a , ul#sitemap_menu-1 li#menu-item-9626 > a , ul#sitemap_menu-1 li#menu-item-10013 > a{ font-weight:bold; color:#000; } /*------------------------------------------------------------------------------*/ /* THANKS FOR BUYING OUR THEME! - MNKY Studio | http://mnkystudio.com /*------------------------------------------------------------------------------*/ /* read more link */ .view-full-post-btn{ display:inline-block; /*border-radius*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:3px 13px; margin-top:3px; color:#454545; border:1px solid #d8dcdc; font-family:Georgia,serif; font-style:italic; font-size:14px; } .view-full-post-btn:hover{ background:#454545; /*transition*/ -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; border:1px solid #000000; color:#FFFFFF; } .view-full-post { float: right; } /* thumbnial Css */ .entry-content img { height: auto; max-width: 100%; } /* media query css */ /* * --------------------------------------------------------------------- * MNKY CSS for responsive layout (tablets and mobile devices) * --------------------------------------------------------------------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 1024px){ html {-webkit-text-size-adjust: none; } } /* * ------------------------------------------------------------------------------------------- * FOR ALL DEVICES * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 959px) { /* General */ body { overflow-x: hidden; } input {max-width:90% !important;} textarea {max-width:90% !important;} #wrapper embed, #wrapper object, #wrapper iframe {height:auto !important; width:100% !important;} /* Hide content */ #sidebar_right, #sidebar_left, .su-error-carousel, #primary-main-menu { display: none; } /* Content style */ #container_bg #content_full, #container_bg #content_right, #container_bg #content_left {width:100% !important;} .entry-content img { max-width: 100%; height: auto; } .alignnone, .alignleft { margin: 5px 0px; } .custom_header_img {max-width:100%;} .mobile_slider_replace{display:inherit;} .gallery .gallery-item{min-width:120px !important; padding-right:20px!important;} .gallery dt{background-image: none;} /* Shortcodes */ .su-frame-align-left, .su-frame-align-right{float:none !important;} .su-staff-wrapper .su-frame-align-left {float:left !important;} /* Footer */ #footer_navigation {float: none; text-align: center; width: 100%;} #footer_navigation ul {padding-top: 10px; margin-left:0; float:none;} #footer_navigation ul li{float:none; display:inline-block;} #footer_navigation ul li a {padding: 0px 15px 0px 11px;} #footer_navigation ul li:last-child a {padding-right:15px;} #copyright {float: none; text-align: center; width:100%; padding-bottom:0px;} } /* * ------------------------------------------------------------------------------------------- * TABLET Landscape * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 966px){ #header { width: 930px !important; } #wrapper { margin: 10px auto; max-width: 930px !important; } .page_title{ max-width:930px; } #container_bg{ max-width:930px !important; } #footer-widget-area{ width:930px !important; } #footer-widget-area #fourth{ width:376px !important; } } /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* General */ body {ont-size: 102%;} .size-wrap {width: 700px !important;} /* Dropdown menu */ #main_menu {background:none!important;filter:none !important;box-shadow:none!important; } .mobileMenu {display: block; padding: 12px 8px; margin:-10px 0px 15px 10px;} .mobileMenu {width:343px;} /* Sliders */ .su-nivo-slider{max-height: 100%; max-width: 700px; overflow:hidden;} #orbit-content img{max-width:700px !important; } /* Shortcodes */ .su-service-title {line-height:22px !important; padding-bottom:25px !important} /* content */ #container_bg { width: 700px !important; } /* Content sidebar */ #before_wrapper {width:100%; } #before_wrapper .content_widgets {width:680px; padding-left: 10px; padding-right: 10px;} /* Footer */ #footer-widget-area .widget-area {width: 310px;} #footer-widget-area #first, #footer-widget-area #third{/*margin-right: 75px;*/} #footer-widget-area #first { width:437px !important; float:left !important; } #footer-widget-area #first{margin-right:0px !important;} #footer-widget-area #second, #footer-widget-area #fourth {margin-right: 0px; } #footer-widget-area #fourth { width: 261px !important; } } /* * ------------------------------------------------------------------------------------------- * MOBILE BOTH VIEWS * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { /* General */ body {font-size: 102%;} #wrapper embed, #wrapper object, #wrapper iframe {height:auto !important;} /* Dropdown menu */ #main_menu {background:none!important;filter:none !important;box-shadow:none!important; } .mobileMenu {display: block; padding: 12px 8px; margin:-10px 10px 20px 10px;} /* Header */ #header-wrapper {position:relative;} #header {height:auto !important;} #header #logo {display: block; position: static; text-align:center; width: 100%; margin:0px 0 15px !important; bottom:0; padding-top:20px;} #header #main_menu{position:relative; display:inline-block; margin-bottom: 10px; bottom:auto; right:auto;} /* Header Sidebar */ #header-wrapper #top_sidebar{text-align: center;} #header-wrapper #top_sidebar .widget-title{display:none;} #header-wrapper #top_sidebar ul.xoxo {float:none; margin-top:0px !important; margin-bottom:15px; display: inline-block;} #header-wrapper #top_sidebar ul li{padding:0px; margin:0 10px !important;} #top_sidebar .widget-container {margin:0px;} #header-wrapper #top_sidebar ul li .su-list ul {margin:0 !important; text-align: center;} #header-wrapper #top_sidebar ul li .su-list ul li {padding: 0px 0px 10px 22px !important; display: inline-block !important;} #header-wrapper #top_sidebar .su-list {float:none;} /* Subhead area */ h1.entry-title-page {float:none; padding-bottom:10px;} .mnky-breadcrumbs {float: none; padding: 5px 0px 21px 1px;} #title_area_sidebar{display:none;} /* Sliders */ div.slider-nav, .orbit-caption, div.timer, .orbit-bullets, .fp_title {display:none !important;} #orbit-container {padding: 10px 0px; } /* Content */ .comments-link {float:none; display:block; padding-top:2px;} .comments-link img{display:inline-block;} .commentlist .children li { padding-left:0px; } /* Shortcodes */ .su-members-style-1, .su-members-style-2, .su-members-style-3 {width:90% !important;} .su-column {float: none !important; margin: 0 !important; width: 100% !important;} .su-column { margin-bottom:40px !important;} .su-column-last { margin-bottom:0px !important;} .su-tabs-style-1 .su-tabs-nav{height:auto !important;} .su-tabs-style-1 .su-tabs-nav span {float:none !important;} .su-tabs-style-2 .su-tabs-nav{width:100% !important; float:none !important; margin-bottom:20px !important;} .su-tabs-style-2 .su-tabs-panes{padding-left:0px !important;} /* 404 */ .error404_content .error_bg{height:auto;} .error404_content .error_title{display:none;} .error404 .searchform .s {width:85%;} } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* General */ .size-wrap {width: 445px !important;} .mobileMenu {width:435px; margin: 0 auto !important;} /* Header */ #header #main_menu { width:445px !important; } #header #logo img{max-width:420px !important;} #header-wrapper #top_sidebar ul li{padding:0px; font-size: 0.94em; font-weight: bold;} .widget_nav_menu{ padding-bottom:0px !important;} #header-wrapper #top_sidebar ul.xoxo {margin-bottom:10px;} #header-wrapper #top_sidebar ul li .su-list ul {display: inline-block;} /* content */ #container_bg { width: 445px !important; } .pf-content h3{ font-size:19px; line-height: 26px;margin-top:13px;} .su-list ul li { font-size: 13px; padding-bottom:8px !important;} .su-spoiler-style-4 .su-spoiler-content { font-size:13px; } /* Content sidebar */ #before_wrapper {width:100%; } #before_wrapper .content_widgets {width:420px; padding-left: 10px; padding-right: 10px;} /* contact From responsive */ #post-9298 .wpcf7 .contact_us label { float:none;} #post-9298 .wpcf7 input, .contact_us input{width:100%} #post-9298 .wpcf7 textarea{width:100%;} #post-9298 .wpcf7 .wpcf7-select{ width:94.2%;} /* Sliders */ .su-nivo-slider{max-height: 100%; max-width: 440px; overflow:hidden; } #orbit-content img{max-width:440px !important; } /* social icon setting */ .candy-clearfix { margin: 0 auto !important; width: 260px !important; padding: 0px !important;} .candy-clearfix li { float:none !important; display:inline !important; margin-left:7px;} /* Footer */ #footer-widget-area{width:420px; padding-left: 5px; padding-right: 5px;} #footer-widget-area #fourth {float: none !important; margin: 0 auto !important; width: 203px !important; } #footer-widget-area .widget-area .textwidget > div {float:none !important;} #footer-widget-area #first { width:445px; margin:0px;} #footer-widget-area #third{margin-right: 40px;} #footer-widget-area #second, #footer-widget-area #fourth {margin-right: 0px; } } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* General */ .size-wrap {width: 300px !important;} .mobileMenu {width:280px;} /* Header */ #header #logo img{max-width:280px !important;} #header-wrapper #top_sidebar ul li{ font-size:13px; padding:0px; margin:0 5px!important; float:none !important; display:inline-block !important; line-height:13px !important;} #header-wrapper #top_sidebar ul.xoxo {margin-bottom:10px;} #header-wrapper #top_sidebar ul li .su-list ul {display: inline-block;} /* content */ #container_bg { width: 300px !important; } .pf-content h3{ font-size:19px; line-height: 26px;margin-top:13px;} .su-list ul li { font-size: 13px; padding-bottom:8px !important;} .su-spoiler-style-4 .su-spoiler-content { font-size:13px; } /* Content sidebar */ #before_wrapper {width:100%; } #before_wrapper .content_widgets {width:280px; padding-left: 10px; padding-right: 10px; } /* Sliders */ #orbit-content img{max-width:300px !important;} .su-nivo-slider{max-height: 100%; max-width: 300px; overflow:hidden;} /* Portfolio */ ul#filter {width:292px !important; padding:0 10px; } .mosaic-block, .mosaic-block-two {width:280px !important; margin: 20px 10px !important; } .mosaic-block-three, .mosaic-block-four {margin: 20px 10px !important; } .portfolio-item-text {float: left; height: auto; width:280px !important; padding:0 10px;} .portfolio_page_content {width:280px !important; padding:0 10px; } /* contact From responsive */ #post-9298 .wpcf7 .contact_us label { float:none;} #post-9298 .wpcf7 input, .contact_us input{width:86.8%;} #post-9298 .wpcf7 textarea{width:86.8%;} #post-9298 .wpcf7 .wpcf7-select{ width:94.2%;} /* Shortcodes */ .su_au_dec, .su_au_name {margin-left: 0px !important;} .su_au_pos {margin-left: 156px !important;} .su-callout h1 {line-height: 32px !important;} /* Footer */ #footer-widget-area #fourth {width:201px !important; margin:0 auto !important; float:none !important;} #footer-widget-area #first {width:280px !important; margin:0 auto !important; float:none !important;} #footer-widget-area #first, #footer-widget-area #third, #footer-widget-area #second, #footer-widget-area #fourth{margin-right: 10px; margin-left: 10px;} }