/* Theme Name: Parallaxr Theme URI: http://www.productivethemes.com/parallaxr Author: Convax team Author URI: http://www.convax.com/ Description: Parallaxr is a premium horizontal parallax based responsive wordpress theme developed by Convax Solutions, a webdevelopment agency in India. Features include HTML5/CSS3, Crosbrowser compatibility, Parallax, Ajax Based Contact form with jQuery validation, Support for post thumbnails, Portfolio custom post type. Version: 3.5.1 Tags: light, white, red, gray, horizontal, responsive, one-column,featured-images, theme-options. */ applet,html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer, header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}pre,code,kbd,samp{font-family:monospace,sans-serif}ul,ol{list-style:none;list-style-type:none}strong,th{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,td img{vertical-align:top;border:none}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}pre{padding: 15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}::-moz-selection{background:#972e09;color:#fff;text-shadow:none}::selection{background:#972e09;color:#fff;text-shadow:none}h1,h2,h3,h4,h5,h6, #recent-projects ul li strong{font-weight:400;font-family: 'Open Sans', sans-serif;letter-spacing:-2px;color:#bec5ab;padding-bottom:20px}h3,h4,h5,h6{letter-spacing:-1px}h1{font-size:24px}h2{font-size:30px;font-weight:400; line-height:32px}h3{font-size:22px; line-height:24px}a{color:#333; margin:0;padding:0;font-size:100%;vertical-align:baseline;text-decoration:none;outline:none}a,a:active,a:visited{outline:none;outline:0}a:hover{color:#999}select,input,textarea,button{font:99% sans-serif}input,select{vertical-align:middle}input{border:none;border:0}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}input[type="button"],input[type="submit"],button,.btn{cursor:pointer;border:none;outline:none;border:0;padding:6px 12px;float:right;margin-right:5%;color:#fff;background-image:linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-o-linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-moz-linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-webkit-linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-ms-linear-gradient(bottom, rgb(7,88,154) 0%, rgb(22,141,192) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(7,88,154)),color-stop(1, rgb(22,141,192)))}input[type="text"]:focus{outline:none}button,input,select,textarea{margin:0}input[type="text"], textarea{width:90%;line-height:20px;height:28px;background:#fff;border:1px solid #b8b8b8;padding:0 10px;-webkit-box-shadow:inset 0 1px 1px #e2e2e2;-moz-box-shadow:inset 0 1px 1px #e2e2e2;-o-box-shadow:inset 0 1px 1px #e2e2e2;box-shadow:inset 0 1px 1px #e2e2e2}input[type="button"],input[type="submit"],button,input[type="text"],textarea,.page-info-wrap,.btn,.scrollbar1 .scrollbar,.scrollbar1 .thumb,.map-btn span{-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;border-radius:6px}textarea{height:60px;padding:10px}button{width:auto;overflow:visible}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}label{cursor:text}textarea{overflow:auto;resize:none;line-height:20px}body,select,input,textarea{color:#666}body,p,a.more{font:normal 14px/18px 'Droid Sans',sans-serif}p{padding-bottom:20px}body{background-image:linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-o-linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-moz-linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-webkit-linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-ms-linear-gradient(bottom,rgb(7,104,169) 0%,rgb(4,90,155) 50%,rgb(12,112,175) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(7,104,169)),color-stop(0.5,rgb(4,90,155)),color-stop(1,rgb(12,112,175)));background-color:#03599b}aside{overflow: hidden; clear: both} select, option { cursor: pointer; padding: 5px 7px; } select{ -webkit-appearance: none; /* Fix for Mobile Safari */ background-color: #f8f8f8; border: 1px solid #e8e8e8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #8f8f8f; border-radius: 0; height: 30px; } input[type=text]::-webkit-input-placeholder{color:#CCC} input[type=text]:-moz-placeholder{color:#CCC} input[type=text]:-ms-placeholder{color:#CCC} /*================================================= Main Styles ==================================================*/ .hw,html,body{height:100%;width:100%;overflow:hidden;zoom:1; position: absolute; color:#FFFFFF;} /* Styling the targets. There are 6 nested divs - each div corresponds to a page. 6 pages = 6 divs. */ .elem-1, .elem-1-bg{z-index:9} .elem-2, .elem-2-bg{z-index:8} .elem-3, .elem-3-bg{z-index:7} .elem-4, .elem-4-bg{z-index:6} .elem-5, .elem-5-bg{z-index:5} .elem-6, .elem-6-bg{z-index:4} .elem-7, .elem-7-bg{z-index:3} .elem-8, .elem-8-bg{z-index:2} .elem-1-bg,.elem-2-bg,.elem-3-bg,.elem-4-bg,.elem-5-bg,.elem-6-bg,.elem-7-bg,.elem-8-bg{width:100%;overflow:hidden;position:absolute;left:0;top:0; height: 100%} .elem-1,.elem-2,.elem-3,.elem-4,.elem-5,.elem-6,.elem-7,.elem-8{transition:al 4000ms ease;-webkit-transition:all 4000ms ease;-moz-transition:all 4000ms ease;-o-transition:all 4000ms ease;height:100%; top:0; left:0; overflow: hidden; position: absolute} #content-inner{-webkit-transition:all 1000ms ease-in-out;-moz-transition:all 1000ms ease-in-out;-o-transition:all 1000ms ease-in-out;transition:all 1000ms ease-in-out} /*=== Generic styling here. ===*/ #header-wrapper{width:100%;height:40px;position:absolute;z-index:999;left:0;top:0;text-align:center} #header-main{width:95%;margin:0 auto} .logo{float:left;margin-top:5px;padding:0; text-align: left; visibility:hidden;} .logo a{font-size: 22px; color: #FFF} .logo span{font-size: 12px; clear: both; display: block; letter-spacing: 1px} /*Style for "footer" social media links*/ .footer_social{ color:#fff; margin-top:120px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px; } .footer_social ul li{ list-style:none; display:inline; font-size:14px; } .map-btn { display: block; position: absolute; margin-top: 67px; margin-right: 33px; z-index: 999; top: 55px; right: 60px; width: 32px; height: 32px; background: url(images/googe_map_icon.png) 0 0 no-repeat; } /*.map-btn span { opacity: 1; position: absolute; width: 80px; height: 22px; text-align: center; line-height: 22px; color: #000; top: 35px; left: -25px; font-size: 12px; background-color:#fff; visibility: visible; }*/ #map-span{ margin-left:110px; padding:3px; font-family: "HelveticaNeue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; background-color:#fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } /*.map-btn:hover span { opacity: 1; top: 40px; visibility: visible; }*/ #nav{ background-image: url(images/newBunting.png); background-repeat:no-repeat; margin:0 auto; margin-top: 40px; /*padding:25px 40px 45px 40px;*/ padding:18px 10px 65px 15px; width:695px; } #nav li { float:left; } #nav li a { margin-left:40px; color: #fff; font-size:16px; font-family: "HelveticaNeue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; } #nav li a:hover { color: #e8a718; } h1{ color:#000000;} h2{ color:#000000; } h3{ color:#000000; } h4{ color: #000000; } .page-info{padding:42px 58px;text-align:left; margin-top: 5px;} .page-info-wrap{width:52%;position:absolute;z-index:999;top:50%;left:50%;margin:0 0 0 -25%;min-height:280px;/*background-color:F0F0F0; opacity:.78;*/background: rgba(214,245,255, .5)} .page-info ul,.page-info ol, #fancybox-content .popup-div ul, #fancybox-content .popup-div ol{clear:both; margin:10px 8px} .home ul{margin:0;} .page-info ul li, #fancybox-content .popup-div ul li{list-style:url(images/bullet1.png);line-height:20px;margin-left:10px} .page-info ol li, #fancybox-content .popup-div ol li{list-style: decimal;line-height:20px;margin-left:20px} .page-info .floatRight{float:right;margin:0 0 20px 20px;} .page-info .floatLeft{float:left;margin:0 20px 0 20px} .page-info p{/*padding: 60px 0 10px 0;*/ color:#000000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .page-info h1{font-size:25px;padding:0 0 10px 0;line-height:40px;} /*.page-info h1,.page-info h3{-webkit-text-shadow:0 1px 0 #fff,0 -1px 0 #8a8f7b;-moz-text-shadow:0 1px 0 #fff,0 -1px 0 #8a8f7b;-o-text-shadow:0 1px 0 #fff,0 -1px 0 #8a8f7b;text-shadow:0 1px 0 #fff,0 -1px 0 #8a8f7b}*/ .page-info .overview h1{font-size: 38px; line-height:38px;} .page-info .overview h1, .page-info .overview h2, .page-info .overview h3, .page-info .overview h4, .page-info .overview h5, .page-info .overview h6{padding: 10px 0; text-shadow: none} .page-info .overview h4{font-size: 18px} .page-info .overview h5{font-size: 16px} .page-info .overview ol, .page-info .overview ol li, #fancybox-content .popup-div ol li{list-style:decimal} .page-info blockquote, #fancybox-content .popup-div blockquote{font-size:14px;color:#7e856a;background:url(images/quote.png) 4px 4px no-repeat} .page-info blockquote p, #fancybox-content .popup-div blockquote p{line-height:18px;padding-left:50px; color:#000000;} .home h1{text-align:center} .page-info .scrollbar1 .rec-proj h3{background:url(images/line.png) 0 13px repeat-x;text-align:center; padding: 0; margin-bottom: 10px} .rec-proj h3 span{background: url(images/page_bg.jpg) repeat;padding:0 20px; white-space: nowrap} .page-info .rec-proj{width:100%; text-align: center; padding-top: 10px; clear: both} .rec-proj-list-view{} .rec-proj-list-view img{border:5px solid #FFF; width: 130px; height: auto} .rec-proj-list-view a.various{position: absolute; left: 0; top: 0;} .rec-proj-list-view ul, .rec-proj-list-view ul li{list-style: none; background: none; margin: 0} .rec-proj-list-view ul li{margin: 10px 0; position: relative; float: left; width:100%; min-height: 160px} .rec-proj-list-view ul li .port-page-content{padding-left: 165px;} .rec-proj-list-view ul li .port-page-content h1{font-size: 30px; padding-top: 0} .rec-proj ul{overflow:visible;display:block;text-align:center; float: left; width:100%; clear:both; margin:0} .rec-proj ul li a img{background:#9fa68c;border:3px solid #fff;margin:10px 0; width:84px; height: 84px} .rec-proj img,.social-networks li,#recent-projects ul li img{-webkit-box-shadow:1px 1px 1px #ccc;-moz-box-shadow:1px 1px 1px #ccc;-o-box-shadow:1px 1px 1px #ccc;box-shadow:1px 1px 1px #ccc} .rec-proj ul li{margin:0; padding:0 10px; display:inline-block;position:relative} .contact-left p{padding-bottom:10px} .contact-left{float:left;width:50%} .contact-left form{width:100%; float:left; position: relative} .contact-right{float:right;width:43%} .contact-right h3{padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:10px} .contact-right p a{color:#99a086} .contact-right p{padding:0} .rec-proj ul li,ul.social-networks li{list-style:none; margin-left: 0} ul.social-networks{margin: 0} .social-networks li a{display:block;text-indent:-999px;overflow:hidden} .social-networks li a img{float:left} .get-in-touch{padding-bottom:10px} .social-networks{width:103%} .social-networks li{float:left;background:#fff;width:30px;height:30px;margin:0 13px 10px 0} /*.map-btn { display: block; padding:10px 10px 10px 10px; position: absolute; margin-top: 67px; margin-right: 33px; z-index: 999; top: 55px; right: 20px; width: 32px; height: 32px; background: url(images/googe_map_icon.png) 0 0 no-repeat; } .map-btn span { opacity: 1; position: absolute; width: 80px; height: 22px; text-align: center; line-height: 22px; color: #999; top: 35px; left: -25px; font-size: 12px; background: #fff; visibility: visible; } .map-btn:hover span { opacity: 1; top: 40px; visibility: visible; }*/ .social-networks li a img{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none} #secondary{position:absolute;z-index:9999;right:0;top:0;width:10px;height:100%;background: rgba(214, 207, 207, .7);overflow:auto} .sidebar{position:absolute;left:40px;width:210px;top:40px;display:none} #secondary h3{cursor:pointer;width:197px;height:34px;background:url(images/acc_header_bg.jpg) right bottom no-repeat;padding-bottom:2px;padding-left:10px;line-height:32px;color:#666;overflow:hidden;font-size:18px} #secondary ul{padding:10px 0} .linkcat li, ul.blogroll li{padding-left: 5px} ul.blogroll{padding:10px 0 10px 10px} ul.blogroll li{line-height:24px} ul.blogroll li a{color:#666} #secondary h3.active{background-position:right top} #recent-projects ul li{padding:7px 0; overflow:hidden} #recent-projects ul li img{float:left;width:50px;height:50px;background:#ccc;margin-right:16px;border:3px solid #fff} #recent-projects ul li a{display:block} #recent-projects ul li strong{display:block;font-size:15px;font-weight:700;letter-spacing:0;padding-bottom:3px;color:#9aa47f} #recent-projects ul li span{display:block;color:#BEC5AB;font-size:12px;letter-spacing:-1px} .arrow{width:48px;height:48px;position:absolute;z-index:9999;right:10px;top:100px;background:url(images/expand_collapse.jpg) 0 -23px no-repeat rgba(178,42,42, .7);-webkit-border-radius:4px 0 0 4px;;-moz-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px} #recent-projects ul li .thumb strong{width:136px;float:right} #recent-projects ul li .thumb span{width:136px;float:right;line-height:16px} .arrow.collapse{background-position: 0 0} .home .rec-proj{margin:0; float:left} /* Tiny Scrollbar */ .scrollbar1{width:100%} .scrollbar1 .viewport{width:100%;overflow:hidden;position:relative} .home .scrollbar1{z-index:99} .scrollbar1 .overview{position:absolute;left:0;top:0;padding:0;margin:0;width:100%} .scrollbar1 .scrollbar{background:url(images/scrollbar_bg.jpg) repeat;position:absolute;right:15px;width:10px;padding:3px 0} .scrollbar1 .track{height:100%;width:10px;position:relative;padding:0 1px} .scrollbar1 .thumb{background:#dde0d4;height:20px;width:6px;cursor:pointer;position:absolute;top:0;left:2px} .scrollbar1 .thumb .end{background:url(images/scroll_end.png) 0 0 no-repeat;width:13px;height:18px;overflow:hidden;position:absolute;z-index:999;left:50%;top:50%;margin:-9px 0 0 -7px} .scrollbar1 .disable{display:none} #secondary .scrollbar1{width:210px} #secondary .scrollbar1 .viewport{width:210px;height:380px} /* popup */ .popup-container{width:650px;overflow:hidden;padding:40px;position:absolute;z-index:9999999;left:50%;top:20%;margin-left:-324px;display:none} .popup-container .close-btn{position:absolute;z-index:999;right:30px;top:30px;background:url(images/popup-close-btn.png) 0 0 no-repeat;width:28px;height:28px;text-indent:-9999px;display:block;overflow:hidden} .popup-container .close-btn:hover{background-position:0 -31px} .popup-container .close-btn:focus,.popup-container .close-btn:active{background-position:0 -63px} .popup-container .popup-div{padding:20px;border:4px solid #e2e2e2;background:#fff;-webkit-box-shadow:0 0 4px #333;-moz-box-shadow:0 0 4px #333;-o-box-shadow:0 0 4px #333;box-shadow:0 0 4px #333} .popup-container img{border:1px solid #ccc;margin-bottom:10px} .popup-container h2{padding: 0 0 5px 0} #fancybox-img{width:100%; height: auto} #fancybox-overlay{background:url(images/overlay.png) repeat} #fancybox-close{background:url(images/close-btn.png) 0 0 no-repeat;width:38px;height:25px;right:-1px;top:-23px} .popup-div{width:auto;height:420px;overflow:auto;padding:40px} .popup-div img {max-width:100%; height:auto} #fancybox-content{background:#f6f9ef center no-repeat; width:auto !important;} #fancybox-title{width:auto !important} #google_map{padding:0} #content-inner{position:relative;z-index:99} #contactform p{padding-bottom:0} .post-edit-link{position:absolute;top:-10px;left:-10px;width:47px;height:47px;overflow:hidden;display:block;text-indent:-9999px;line-height:0;font-size:0;background:url(images/edit_icon.png);z-index:9999} .rec-proj .post-edit-link{top:0;left:-10px} #faq.overview .post-edit-link, .blog-post .post-edit-link{left:auto; top:0; right:0} .blog-post .post-edit-link{right:10%} .faq-item{position:relative;} .popup-div .post-edit-link{left:2px;top:2px} #fancybox-overlay{z-index:9999999} #fancybox-wrap{z-index:99999999} #fancybox-wrap.fancy-port{width:50% !important; left:50% !important; margin-left:-25% !important; padding: 0 !important} .copyright{bottom:0;font-size:12px;color:#FFF;left:0;padding:5px;z-index:9; position: absolute} h1.alert{opacity:.35; padding-top:50px; text-align: center; font-size: 30px; letter-spacing: 0} .successmsg, .loader{ display: none;background-color: green;bottom: 0;height: 100%;opacity:0.7;position:absolute;width: 99%;line-height: 223px;color: #FFF;text-align: center;font-size: 22px;} .formError{position: absolute;z-index: 999;cursor: pointer; white-space: nowrap} .formErrorContent{background: #EE0101;padding: 10px;color:#FFF;-moz-border-radius:10px;border-radius:10px; -webkit-border-radius:10px;-o-border-radius:10px;position: relative;} .formErrorContent:after{width:0;height:0;border-left:6px solid transparent;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #EE0101;content:"";position:absolute;left:-12px;top:45% } .formErrorArrow{display: none;} #fancybox-content .popup-div h1.entry-title{color: #333; font-size: 30px; padding-top: 0; line-height: 30px} #fancybox-content .popup-div h1{ font-size: 28px} #fancybox-content .popup-div h2{font-size: 26px} #fancybox-content .popup-div h3{font-size: 24px} #fancybox-content .popup-div h4{font-size: 20px} #fancybox-content .popup-div h5{font-size: 18px} #fancybox-content .popup-div h6{font-size: 16px} #fancybox-content .popup-div h1, #fancybox-content .popup-div h2, #fancybox-content .popup-div h3, #fancybox-content .popup-div h4, #fancybox-content .popup-div h5, #fancybox-content .popup-div h6, #fancybox-content .popup-div p, #fancybox-content .popup-div ul{padding: 10px 0} /* Blog */ .alignleft{float: left; margin-right: 30px; margin-bottom: 20px} .alignright{float:left; margin-right: 30px; margin-bottom: 20px} .aligncenter{margin: 0 auto; clear: both; display:block} #posts-nav-wrap{position:absolute; z-index:999; top:50px; right:15px} #posts-nav-wrap .pagination *{display:block; float:left; padding:1px 6px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; background:#d4dac2; margin:0 3px} #posts-nav-wrap .pagination span.current{background:#333; color:#FFF} .loading{position:absolute; top:0; left:0; width:100%; text-align:center; background:url(images/ajax-loader.gif) no-repeat center} .blog-post{clear: both; padding: 50 0 10px 0; position: relative} .blog-post .post-content a{display: block; position: relative} .blog-post .post-content a.post-more-link{clear: both} .blog-post .post-content span.date{display:block; position: absolute; right:0; top: 0; padding: 3px 0; width:80px;text-align: center; background: #000; color: #FFF;} .blog-post .post-content .com-num{position: absolute; right:80px; top: 0; padding: 3px 15px 3px 10px; background: #FFF url(images/comment-icon.png) no-repeat center right; border-right:8px solid #FFF} .blog-post .post-content a:hover .meta-data{display: block} .category-list{font-size: 12px; clear: both;overflow: hidden;padding-bottom: 10px;} .category-list span{padding: 3px 6px; background: #000; -moz-border-radius: 10px; -border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; margin-right: 5px; margin-bottom:5px; display:block; float: left} .single .category-list{padding-top: 10px} .meta-data{font-size: 12px; display: none} .image-left.wp-post-image{width: 560px; background: #FFF;height: auto; display: block; margin-bottom: 15px} ol.commentlist, ol.commentlist li, ol.commentlist ul{margin: 0; list-style: none} .page-info #singleblogscrollbar ol.commentlist ul, .page-info #singleblogscrollbar ol.commentlist ul li{list-style: none} .comment-author{clear: both; position: relative; font-size: 14px} .comment-body div, .comment-body p, .comment-body em{padding-left: 52px;} .comment-meta{font-size: 12px} .comment-author img{position: absolute; left: 0; top: 0; padding: 5px; background: #FFF} ol.commentlist{padding-bottom: 15px; float: left; width: 100%; border-bottom: 1px solid #E2E2E2} ol.commentlist *{font-weight: normal} ol.commentlist ul{margin-left: 52px} ol.commentlist li{float: left; width: 100%; padding: 15px 0 0 0; margin: 15px 0 0 0; border-top:1px solid #E2E2E2} #comments{padding: 0} textarea#comment{height: auto; width:90%} .blog-post .post-title h3{color: #333; padding-bottom: 0; min-height: 48px} .comment img.avatar{width:32px; height: 32px} .single #content-inner{z-index: 999; width:100% !important} .single #header-wrapper{z-index: 1000} .single .page{overflow: auto; width: 100% !important; padding-right: 0 !important} .single .page .page-info-wrap{height: auto; margin:55px auto 20px auto; position: relative; top:auto; left:auto;} .single .post-content{padding-bottom: 35px} div.reply a{background: #8A8F7B; color: #FFF; padding: 2px 10px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; font-size: 12px; float: left} #blog-page .blog-post{clear: none; float: left; width:50%} #blog-page #ajax-wrapper{width:105%} #blog-page .blog-post .image-left.wp-post-image{width: 100%; margin-bottom: 5px} .single .image-left.wp-post-image{ width:100%; height: auto} .post-thumb-image{border:5px solid #FFF} .post-thumb-image .image-left.wp-post-image{margin: 0} #blog-page .blog-post .post-content, #blog-page .blog-post .post-title{padding: 0 10% 0 0} .separator-line{clear: both} .blog-post p.metastuff{font-size: 12px} h3#reply-title{padding-top: 50px; clear: both} .image-404{display: block; clear: both; margin: 15px auto} #page-404{text-align: center} aside{ clear: both; overflow: hidden } .tab_contents{ display:none } .tab_contents.tab_contents_active{ display:block } .popup-div .scrollbar1 .viewport{ height: 400px !important; } .gallery .gallery-icon img{border: 5px solid #FFF !important} .blog-post img{ max-width:100%; height: auto } .seperator{ clear: both; width: 100%; height: 10px; overflow: hidden } .blog-image{ border: 5px solid #FFF; } .back-home{clear: both;} #blog-page .blog-post .blog-image .image-left.wp-post-image{ margin: 0 } #fancybox-wrap.fancy-port #fancybox-content{ width:auto !important; background-image:url(images/ajax-loader.gif); } .post-thumb-image{ position: relative } .post-thumb-image span.meta-data{ display: block } ul.tabs{ background: none; list-style: none; margin: 0; position: absolute; right: 20px; top: 30px; } ul.tabs li{ list-style: none; margin: 0; float: left; } ul.tabs li a{ padding: 0; overflow: hidden; text-indent: -999px; width:30px; height: 20px; display: block; float: left; background: #D4DAC2 url(images/views.png) 0 -19px; } ul.tabs li a.active{ background-color: #000; } ul.tabs .tableft.active{ background-position: 0 -1px; } ul.tabs .tableft{ -moz-border-radius-bottomleft: 20px; -moz-border-radius-topleft: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; } ul.tabs .tabright{ -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; background-position: -22px -19px; } ul.tabs .tabright.active{ background-position: -22px -1px; } @media screen and (max-width:1050px){ .hw,html,body{height:100%;width:100%;overflow:hidden;zoom:100%; position: absolute; color:#FFFFFF;} /*This is for the iPad zoom!!!!!!!!!* Remember to delete this!!!*/ .page-info-wrap{ width:60%; margin-left: -30% } #nav li a{ white-space: nowrap; font-size:12px; padding-left:10px } .map-btn { visibility:hidden; } .contact-left, .contact-right{ width:100%; clear:both; } .social-networks li { float: left; background: #fff; width: 30px; height: 30px; margin-bottom: 10px } .footer_social{margin-top:70px;text-align:center;} .map-btn span { visibility:hidden} } @media screen and (max-width:850px){ .hw,html,body{height:100%;width:100%;overflow:hidden;zoom:100%; position: absolute; color:#FFFFFF;} .page-info-wrap{ width:70%; margin-left: -35% } .fancy-port #fancybox-wrap{ width:70% !important; margin-left: -35% !important; } #blog-page .blog-post{ width:100%; } #blog-page .blog-post .image-left.wp-post-image{ width:50%; } .blog-image{border:none;} .contact-left, .contact-right{ width:100%; clear:both; } .logo{ width:100%; text-align:center; } #header-wrapper #nav li{ border-bottom: 3px solid transparent; height: 30px; } #header-wrapper{ height:auto; } .image-404{ width:100%; } #header-main nav{ display:table; margin:0 auto; float:none; clear: both; } #nav{ width:300px; background-image:inherit; } #nav li a{ margin:20px; white-space: nowrap; font-size:12px; color:#FFFFFF; } .map-btn { visibility:hidden; } #nav li.active a{ position: relative; } #nav li.active a:after{ top:30px; } #header-main nav ul#nav{ display:table-row; float:none; } .logo{ margin-bottom: 10px; } #header-main nav ul#nav li{ display:table-cell; float:none; } } @media screen and (max-width:550px){ .ol.commentlist ul{ margin-left: 0; } .page-info{padding:20px 30px;text-align:left; padding-top: 15px;} .page-info-wrap{ top:65%; } .page-info-wrap{ width:90%; margin-left: -45%; } #nav{ margin-left:-80px; } #nav li a{ padding:5px; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-info p { padding: 7px 0 10px; color: #000; font-size:10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .page-info h1 { font-size: 15px; padding: 0 0 10px; line-height: 40px; } .rec-proj-list-view a.various{ position: static } .rec-proj-list-view ul li .port-page-content{ padding-left: 0; clear: both; } #header-main nav{display: block} #header-main nav ul#nav{display: none} nav select { display: inline-block; width:80%; margin-bottom: 5px; } .get-in-touch { padding-bottom: 10px; } .social-networks { width: 103%; } .social-networks li { float: left; background: #fff; width: 30px; height: 30px; margin-bottom: 10px } #secondary{position:absolute;z-index:9999;right:0;top:0;width:10px;height:100%;background: rgb(214, 207, 207);overflow:auto} .sidebar{font-size:10px;color:#fff;position:absolute;left:40px;width:210px;top:-155px;display:none;} .sidebar span{font-size:12px;} }