/* Theme Name: ProductFolio Theme URI: http://premiumthemes.net/ Description: Developed by Bhavesh Radadiya. Version: 1.2 Author: PremiumThemes Author URI: http://premiumthemes.net/ */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* Import TEXT styling for grid framework*/ body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} /* Import GRID styling for grid framework*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:940px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0; padding:0; } body { font:12px Arial, Helvetica, sans-serif;} a { color:#4785b4; text-decoration:none; } a:hover { color:#245479; text-decoration:underline; } .fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } hr { margin-bottom:30px; margin-top:20px; clear:both; } .hr2 { margin:0px; padding:0; clear:both; } h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; } .imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:2px; } #content .imgleft { margin:5px 18px 15px 0; float:left; border:1px solid #ccc; padding:2px; } #content #post .imgleft { margin:5px 18px 5px 0; float:left; border:1px solid #ccc; padding:2px; } /* headings ---------------------- */ /* h1.head { margin:0; display:block; font-size:36px; padding:10px 15px; float:left; } */ * html h1.head { margin:0 0 0 5px; } .container_border { width:960px; margin:0 auto; } h1.head.news { font-size:22px } /* Structure ---------------------- */ #banner { margin-bottom:0px; } #sidebar { float:right; width:270px; } #sidebar-inner { float:right; width:270px; } .sidebar_in { padding:20px 10px 0 20px; margin-right:-20px; } * html .sidebar_in { position:relative; /* ie6 */ } #content { float:left; } #content-inner { float:left; } #bottom { margin-top:5px; } .bottom-in { padding:10px 0 10px 0; } .footer-in { padding-top:10px; padding-bottom:20px; overflow:hidden; } /* header ---------------------- */ #header .blog-title a{ font:30px Arial, Helvetica, sans-serif; padding:0; margin:0; text-decoration:none; } #header .blog-title a:hover{ text-decoration:none;} #header p.blog-description{ font-style:italic; font-size:12px; margin:0; padding:0; } #header .photo { float:left; border:0px solid #d5d5d5; margin:0px; } #header .header_left { float:left; width:275px; } /* Banner ---------------------- */ .banner-in { position:relative; min-height:320px; } * html .banner-in { height:320px; } .banner_content { float:left; padding:15px 0 0 0; } .banner_content h1 { font-size:15px; } #banner h1 { margin:0 0 0px 0; padding:0; font:bold 28px Arial, Helvetica, sans-serif; line-height:45px; } #banner p { text-align:justify; margin:0 0 30px 0; padding:0; font:16px Arial, Helvetica, sans-serif; line-height:20px; } #banner h3.subline { margin:0 0 20px 0; padding:0; font:20px Georgia, "Times New Roman", Times, serif; } .container { width:372px; height:233px; overflow:hidden; position:relative; } .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:372px; display:none; } /* #loopedSlider,#newsSlider { margin:0 auto; width:456px; height:273px; padding:67px 0 0 84px ; position:relative; float:right; background:url(images/laptop.png) no-repeat left 48px; } */ .button { height:100%; overflow:hidden; float:left; margin-right:10px; margin-right:10px; padding-left:17px; } .button a { float:left; padding:7px 30px 10px 10px; font:bold 14px Arial, Helvetica, sans-serif; } .button a:hover { font:bold 14px Arial, Helvetica, sans-serif; } a.previous{ position:absolute; left:15px; top:175px; width:28px; height:28px; display:block; text-indent:-9009px; } a.next{ position:absolute; right:15px; top:175px; width:28px; height:28px;display:block; text-indent:-9009px; } /* breadcrumb section --------------------- */ .breadcrumb {font-size:11px; padding:5px 0; clear:both; } .breadcrumb { padding-left:15px; font-weight:normal; } .breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; } .breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; font-size:11px; text-align:left; } .breadcrumb a:hover { text-decoration:none; } /* content ---------------------------- */ .content_spacer { padding:20px 0px 15px 0px; } .wrapper .grid_7 { margin-left:0; margin-right:0px; } p { padding:0px 0 10px 0; line-height:20px; margin:0 } #content p { margin-left:0px; margin-right:0px; font-size:14px; text-align:justify} #content ul { list-style:none; } #content li { margin:0 0 8px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; text-align:justify } #content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal; line-height:18px; } #content ol li ol { margin:8px 0 5px 18px; padding:0; } #content ol li ol li { list-style:lower-latin; } #content ol li { margin:0 0 5px 0; padding:0; } #content .gallerylist { margin:0 0 0 -30px; padding:0; list-style:none; min-height:500px; } #content .gallerylist li { margin:0 0 25px 25px; padding:0; float:left; list-style:none; } * html #content .gallerylist { height:500px; } * html #content .gallerylist li { margin:0 0 15px 18px; } #content .gallerylist li img { padding:2px; } #content .gallerylist li p { font-size:12px; line-height:normal; } #content .gallerylist li .date { font-size:11px; margin-top:3px; float:left; } #content .img { padding:2px; margin-bottom:10px; } #content h3 { margin:0 0 10px 0; padding:0; font:22px Arial, Helvetica, sans-serif; } .featured_work { margin-bottom:20px; } .featured_work img { margin-bottom:10px; float:left; margin:0 25px 10px 0; } #content .featured_work a.more_link { font-size:12px; font-weight:bold; text-decoration:underline; } #content .services { list-style:none; margin:0 0 35px 0; padding:0; width:280px; } #content .services p { width:80%; font-size:12px; margin:0px; padding:0; float:right; } #content .services p strong { font-size:14px; } #content p.more a { text-decoration:none; font-size:12px; } #content p.more a:hover { text-decoration:none; } #content .services img { float:left; margin-top:5px; } /*---------TOP NAVIGATION for PAGES--------- */ .page_nav { float:right; height:27px; margin:20px -30px 0 0; text-align:left; padding:0; } .page_nav li { list-style:none; margin:3px 30px 0 0; padding:0; float:left; } .page_nav li a { list-style:none; font-size:12px; font-weight:bold; padding:6px 0; } .page_nav li a:hover { text-decoration:none; } /* post ---------------------------- */ blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 45px; } #content blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; } blockquote cite { font-size:12px; font-style:bold ; float:right; line-height:18px; text-align:right; display:block; } blockquote a { font-size:13px; } .flickr h3 span{ font-weight:normal;} .flickr h3{ margin-bottom:20px } .flickr ul{ margin:12px 0 0; padding:0 } .flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 } .flickr img{ padding:2px; width:68px; height:68px; } #calendar_wrap{ padding:0; font-size:13px } #wp-calendar { width:100%; } #wp-calendar caption { font-weight:bold; font-size:15px; text-transform:uppercase; } #calendar_wrap caption{ padding:10px 0 } .posts h1 { font-size: 25px } .posts h2 { font-size: 23px } .posts h3 { font-size: 21px } .posts h4 { font-size: 19px } .posts h5 { font-size: 17px } .posts h6 { font-size: 15px } .content_spacer h4.cate_title { font-size:26px; clear:both; } dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 } p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0; } p em { line-height:20px; } code { line-height:18px; } #content .posts { padding-bottom:5px; margin-bottom:35px; } #content .post_top { margin:0 0 10px 0; padding-left:35px; } #content p.post_top a { text-decoration:none; } #content p.post_top a:hover { text-decoration:none; } .more { font-size:12px; font-weight:bold; } #content .post_top h2 { margin:0; padding:0; font-size:22px; line-height:normal; font-weight:bold; } .commentcount { margin-left:0px; padding-left:18px; } #content .headline { padding-left:30px; } #content .headline h2 { padding:0;margin:0; border:none; float:left; font-size:14px; font-weight:bold; } #content .headline h2 a { color:#4785b4; padding:12px 0 8px 0; width:620px; display:block;} #content .headline h2 a:hover { color:#245479; } #content .headline .commentcount { float:right; margin-right:-8px; margin-top:12px; width:90px; text-align:left; } #content p.postmetadata { margin:0 0 0px 0; font-size:11px; } #content .post_top p.postmetadata { margin:0; padding:0; font-size:11px; } #content .posts h2.title { margin:0; padding:0; font-size:26px; font-weight:bold; } #content .posts h2.title a { text-decoration:none; } #content .posts h2.title a:hover { text-decoration:none; } #content p.post_bottom { margin:0; padding:0; font-size:11px; } #content p.post_bottom a { text-decoration:none; } #content p.post_bottom a:hover { text-decoration:none; } /* Post Pagination */ .pagination { float:right; margin:0; padding:0; height:100%; overflow:hidden; margin-bottom:20px; } .pagination .on { padding:5px 8px; margin-right:3px; float:left; display:block; } .pagination a { display:block; float:left; padding:5px 8px; margin-right:3px; } /*#sidebar ----------------------- */ .ad-box { margin-bottom:20px; } .ads123456 img { float:left; margin:0 10px; } .ads123456 { margin:0 auto; width:300px; height:150px; } #sidebar .widget { width:270px; margin:0 0 25px 0; } #sidebar-inner .widget { width:270px; margin:0 0 25px 0; } #sidebar-inner .sidebarsub .widget { width:160px; margin:0 0 25px 0; } #sidebar .widget h3 { margin:0 0 10px 0; padding:0; font-size:20px; font-weight:bold; } .twitter { padding:10px 10px 30px 10px; margin-bottom:35px; } .twitter_icon { float:left; width:130px; padding:0px 0 0px 60px; font:24px Georgia, "Times New Roman", Times, serif; margin-left:15px; } #twitter ul { margin:10px 0 0 0; padding:0; } #twitter li { margin:0 0 10px 0; padding:0; list-style:none; line-height:18px; } .twitter_post { float:right; width:680px; line-height:18px; padding-left:15px; border-left:1px solid #ccc; color:#000; } .twitter_post #twitter li { background:none !important; list-style:none; } #sidebar .testimonials { height:100%; overflow:hidden; } #sidebar .testimonials_top { padding:12px 12px 5px 12px; } #sidebar .testimonials_bottom { padding:12px; text-align:right; } .testimonials_hr { padding-bottom:12px; } #sidebar .testimonials p { font: italic 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:22px; } #sidebar .testimonials_bottom p.author { margin:0; padding:0; font:italic 12px Georgia, "Times New Roman", Times, serif; } #sidebar .contact h3 { padding-top:0; } #sidebar .contact img { float:left; } #sidebar .contact_right { width:230px; float:right; } .contact_info { border-top:1px solid #ccc; padding-top:10px; } #sidebar .cfield { float: left; display:block; width:50px; font-weight:bold; } /* sidebar inner ------------*/ #sidebar-inner h3 { margin:0 0 10px 0; padding:0 0 5px 0; font-size:17px; } #sidebar-inner ul { list-style:none; margin:0 0 20px 0; padding:0; } #sidebar-inner li { margin:0 0 10px 0; padding:0 0 10px 0; width:100%; font-size:14px; } #sidebar-inner li a { text-decoration:none; } #sidebar-inner li a:hover { text-decoration:none; } #sidebar ul { list-style:none; margin:0; padding:0; } #sidebar li { list-style:none; margin:0; padding:0; width:100%; } #sidebar .social_mark li a { padding:12px 0 12px 42px; font-size:18px; display:block; } /* widget search box */ #searchform { padding:0px; } #searchform input { padding:5px 4px; font:10px Arial, Hevetica, Times, serif; } #searchform #searchsubmit { font:bold 12px Arial, Helvetica, Times, serif !important; font-weight:bold; cursor:pointer; width:60px; } .screen-reader-text { display:none; } /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ color:silver; font-size:14px; padding:5px 0; margin:0; height:50px;} .arclist ul li ul{ border-bottom:0; padding:0 0 0 5px } .arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px } .arclist .archives-time{ float: left; font-size:16px;width:100px; margin:0 0 0 0 } .arclist ul li a:hover { text-decoration:underline; } .archives-link { float: right; width:490px; padding-left:10px;} /*---------COMMENTS --------- */ #comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; } #comments .commentlist { padding:0; margin:0 } #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none } #comments .comment a{ text-decoration:none; padding:1px 0 } #content #comments p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal; font-size:11px; font-weight:bold; } #comments p.authorcomment a { text-decoration:none; } #comments p.authorcomment a:hover { text-decoration:none; } #comments .comment .meta-left { width: 90px; float:left;} #comments .comment .meta-left p{ padding:0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; } #comments ul.children { margin:10px 0 0 20px; padding:0 } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; } span.comm-reply a:hover{ font-size:11px; text-decoration:none; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif; } #respond textarea { margin:0; padding:5px; } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; } * html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } *+html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } .avatar { padding:3px;} /* bottom ---------------------------- */ #bottom .widget-spot h3 { margin:0 0 0 0; padding:0; font:1px Arial, Helvetica, Times, serif; } #bottom .postlist { margin:0 0 0 -5px; padding:0; } #bottom .postlist li { margin:0 0 5px 0; padding:3px 5px; list-style:none; font-size:14px; } #bottom .postlist li a { text-decoration:none; } #bottom .postlist li span { font-size:11px; } #bottom .postlist li a:hover { text-decoration:none; } #bottom .postlist li:hover { cursor:pointer; } #bottom .postlist li p { margin:0; padding:0; line-height:18px;} #bottom .grid_4 { margin:0; } #bottom li { margin:0 0 0 0; padding:0; list-style:none; font-size:14px; } #bottom li a { text-decoration:none; font-size:12px; } #bottom li span { font-size:11px; } #bottom li a:hover { text-decoration:underline; } #bottom li:hover { cursor:pointer; } #bottom .widget-spot1 .widget ul { margin:0 0 0 0; padding:0 0 0 0; } .subscribe form { position:relative; } .subscribe b { margin-top:-3px; } .aleft { float:left; padding:8px 5px 0 0 ; } .field { padding:5px; width:165px; font-size:12px; height:16px; } .replace { text-align:center; vertical-align:middle; width:78px; font:14px Georgia, "Times New Roman", Times, serif; border:none; cursor:pointer; float:right; position:absolute; right:0; top:0px; height:28px; padding-bottom:3px; line-height:25px; } * html .replace { top:1px; right:40px; } *+html .replace { top:1px; } #bottom .widget { } #bottom .subscribe_spacer{ margin:0 0 0 20px; } #bottom .subscribe { padding:0; list-style:none; } #bottom .iSocialize_icons img { float:left; margin-right:10px; } /*a.i_linkedin { background:url(images/i_linkedin.png) no-repeat; width:30px; height:30px; float:left; display:block; text-indent:-9009px; margin-right:10px;a }*/ #footer .copyright , #footer .copyright a {text-decoration:none; } #footer ul { float:right; margin:0 -10px 0 0; padding:0; list-style:none; font-size:11px; } #footer li { float:left; padding:0 10px; margin:0; line-height:12px; } #footer li a { text-decoration:none; } #footer li a:hover { text-decoration:none; } * { margin:0; padding:0 } /* ############################################## # Custom CSS DigiDNA ############################################# */ #header p.blog-description { font-style:italic; font-size:12px; margin:0; padding:0; display: none; } #header .blog-title a { font:30px Arial, Helvetica, sans-serif; padding:0; margin:0; text-decoration:none; display: none; } #header .photo { float:left; margin:0; margin-top:5px; border-style:none; /* border-color: black; */ } .twitter_icon { float:left; width:130px; padding:0px 0 0px 60px; font: 14px Arial, Helvetica, sans-serif; margin-left:15px; margin-top: 20px; } #footer .copyright , #footer .copyright a { text-decoration:none; right: 40%; left: 40%; width:400px; position: absolute; } .container_border3 { position:relative; top:34px; width:960px; margin:0 auto 0 auto; padding:0 0 0 0; border-top:1px solid #dfdfdf; height:1px; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; } .sf-menu { line-height:13px; } .sf-menu ul { position:absolute; top:-999em; width:150px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width:100%; } .sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float:left; position:relative; margin-right:10px; } .sf-menu a { display:block; position:relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.5em; /* match top ul list item height */ z-index:99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:150px; /* match ul width */ top:0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:150px; /* match ul width */ top:0; } /*** DEMO SKIN ***/ .sf-menu { float:right; } .sf-menu li a { padding:8px 12px 12px 12px; text-decoration:none; font-weight:bold; font-size:13px; } .sf-menu li li a, .sf-menu li li li a, .sf-menu li li li li a, .sf-menu li li li li li a { padding:8px 12px; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator { /* give all except IE6 the correct values */ top:.8em; /* use translucent arrow for modern browsers*/} .sf-shadow ul { padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } /*---------TOP NAVIGATION for PAGES--------- */ .sf-menu { float:right; margin-left:100px;} .sf-menu li { float: left; margin: 0 1px 0 0; padding: 0 10px 0 0; background: url(skins/1-default/newimages/img_nav_tabright.png) no-repeat top right; } .sf-menu li a { margin: 0; padding: 10px 10px 4px 20px; display: block; background: url(skins/1-default/newimages/img_nav_tableft.png) no-repeat top left; text-transform: uppercase; font-weight: bold; color: #fff; height: 17px; } .sf-menu li a:hover {color:#fff; } /* .sf-menu li ul li a { border-left:1px solid #ccc; border-top:1px solid #ccc; } */ .sf-menu li.current_page_item, .sf-menu li.current_page_parent, .sf-menu li.current_page_ancestor { float: left; margin: 0 1px 0 0; padding: 0 10px 0 0; background: url(skins/1-default/newimages/img_activenav_tabright.png) no-repeat top right; } .sf-menu li.current_page_item a, .sf-menu li.current_page_parent a, .sf-menu li.current_page_ancestor a { float: left; margin: 0; padding: 10px 10px 4px 20px; display: block; background: url(skins/1-default/newimages/img_activenav_tableft.png) no-repeat top left; text-transform: uppercase; color: #000; } .sf-menu li.current_page_item a:hover, .sf-menu li.current_page_parent a:hover, .sf-menu li.current_page_ancestor a:hover { } .sf-menu2 { float: right; list-style-type:none; padding-right:3px; padding-top:0px;} .sf-menu2 li { float: left; padding:7px 0px 0 20px; margin:0 0 0 0; } .sf-menu2 li a { color: #4785b4; font-size: 14px; font-weight:bold} .sf-menu2 li a:hover { color:#245479;text-decoration: underline; } .sf-menu2 li.current_page_item a, .sf-menu2 li.current_page_parent a, .sf-menu2 li.current_page_ancestor a { color:#000; text-decoration: underline; } .sf-menu3 { position:relative; height:18px; list-style:none; } .sf-menu3 li { float: left; margin: 0 2px 0 0; padding: 0 10px 0 0; background: url(skins/1-default/newimages/img_nav2_tabright.png) no-repeat top right; } .sf-menu3 li a { margin: 0; padding: 5px 0px 0px 10px; display: block; background: url(skins/1-default/newimages/img_nav2_tableft.png) no-repeat top left; text-transform: none; font-weight: bold; color: #4785b4; height: 17px; } .sf-menu3 li a:hover {text-decoration:none } /* .sf-menu li ul li a { border-left:1px solid #ccc; border-top:1px solid #ccc; } */ .sf-menu3 li.current_page_item, .sf-menu3 li.current_page_parent, .sf-menu3 li.current_page_ancestor { float: left; margin: 0 2px 0 0; padding: 0 10px 0 0; background: url(skins/1-default/newimages/img_activenav2_tabright.png) no-repeat top right; border-bottom:1px solid #fff; } .sf-menu3 li.current_page_item a, .sf-menu3 li.current_page_parent a, .sf-menu3 li.current_page_ancestor a { float: left; margin: 0; padding: 5px 0px 0px 10px; display: block; background: url(skins/1-default/newimages/img_activenav2_tableft.png) no-repeat top left; text-transform: none; color: #000; } .sf-menu3 li.current_page_item a:hover, .sf-menu3 li.current_page_parent a:hover, .sf-menu3 li.current_page_ancestor a:hover { } .sf-menu5 { float: right; list-style-type:none; padding-right:3px; padding-top:25px;} .sf-menu5 li { float: left; padding:7px 0px 0 20px; margin:0 0 0 0; } .sf-menu5 li a { color: #4785b4; font-size: 14px; font-weight:bold} .sf-menu5 li a:hover { color:#245479;text-decoration: underline; } .sf-menu5 li.current_page_item a, .sf-menu5 li.current_page_parent a, .sf-menu5 li.current_page_ancestor a { color:#000; text-decoration: underline; } #sidebar-inner .sf-menu4 { list-style-type:none; } #sidebar-inner .sf-menu4 li a { color:#4785b4; } #sidebar-inner .sf-menu4 li a:hover { color:#245479; text-decoration: underline; } #sidebar-inner .sf-menu4 li.current_page_item a { color:#000; text-decoration: underline; } /* Import GRID styling for grid framework 1 Default Skin Begin */ body { background:#fff; color:#555;} a { color:#4785b4; text-decoration:none; } a:hover { color:#245479; text-decoration:underline; } hr { color:#fffdea; border:none; border-top:1px solid #dfdfdf; } .hr2 { color:#fffdea; border:none; } /* ---------- headings ---------- */ h1,h2,h3,h4,h5,h6 { color:#000; } h1.head { font-size:25px; margin:0px 0 5px 0; padding:0 0 0 0;} h1.head a { color:#4785b4; } h1.head a:hover { color:#245479; } h2.head { float:left; font-size:42px; margin:5px 0 5px 0; padding:0 0 0 0;} h2.head a { color:#4785b4; } h2.head a:hover { color:#245479; } .container_border { border-bottom:1px solid #dfdfdf; padding:0 0 0 0; } /* ---------- Structure ---------- */ .wrapper { border-top:0px solid #000; } #header { background:#000 url(skins/1-default/newimages/bg_header.png) repeat top} #header-in { padding:13px 0 0 0; width:960px} .main_navi { height:80px; float:right; width:650px; margin-top:0px; margin-bottom:0px; } #banner { background:#fff url(skins/1-default/banner_bg.png) repeat top; } /* .sidebar_in { border-left:1px solid #d8d8d8; } */ #bottom { background:#1f1f1f; border-bottom:1px solid #383838; } #footer { background:#000; } /* ---------- header ---------- */ #header .blog-title a{ color:#fff; } #header .blog-title a:hover{color:#eee } #header .blog-description{ color:#9d9c9c; } #header .photo { float:left; margin-top:45px; margin-right:0px;} /* ---------- Banner ---------- */ .banner-in { } #banner h1 { color:#000; } #banner p { color:#333; } #banner h3.subline { color:#999; text-shadow:#000 1px 1px 1px; } #banner p a { color:#000; text-decoration:underline; } #banner p a:hover { color:#333; text-decoration:underline; } /*a.previous{ background:url(skins/1-default/ .png) no-repeat; }*/ a:hover.previous { background-position:0 -28px; } /*a.next{ background:url(skins/1-default/b_next.png) no-repeat; }*/ a:hover.next { background-position:0 -28px; } /* .button { background:url(skins/1-default/button_l.png) no-repeat left top; } .button a { background:url(skins/1-default/button_r.png) no-repeat right top; color:#fff; } .button a:hover { color:#ccc; background-position:right -33px; text-decoration:none } .button:hover { background-position:0 -33px; } * html .button a:hover { background-position:right top; color:#ccc; } */ /* ---------- arrows ---------- */ /* .sf-sub-indicator { background:url('skins/1-default/arrows-ffffff.png') no-repeat -10px -100px; } */ a > .sf-sub-indicator { background-position: 0 -100px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ /* .sf-shadow ul { background: url('images/shadow.png') no-repeat bottom right; } */ .sf-shadow ul.sf-shadow-off {background: transparent;} /* ---------- breadcrumb section ---------- */ .breadcrumb {border-top:1px dotted #dfdfdf; background:#fff; color:#666 } .breadcrumb a { color:#333; } .breadcrumb a:hover { color:#000; } /* ---------- content ---------- */ #content li { background:url(skins/1-default/i_bullet.gif) no-repeat left 8px; } #content ol li { background:none; } #content .gallerylist li img { border:2px solid #ccc; } #content .img { border:2px solid #ccc; } #content h3 { color:#000; } #content h3.bnone { border-bottom:none; } .featured_work { border-bottom:5px solid #e3e3e3; } .featured_work img {border:1px solid #babab2; } #content .services p strong { color:#000; } #content p.more a { color:#333; } #content p.more a:hover { color:#000; } /* ---------- POST CONTENT ---------- */ code { background:#ccc; } /* blockquote { background:url(skins/1-default/quote.png) no-repeat; } */ blockquote p { color:#333; } blockquote cite { color:#666; } blockquote a { color:#333; } blockquote a:hover { color:#000; } .flickr h3 span{ color:#000 } .flickr h3 span b{ color:#FF1183 } .flickr img{ border:1px solid #969696; background:#F4F4F4; } .flickr img:hover{ border-color:#333 } /*#content .post_top { background:url(images/i_post.png) no-repeat left 5px; }*/ #content .post_top h1 a { font-weight:bold; font-size:15px; color:#4785b4; text-decoration:none; } #content .post_top h1 a:hover { color:#245479; text-decoration:underline;} /*.commentcount { background:url(images/i_comment.png) no-repeat left 3px; } #content .headline { background:url(images/i_post_s.png) no-repeat 5px 14px; border-bottom:1px solid #ccc; } #content .headline:hover { background:#dfdfdf url(images/i_post_s.png) no-repeat 5px 14px; border-bottom:1px solid #ccc; cursor:pointer; }*/ / #content .headline h2 { border:none; } #content .headline h2 a { font-size:13px; color:#4785b4; } #content .headline h2 a:hover { color:#245479; } /* #content .headline .commentcount { float:right; } #content .headline .commentcount a { color:#666; } #content .headline .commentcount a:hover { color:#000; } */ #content .posts p { font-size:13px } #content .post_top a { color:#4785b4; } #content .post_top a:hover { color:#245479;} #content .posts { background:none } #content .posts h2.title a { color:#4785b4; } #content .posts h2.title a:hover { color:#245479; } #content p.post_bottom {color:#555; } #content p.post_bottom a { color:#4785b4; } #content p.post_bottom a:hover { color:#245479; } /* ---------- Post Pagination ---------- */ .pagination .on { background:#000; color:#fff; } .pagination a { background:#ccc; } .pagination a:hover { background:#333; color:#fff; } /* ---------- sidebar ---------- */ #sidebar .widget h3 { color:#000; } .twitter { border-bottom:1px solid #ccc; } #sidebar-inner h3 { color:#000; border-bottom:4px solid #d9d9d9; } /* .twitter_icon { background:url(images/twitter.png) no-repeat left; } */ #twitter li { color:#444; } #sidebar-inner li { border-bottom:1px solid #d9d9d9; } #sidebar-inner li a { color:#444; } #sidebar-inner li a:hover { color:#000; } #sidebar-inner ul { margin:0px; padding:0px } #sidebar-inner li.cat-item { margin:0px; padding:0px; border-bottom:0px; margin-top:10px; } #sidebar-inner li.cat-item ul.children { padding:0px; margin:0px; padding-left:10px; } #sidebar-inner li.cat-item ul.children li { margin:0px; padding:0px; padding-top: 3px; padding-left:5px; background:url(skins/1-default/i_bullet.gif) no-repeat left 8px;} .testimonials p { color:#444; } .testimonials p.author { color:#111111; } /* .testimonials_hr { background:url(skins/1-default/hr.jpg) repeat-x bottom; } #sidebar .testimonials { background: url(skins/1-default/testimonials_center.png) repeat-y left top; } #sidebar .testimonials_top { background:url(skins/1-default/testimonials_top.png) no-repeat top left; } #sidebar .testimonials_bottom { background:url(skins/1-default/testimonials_bottom.png) no-repeat top left; } */ /* ---------- widget search box ---------- */ #searchform { } #searchform input { border:1px solid #666; padding:3px; background:#fff; font-size:10px;width:100px } #searchform #searchsubmit { vertical-align:top; height:20px; border:none; background: url(/wp-content/themes/ProductFolio/skins/1-default/newimages/search_btn.png) no-repeat top left; color:#fff; } /* ---------- ARCHIVE PAGE ---------- */ .arclist ul li{ color:silver; border-bottom:1px solid #f1f1ed; background:none } .arclist ul li ul{ border-bottom:0; } .arclist ul li ul li{ border-bottom:0;} .arclist .archives-time{ color: #666666; } .archives-link { float: right; border-left: dashed 1px #ddd;} /* ---------- COMMENTS ---------- */ #comments h3{ border-bottom:1px solid #ccc; } #comments .comment {background:none; } #comments p.authorcomment a { color:#666; } #comments p.authorcomment a:hover { color:#000; } #comments .comment .meta-left { color:#aaaaaa } /* #comments .comment .text-right { border:none; background:#e9e7e7 url(skins/1-default/commentbg.png) no-repeat center left; } #comments .comment .authcomment{ background:#d5d5d5 url(skins/1-default/commentbg_author.png) no-repeat center left; border:none; } */ #comments .comment .authcomment p { color:#333; } span.comm-reply{ color:#333; } span.comm-reply a { color:#333; } span.comm-reply a:hover{ color:#000; } #respond textarea, .commpadd input{ background:none; border:1px solid #c7c7c7; font:13px Arial, Helvetica, sans-serif; } input#submit{ color:#fff; background:#000; border:1px solid #000; } .avatar { border:2px solid #ddd; } /* ---------- BOTTOM ---------- */ #bottom .widget-spot h3 { color:#fff; } #bottom .postlist li a { color:#fff; } #bottom .postlist li a:hover { color:#ccc; } #bottom .postlist li:hover { background:#333; } #bottom a { color:#ccc; text-decoration:underline; } #bottom a:hover { color:#fff; } .field { border:1px solid #a9a9a9; background:#d2d2d2; color:#333; } .replace { background:#636363; border:none; color:#fff; } #bottom .subscribe { color:#ccc; } #bottom p { color:#999; } #footer p { color:#808080; } #footer .copyright , #footer .copyright a { color:#666; } #footer p a:hover { color:#fff; } #footer li { border-right:1px solid #ccc; } #footer li a { color:#999; } #footer li a:hover { color:#fff; } /* Import GRID styling for grid framework End */ /* ------------ Custom ------------- */ .container_border2 { width:960px; margin:0 auto; padding:0; } /* vic : float images */ img.floatleft { float: left; margin: 4px; } img.floatright { float: right; margin: 4px; } .widget-spot1 .widget { margin:0 0 0 0; padding:0; } .widget-spot1 .widget li { float:left; } .widget-spot1 .widget li a { margin-right:15px; font-size:13px; } .widget-spot1 .widget li a:hover { text-decoration:underline; } #sidebar-inner .widget_top { margin:0; background:url(skins/1-default/newimages/box_top.png) no-repeat; height:6px; } #sidebar-inner .widget_bottom { margin:0; background:url(skins/1-default/newimages/box_bottom.png) no-repeat; height:6px; margin-bottom:20px; } #sidebar-inner .widget .widget { /* background: url(skins/1-default/newimages/box_bg.png) no-repeat left; */ background-color:#ecf1f1; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; width:248px; margin:0 0 0 0; padding:10px; padding-top:4px; padding-bottom:0px; } #sidebar-inner .widget .widget p { line-height:16px; } #sidebar-inner .widget .widget h3 { font-size:14px; font-weight:bold; border:none; } #sidebar-inner .widget .widget ul { margin-bottom:0px; } #sidebar-inner .widget .widget ul li { margin-top:10px; font-size:12px; margin-bottom:0px; } #sidebar-inner .widget .widget ul li a { color:#4785b4; text-decoration:none; } #sidebar-inner .widget .widget ul li a:hover { color:#245479; text-decoration:underline; } #front-widgets.container_border .widget .textwidget p { font-size:13px; text-align:justify; } div.digitable-odd-top { width:auto; height:6px; background:url(skins/1-default/newimages/table_top_629px.png) no-repeat; } div.digitable-odd-bottom { width:auto; height:6px; background:url(skins/1-default/newimages/table_bottom_629px.png) no-repeat; } div.digitable-odd-top-415 { width:auto; height:6px; background:url(skins/1-default/newimages/table_top_415px.png) no-repeat; } div.digitable-odd-bottom-415 { width:auto; height:6px; background:url(skins/1-default/newimages/table_bottom_415px.png) no-repeat; } table.digitable { width:100%; background-color:#fff; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; } table.digitable tr td { padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; vertical-align:top; } table.digitable tr { border-bottom:1px solid #dfdfdf; } table.digitable tr.first-tr { background-color:#ecf1f1; } table.digitable tr.first-tr h4 { padding:0px; margin:0px; } table.digitable tr.first-tr h5 { padding:0px; margin:0px; } table.digitable tr.last-tr { background-color:#ecf1f1; border-bottom:0px; font-size:1px; height:5px; } table.digiwhitetable tr td { padding:5px; vertical-align:top; } table.digiwhitetable tr td h5 { padding-top:0px; } #content.grid_8 { width:629px; } .ddsg-wrapper ul { margin-bottom:0px; } .ddsg-wrapper ul li a { font-size:16px; font-weight:normal; } .ddsg-wrapper li li a { font-size:14px; font-weight:normal; } .ddsg-wrapper li li li a { font-size:12px; font-weight:normal; } .ddsg-wrapper li li li li a { font-size:10px; font-weight:normal; } #content .wp-caption { } #content .aligncenter{ text-align:center; } #content p.wp-caption-text { font-size:12px; text-align:center } #search-results h2 { font-size:15px; } #search-results p { font-size:12px; margin:0px; } .img-border { border:1px solid #dfdfdf; margin-bottom:3px} .img-caption { font-size:12px } .txtGreen { color: #4785b4; } #fade1 { font-style:italic;padding:0; } #fade1 p { padding:0; } #fade1 p.author { text-align:right; font-size:10px; font-style:normal; } /* Tinybox */ #tinybox {position:absolute; display:none; padding:10px; background:#fff url(/images-global/tinybox/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000} #tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500} #tinycontent {background:#fff} /* Contact Form */ div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } img.ajax-loader { border: none; vertical-align: middle; } .wpcf7-form-control-wrap.message textarea { width:600px; height:200px; } /* Contact Forme */ /* Digi Menu */ #content ul.digiMenu { list-style-type: none; padding: 0px; margin:0px; } #content ul.digiMenu li { list-style-type: none; float: left; white-space: nowrap; padding:5px; margin:0px; font-size:13px; font-weight:bold; background:none; cursor:pointer; } #content ul.digiMenu li.digiMenuSelected { color: #000; background-color: #fff; } #content ul.digiMenu li.digiMenuUnselected { color: #fff; background-color: #9ba4b0; }