/* Theme Name: KepnockHAIR Theme URI: http://crunchpixels.com.au/ Version: 1.2 Description: Another Minimalist Theme from Crunch Pixels Author: crunchpixels.com.au Author URI: http://crunchpixels.com.au */ /*-----------------[RESET]------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*----[BASIC STYLES]----*/ body {background: url("images/light-overlay.png") repeat-y scroll center top #E7E4E4; text-align: center; line-height: 18px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #666; min-height: 25px;overflow-x:hidden; } a { color: #EC4A96;text-decoration: none; text-shadow:1px 1px 1px #fff; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6, .widgettitle {padding-bottom: 15px; color: #444 ; line-height: 1.2em; font-family:'ColaborateLightRegular', arial, sans-serif;font-weight: normal;margin-bottom:0px; text-align:left;text-shadow:1px 1px 1px #FFFFFF;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#221E1F ;font-weight: normal !important; } h1 { font-size: 26px; line-height: 1em; } h2 { font-size: 22px; } h3 { font-size: 18px; font-weight:normal;line-height: 1em;} h4 { font-size: 16px; } h5 { font-size: 15px; } h6 { font-size: 14px; } .widgettitle {font-size: 13px;text-transform:uppercase;} p { padding-bottom: 20px; line-height:18px; } strong { font-weight: bold; color: #5fc894; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote {border-left: 1px dashed #DCDCDC;border-right: 1px dashed #DCDCDC;color: #666666;font-style: italic;margin: 1.5em;padding: 1em;} blockquote p { padding-bottom: 0px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } address {font-style:normal;line-height:1em;} address p{font-size:1em;font-style:normal;line-height:1.2em;padding-bottom: 0;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*---------------[MAIN LAYOUT INFO]---------------*/ #page-wrap { text-align: left; width: 960px; margin: 0 auto; position: relative; } #header { height: 65px;padding: 20px 0; } img#logo { float: left; margin:0px 30px 0px; } .container{height:100%; margin:0 auto; position:relative; } #quote{padding:0px 25px ;text-align:center;} #quote h1{font-size:34px; font-weight:normal;padding-bottom:20px;text-align:center;text-transform:none;} #quote h1 span {font-weight:bold;} #quote h3{color: #EC4A96;font-size:24px;text-transform:none;text-align:center !important;} #quote h3 span {font-weight:bold;} #services_bg { padding-top: 1px; } #services { margin-bottom:20px;padding-bottom:20px;position:relative;clear:both; } #services .one-third { float: left;padding: 31px 8px 5px 35px;position: relative; width: 272px;} #services .first { background: none !important; } #services img.icon {display:block; margin:0 auto; padding: 8px; } #services h3.title { margin-bottom: -4px; line-height: 1.4em;} #services h3.title a:hover { text-decoration: none; } #services p.tagline { font-family: arial, verdana, tahoma, sans-serif; font-style: italic; color: #a0a7ac; margin-bottom: -8px;} a.read-more { color: #fff !important; font-weight: normal !important; background: #4b4949; display: block; height: 24px; padding-right: 9px; line-height: 2em; float: right; font-style: italic; margin-top: 8px; margin-right: 0px; width:auto !important;} a.read-more span { float:right; display: block; height: 24px; padding: 0px 11px 0px 20px; width:auto !important;} #content {margin-bottom:25px;padding:25px 10px } #content.pagefull_width, .pagefull_width #content-area { width: 940px;; } #content-area { float: left; width: 620px;} div.entry { padding: 10px 41px 30px 20px;width:580px; } #content.pagefull_width div.entry { width: 900px; } div.entry a, div#comment-section a { font-weight: bold; } div.entry.homepage { padding-bottom: 0px; background: none; } div.entry img.thumbnail-post, img.alignnone, img.alignright, img.alignleft, img.aligncenter { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);margin-bottom: 7px; left:5px; position: relative;} img.tabbed {padding:3px;margin-top:3px;} div.entry img {max-width:100%;height:auto;} #breadcrumbs {padding: 10px 30px; } #breadcrumbs, #breadcrumbs a { color: #a0a7ac; font-style: italic; font-family: arial, verdana, tahoma, sans-serif; } h2.title a:hover { text-decoration: none; } h3.title { font-size: 22px; } p.post-meta { padding: 0px !important; line-height: 22px; position:relative; top:-10px; } p.post-meta, p.post-meta a { color: #a0a7ac; font-family: arial, verdana, tahoma, sans-serif; font-style: italic; font-weight: normal; } p.post-meta a:hover, #breadcrumbs a:hover { color: #111111; text-decoration: none; } .entry ul { list-style-type: disc; margin: 10px 0px 10px 20px; } .entry ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; } .entry ul li ul, .entry ul li ol { margin: 2px 0px 2px 20px; } .entry ol li ul, .entry ol li ol { margin: 2px 0px 2px 35px; } .border-radius {border-radius: 0px;} div.content-top { background:url("images/crosshatch.png") repeat scroll 0 0 #5fc894; margin-bottom:1px;margin-top:2px;width:100%} div.content-top .container {width:960px;} /*---------------[DROPDOWN MENU]------------------*/ div.menu {clear:right;margin-top:11px;padding:0 20px;position:relative;} ul.nav {background: url('images/Bg1.png') repeat-x scroll left bottom #221e1f !important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);float: right;font-family:'ColaborateLightRegular','Lato', Arial,Verdana,sans-serif;font-size: 12px; font-weight:bold; margin-bottom: 20px; margin-top: 5px; text-transform:uppercase; } ul.nav > li > a:hover, ul.nav > ul.nav > li.current-cat > a { background: #221e1f;color:#fff; } ul.nav li a { color:#EC4A96; padding:20px; text-shadow: none;text-transform:uppercase;} ul.nav li a:hover {text-decoration: none;} ul.nav > li:last-child { padding-right: 20px; } ul.nav ul li a { background: #221e1f; } ul.nav ul li a:hover { background: #221e1f; color: #fff;} /*ul.nav ul > li:last-child a { background-image: none; }*/ ul.nav ul { top: 58px !important; left: 0px !important; } ul.nav ul ul { left: 212px !important; top: -10px !important; border-top: none; } ul.nav li li { } ul.nav li li a { font-size: .9em;width: 180px; padding: 8px 12px 8px 12px; } ul.nav ul ul { background: none; } ul.nav ul li.last > a { background-image: none; } .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { background: #221e1f;left:203px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { background: #221e1f;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2); padding: 10px;width: 202px; display: none; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; border-bottom: none;} .nav li:hover { visibility: inherit; /* IE7 'sticky bug' */ } .nav li .sf-with-ul {padding-right:12px;} .nav .sf-sub-indicator { background: url("images/arrow.png") no-repeat scroll 0 0 transparent; display: block;float: right;height: 10px;overflow: hidden;padding: 2px; position: relative;right: -7px;text-indent: -999em;top: 6px;width: 10px;} .nav li ul .sf-sub-indicator {background:url(images/arrow-side.png) no-repeat;left:10px; top:5px; } /*--------------[FEATURED SLIDER]-----------------*/ #feature_wrap {float: left;margin: 2px 0; min-height: 400px;width: 100%;} div#featured { padding:30px;position: relative;margin-bottom: 25px;} #featured_content, .slide { width: 910px !important; } div.slide img.thumb {float: right; margin-left: 0px; text-indent:-9999px; border-radius:0px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);} div.slide div.description {float: left; width: 244px; } h2.description a {color: #444 ; padding-bottom:10px;} div.description h2 a:hover { text-decoration: none; } div.description p.tagline { font-family: arial, verdana, tahoma, sans-serif; font-style: italic; color: #221E1F ; } div.description { color: #666; } div#featuredlayer { padding:30px;position: relative;margin:0 auto !important; margin-bottom: 25px;} .ls-noskin {box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);} a.readmore { background: #221E1F;color: #EC4A96; font-weight: normal !important; display: block; height: 24px; padding-right: 9px; line-height: 2em; float: left; font-style: italic; margin-top: 8px; margin-right: 0px; text-shadow:none; } a.readmore span { float:left; display: block; height: 24px; padding: 0px 11px 0px 20px; } div#controllers { clear:both; bottom:40px; right:40px; position:absolute; } div#controllers a { float: right; text-indent:-9999px; background: url(images/controller1.png) no-repeat; display: block; height: 14px; width: 15px; margin-right:4px; } div#controllers a.activeSlide {background: url(images/controller2.png) no-repeat;} #feature {background:url("images/shadow-top.png") no-repeat scroll 0 -16px transparent;min-height:180px; padding-bottom: 28px;margin:0; position:relative; top:-25px;height:auto;} #feature .one-third { color:#fff;float: left;padding: 31px 10px 21px;position: relative; width: 300px;} #feature .first { background: none !important; } #feature img.icon { float:left;position: relative; padding:4px;} #feature h3.title { color: #fff; font-size: 17px; margin-bottom: -4px; line-height: 1.3em; text-align:center;} #feature h3.title a, #feature a {color:#fff;} #feature h3.title a:hover { text-decoration: none; } #feature p.tagline { font-family: arial, verdana, tahoma, sans-serif; font-style: italic; color: #a0a7ac; margin-bottom: -8px;} .border {background: #d8d8d8;width:100%;margin-top:1px;height:1px;position:relative;float:left;} /*-------------------[COMMENTS]-------------------*/ #comments {position:relative;padding: 10px 41px 30px 20px; } #comments h3 { font-weight:normal; margin-bottom:20px; } #comments .comment.thread-even { border-bottom:1px dashed #E9EBED; } #comments .comment.bypostauthor { } ol.commentlist {margin-top: 25px;} #comments .comment{border-top: 1px dashed #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: 20px 20px 20px 0; } #comments .comment-head {margin: 0 0 15px 50px;} #comments .comment-head a { color:#3f454b; } #comments .comment-head a:hover { color:#ff6633; } #comments .comment-entry {margin: 0 0 0 50px;} #comments .avatar { float:left; } #comments .avatar img{ margin: 0; vertical-align: middle; padding:3px; 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); } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 13px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { 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 { } #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:14px; font-weight: bold; } #comment-header, #reply-header, #dribbble-header {margin: 30px 0;text-align: center;} .comment-header-border { background-color: #e9ebed; height: 1px; margin: 0 auto; display: block; width: 200px; } /*-------------------[COMMENTS FORM]------------------- */ #respond { margin: 2em 0 0; padding:10px 41px 30px 20px;width:94%;} #respond h3 { font-weight:normal; margin-bottom:20px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 42px 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:none;} #commentform input.txt { color:#6D747E; background: #f0f0f0; width: 170px; margin: 0 5px 20px 0; padding: 10px 7px; } #commentform textarea { color:#6D747E; background: #f0f0f0; 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;} /*---------------------[FOOTER]-------------------*/ div.gototop {background: url("images/arrow-top.png") no-repeat scroll center top transparent;display: block;height: 36px;left: 0;margin-left: auto;margin-right: auto;margin-top: -36px;position: relative;text-indent: -9999px;top: 18px; width: 100%; z-index: 500;} .gototop a {display: block;height: 36px; margin-left: auto; margin-right: auto;text-indent: -9999px; width: 36px;} div#footer { border-top: 1px solid #DDDDDD;margin-bottom: 2px;margin-top: 3px;} div#footer-content { margin-top:1px;} .footer-widget {float: left; font-family: Arial,sans-serif; left: 20px;margin-right: 23px;padding-bottom: 20px;padding-top: 20px;position: relative; width: 166px;} .footer-widget h4.widgettitle { font-size: 13px; } .footer-widget a { text-shadow: 1px 1px 1px #fff; } .footer-widget a:hover { text-decoration: none; } .footer-widget ul { margin-bottom:8px; } .footer-widget ul ul { margin-bottom:0; } .footer-widget ul li {padding:0px 0 10px 19px; } .footer-widget ul li ul { margin:0 0 -3px; padding:5px 0 0 7px; } #footer-bottom {clear: both; border-bottom:1px solid #d8d8d8; } p#copyright { float:right; font-size:12px;} p#copyright a {font-weight: bold; } ul.bottom-menu li { float: left; padding-top: 12px; padding-left: 22px;padding-bottom:12px} ul.bottom-menu li a { text-transform: uppercase;font-size: 11px;font-weight: normal;text-shadow: 1px 1px 1px #fff;} .alt a {} p#copyright {float: right; padding-top: 10px; padding-right: 15px; font-size: 11px;} /*--------------------[SIDEBAR]-------------------*/ div#sidebar { float: right; width: 317px; } div.sidebar-block { float:left; padding:10px 5px 20px 30px; } #search-bar { } #sidebar #search-bar #searchinput {background: url(images/search-bg.png) no-repeat; width: 175px; height: 35px; border: none; float: left; padding-left: 10px; padding-right: 10px; margin: 0 !important; } #tabbed { position: relative; padding: 0px; } ul#tabbed-area {} ul#tabbed-area li.ui-state-active { padding-bottom: 11px; } ul#tabbed-area li.ui-state-active a { } ul#tabbed-area li { font-weight:bold; text-align: center; float: left; margin-right: 2px; } ul#tabbed-area li a { font: bold 12px/18px;color: #404040; display: block; padding: 13px 3px 10px; } ul#tabbed-area li a:hover {text-decoration: none; } ul#tabbed-area li.first a {margin-left:35px;} ul#tabbed-area li.second a {padding-left:10px} ul#tabbed-area li.third a {padding-left:10px} ul#tabbed-area li.last { padding-left:10px;margin-right: 0px; } ul#tabbed-area li.last a { } ul#tabbed-area li.ui-state-active a:hover { } div#recent-tabbed.widget {padding-top: 25px;} div#recent-tabbed, div#popular-tabbed, div#tags-tabbed, div#comments-tabbed {padding: 0px 20px 25px 35px} div#tags-tabbed .tagcloud a {padding:3px 6px;} div.sidebar-block .widget ul ul { margin-left: 9px;} .widget ul { margin-bottom: 5px; } .widget ul ul { margin-bottom: 0px; } .widget ul li{background:url("images/arrow-side.png") no-repeat scroll 0 6px transparent;color:#262626;line-height:18px;padding:2px 0 0 18px;} /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-left: -7px;margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*-----------------[WP CALENDAR]-----------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*-----------------[WP Gallery]-----------------*/ .gallery{margin:0 auto 18px;} .gallery .gallery-item{float:left;margin-top:0;margin-bottom: 20px;text-align:center;width:33%;} .gallery-columns-2 .gallery-item{width:50%;} .gallery-columns-4 .gallery-item{width:25%;} .gallery img{box-shadow:0 1px 3px rgba(0,0,0,0.5);float:left;} .gallery-columns-2 .attachment-medium{max-width:92%;height:auto;} .gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;} .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;} .gallery dl{margin:0;} .gallery br+br{display:none;} /*-------------------[PAGE NAV]------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; } .wp-pagenavi { position: relative; padding: 25px 0px 5px 20px; text-align:center; } .wp-pagenavi a, .wp-pagenavi a:link { border:1px solid #dedede; border-radius: 4px 4px 4px 4px; background: #EBEBEB;background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); color:#888 !important; padding:5px 12px; margin:1px;} .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { border-radius: 4px 4px 4px 4px;border:1px solid #dedede; background: #EBEBEB; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); color:#3399FF;padding:5px 12px; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .js #feat-content, .js div#from-blog div.entries {display: none;} .foursixeight { margin: 15px 0px 15px 84px;} .fullwidth { width: 100% !important; } div#controllers { z-index: 100; } .js #featured, .js div#tabbed {display: none;} img#wpstats{display:none} div.box-shadow {box-shadow:0 1px 2px rgba(0,0,0,0.1);} /*-------------------Widgets------------------*/ #gmaps-border, #gmaps-widget-border { padding: 5px; border: 1px solid #e5e2c6; background: #fff; -webkit-box-shadow: 1px 1px 1px #fff; -moz-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff; margin-bottom: 12px; } .location-page { float: right; margin-left: 15px; } #location-left-area { float: left; width: 332px; font-size: 14px; } #location-left-area .info-block { margin-bottom: 35px; color: #442917; } #location-left-area .info-block p { text-transform: uppercase; } #location-left-area .info-block span { text-transform: lowercase; color: #716851; } #gmaps-container { width: 250px; height: 151px; } .location-page #gmaps-container { width: 535px; height: 603px; } #bodyContent { padding: 0;overflow:hidden;width:auto;min-height:60px; } #gmaps-widget-container { width: 250px; height: 151px; } .location #gmaps-widget-container { width: 100%; height: 273px; } #testimonials { background: url("images/quote-top.png") no-repeat scroll 30px 6px transparent;} .testimonials-item h5 { padding: 0 30px 15px; text-align: center;} .testimonials-item-content { width: 259px; } .testimonials-item .thumb { display:block; float:left; position:relative; margin: 5px 21px 0px 0px;} .testimonials-item .item-image { border:1px solid #CCCCCC;margin:2px;padding:5px; } .testimonials-item p { padding-right: 20px; text-align:justify;} .testimonials-item-bottom { background: url(images/quote-bottom.png) no-repeat right bottom; padding-bottom: 32px; width: 259px; } /*-------------------[Tags]------------------*/ .tagcloud a {background:#5FC894;border-radius:2px 2px 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,0.09);color:#FFFFFF !important;font-size:12px !important;line-height: 2.4em;padding:3px 6px;text-shadow:1px 1px 1px rgba(0,0,0,0.09);} .tagcloud a:hover { background:#3e8260;border-radius: 2px 2px 2px 2pxbox-shadow:0 1px 2px rgba(0,0,0,1)color: #FFFFFF !important;} /*-------------------[Author Posts]------------------*/ #post-author{background:#FBFDFE;border-color:#DCE0E4 #D7DBDE #D7DBDE;border-radius:3px 3px 3px 3px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.09);clear:both;margin:0 0 1.5em;padding:15px;} #post-author .title{margin-bottom:10px;} #post-author .profile-image{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #C2C5CA;box-shadow:0 0 3px rgba(0,0,0,0.1);float:left;margin:0 15px 5px 0;padding:5px;} #post-author .profile-content{margin-left:100px;} .author-list {} p.author-list { padding-left:105px;clear:both } p.author { font-size: 22px; padding-top: 12px; padding-bottom:0px;text-shadow: 1px 1px 1px #ffffff; } /*-------------------[Media Styling]------------------*/ @media (max-width:699px) and (min-width:520px) { #page-wrap {max-width:650px;overflow:hidden;} #content.pagefull_width, .pagefull_width #content-area, #content.pagefull_width div.entry {width:628px; overflow:hidden;} #cp_pt_portfolio_gallery{margin-left:-11px;width:643px;} #feature_wrap {min-height:550px;} #featured_content{width: 620px;float:left;height:391px !important;margin-bottom: 20px;} div.slide div.description {background: #4B4949;clear:left; float:left;width: 608px;padding: 20px;} a.readmore {display: none;} div#controllers {bottom:-61px;} h2.description {font-size: 17px;} .cp-pricing {max-width: 600px;clear:both;} div#sidebar {float:left;} div.slide img.thumb {border-radius: 0 0 0 0;float: left; height: auto;margin-left: 0;max-width: 629px;} } @media only screen and (max-width: 520px) and (min-width: 380px) { #page-wrap {max-width:510px;overflow:hidden;} #feature_wrap {min-height:550px;} #content.pagefull_width, .pagefull_width #content-area, #content.pagefull_width div.entry{width:500px; overflow:hidden;} #details{display:none;} ul.nav {width:98%;display:block !important;} ul.nav li a {padding: 6px 8px;} .nav a {background: none repeat scroll 0 0 #111111;float: none;margin: 2px; text-align: center; width: 430px;} #feature_wrap {min-height:550px;} #featured_content{width: 430px;float:left;height:391px !important;margin-bottom: 20px;} div.slide img.thumb{float:left;height:auto;margin-left:0;max-width:430px;} div.slide div.description{background:none repeat scroll 0 0 #4B4949;clear:left;float:left;padding:20px;width:390px;} h2.description a {font-size:18px;} div#controllers {bottom:0px;right: 80px;width:320px;} a.readmore {display: none;} #services .one-third {float: left; position: relative; padding: 31px 72px 5px 100px;} .cp_pt_portfolio_image img {width: auto;height: 76px;} div.entry {width:440px;} div.entry p {width:90%;clear:both;} div.entry img.thumbnail-post, img.alignnone, img.alignright, img.alignleft, img.aligncenter {width: 390px;height: auto; float:left; } .gallery .gallery-item {float:left;clear:both; margin: 0 auto;} #cp_pt_portfolio_gallery{margin-left:-11px;width:500px;} .cp-pricing {max-width: 480px;clear:both;} div#sidebar {float:left;} } @media only screen and (max-width: 379px) and (min-width: 180px) { #page-wrap {width:330px;overflow:hidden;} img#logo{float:none;position:relative; text-align:center;} #content.pagefull_width, .pagefull_width #content-area, #content.pagefull_width div.entry{width:330px; overflow:hidden;} #details{display:none;} ul.nav {width:315px; display:block !important;} ul.nav li a {padding: 6px 0;} .nav a {background: none repeat scroll 0 0 #111111;float: none;margin: 2px; text-align: center; width: 301px;} #feature_wrap {min-height:550px;} #featured_content{width: 298px;float:left;height:391px !important;margin-bottom: 20px;} div.slide img.thumb{float:left;height:auto;margin-left:0;max-width:298px;} div.slide div.description{background:#4B4949;clear:left;float:left;padding:20px;width:259px;} h2.description a {font-size:18px;} div#controllers {width: 259px; bottom: 15px;} #services .one-third {float: left; position: relative; padding: 31px 8px 5px 31px;} div.entry {width:315px;} div.entry p {width:80%;clear:both;} div.entry img.thumbnail-post, img.alignnone, img.alignright, img.alignleft, img.aligncenter {float:left;height:auto;margin-left:0;max-width:260px; } .gallery .gallery-item {float:left;clear:both;} div#sidebar {float:left;} a.readmore {display:none;} } @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ #page-wrap {max-width:480px;overflow:hidden;} #feature_wrap {min-height:550px;} #content.pagefull_width, .pagefull_width #content-area, #content.pagefull_width div.entry{width:500px; overflow:hidden;} #details{display:none;} ul.nav {width:98%;display:block !important;} ul.nav li a {padding: 6px 8px;} .nav a {background: none repeat scroll 0 0 #111111;float: none;margin: 2px; text-align: center; width: 430px;} #feature_wrap {min-height:550px;} #featured_content{width: 430px;float:left;height:391px !important;margin-bottom: 20px;} div.slide img.thumb{float:left;height:auto;margin-left:0;max-width:430px;} div.slide div.description{background:none repeat scroll 0 0 #4B4949;clear:left;float:left;padding:20px;width:390px;} h2.description a {font-size:18px;} div#controllers {bottom:0px;right: 80px;width:320px;} a.readmore {display: none;} #services .one-third {float: left; position: relative; padding: 31px 72px 5px 100px;} .cp_pt_portfolio_image img {width: auto;height: 76px;} div.entry {width:440px;} div.entry p {width:90%;clear:both;} div.entry img.thumbnail-post, img.alignnone, img.alignright, img.alignleft, img.aligncenter {width: 390px;height: auto; float:left; } .gallery .gallery-item {float:left;clear:both; margin: 0 auto;} #cp_pt_portfolio_gallery{margin-left:-11px;width:500px;} .cp-pricing {max-width: 480px;clear:both;} div#sidebar {float:left;} } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { #page-wrap {width:330px;overflow:hidden;} img#logo{float:none;position:relative; text-align:center;} #content.pagefull_width, .pagefull_width #content-area, #content.pagefull_width div.entry{width:330px; overflow:hidden;} #details{display:none;} ul.nav {width:315px; display:block !important;} ul.nav li a {padding: 6px 0;} .nav a {background: none repeat scroll 0 0 #111111;float: none;margin: 2px; text-align: center; width: 301px;} #feature_wrap {min-height:550px;} #featured_content{width: 298px;float:left;height:391px !important;margin-bottom: 20px;} div.slide img.thumb{float:left;height:auto;margin-left:0;max-width:298px;} div.slide div.description{background:#4B4949;clear:left;float:left;padding:20px;width:259px;} h2.description a {font-size:18px;} div#controllers {width: 259px; bottom: 15px;} #services .one-third {float: left; position: relative; padding: 31px 8px 5px 31px;} div.entry {width:315px;} div.entry p {width:80%;clear:both;} div.entry img.thumbnail-post, img.alignnone, img.alignright, img.alignleft, img.aligncenter {float:left;height:auto;margin-left:0;max-width:260px; } .gallery .gallery-item {float:left;clear:both;} div#sidebar {float:left;} a.readmore {display:none;} }