/* Theme Name: ProductFolio Theme URI: http://templatic.com/ Description: Developed by Bhavesh Radadiya. Version: 1.3 Author: Templatic.com Author URI: http://templatic.com/ */ /* 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*/ @import url('library/css/reset.css'); /* Import TEXT styling for grid framework*/ @import url('library/css/text.css'); /* Import GRID styling for grid framework*/ @import url('library/css/960.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0; padding:0; } body { font:12px Arial, Helvetica, sans-serif;} a { text-decoration:none; } a:hover { text-decoration:none; } .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; } /* Structure ---------------------- */ #header {} #header-in { padding:13px 0 13px 0; background:url(skins/1-default/banner_bg_in.png) no-repeat bottom left; } #banner { margin-bottom:10px; } #sidebar { float:right; width:300px; } #sidebar-inner { float:right; width:330px; } .sidebar_in { padding:20px 10px 0 20px; margin-right:-10px; } * html .sidebar_in { position:relative; /* ie6 */ } #content { float:left; } #content-inner { float:left; } #bottom { margin-top:20px; } .bottom-in { padding:35px 0 25px 0; } .footer-in { padding:15px 0; overflow:hidden; } /* header ---------------------- */ #header .blog-title a{ font:30px Georgia, "Times New Roman", Times, 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:2px solid #d5d5d5; margin-right:10px; margin-top:4px; } #header .header_left { float:left; width:300px; } /* Banner ---------------------- */ .banner-in { position:relative; min-height:317px; } * html .banner-in { height:347px; } .banner_content { float:left; padding:40px 0 0 0; } #banner h1 { margin:0 0 20px 0; padding:0; font:bold 38px Arial, Helvetica, sans-serif; line-height:45px; } #banner p { margin:0 0 30px 0; padding:0; font:14px aArial, Helvetica, sans-serif; line-height:24px; } #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:37px 0 0 84px ; position:relative; float:right; background:url(images/iphone.png) no-repeat left 20px; } .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:-10px; 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:15px 0; } .wrapper .grid_7 { margin-left:0; } p { padding:0px 0 10px 0; line-height:20px; margin:0 } #content p { font-size:14px; } #content ul { list-style:none; } #content li { margin:0 0 8px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; } #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 { 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; } .main_navi { float:right; width:600px; margin-top:15px; } /* 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-weight: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:20px; line-height:normal; font-weight:bold; } .commentcount { margin-left:0px; padding-left:18px; } #content .headline { padding-left:25px; } #content .headline h3 { margin:0; border:none; float:left; font-size:16px; font-weight:bold; } #content .headline h3 a { padding:12px 0 8px 0; width:430px; display:block;} #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:300px; margin:0 0 25px 0; } #sidebar-inner .widget { width:160px; margin:0 0 25px 0; } #sidebar-inner .widget { width:340px; 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:5px; } #searchform input { padding:5px 4px; width:255px; font:12px Georgia, "Times New Roman", Times, serif; } #searchform #searchsubmit { font:bold 12px Georgia, "Times New Roman", 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; } .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:12px; text-transform: uppercase; width:90px; margin:0 15px 0 0 } .arclist ul li a:hover { text-decoration:underline; } /*---------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 20px 0; padding:0; font:20px Georgia, "Times New Roman", 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 5px 0; padding:3px 0; list-style:none; font-size:14px; } #bottom li a { text-decoration:none; } #bottom li span { font-size:11px; } #bottom li a:hover { text-decoration:none; } #bottom li:hover { cursor:pointer; } .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 { width:300px; } #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; } #footer .copyright , #footer .copyright a {text-decoration:none; } #footer .copyright { padding:5px 8px 0 0; float:left; } #footer p span.templatic { width:80px; display:block; overflow:hidden; float:left; color:#fff; background:url(images/templatic.png) no-repeat 0; } #footer p span.templatic a { text-indent:-9009px; padding-left:120px; height:30px; display:block; } #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; }