/*************************************** Theme Name: Qamar Theme URI: http://themes.tielabs.com/qamar/ Description: A fullscreen portfolio theme for creative freelancers or agencies Author: Mo3aser Author URI: http://tielabs.com/ Version: 1.3.0 Tags: two-columns, fixed-width, custom-background, threaded-comments, translation-ready, custom-menu ***************************************/ /* --------------------------------------------- Main Global Layout Settings ------------------------------------------------ */ *{padding:0;margin:0;outline:none;list-style:none;border: 0 none;} body { background:#FFF url(images/patterns/bg1.png); color: #555; font-family: 'Open Sans',Arial,Verdana,sans-serif; font-size: 12px; padding-bottom:36px; } pre ,code{ direction:ltr; background:url(images/code-bg.png); font: 11px/19px 'andale mono', 'lucida console', monospace; padding: 3px; display: block; overflow-x: visible; overflow-y: hidden; margin: 0 0 20px 0; color: #666; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; } h1, h2, h3,h4, h5, h6 { font-weight:normal;} .alignright {float: right;} .alignleft {float: left;} .aligncenter{clear:both;margin-left:auto;margin-right:auto;} a { color: #444; text-decoration: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } a:hover { color: #00C2DF;} .clear {clear: both;} textarea, input[type=text], input[type=password], input[type=email], select { border: 1px solid #ccc; background: #fff; font-size: inherit; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } input, select {cursor: pointer;} input[type=text], input[type=password], input[type=email] {cursor: text;} textarea {overflow:auto;} textarea, input {padding: 5px;outline: none;} select {padding: 2px;} option {padding: 0 4px;} input[type=button], button {padding: 4px;cursor: pointer;vertical-align: middle;} input.text_input,textarea.textarea {border: 1px solid #ccc; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;} input.text_input:focus,textarea.textarea:focus {border: 1px solid #999; } ::-moz-selection , ::selection{ background: #00C2DF; color: #fff; text-shadow: none; } ::-webkit-scrollbar {width: 5px; height:5px; background:#F0F0F0 ; } ::-webkit-scrollbar-thumb { background: #00a1b9; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .background-cover{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; background-repeat:no-repeat; top:0; left:0; z-index:0; overflow: hidden; width: 100%; height:100%; opacity:0.7; } /* Header */ #header { border-top: 4px solid #00C2DF; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); background:#FFF ; position:relative; z-index:4; width:100%; } .header-content{ padding:10px 15px;} .logo { float:right; padding:12px 0 0;} .logo img{ max-width:95%; height:auto;} .logo h2{ margin:0; font-size:0;} .logo h2#site-title{font:bold 32pt arial;} /* Main Nav */ #main-nav {float:right;} #main-nav .menu-alert{padding-top:10px ;text-align:center; color:#FFF;} .menu-mob{ display:none; } #main-menu-mob{ display:block; -webkit-appearance: button; -webkit-user-select: none; text-overflow: ellipsis; white-space: nowrap; color: #666; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59); background: #f1f1f1 url(images/menu-arrows.png) no-repeat right center; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57); -o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57); padding: 9px 35px 5px 10px; width:200px; } #main-nav .main-menu{ margin:0 auto;} #main-nav ul li {font-size:14px;position: relative; float:left;} #main-nav ul li a { display: block; line-height: 55px; color: #777; padding:0 8px; border:1px solid transparent; font-weight:700; font-size:14px; font-family:'Oswald' ,arial; text-transform: uppercase; } #main-nav ul li a:hover ,#main-nav ul li:hover > a, #main-nav ul :hover > a { color:#000; } #main-nav ul ul { display: none; padding:0 15px;; position: absolute; top: 57px; left:0px; width: 180px; z-index: 99999; float: left; background: #FFF ; background: rgba( 255 , 255 , 255 , .92); border-bottom: 4px solid #00C2DF;; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2); text-align:left; } #main-nav ul ul li, #main-nav ul ul li:first-child { background: none !important; border-bottom:1px dotted #ccc; z-index: 99999; min-width: 180px; height:auto; margin:0; } #main-nav ul ul li:last-child{border:0 none;} #main-nav ul ul ul { right: auto; left: 100%; top: 0; z-index: 99999; } #main-nav ul.sub-menu a , #main-nav ul li.current-menu-parent ul.sub-menu a { border:0 none; background: none !important; height: auto !important; line-height: 20px; font-size:13px; padding: 10px 2px; width: 160px; display: block !important; margin-right: 0 !important; z-index: 99999; color: #555 !important; font-weight:normal; } #main-nav ul li:hover > a, #main-nav ul :hover > a { color: #00C2DF; } #main-nav ul ul li:hover > a, #main-nav ul ul :hover > a, #main-nav ul.sub-menu a:hover , #main-nav ul li.current-menu-parent ul.sub-menu a:hover {color: #00C2DF!important;} #main-nav ul li:hover > ul {display: block;} #main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover{ color:#00C2DF; } #main-nav ul.sub-menu li.current-menu-item, #main-nav ul.sub-menu li.current-menu-item a, #main-nav li.current-menu-item ul.sub-menu a{height:auto !important; } #main-nav ul.sub-menu li.current-menu-item::after {display: none;border: 0 solid transparent;} .sub-indicator{font-weight:100;} .page-intro{padding:15px; display:none; position:relative;} #filters{ padding:5px 15px 0; position:relative; z-index:3; display:none; } #filters li{ display:inline-block;} #filters li a{ padding:5px; margin:0 1px; display:inline-block; color:#333; -moz-transition:.4s linear; -webkit-transition:.4s ease-out; transition:.4s linear; text-transform: uppercase; } #filters li.current a , #filters li a:hover{color:#00AEC8;} /* Content Column */ .container{position: relative; width:990px; margin:0 auto;} #content,#single-content{ margin:20px 15px 20px 0 !important ; width:690px; float:left; } .full-width #single-content{ width:auto !important;float:none !important;} .full-width #sidebar{display:none;} .sidebar-left #single-content , .sidebar-left #sidebar{float:right !important;} .sidebar-left #single-content{ margin:20px 0 20px 15px !important;} .sidebar-left #sidebar{margin:20px 5px 20px 0!important;} div.error404 , div.not-found{width:100% !important; margin:0 auto !important;} p.post-meta , .post-date{color:#444;margin:5px 0; font-style:italic;} p.post-meta{border-bottom:2px solid #ddd; padding-bottom:5px;margin-bottom:10px;} p.post-meta span.sep{padding:0 3px; color:#ddd;} p.post-meta a {color: #444;} p.post-meta a:hover {border-bottom: 1px #444 dotted;color:#000; text-decoration:none;} .post-media{text-align:center; line-height:0; margin-bottom:10px;} .post-media img{ max-width:100%;} .format-image .post-media, .format-audio .post-media{ margin-bottom:0px;} .divider{ background: url(images/stripe.png); height: 10px; overflow: hidden; margin: 10px 0 20px; clear:both; } /* Page Styles */ div.page-head{ overflow: hidden; margin:20px auto -10px ; padding:5px 20px; position:relative; } .page-head .stripe-line{ margin-top:7px;} h2.page-title{ float: left; margin-right: 10px; font-size: 26px; font-family: 'Oswald' ,arial,Georgia, serif; } a.rss-cat-icon{ float:right; background:url(images/rss-small-icon.png) no-repeat top; width:16px; height:16px; margin:6px 0 0 8px; text-indent:-99999px; display:block; } .archive-meta{padding:15px 0;} /* Author Page Styles */ .author-bio{clear:both;overflow:hidden;padding:15px 3px;} #author-avatar{float:left;margin-right:15px;} #author-avatar img{ background: #000; padding: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 0px 2px #494949; -moz-box-shadow: 0px 0px 2px #494949; -webkit-box-shadow: 0px 0px 2px #494949; } /* Single Post Styles */ .post { margin-bottom:20px;} .post-inner{padding:25px} #blog-grid .post-inner{padding:20px} .entry-title , .portflio-title{ font-family: 'Oswald' ,arial,Georgia, serif; font-size:24px; line-height: 1.6em; } .post-footer li{ padding: 7px 11px; color: #999; overflow: hidden; border-top: 1px solid #D9D4D4; box-shadow: inset 0 1px #FCFAFA; -moz-box-shadow: inset 0 1px #fcfafa; -webkit-box-shadow: inset 0 1px #FCFAFA; background-color: #F2F0F0; font-size:11px; -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; } .post-footer li:hover{background:#eaeaea;} .post-footer li img.avatar{float:left; margin-right:8px;} .post-footer li p{padding-top:4px;} .entry-quote, .entry-link{ background:#444; text-align: center; padding: 15px; color: #fff; font-family:serif; font-weight: normal; } .entry-quote h1, .entry-quote h2, .entry-link h1, .entry-link h2{ font-size: 21px; line-height:25px; font-family:serif ; font-weight: normal ; } .quote-link a , .link-url a, .entry-link a{color:#fff;} .quote-link a:hover{color:#000;} .link-url a:hover, .entry-link a:hover{color:#ddd;} #main-content .item-list , .password-protected, body.single .single-folio,#single-content, #sidebar .widget, .page-head { background: #FFF; background: rgba(255, 255, 255, 0.75); box-shadow: 0 1px 3px rgba(34, 25, 25, 0.3); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.3); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.3); overflow:hidden; margin:0 0 20px; } #blog-grid{ margin:20px auto 0;} #blog-grid p.post-meta {border:0 none;} #blog-grid p.post-meta span{ display:none;} #blog-grid p.post-meta span.the-post-date{ display:inline;} #blog-grid .item-list{ width: 220px; float:left; margin:10px; } .item-list .post-media img{width:100%;height:auto;} .item-list p.post-meta {margin:5px 0;} #blog-grid .entry-title{ font-size: 20px; font-weight: normal; line-height:1.2; } .page-link{ margin:15px 0 0; padding-top:5px; border-top:1px solid #f2f2f2; } .edit-link{ clear:both; display:block; margin-top:10px; } .post-tag { margin:15px 0 } .post-tag a{font-style:italic;} .sticky {} /* Post Thumbnail */ .post-media.standard-img a:hover {opacity:0.8;} .post-thumbnail {margin: 0 15px 10px 0;position: relative; padding:2px;} .post-thumbnail img { display:block; padding:0; margin:0; border: 1px solid #FFF; -webkit-box-shadow: 0px 0px 2px 1px #ccc; box-shadow: 0px 0px 2px 1px #ccc; -moz-box-shadow: 0px 0px 2px 1px #ccc; width:50px; height:50px; -webkit-transition: all .20s; -moz-transition: all .20s; -o-transition: all .20s; transition: all .20s; } .post-thumbnail a:hover img{opacity:0.6;} .post-thumbnail a:hover .overlay-icon{opacity:0.7;} .overlay-icon{ background:url(images/link-overlay.png) no-repeat center; width:100%; height:100%; display:block; position:absolute; opacity:0; top:2px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Share */ .share-post { clear: both; margin:10px -25px 20px; padding: 10px 35px 10px ; background:#f7f7f7; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:20px; } .mini-share-post { clear: both; margin:10px -20px -20px; padding:10px 10px 10px 25px; height:20px; } .share-post li , .mini-share-post li{float: left;width: 106px;} /* Post Elements */ .entry {line-height:1.5;} .entry a{ color:#00C2DF} .entry a:hover{ color:#000} #content iframe { max-width: 100%; } .entry p {padding-top: 1.0em; padding-bottom: 1.0em;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom: 15px; line-height: 1em; font-family: Helvetica; font-weight: normal; } .entry h1 {font-size:36px;} .entry h2 {font-size:30px;} .entry h3 {font-size:24px;} .entry h4 {font-size:18px;} .entry h5 {font-size:14px;} .entry h6 {font-size:12px;} .entry ol,.entry ul {margin: 0 0 25px 10px;} .entry ul li {list-style: inside disc;} .entry ol li {list-style: inside decimal;} .entry li {margin: 0 0 5px ;} .entry table { border: 1px solid #DFDFDF; background-color: #F9F9F9; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif; color: #333; border-collapse: separate; border-spacing: 0; } .entry table td,.entry table th { border-top: 1px solid white; border-bottom: 1px solid #DFDFDF; color: #555; } .entry table th { text-shadow: 0px 1px 0px #fff; font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; font-weight: normal; padding: 7px 7px 8px; text-align: left; line-height: 1.3em; font-size: 14px; } .entry table td { font-size: 12px; padding: 4px 7px 4px; vertical-align: top; } .gallery {margin: 0 auto 18px;} .gallery .gallery-item { background: url(images/link-overlay.png) no-repeat center center; float: left; margin-top: 10px; text-align: center; width: 33%; } .gallery .gallery-item img { background:#FFF; padding: 4px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 0px 2px #B5B5B5; -moz-box-shadow: 0px 0px 2px #b5b5b5; -webkit-box-shadow: 0px 0px 2px #B5B5B5; -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; } .gallery .gallery-item a:hover img{ box-shadow: 0px 0px 2px #666; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; opacity:0.6; margin:-5px 0 5px; } .gallery-columns-2 .gallery-item {width: 50%;} .gallery-columns-4 .gallery-item {width: 25%;} .gallery img {border: 0 none !important;} .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;margin: 0 0 12px;} .gallery br + br {display: none;} .attachment img {display: block;margin: 0 auto;} blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; line-height:22px; background:url(images/quote.png) no-repeat left 18px; padding:0 0 0 60px; margin:0 0 30px 40px; min-height:60px; } /* Related Posts */ #related_posts , #author-box{ clear:both; overflow: hidden; margin: 20px -25px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 10px 35px 10px; background: #f7f7f7; } .block-head{padding: 3px 0 10px;overflow: hidden;} .block-head h3 { float: left; margin-right: 10px; font-size: 22px; font-family: 'Oswald' ,arial,Georgia, serif; } #related_posts li { background: url(images/sidebar-bullet.png) no-repeat left 8px; padding: 0 12px 10px 0; line-height: 18px; overflow: hidden; } #related_posts li:hover {margin-right:5px;} #related_posts .related-item{ padding: 8px 0 4px; overflow:hidden; } #related_posts .related-item .post-thumbnail{float: left;margin: 0 10px 0 0; } #related_posts .related-item .post-meta{border-bottom:0 none; } /* Post Navigation */ .navigation{margin:10px 0;clear:both;overflow:hidden;} .nav-previous{float:left;} .nav-next{float:right;} .post-navigation{clear:both;margin:0 0 20px;overflow:hidden;} .post-navigation div{ display: block; width: 245px; position: relative; font-size: 14px; color: #999; } .post-previous{ float: left;padding-left: 40px; } .post-next{float: right;text-align: right;padding-right: 40px;} .post-navigation div span{ display: block; font-size: 80%; color: #999; } .post-navigation div a:after{ position: absolute; color: #ccc; font-size: 56px; margin-top: -11px; height: 22px; line-height: 22px; top: 34%; } .post-previous a:after{content: '«';left:0px;} .post-next a:after{content: '»'; right:0px; } /* Sidebar */ #sidebar{ float:left; margin:20px 0 20px 5px; width:280px; } /* Widgets Styles */ .widget {padding:15px;clear: both;} .transparent-widget{ background: transparent; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; } h4.widget-top { font-size: 16px; font-family: 'Oswald' ,arial,Georgia, serif; margin-bottom:10px; } h4.widget-top a{color: #333;} h4.widget-top a:hover{color: #000;} .widget li { background:url(images/sidebar-bullet.png) no-repeat left 8px; padding: 0 0 5px 12px; line-height: 18px; overflow: hidden; } .widget ul.children{margin:10px 0 0 10px;} .widget h3{font-size:inherit;} .widget p {margin-bottom: 5px;} .widget a:hover {text-decoration: underline;} .widget li span.date, .footer-widget-container li span.date{color: #AAA;margin: 5px 0;font-size: 85%;} .widget .post-thumbnail, .footer-widget-container .post-thumbnail{float:left;margin:0 10px 0 0;} .text-html-box{margin-bottom:20px;} .widget_rss .widget-title img {width: 11px;height: 11px;} .widget.posts-pic .post-thumbnail{margin:2.8px ;} .comments-avatar.widget li,.widget.posts-list li,.widget.categort-posts li, .tabs-wrap li{ background:transparent; padding:8px 0 4px; border-bottom:1px solid #eee; } .facebook-box{text-align:center;} .facebook-box iframe { width:100% !important} .google-box{margin-bottom:-15px; text-align:center;} #wp_tag_cloud div {line-height: 1.6em;} /* Twitter Widget */ #twitter-widget ul{margin:0 -10px ;} #twitter-widget li{ background:url(images/tweet-icon.png) no-repeat 10px 15px; border-bottom:1px solid #f2f2f2; padding:10px 10px 10px 30px; } #twitter-widget li:last-child{border-bottom:0 none;} #twitter-widget .tweet_list .tweet_avatar img{ padding:2px ; margin-left:5px; float: right; background:#FFF; border:1px solid #d6d6d6; } #twitter-widget .loading span{ background:url(images/small-loader.gif) no-repeat top; height: 17px; display: block; } /* Calender */ #wp-calendar {width: 100%;} #wp-calendar caption { color: #222; font-weight: bold; padding-bottom: 4px; text-align: center; } #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad , footer #wp-calendar tbody .pad{ background: none;border:0 none;} #wp-calendar tfoot #next {text-align: right;} /* Author Widget */ .author-avatar img { border: 1px solid #ccc; padding: 4px; background: #FFF; float: left; margin: 0 10px 5px 0; } .author-description {font-size: 95%; line-height: 17px;} .author-social {float: left;margin-top: 10px;} .author-social a {opacity: 0.7;margin-left: 2px;} .author-social a:hover {opacity: 1;} /* Flickr Widget */ .flickr-widget .flickr_badge_image {float:left;margin:4px;} .flickr-widget .flickr_badge_image img{ opacity:1; width:60px; height:60px; -webkit-box-shadow: 0px 0px 2px 1px #B5B5B5; box-shadow: 0px 0px 2px 1px #B5B5B5; -moz-box-shadow: 0px 0px 2px 1px #B5B5B5; } .flickr-widget .flickr_badge_image a:hover img{opacity:0.6;} /* Social Icons Widget */ .social-icons{text-align:center; line-height:0;} .social-icons a{margin:2px;position:relative;} .social-icons.icon_32 img{width:32px;height:32px;} .social-icons.icon_24 img{width:24px;height:24px;} .social-icons.icon_16 img{width:16px;height:16px;} /* Login Widget */ #login-form{padding:11px 7px 0;} #login-form #log, #login-form #pwd, .widget-feedburner .feedburner-email, .password-protected input[type="password"]{ padding: 4px 7px; margin-bottom: 10px; display: block; max-width: 90%; height: 24px; } #login-form .login-button{ margin-right:20px;} #login-form p{padding-bottom:0;} ul.login-links{ margin-top:15px;} .welcome-text{margin-bottom:10px;} #content .entry #login-form p{ padding:0 } /* FeedBurner Widget */ .widget-feedburner-counter{padding:7px;} /* Tabbed Widget */ #tabbed-widget .widget-top{ margin:-15px -15px 10px; overflow:hidden; } #tabbed-widget ul.tabs li { float: left; position: relative; background:transparent; width:25%; padding:0; } #tabbed-widget ul.tabs li a { display: block; text-align: center; color: #666; padding:10px 0; background:#ddd; text-decoration:none; } #tabbed-widget ul.tabs li a:hover {color: #000;} #tabbed-widget ul.tabs li.active a {background:#FFF;background: rgba(255, 255, 255, 0.75); color:#000;} #tabbed-widget .tabs-wrap.tagcloud a{ padding: 5px 8px 5px 8px; margin: 0px -2px 1px 0px; display: inline-block; background: #eee; color: #000; -moz-transition: .8s linear; -webkit-transition: .8s ease-out; transition: .8s linear; text-decoration:none; } #tabbed-widget .tabs-wrap.tagcloud a:hover{background:#00C2DF; color:#FFF;} /* Images */ .entry img , img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width: 100%;height: auto !important;} img.centered, img.aligncenter { display: block; margin: 2px auto; border: 1px solid #cbcdcc; padding: 4px; } img.alignright { padding: 4px; margin: 2px 3px 3px 8px; display: inline; border: 1px solid #cbcdcc; } img.alignleft { padding: 4px; margin: 2px 8px 3px 3px; display: inline; border: 1px solid #cbcdcc; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 500px !important; padding: 4px; text-align: center; } .wp-caption img {margin: 5px 5px 0;} .wp-caption p.wp-caption-text {color: #888;margin: 5px;} /* Navigation */ .pagination {overflow: hidden;} .pagination a, .pagination span.extend, .pagination span.current { background-color: #ccc; float:left; margin-right : 2px; color: #000; padding: 6px 10px 5px; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear; } .pagination a:hover , .pagination span.current { color: #FFF; background-color: #00C2DF; text-shadow: 0 1px 0 #000; } .pagination .pages{ float:right; display:block; font-size:85%; padding: 7px 0 2px; } /* CommentList */ #comments-title { font-size: 22px; font-family: 'Oswald' ,arial,Georgia, serif; margin:25px 0 10px; } #comments-title em{color: #333;} .commentlist li{ margin-bottom: 20px; clear:both; position:relative; clear:both; } .comment-avatar { overflow:hidden; margin:5px 0 0; background: #FFF; padding: 4px; line-height:0; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; -webkit-box-shadow: 0px 0px 3px #888; float:left; } .author-comment{ overflow:hidden; position:relative; margin-bottom:5px; } .author-comment cite { color:#FFF; position:relative; display:block; margin-bottom:2px; padding-top:5px; font-style:normal; font-weight:bold; float:left; } .commentmetadata { display: block; font-size:85%; float:right; padding-top:5px; } .commentmetadata a{color:#3b3b3b;} .commentmetadata a:hover{color:#000;} .comment-wrap{ position:relative; border-bottom:1px solid #ddd; } .comment-content{ position:relative; display:block; overflow:hidden; padding-bottom:15px; margin-left:90px; min-height:80px; } .comment-content p{ line-height:17px; margin-bottom: 10px; } .nocomments {text-align: center;} .commentlist li ul li {} .commentlist li.pingback{ padding:5px 10px; border-bottom:1px solid #ddd; } .commentlist .children{margin-top:15px; margin-left:50px;} .commentlist .reply a{ position:absolute; bottom:0px; right:0px; background:#ddd; padding:3px 10px; font-size:11px; } .commentlist .reply a:hover{ background:#333; color:#FFF; } .bypostauthor {} /* Add Comments Form */ #respond { margin: 20px 0 10px; overflow: hidden; position: relative; clear: both; } .commentlist li #respond {margin: 10px 0px 20px 70px !important;} #respond h3 { text-transform: uppercase; font-size: 22px; font-family: 'Oswald' ,arial,Georgia, serif; } #commentform { padding: 0 5px; margin-top: 5px; overflow: hidden; } #commentform .required {font-weight: bold;} #commentform label {color: #888;} #commentform p {margin:10px 0;} #commentform textarea, #commentform input { border-color: #F1F1F1; border-top-color: #DDD; border-left-color: #DDD; background: #F9F9F9; color: #515151; font: 12px Tahoma; padding:4px 7px; margin-bottom: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #commentform input {display: block;width: 250px;height:24px;} #commentform textarea {width: 95%; } #commentform input:focus, #commentform textarea:focus {background: #fff;} #commentform .form-allowed-tags , .comment-form-comment label {display: none;} .comment-form-email,.comment-form-url,.comment-form-url,.comment-form-comment {clear: both;} .comment-notes{ margin-bottom:10px; } .form-submit #submit , #login-form .login-button , .widget-feedburner .feedburner-subscribe , .password-protected input[type="submit"]{ border: 1px solid #D9D9D9; background: #FBFBFB; background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FBFBFB),color-stop(100%,#EEE )); background: -webkit-linear-gradient(top,#FBFBFB 0,#EEE 100%); background: -moz-linear-gradient(top,#FBFBFB 0,#EEE 100%); background: -o-linear-gradient(top,#FBFBFB 0,#EEE 100%); background: -ms-linear-gradient(top,#FBFBFB 0,#EEE 100%); background: linear-gradient(top,#FBFBFB 0,#EEE 100%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5); color: black; text-shadow: 0 1px 0 white; height: 30px; line-height: 30px; width:auto; font-size: 13px; padding: 0 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background .40s; -moz-transition: background .40s; -o-transition: background .40s; transition: background .40s; position:relative; } .form-submit #submit:hover, #login-form .login-button:hover , .widget-feedburner .feedburner-subscribe:hover , .password-protected input[type="submit"]:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FFF),color-stop(100%,#f8f8f8)); background: -webkit-linear-gradient(top,#FFF 0,#f8f8f8 100%); background: -moz-linear-gradient(top,#FFF 0,#f8f8f8 100%); background: -o-linear-gradient(top,#FFF 0,#f8f8f8 100%); background: -ms-linear-gradient(top,#FFF 0,#f8f8f8 100%); background: linear-gradient(top,#FFF ,#f8f8f8 100%); } .form-submit #submit:active, #login-form .login-button:active , , .widget-feedburner .feedburner-subscribe:active , .password-protected input[type="submit"]:active {top:2px;} input.error, textarea.error{border:1px solid #FF0000 !important;} /* Tooltip */ a.ttip, a.tooldown{display:inline-block;} .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 5px 4px 5px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 2px #000000; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* Photo Galleries */ .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block; margin:0 auto;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider { margin: 0 auto 20px; position:relative; zoom: 1; width: 100%; min-height:100px; background: #333 url('images/black-loader.gif') no-repeat 50% 48%; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 100px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav .disabled {opacity: .3!important; cursor: default;} .flex-direction-nav a { position:absolute; background-color:#7C7C7C; background-image:url(images/supersized/arrow-next.png); background-repeat:no-repeat; background-position:center center; right:5px; top:5px; height:43px; width:50px; z-index:3; overflow:hidden; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; text-indent:-999999px; } a.flex-prev{ background-image:url(images/supersized/arrow-prev.png); right:60px;} .flex-direction-nav a:hover{background-color:#00C2DF;} #blog-grid .flex-direction-nav a{ -transform: scale(0.5); -ms-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); right:-10px; top:-6px; } #blog-grid a.flex-prev{right:18px;} /* isotope */ .isotope-item { z-index: 2;} .isotope-hidden.isotope-item { pointer-events: none; z-index: 1;} .isotope,.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s;-o-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property:transform, opacity;} .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} /* Load More Button */ a#load-more{ background: #FFF; background: rgba(255, 255, 255, 0.85); box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); display: block; text-align: center; padding: 10px 0; margin:10px auto 20px; text-decoration: none; -moz-border-radius: 3px; border-radius: 3px; color: #555; width:200px; clear:both; position:relative; } a#load-more:hover{ color:#00C2DF; } /* Audio Player */ .jp-jplayer{line-height:0;} div.jp-audio{color: #666;position:relative;width:100%;margin-bottom:20px; text-align:center;} .jp-interface { padding:2px 10px; height: 30px; background: #3A3B3C; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #222), color-stop(1, #3A3B3C) ); background: -moz-linear-gradient( center bottom, #222 0%, #3A3B3C 100% ); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } a.jp-play,a.jp-pause { width:18px; height:18px; float:left; text-indent:-9999px; outline:none; margin: 0 0 0 -4px; } a.jp-play {background: url("images/jplayer/sprite.png") 0 0 no-repeat;} a.jp-pause {background: url("images/jplayer/sprite.png") 0 -30px no-repeat;display: none;} .jp-progress { background: #706d6d; -webkit-box-shadow:inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); -moz-box-shadow:inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); box-shadow: inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); width:100%; height:4px; float:left; margin: 5px 0 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .jp-seek-bar { width:0px; height:100%; cursor: pointer;} .jp-play-bar { background: url("images/jplayer/play-bar.png") left repeat-x; width:0px; height:5px; position:relative; z-index: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .jp-audio a.jp-mute,.jp-audio a.jp-unmute { text-indent:-9999px; float:right; height: 18px; width: 18px; outline:none; } .jp-mute { background: url(images/jplayer/sprite.png) 0 -60px no-repeat;} a.jp-unmute {background: url(images/jplayer/sprite.png) 0 -90px no-repeat;display: none;} .jp-volume-bar { background: #706D6D; -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .4),0px 1px 0px rgba(255, 255, 255, .4); -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.4), 0px 1px 0px rgba(255,255,255,.4); box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .4),0px 1px 0px rgba(255, 255, 255, .4); height: 2px; width:50px; float: right; margin: 4px 1px 0 8px; } .jp-volume-bar-value { background: url("images/jplayer/play-bar.png") left repeat-x; width:0px; height:3px; position:relative; z-index: 9999; } .mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0;}.me-plugin{position:absolute;}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden;}.mejs-fullscreen{overflow:hidden!important;}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000;}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%;}.mejs-clear{clear:both;}.mejs-background{position:absolute;top:0;left:0;}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%;}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;}:root .mejs-poster img{display:none;}.mejs-poster img{border:0;padding:0;border:0;}.mejs-overlay{position:absolute;top:0;left:0;}.mejs-overlay-play{cursor:pointer;}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px !important;background:url(images/bigplay.svg) no-repeat;}.no-svg .mejs-overlay-button{background-image:url(images/bigplay.png);}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px;}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(images/background.png);background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url(images/loading.gif) 50% 50% no-repeat;}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(images/background.png);background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%;}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0;}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url(images/controls.svg) no-repeat;}.no-svg .mejs-controls .mejs-button button{background-image:url(images/controls.png);}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.mejs-container .mejs-controls .mejs-time span{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto;}.mejs-controls .mejs-play button{background-position:0 0;}.mejs-controls .mejs-pause button{background-position:0 -16px;}.mejs-controls .mejs-stop button{background-position:-112px 0;}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px;}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;}.mejs-controls .mejs-time-rail .mejs-time-total{margin:7px 5px;background: #706d6d;-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.4); box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.4);}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;}@-webkit-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-moz-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-ms-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-o-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0;}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width:0;}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center;}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111;}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0;}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px;}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0;}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px;}.mejs-controls .mejs-mute button{background-position:-16px -16px;}.mejs-controls .mejs-unmute button{background-position:-16px 0;}.mejs-controls .mejs-volume-button{position:relative;}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(images/background.png);background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0;}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0;}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative;}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:13px;width:50px;height:5px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background: #706d6d;-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.4); box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.4);}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:13px;width:50px;height:5px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none;}.mejs-controls .mejs-captions-button{position:relative;}.mejs-controls .mejs-captions-button button{background-position:-48px 0;}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(images/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0;}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1;}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0;}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer;}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none;}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px;}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis;}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff;}.mejs-captions-layer a{color:#fff;text-decoration:underline;}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal;}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0;}.mejs-captions-position-hover{bottom:45px;}.mejs-captions-text{padding:3px 5px;background:url(images/background.png);background:rgba(20,20,20,0.8);}.me-cannotplay a{color:#fff;font-weight:bold;}.me-cannotplay span{padding:15px;display:block;}.mejs-controls .mejs-loop-off button{background-position:-64px -16px;}.mejs-controls .mejs-loop-on button{background-position:-64px 0;}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px;}.mejs-controls .mejs-backlight-on button{background-position:-80px 0;}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0;}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001;}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333;}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333;}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2C7C91;color:#fff;}.mejs-controls .mejs-sourcechooser-button{position:relative;}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(images/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(images/background.png);background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden;}.mejs-postroll-layer-content{width:100%;height:100%;}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(images/background.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer;} .mejs-container, .mejs-embed, .mejs-embed body {background: #464646;} .mejs-controls .mejs-time-rail .mejs-time-loaded {background: #21759b;} .mejs-controls .mejs-time-rail .mejs-time-current { background: #d54e21;} .me-cannotplay {width: auto !important;} .wp-video-shortcode.mejs-container{ width: 100% !important; height: auto !important; padding-top: 57% !important;} .wp-video-shortcode.mejs-container video , .mejs-layer{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .item-list .mejs-horizontal-volume-slider{display:none!important;} /* Full Backgrounds Page templates */ .full-video { display: block; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; } .full-video iframe,.full-video object,.full-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .full-img{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; background-repeat:no-repeat; background-position:center center; top:0; left:0; z-index:0; overflow: hidden; width: 100%; height:100%; } #controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:35px; z-index:4; background:url(images/supersized/nav-bg.png) repeat-x; position:fixed; } #controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; } #slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; } #slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; } #navigation { float:right; margin:0px 20px 0 0; } #play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('images/supersized/bg-hover.png') repeat-x 0 44px; } #play-button:hover{ background-position:0 1px; cursor:pointer; } #prevslide, #nextslide{ position:absolute; background:#00AEC8; right:0; top:50%; height:43px; width:50px; opacity:0.8; z-index:999; overflow:hidden;-webkit-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s; } #prevslide span, #nextslide span{background:url(images/supersized/arrow-next.png) no-repeat center; display:block; height:43px; width:50px; } #prevslide{ margin-top:-44px;} #prevslide span{ background:url(images/supersized/arrow-prev.png) no-repeat center;} #prevslide:active, #nextslide:active{ } #prevslide:hover, #nextslide:hover{ cursor:pointer; width:60px!important; } ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; } ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; } ul#slide-list li a{ display:block; width:12px; height:12px; background:url('images/supersized/nav-dot.png') no-repeat 0 -24px; } ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; } #tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url('images/supersized/bg-hover.png') repeat-x 0 44px; } #tray-button:hover{ background-position:0 1px; cursor:pointer; } #progress-back{ z-index:5; position:fixed; bottom:77px; height:8px; width:100%; background:url('images/supersized/progress-back.png') repeat-x; } #progress-bar{ position:relative; height:8px; width:100%; background:url('images/supersized/progress-bar.png') repeat-x; } #nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; } #nextthumb { right:12px; } #prevthumb { left:12px; } #nextthumb img, #prevthumb img { width:150px; height:auto; } #nextthumb:active, #prevthumb:active { bottom:59px; } #nextthumb:hover, #prevthumb:hover { cursor:pointer; } #thumb-tray{ position:fixed; z-index:3; bottom:0; background:url(images/supersized/bg-black.png); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } #thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; } #thumb-back{ left:0; background: url('images/supersized/thumb-back.png') no-repeat center center;} #thumb-forward{ right:0; background:url('images/supersized/thumb-forward.png') no-repeat center center;} #thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); } #thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); } #thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); } ul#thumb-list{ display:inline-block; list-style:none; position:relative; ; padding:0 0px; } ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; } ul#thumb-list li img { width:100%; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } ul#thumb-list li:hover{ cursor:pointer; } #supersized { display:block; position:fixed; top:0; overflow:hidden; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; top:0; } #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } /* Portiflios & Galleries */ .gallery-grid.da-thumbs .portfolio-item a div div.info{ background:url(images/zoom_gallery.png) no-repeat center; padding:10px; margin:-5px 0 0 -5px; } .gallery-grid.da-thumbs .portfolio-item.video-item a div div.info{ background:url(images/play_gallery.png) no-repeat center;} /* Animated Overlay */ .da-thumbs .portfolio-item a {color:#fff !important;} .da-thumbs .portfolio-item a div { position: absolute; background: #111; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; overflow:hidden; } .da-thumbs .portfolio-item a div div.info { position:absolute; top:50%; margin-top:-15px; width:100%; line-height:23px; text-align:center; height:auto; background:transparent; } .da-thumbs .portfolio-item a div div.info h2{ font-size: 22px; font-family: 'Oswald' ,arial,Georgia, serif; font-weight:bold; padding:0 15px; opacity:0.9; } .da-thumbs .portfolio-item a div div.info h3{ text-transform: capitalize; font-size: 14px; padding:0 15px; opacity:0.7; } .da-thumbs .portfolio-item a div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .da-slideFromTop {left: 0px;top: -100%;} .da-slideFromBottom {left: 0px;top: 100%;} .da-slideFromLeft {top: 0px; left: -100%;} .da-slideFromRight {top: 0px;left: 100%;} .da-slideTop {top: 0px;} .da-slideLeft {left: 0px;} .portfolio-item a img{ -webkit-transition: 700ms; -moz-transition: 700ms; -o-transition: 700ms; transition: 700ms; } .portfolio-item a:hover img{ transform: scale(1.5,1.5) rotate(10deg); -ms-transform: scale(1.5,1.5) rotate(10deg); -webkit-transform: scale(1.5,1.5) rotate(10deg); -o-transform: scale(1.5,1.5) rotate(10deg); -moz-transform: scale(1.5,1.5) rotate(10deg); } .small-likes{ background:#555 url(images/small-like.png) no-repeat 3px 4px; display: inline-block; padding: 2px 5px 2px 22px; line-height: 14px; height: 15px; font-size: 13px; position:absolute; bottom:15px; right:15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity:.8; } .loading-folio{ background:#FFF url(images/loading.gif) no-repeat center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); height:31px; width:31px; margin:60px auto; padding:8px 15px; } .loading-item{ background-color: #000; background-color:rgba( 0 , 0 , 0 , 0.8); background-image: url(images/black-loader.gif); background-position: center center; background-repeat: no-repeat; width:40px; height:30px; position:absolute; top:50%; left:50%; margin: -15px 0 0 -20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #portfolio-content{max-width:1200px;display:none;} .portflio-title{ margin-bottom:10px;} .single-portfolio .portflio-title{float:left;} .password-protected{ position:absolute; top:50%; left:50%; margin:-120px 0 0 -220px; width:400px; padding:20px; -webkit-animation: wentrance 2s; animation: wentrance 2s; } .password-protected p{margin-top:1em;} .password-protected input[type="password"]{width:80%;} @-webkit-keyframes wentrance { 0% {opacity: 0; } 100% {opacity: 1;}} @keyframes wentrance { 0% {opacity: 0;} 100% {opacity: 1;}} #portfolio-grid{ padding:0 7px 15px; } .portfolio-item{float:left; line-height:0;} .portfolio-item a{ display: block; position: relative; overflow: hidden; margin:15px 7px 0; } .portfolio-item img{ width:100%; height:auto;} #preloader , #supersized-loader , #supersized li.image-loading { background-color: #FFF; background-color:rgba(255, 255, 255, 0.6); background-image: url(images/loading.gif); background-position: center center; background-repeat: no-repeat; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; width:31px; height:31px; position:absolute; top:50%; left:50%; margin:-40px 0 0 -32px; padding:15px; } .portflio-entry{line-height: 1.5;padding-right:220px;} .single-portfolio .portfolio-likes a{float:right;} .portfolio-likes a{ display: block; padding: 6px 10px 0 30px; height: 24px; background: #7C7C7C url(images/like.png) no-repeat 5px ; float:left; font-weight:bold; color:#FFF; } .portfolio-likes a:hover{ background-color:#00AEC8; color:#FFF;} .portfolio-likes a.liked,.portfolio-likes a.liked:hover{ background-color:#E70101; color:#FFF;} .project-details{ float:right; width:200px; } .project-details li{margin-bottom:10px;} .launch-project{ color: white; padding: 1px 10px 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background:#000; } .launch-project:hover{background:#00AEC8; color:#FFF;} #portfolio-grid , #blog-grid, #load-more:link, #load-more:visited {display: none; } .portflio-nav {overflow:hidden;margin-bottom:10px;float:right} .portflio-nav li {display:inline-block;margin:0 0 0 2px;float:right;} .portflio-nav li a{ display:block; width:30px; height:30px;background:#7c7c7c url(images/portfolio-icons.png) no-repeat center;} .portflio-nav li a:hover{ background-color:#00AEC8;} #prev-post{background-position: 8px center;} #next-post{background-position: -102px center;} #portfolio-content{ width:600px; display:none; z-index: 5; position: relative; } #portfolio-wrapper{ overflow:hidden; position:relative; z-index:0; } #portfolio-wrap{position:relative;} /* Footer */ #footer{ background-color:#FFF; background: rgba(255, 255, 255, 0.85); text-align:center; z-index:99; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); position:fixed; bottom:0; left:0; width:100%; height:35px; } .footer-content{padding:0 20px; position:relative; } /* Social Icon */ footer .social-icons{ padding:7px 0; float:right; position:absolute; right:20px; } footer .social-icons a { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; -webkit-filter: grayscale(1); opacity:0.8; margin:0 1px 0 0; } footer .social-icons a:hover{ filter: none; -webkit-filter: grayscale(0); opacity:1; } footer .social-icons a img{width:22px;height:22px;} .left-side{ position:absolute;left:20px;} #jp_container_home{ padding:7px 0; margin-left:10px; float:left; } #jp_container_home a.jp-play, #jp_container_home a.jp-pause { background: url("images/speaker.png") center bottom no-repeat; width:22px; height:22px; float:left; text-indent:-9999px; outline:none; opacity:0.4; } #jp_container_home a.jp-play:hover, #jp_container_home a.jp-pause:hover{ opacity:0.6; } #jp_container_home a.jp-pause {background-position:center top; display: none;} #scrollToTop{ background: #a0a0a0 url(images/top_arrow.png) no-repeat center; width: 22px; height: 22px; text-indent: -99999px; display:none; cursor:pointer; float:left; margin:7px 0 0 10px; opacity:0.7; } #scrollToTop:hover{ background-color: #00AEC8; opacity:1;} .copyrights{ color:#333; padding:9px 0; } /* PrettyPhoto */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* Shortcodes */ .post-tooltip{cursor:pointer;display:inline-block;border-bottom:1px #666 dotted;color:#ed5109;} .post-tooltip:hover{ border-bottom-color:#ed5109;} .highlight {background: #FF9;} .dropcap{display: block;float: left;margin: 0 8px 0 0;font-size: 50px;line-height: 50px;font-family: Georgia, Arial,"helvetica neue",Helvetica,Verdana,sans-serif;} .starlist li,.checklist li{background-position:left top;background-repeat:no-repeat;padding-left:25px;list-style:none;} .starlist li { background-image: url(images/bullet_star.png);} .checklist li {background-image: url(images/bullet_check.png);} .box{padding: 20px; background-color: #F6F6F6; border: #DADADA 1px solid; margin-bottom: 20px; word-wrap: break-word; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 7px #ccc;-webkit-box-shadow: 0 0 7px #ccc;box-shadow: 0 0 7px #ccc;border: 1px solid #FFF;} .box div{padding-left:60px; min-height:50px;} .box.shadow{-moz-box-shadow: 2px 2px 7px rgba(153, 153, 153, 0.6);-webkit-box-shadow: 2px 2px 7px rgba(153, 153, 153, 0.6); box-shadow: 2px 2px 7px rgba(153, 153, 153, 0.6);border: 1px solid #AAA;} .box.shadow div{padding:0;} .box.info{background:#d6f6ff;} .box.info div{background:url(images/info.png) no-repeat left top;} .box.success{background:#e2f2cb;} .box.success div{background:url(images/success.png) no-repeat left top;} .box.warning{ background:#fffddb;} .box.warning div{background:url(images/warning.png) no-repeat left top;} .box.error{ background:#ffe6e2; } .box.error div{background:url(images/error.png) no-repeat left top;} .box.download{background:#e2f2cb;} .box.download div{background:url(images/download.png) no-repeat left top;} .box.note{background:#fffddb;} .box.note div{background:url(images/note.png) no-repeat left top;} a.button{border: 1px solid #a3a3a3;background: #d4d4d4;height: 25px;line-height:25px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;color: white;display:inline-block; margin:0 5px 20px; padding:0 10px; position:relative;font-size:12px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5),inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: background .40s;-moz-transition: background .40s; -o-transition: background .40s;transition: background .40s; background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#d4d4d4),color-stop(100%,#c7c7c7));background: -webkit-linear-gradient(top,#d4d4d4 0,#c7c7c7 100%);background: -moz-linear-gradient(top,#d4d4d4 0,#c7c7c7 100%);background: -o-linear-gradient(top,#d4d4d4 0,#c7c7c7 100%); background: -ms-linear-gradient(top,#d4d4d4 0,#c7c7c7 100%);background: linear-gradient(top,#d4d4d4 0,#c7c7c7 100%); } a.button:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#d8d6d6),color-stop(100%,#cdcdcd));background: -webkit-linear-gradient(top,#d8d6d6 0,#cdcdcd 100%);background: -moz-linear-gradient(top,#d8d6d6 0,#cdcdcd 100%);background: -o-linear-gradient(top,#d8d6d6 0,#cdcdcd 100%);background: -ms-linear-gradient(top,#d8d6d6 0,#cdcdcd 100%);background: linear-gradient(top,#d8d6d6 0,#cdcdcd 100%);} a.button:active{ top:1px;} a.button.red{border: 1px solid #B63540;background: #ED596A;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F77087),color-stop(100%,#E3414D));background: -webkit-linear-gradient(top,#F77087 0,#E3414D 100%);background: -moz-linear-gradient(top,#F77087 0,#E3414D 100%);background: -o-linear-gradient(top,#F77087 0,#E3414D 100%);background: -ms-linear-gradient(top,#F77087 0,#E3414D 100%);background: linear-gradient(top,#F77087 0,#E3414D 100%);} a.button.red:hover{background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F8889B),color-stop(100%,#E65762)); background: -webkit-linear-gradient(top,#F8889B 0,#E65762 100%);background: -moz-linear-gradient(top,#F8889B 0,#E65762 100%);background: -o-linear-gradient(top,#F8889B 0,#E65762 100%);background: -ms-linear-gradient(top,#F8889B 0,#E65762 100%);background: linear-gradient(top,#F8889B 0,#E65762 100%);} a.button.green{border: 1px solid #5E8C22;background: #89C03E;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#A8D34E),color-stop(100%,#6AAD2D));background: -webkit-linear-gradient(top,#A8D34E 0,#6AAD2D 100%);background: -moz-linear-gradient(top,#A8D34E 0,#6AAD2D 100%);background: -o-linear-gradient(top,#A8D34E 0,#6AAD2D 100%);background: -ms-linear-gradient(top,#A8D34E 0,#6AAD2D 100%);background: linear-gradient(top,#A8D34E 0,#6AAD2D 100%);} a.button.green:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#B2D862),color-stop(100%,#76C132));background: -webkit-linear-gradient(top,#B2D862 0,#76C132 100%);background: -moz-linear-gradient(top,#B2D862 0,#76C132 100%);background: -o-linear-gradient(top,#B2D862 0,#76C132 100%);background: -ms-linear-gradient(top,#B2D862 0,#76C132 100%);background: linear-gradient(top,#B2D862 0,#76C132 100%);} a.button.blue{ border: 1px solid #1e638b;background: #00a2ff;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#00a2ff),color-stop(100%,#028edf));background: -webkit-linear-gradient(top,#00a2ff 0,#028edf 100%);background: -moz-linear-gradient(top,#00a2ff 0,#028edf 100%);background: -o-linear-gradient(top,#00a2ff 0,#028edf 100%);background: -ms-linear-gradient(top,#00a2ff 0,#028edf 100%);background: linear-gradient(top,#00a2ff 0,#028edf 100%);} a.button.blue:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3cb6fc),color-stop(100%,#31a6ea));background: -webkit-linear-gradient(top,#3cb6fc 0,#31a6ea 100%);background: -moz-linear-gradient(top,#3cb6fc 0,#31a6ea 100%);background: -o-linear-gradient(top,#3cb6fc 0,#31a6ea 100%);background: -ms-linear-gradient(top,#3cb6fc 0,#31a6ea 100%);background: linear-gradient(top,#3cb6fc 0,#31a6ea 100%);} a.button.orange{ border: 1px solid #be8a2b;background: #FFA500 ;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FFA500),color-stop(100%,#ed9900));background: -webkit-linear-gradient(top,#FFA500 0,#ed9900 100%);background: -moz-linear-gradient(top,#FFA500 0,#ed9900 100%);background: -o-linear-gradient(top,#FFA500 0,#ed9900 100%);background: -ms-linear-gradient(top,#FFA500 0,#ed9900 100%);background: linear-gradient(top,#FFA500 0,#ed9900 100%);} a.button.orange:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ffb93a),color-stop(100%,#f3ab26));background: -webkit-linear-gradient(top,#ffb93a 0,#f3ab26 100%);background: -moz-linear-gradient(top,#ffb93a 0,#f3ab26 100%);background: -o-linear-gradient(top,#ffb93a 0,#f3ab26 100%);background: -ms-linear-gradient(top,#ffb93a 0,#f3ab26 100%);background: linear-gradient(top,#ffb93a0,#f3ab26 100%);} a.button.pink{ border: 1px solid #cc198b;background: #ff00a2;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff00a2),color-stop(100%,#ed0097));background: -webkit-linear-gradient(top,#ff00a2 0,#ed0097 100%);background: -moz-linear-gradient(top,#ff00a2 0,#ed0097 100%);background: -o-linear-gradient(top,#ff00a2 0,#ed0097 100%);background: -ms-linear-gradient(top,#ff00a2 0,#ed0097 100%); background: linear-gradient(top,#ff00a2 0,#ed0097 100%);} a.button.pink:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff6cc9),color-stop(100%,#ea51b2));background: -webkit-linear-gradient(top,#ff6cc9 0,#ea51b2 100%);background: -moz-linear-gradient(top,#ff6cc9 0,#ea51b2 100%);background: -o-linear-gradient(top,#ff6cc9 0,#ea51b2 100%);background: -ms-linear-gradient(top,#ff6cc9 0,#ea51b2 100%);background: linear-gradient(top,#ff6cc9,#ea51b2 100%); } a.button.purple{ border: 1px solid #833083;background: #d700d7;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#d700d7),color-stop(100%,#b000b0));background: -webkit-linear-gradient(top,#d700d7 0,#b000b0 100%);background: -moz-linear-gradient(top,#d700d7 0,#b000b0 100%);background: -o-linear-gradient(top,#d700d7 0,#b000b0 100%);background: -ms-linear-gradient(top,#d700d7 0,#b000b0 100%); background: linear-gradient(top,#d700d7 0,#b000b0 100%);} a.button.purple:hover{background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f969f9),color-stop(100%,#c302c3));background: -webkit-linear-gradient(top,#f969f9 0,#c302c3 100%);background: -moz-linear-gradient(top,#f969f9 0,#c302c3 100%); background: -o-linear-gradient(top,#f969f9 0,#c302c3 100%); background: -ms-linear-gradient(top,#f969f9 0,#c302c3 100%);background: linear-gradient(top,#f969f9,#c302c3 100%);} a.button.black{ border: 1px solid #000;background: #434343;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#434343),color-stop(100%,#232323));background: -webkit-linear-gradient(top,#434343 0,#232323 100%);background: -moz-linear-gradient(top,#434343 0,#232323 100%);background: -o-linear-gradient(top,#434343 0,#232323 100%);background: -ms-linear-gradient(top,#434343 0,#232323 100%);background: linear-gradient(top,#434343 0,#232323 100%);} a.button.black:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#5a5959),color-stop(100%,#3d3d3d));background: -webkit-linear-gradient(top,#5a5959 0,#3d3d3d 100%);background: -moz-linear-gradient(top,#5a5959 0,#3d3d3d 100%);background: -o-linear-gradient(top,#5a5959 0,#3d3d3d 100%);background: -ms-linear-gradient(top,#5a5959 0,#3d3d3d 100%);background: linear-gradient(top,#5a5959,#3d3d3d 100%);} a.button.white{ border: 1px solid #d9d9d9;background: #fbfbfb;background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#eee ));background: -webkit-linear-gradient(top,#fbfbfb 0,#eee 100%);background: -moz-linear-gradient(top,#fbfbfb 0,#eee 100%); background: -o-linear-gradient(top,#fbfbfb 0,#eee 100%);background: -ms-linear-gradient(top,#fbfbfb 0,#eee 100%);background: linear-gradient(top,#fbfbfb 0,#eee 100%);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5);color:#000;text-shadow: 0 1px 0 #FFF;} a.button.white:hover{ background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FFF),color-stop(100%,#f8f8f8)); background: -webkit-linear-gradient(top,#FFF 0,#f8f8f8 100%);background: -moz-linear-gradient(top,#FFF 0,#f8f8f8 100%);background: -o-linear-gradient(top,#FFF 0,#f8f8f8 100%);background: -ms-linear-gradient(top,#FFF 0,#f8f8f8 100%);background: linear-gradient(top,#FFF ,#f8f8f8 100%);} a.button.medium{ height:35px; line-height:35px; font-size:16px; padding:0 15px;} a.button.big{ height:55px; line-height:55px; font-size:22px; padding:0 25px;} .flickr-wrapper {overflow:hidden;margin-bottom:20px;} .flickr-wrapper .flickr_badge_image {float:left;margin:8px;} .flickr-wrapper .flickr_badge_image img{opacity:1;background:#FFF;padding:4px;box-shadow: 0 0 3px #B2B2B2;-moz-box-shadow: 0 0 3px #b2b2b2;-webkit-box-shadow: 0 0 3px #B2B2B2;} .flickr-wrapper .flickr_badge_image a:hover img{ opacity:0.6;} #twitter-shortcode{margin-bottom:10px;} #twitter-shortcode li{background:url(images/tweet-icon.png) no-repeat 10px 15px;padding:5px 10px 5px 30px;overflow:hidden;list-style:none;} #twitter-shortcode li:last-child{border-bottom:0 none;} #twitter-shortcode .tweet_list .tweet_avatar img{ padding:2px ;margin-left:5px;float: right;background:#FFF;border:1px solid #d6d6d6;} #twitter-shortcode .loading{text-align:center; padding:10px;} .toggle {background:#F6F6F6;margin-bottom: 15px; border: 1px solid #E1E1E1;border-bottom: 1px solid #979797;padding: 5px 10px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;position: relative;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .toggle h3{padding-bottom:5px;margin-bottom:0;text-shadow: 0 1px 1px #FFF; cursor:pointer; background:url(images/toggle-close.png) no-repeat right;} h3.toggle-head-close{background:url(images/toggle-open.png) no-repeat right;display:none;} .toggle-content{padding-top:15px;} .toggle.close .toggle-content , .toggle.close h3.toggle-head-open {display:none;} .toggle.close h3.toggle-head-close {display:block;} .author-info{background:#F6F6F6;margin-bottom: 15px;border: 1px solid #E1E1E1;border-bottom: 1px solid #979797;padding: 20px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;position: relative;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .author-info-content{padding-left:100px;} .author-info-content h3{margin-bottom:15px;} .author-info img.author-img{ max-width:70px; float:left; margin-right:15px;background:#FFF;padding:4px; box-shadow: 0 0 3px #B2B2B2;-moz-box-shadow: 0 0 3px #b2b2b2;-webkit-box-shadow: 0 0 3px #B2B2B2;} .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{position:relative;margin-right:4%;float:left;} .one_half {width:48%} .one_third { width:30.66%} .two_third { width:65.33%} .one_fourth { width:22%} .three_fourth{ width:74%} .one_fifth { width:16.8%} .two_fifth { width:37.6%} .three_fifth{ width:58.4%} .four_fifth { width:67.2%} .one_sixth { width:13.33%} .five_sixth { width:82.67%} .entry .last{margin-right:0 !important;clear:right;} .post-tabs,.post-tabs-ver{ margin-bottom:20px;} .post-tabs ul.tabs-nav{height:33px;margin:0;padding-left:20px;} .post-tabs ul.tabs-nav li{ border:1px solid #E1E1E1;border-radius: 4px 4px 0 0;font-weight: bold; line-height: 32px;cursor: pointer;display: block; float: left;margin: 0 5px 0 0; padding: 0 16px;background:#ddd;border-bottom: 0 none;-webkit-transition: background .5s ease;-moz-transition: background .5s ease;-o-transition: background .5s ease;transition: background .5s ease;} .post-tabs ul.tabs-nav li.current{ background:#F6F6F6; z-index:1; height:33px;} .post-tabs .pane{background: #F6F6F6;margin-bottom: 15px;border: 1px solid #E1E1E1;border-bottom: 1px solid #979797; padding: 20px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);} .post-tabs-ver ul.tabs-nav{float:left;width:170px;margin:0;padding-top:10px;} .post-tabs-ver ul.tabs-nav li{ border:1px solid #E1E1E1;border-radius: 4px 0 0 4px;font-weight: bold;line-height: 32px;cursor: pointer;display: block; margin: 0 0 10px 0;padding: 0 16px; background:#ddd;border-right-width: 0;-webkit-transition: background .5s ease;-moz-transition: background .5s ease;-o-transition: background .5s ease;transition: background .5s ease;} .post-tabs-ver ul.tabs-nav li.current{background:#F6F6F6;z-index:1;width:138px;} .post-tabs-ver .pane{margin-left:170px;background: #F6F6F6;margin-bottom: 15px;border: 1px solid #E1E1E1; border-bottom: 1px solid #979797;padding: 20px; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); min-height:180px;} /*sitemap */ #sitemap {overflow:hidden;padding:10px 0 0 15px;} .sitemap-col {float: left;margin: 0 2% 10px 0;width: 23%;} #sitemap .last {margin-right: 0px; } .sitemap-col h2 { color: #ACACAC; font-size: 20px; font-family: Georgia, serif; border-bottom: 1px solid #353535; padding-bottom: 10px; margin-bottom: -3px; } .sitemap-col ul {padding-left: 0px;margin-left: 0;} .sitemap-col ul li{ background-position:left 7px; } .sitemap-col ul li a {padding: 4px 0px 4px ;display: block; } ul#sitemap-authors li a { display: inline-block; } /* Authors List */ ul.authors-wrap li{ background:transparent; padding:20px; margin:0 -20px 10px; border-bottom:1px solid #f2f2f2; list-style:none; } ul.authors-wrap li h3{ font-size: 22px; text-transform: capitalize; font-family: BebasNeueRegular,arial,Georgia, serif; margin:0 0 5px; } /* Timeline */ ul.timeline { border-left: 2px solid #DFDFE0; margin:0 0 20px 35px; overflow:hidden; padding-top:5px; } h2.timeline-head{ background:#DFDFE0; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; margin-bottom:0; display:inline-block; padding:4px 25px 3px; font-family: BebasNeueRegular,arial,Georgia, serif; font-size:12pt; color:#666; margin-top:10px; } ul.timeline li{background:transparent; list-style:none; padding:2px 10px;} ul.timeline li span{ width:100px; display:inline-block; color:#999;} /* TABLET : 1024px ----------------------------- */ @media only screen and ( max-width: 990px ) and (min-width: 768px){ #single-content , #sidebar , #content{ margin:20px 10px; width:auto; float:none; max-width:none; clear:both; } .header-content{ width:auto;} } /* Phone : 480px ----------------------------- */ @media only screen and (max-width: 767px) and (min-width: 480px){ body{padding-bottom:0;} .main-menu, .sidebar-bottom, #filters, #main-sidebar, #controls-wrapper, #prevslide, #nextslide, #thumb-tray, .pp_expand, .pp_contract, #jp_container_home, .page-template-template-bg-video-php #footer , .page-template-template-bg-slider-php #footer, .page-template-template-bg-img-php #footer{display:none !important;} .header-content{ width:auto; padding:0 10px;} #sidebar{ position:relative; width:100%; padding-right:0; padding-left:0; border-width:0 0 4px 0 ; } .container{ width:100%; } #main-nav {margin: 0 ;} .menu-mob{ display:block; } #main-menu-mob{ margin:10px 0 12px; float:right;} #preloader ,#supersized-loader, #supersized li.image-loading{ margin-left: -25px; bottom:70px; top:auto;} #single-content , #sidebar , #content{ margin:20px 10px !important; width:auto; float:none; max-width:none; clear:both; } .share-post{ height:45px; padding:5px 35px 8px 40px; } .share-post li, .mini-share-post li {width: 128px !important; height:27px;} .post-navigation div {width: 165px;} .portflio-entry{padding-right:0 } .project-details{ float:none; width:auto; padding:1.0em 0 2em; border-left:0 none; } .password-protected{ position: relative; top: auto; left: auto; margin: 40px 20px; width:auto; } #supersized , #supersized li , #progress-back, #supersized li.prevslide img, #supersized li.activeslide img , .full-img , .full-video{ left:0 !important; width:100% !important; margin-left:0 !important; } #progress-back{ bottom:0; } div.pp_default .pp_content,div.light_rounded .pp_content{height:auto !important; width:100% !important; padding-bottom:33px;} div.pp_pic_holder{min-width:90% !important;left:5% !important;} #fullResImage{height: auto!important; width: 100%!important;} a.pp_close{ right:auto !important; } #portfolio-content {width: 480px;} #footer{ position:relative; bottom:auto; left:auto; height:auto; } #footer.footer-show{position: fixed;bottom: 0;left: 0;} footer .social-icons, .left-side{position:relative;left:auto;right:auto;} .copyrights{clear:both;padding:3px 0;} #scrollToTop{margin-left:0;} .pp_content{height: 200px;width: 400px;} .pp_content iframe{width: 100%;height: auto;} } /* Phone : 320px ----------------------------- */ @media only screen and (max-width: 479px){ body{padding-bottom:0;} .main-menu, .sidebar-bottom, #filters, #main-sidebar, #controls-wrapper, #prevslide, #nextslide, #thumb-tray, .pp_expand, .pp_contract, #jp_container_home, #scrollToTop, .page-template-template-bg-video-php #footer , .page-template-template-bg-slider-php #footer, .page-template-template-bg-img-php #footer{display:none !important;} .header-content{ width:auto; padding:0 10px 10px;} #sidebar{ position:relative; width:100%; padding-right:0; padding-left:0; border-width:0 0 4px 0 ; } .container{ width:100%; } .logo{ margin:0 auto ; float:none; text-align:center;} #main-nav {margin: 0 auto ; text-align:center; float:none;} .menu-mob{ display:block; } #main-menu-mob{margin:10px auto 0; width:85%; float:none; } #preloader, #supersized-loader, #supersized li.image-loading{ margin-left: -25px; bottom:120px; top:auto;} #single-content , #sidebar , #content{ margin:20px 10px !important; width:auto; float:none; max-width:none; clear:both; } .share-post{ height:45px; padding:5px 0px 8px 8px; } .share-post li, .mini-share-post li {width: 106px; height:27px;} .post-navigation div {width: auto; float:none;} .portflio-entry{padding-right:0 } .project-details{ float:none; width:auto; padding:1.0em 0 2em; border-left:0 none; } .sitemap-col { float:none !important; width:auto !important;} #blog-grid .item-list{ -webkit-transform: none !important;position: relative !important;float: none !important;width: auto !important;margin: 10px 20px 20px;} #blog-grid {height: auto !important;} .password-protected{ position: relative; top: auto; left: auto; margin: 40px 20px; width:auto; } #supersized , #supersized li , #progress-back, #supersized li.prevslide img, #supersized li.activeslide img , .full-img , .full-video{ left:0 !important; width:100% !important; margin-left:0 !important; } #progress-back{ bottom:0; } div.pp_default .pp_content,div.light_rounded .pp_content{height:auto !important; width:100% !important; padding-bottom:33px;} div.pp_pic_holder{min-width:90% !important;left:5% !important;} #fullResImage{height: auto!important; width: 100%!important;} a.pp_close{ right:auto !important; } #portfolio-content {width: 320px;} #footer{ position:relative; bottom:auto; left:auto; height:auto; } #footer.footer-show{position: fixed;bottom: 0;left: 0;} footer .social-icons, .copyrights, .left-side{clear:both;float:none; margin:0;position:relative;left:auto;right:auto;} .copyrights{padding:2px 0;} .pp_content{height: 189px;width: 255px;} .pp_content iframe{width: 100%;height: auto;} }