/* Theme Name: View Theme URI: http://themeforest.net/item/business-portfolio-wordpress-themes-view/111529 Description: Premium Wordpress Themes Version: 1.2.6 Author: Nefi Author URI: http://themeforest.net/user/nefii */ /* ------------reset------------- */ 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; font-size: 100%; outline: 0; vertical-align: baseline } body{ margin: 0; font-size: 13px } blockquote, q { quotes: none } :focus { outline: 0 } del { text-decoration: line-through } /* ----------Heading------------- *** not heading on content, and will be overide with another stlye *** if you want to change site title go to #title selector */ h1{ font-size: 19px } h2{ font-size: 17px } h3{ font-size: 12px } /* --------Global style--------- */ a{ color: #006699; text-decoration: none } a:hover{ color: #0099CC; text-decoration: none } ol{ padding-left: 25px } ul{ list-style: none } ul li{ list-style: none } blockquote{ clear: both; margin: 10px 0; padding: 10px 7px 10px 7px; border-left: 3px solid #E0E0E0; color: #666; font-size: 14px; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 20px; vertical-align: middle } blockquote.q-left{ float: left; width: 260px; font-size: 13px } blockquote.q-right{ float: right; width: 260px; font-size: 13px } code,pre{ clear: both; margin: 10px auto; border-top: 1px solid #d4d4d4; border-right: 1px solid #ebebeb; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #ffffff; padding: 20px 15px; display: block; background: #ededed url(images/form-field.jpg) repeat-x left top; font: 14px/20px monospace; overflow: auto } .clear{ clear: both } .textcenter{ text-align: center } #page #header-wrapper .sf-menu .current_page_item>a{ color: #2d86b3 } #page #header-wrapper .sf-menu .current_page_item>a:hover{ color: #2d86b3 } .featured-work .recent-img, .homepage #page .IMG-thumbs, .recent-thumbs, #content img, .lightbox, .popular-image,#view-contact-map{ background: url(images/oli.gif) no-repeat center center } .oli{ background: url(images/oli.gif) no-repeat center center; position: absolute; top: 0; left: 0 } /* -------start base style------- */ #wrapper{ display: block; background:url(images/bg-wrapper-footer.png) repeat-x left bottom } /* General typography and width ***/ #inner-wrapper{ font: normal 12px/21px Verdana, Arial, Helvetica, sans-serif } #page{ margin: auto; width: 970px } /* ------- Header Section ------- */ #header-wrapper{ width:970px; height: 130px; position:relative; z-index: 4 } #logo{ width: 970px; margin: auto; position: relative; z-index: 10 } #logo-img { width:300px; height: 130px; left:35px; position: relative } #logo-img img{ position: absolute; bottom: 20px } #title{ padding-top: 10px; position: absolute; bottom: 20px; left: 35px; display:none; } #title h1{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter } /* search */ #search{ width: 230px; position: absolute; top: 8px; right: 20px; height: 40px; background: url(images/bg-search.png) no-repeat left top } #search-404{ width: 250px; margin: 50px 0px 10px 335px; position: relative;} #searchForm{ position: relative } .search-field-wrapper{ left:30px; position: absolute } .search-field { width: 162px; border: 1px solid #e5e5e5; padding-left: 3px; background: url(images/search-field.jpg) repeat-x left top; color: #999999; font-size: 12px; line-height: 14px; height: 15px } #search-404 .search-field{ height: 20px; line-height: 19px } .search-field:focus{ border: 1px solid #e5e5e5; background: url(images/search-field.jpg) repeat-x left bottom; color: #333333 } .search-submit{ width: 18px; background: url(images/submit.png) no-repeat left 1px; height: 15px; top: 3px; right: 35px; position: absolute } .search-submit:hover{ background-position: -17px 1px } .search-submit:active{ background-position: -34px 1px } #menu{ padding-right: 45px; color: #333333; font: bold 11px Arial, sans-serif; z-index: 99; height: 45px; bottom: 20px; right:30px; position:absolute } .nav{ padding-left: 45px; height: 45px } /* ########## Start of Main Content ############ --------- divided two side and fullwidth page------- */ .homepage #left-part { float: none; width: 970px; margin-top: 50px } #left-part { float: right; width: 590px; margin-top: 5px; min-height: 550px } .homepage .left-part-top,.left-part-top{ margin-top: 15px; height: 30px; z-index: 2; position: relative } .homepage-blog .left-part-top{ margin-top: 50px; height: 30px; z-index: 2; position: relative } .homepage .left-part-bottom,.left-part-bottom{ height: 30px; z-index: 2; position: relative } #left-part-fullwidth{ float: none; width: 970px; overflow: hidden} .fullwidth .left-part-top{ margin-top: 15px; height: 30px; z-index: 2 } .fullwidth .left-part-bottom{ height: 30px; z-index: 2 } #right-part{ float: left; width: 370px; margin-top: 5px } /* --------- wrapper-content ------------ */ #content-wrapper{ clear: both; min-height: 600px } .homepage #main-wrapper{ padding-top:10px } .main-wrapper-blog { margin-top: 10px } .fullwidth #main-wrapper{ min-height: 550px } /* slide image */ .slide-image,.slide-image-blog{ z-index:3 } .slide-image{ width: 970px; height: 490px; position: relative } .slide-image-blog{ width: 970px; height: 320px; position: relative } #slide-img-loading{ width: 970px; display: block; background: transparent url(images/oli-big.gif) no-repeat center center; height: 400px; position: absolute; top: 0px; left: 0; z-index: 9 } #slide-img-loading-blog{ width: 520px; display: block; height: 240px; position: absolute; top: 0; left: 0; z-index: 9 } /* the background value just there for preload purpose */ #lo-t{ background: url(images/oli.gif) no-repeat -100px -100px; color: #B2B2B2; position: absolute; top: 60%; left: 44% } #lo-t2{ background: url(images/oli.gif) no-repeat -100px -100px; color: #B2B2B2; position: absolute; top: 60%; left: 44% } #lo-s{ background: url(images/oli.gif) no-repeat -100px -100px; color: #B2B2B2; position: absolute; bottom: 0px; right: 20px } #start-now{ width: 880px; /* required settings don't delete or change it */ margin: 0px auto; height: 374px; top: 22px; left:0; position: relative } #start-now-blog{ width: 884px; /* required settings don't delete or change it */ margin: 0px auto; height: 300px; top: 22px; left:0px; position: relative } .slide-container{ width: 880px; height: 374px; display: none; background: url(images/oli-big.gif) no-repeat 425px 163px; position: relative } .slide-container .slide-img{ width: 880px; height: 374px } /* positioning slide content */ .slide-container .post{ width: 870px; /* required settings don't delete or change it */ min-height: 40px; position: absolute; bottom: 10px; left: 5px; overflow: hidden } /* content only */ .slide-container .entry { padding: 15px 20px; border-top: none; background: url(images/bg-slide-text.png) repeat-x left top } .featured-content { width: 435px; float: left; color: #cccccc; font-size: 11px; line-height: 16px; text-align: left; max-height: 340px; overflow: hidden } .featured-content h2{ margin-bottom: 10px; display: block; color: white; font-weight: lighter; font-size: 19px } .slide-container .entry img{ width: 345px; float: right; margin: 10px; padding: 4px; border: 1px solid #B2B2B2; height: 145px; overflow: hidden } .slide-container a{ color: #3399FF } .slide-image .read-more-feat,.feat-image-desc a.pngfix{ display: block; color: #66CCFF; background: url(images/read-more-feat.png) repeat-x left top; font: bold 11px/15px Verdana,Arial,sans-serif; text-align: center; vertical-align: middle } .slide-image .read-more-feat { margin: 5px 0; padding: 5px 0 } .slide-image .read-more-feat:hover { color: #99CCFF } .slide-image .read-more-feat:active{ background-position: bottom left; color: #ffffff } #feat-img{ width: 520px; float: left; background: transparent url(images/oli-big.gif) no-repeat center center; height: 240px; position: relative } .feat-image-container{ width: 520px; display: none; position: absolute; top: 0; left: 0; height: 240px } .feat-image{ width: 520px; height: 240px } .feat-image-title{ padding: 0 0 5px; color: #e5e5e5; font: italic bold 13px/15px Verdana, Arial, Helvetica, sans-serif; vertical-align: middle } .feat-image-desc{ padding: 5px; background: url(images/bg-slide-blog-text.png) repeat-x left top; color: #e5e5e5; font-size: 10px; line-height: 13px; position: absolute; bottom: 0px } .feat-image-desc p{ display: inline } .feat-image-desc a.pngfix{ padding: 2px; font-size: 10px } .feat-image-desc a.pngfix:hover{ color: #99CCFF } .feat-image-desc a.pngfix:active{ background-position: left bottom; color: #ffffff } .no-thumbnail-found{ color: #666666; text-align: center; position: absolute; top: 75px; left: 100px } #feat-img.feat-img-important{ float: none!important; margin: auto; width: 884px!important } #feat-img.feat-img-important .feat-image-container{ width: 884px; height: 240px } #feat-img.feat-img-important .feat-image{ width: 884px; height: 240px } #feat-slider{ width: 364px; float: right; height: 240px; position: relative; overflow: hidden } #start-scroll{ min-height: 480px; position: absolute } #mouse-scroll{ padding-left: 20px; background: url(images/mouse.jpg) no-repeat left top; font-size: 10px; height: 15px; position: absolute; top: -8px; right: 45px } #slider-up{ width: 20px; border: none; display: block; background: url(images/up-down.gif) no-repeat left top; height: 20px; position: absolute; top: 0px; right: 2px } #slider-up:hover{ background-position: 0 -20px } #slider-up:active{ background-position: 0 -40px } #slider-down{ width: 20px; border: none; display: block; background: url(images/up-down.gif) no-repeat right top; height: 20px; position: absolute; bottom: 0px; right: 2px } #slider-down:hover{ background-position: -20px -20px } #slider-down:active{ background-position: -20px -40px } .feat-slider-tab{ width: 364px; color: #cccccc; background: url(images/slider-tab.jpg) no-repeat left top; height: 60px; position: relative; cursor: pointer } .feat-slider-tab:hover{ color: #f2f2f2; background-position: 0 -60px } .feat-slider-tab:active{ background-position: 0 -120px } #feat-slider .active{ background-image: none; background-color: #4C4C4C } .feat-slider-tab-title{ display:block; height:45px; margin: 0 10px; font-size: 12px; line-height: 22px; vertical-align: middle; position:relative; top:5px } .feat-slider-tab-meta{ color: #666666; font-size: 10px; position: absolute; bottom: 10px; right: 35px } /* Slide thumbnail style */ .floated{ position: absolute; bottom: 20px; left: 95px; z-index: 99 } .slide-tabs{ width: 774px; margin-left: 3px; /* required settings don't delete or change it */ position: relative; overflow: hidden; height: 91px } .slide-tabs li{ display: block; float:left } .slide-tabs li a{ margin-left: 18px; margin-top: 3px; width: 90px; display: block; background: transparent url(images/bg-slide-thumb.png) no-repeat left top; height: 70px } .slide-tabs li img{ width:80px; padding: 2px 5px 0} .slide-tabs li img.reflect,.slide-tabs li img.reflected{ padding: 5px } .slide-tabs li canvas{ padding: 2px 5px 0} .slide-tabs li a.activeSlide{ margin-top: 12px } .slide-tabs .start-scroll { width: 20000em; clear: both; position: absolute } .prevArrow{ margin: 15px 0px; width: 83px; border: none; display: block; background: url(images/arrow-button.png) no-repeat left top; height: 89px; position: absolute; bottom: 8px; left: 15px; z-index: 100; cursor: pointer } .prevArrow:active{ left: 10px } .nextArrow{ margin: 15px 0px; width: 83px; border: none; display: block; background: url(images/arrow-button.png) no-repeat left -89px; height: 89px; position: absolute; bottom: 8px; right: 15px; z-index: 100; cursor: pointer } .nextArrow:active{ right: 10px } .disabled{ visibility: hidden } /* ------- featured portfolio widget section on sidebar ------- */ .featured-work{ margin: 5px 0 } .featured-work .h2-recent{ padding-top:0px; margin-bottom: 10px; margin-left: 5px; border-bottom: 1px solid #ccc; color: black; font-weight: normal; font-size: 17px } .featured-work .recent-img{ float: left; width: 134px; margin: 4px 3px; padding: 6px; border: 1px solid #dddddd; display: block; background-color: #E6E6E6; height: 134px } .featured-work .recent-img:hover{ background-color: #FAFAFA } /* tooltip style */ .tooltip-recent{ width: 400px; display: none; font-size: 10px; height: 400px; z-index: 99; overflow: hidden; position: absolute } .tooltip-image{ width: 400px; background: url(images/bg-tooltip.png) no-repeat 0 0; height: 400px; position: relative } .tooltip-recent .container{ width: 350px; display: block; height: 310px; overflow: hidden; position: absolute; top: 10px; left: 20px } .tooltip-recent img{ margin: 15px 0px 0 10px; border: none; float: none; width: auto; height: auto } #page .tooltip-recent img{ padding: 0; margin: 15px 0px 0 10px; border: none; float: none; width: auto; height: auto } .tooltip-recent p.clear{ width: 350px; margin: 5px 27px 5px 27px; color: #cccccc; font-size: 11px; line-height:16px; text-align: center; position: absolute; height: 60px; z-index: 99; bottom: 10px } #content-wrapper .read-more-tooltip{ width: 100px; display: block; background: url(images/read-more-button.png) no-repeat left top; color: #f2f2f2; font-size: 12px; line-height: 30px; text-align: center; height: 30px; vertical-align: middle; position: absolute; bottom: 100px; left: 40px } #content-wrapper .read-more-tooltip:active{ background: url(images/read-more-button.png) no-repeat right top } .js-off{ text-align: center } /* ------ Homepage post section ------ */ #sticky-content{ padding-top: 15px } .homepage .sticky-text{ margin: 0 auto 25px; width: 872px; border: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background: url(images/bg-widget.jpg) repeat left top } #homepage-network { margin: 40px auto 0; width: 872px; border: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background: #ffffff url(images/bg-widget.jpg) repeat left top } .homepage .sticky-text .space, #homepage-network .space{ margin: 15px; color: #333333; font-size: 13px; position: relative; z-index:4 } #postMain-1{ width: 390px; float: left; margin: 0px 30px 20px 30px } #postMain-2{ width: 390px; float: right; margin: 0px 30px 20px 30px } .homepage .postMain{ width: 260px; float: left; margin: 0px 25px; padding-top: 15px; min-height: 300px } /* post thumbs */ #content .IMG-thumbs-hold{ width: 260px; display: block; position: relative; height: 140px; left: 0 } #content .IMG-thumbs-hold span.frame-home{ width: 260px; height: 135px; position: absolute; top: 0; left: 0; z-index: 9 } .IMG-thumbs{ width: 520px; float: left; margin: 0px!important; display: block; height: 240px; position: relative; z-index: 2 } .homepage #page .IMG-thumbs{ width: 260px; margin: 10px 0!important; padding: 0px; border: none!important; display: block; height: 120px } .homepage #page #postMain-1 .IMG-thumbs,#page #postMain-2 .IMG-thumbs{ width: 390px; height: 180px } .homepage #page .spanwrap{ position: relative; z-index: 1 } .homepage #content{ margin: 0px auto; width:930px } /* homepage post style */ .homepage #content .h2-header{ margin: 0 5px; padding: 0 0 5px 0; border-bottom: 1px solid #dfdfdf; font: lighter 20px/25px Arial, Helvetica, sans-serif; vertical-align: middle } .homepage #content .h2-header a{ color: #4C4C4C } .homepage #content .h2-header a:hover{ color: #666666 } .punchline{ font-size: 11px; line-height: 14px; color: #8C8C8C; position: relative; left: 3px } .homepage #content .punchline{ margin: 5px 5px 5px; font-size: 10px; left:0 } .homepage #main-wrapper .entry{ margin:0 5px; border-top: 1px solid #ffffff; padding: 10px 0 15px; color: #666666; font-size: 13px; line-height: 19px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif} .read-more-text{ color: #2d86b3; font: bold 12px/30px Verdana, Arial, sans-serif; text-align: center; vertical-align: middle } .read-more-text:hover{ border-bottom: 1px solid #2d86b3; color: #3399FF } .centering{ width: 220px; padding-top: 30px; margin: 1px auto 0px auto; text-align: center; height: 51px; position: relative; top: 7px } .email-network{ float: left; margin-left: 15px; margin-top: 3px; width: 33px; display: block; background: url(images/email.png) no-repeat left top; height: 33px } .email-network:hover{ background-position: right top } .text-network{ float: left; margin-left: 15px; width: 300px; display: block; height: 32px } .facebook-network{ float: right; margin: 9px 15px 9px 5px; width: 33px; display: block; background: url(images/social.png) no-repeat left top; height: 33px } .facebook-network:active{ background-position: -33px 0px } .rss-network{ float: right; margin: 9px 15px 9px 5px; width: 33px; display: block; background: url(images/social.png) no-repeat left -33px; height: 33px } .rss-network:active{ background-position: -33px -33px } .twitter-network{ float: left; margin: 9px 15px 9px 5px; width: 33px; display: block; background: url(images/social.png) no-repeat left -66px; height: 33px } .twitter-network:active{ background-position: -33px -66px } .myspace-network{ float: left; margin: 9px 15px 7px 5px; width: 33px; display: block; background: url(images/social.png) no-repeat left -98px; height: 35px } .myspace-network:active{ background-position: -33px -98px } .contact-portfolio{ width: 90px; display: block; color: #999999; font: bold 10px/45px Verdana, Arial, sans-serif; position: absolute; top: -50px; right: 0 } .contact-portfolio-icon{ margin: 5px; width: 33px; display: block; background: url(images/social.png) no-repeat left -98px; height: 35px; position: absolute; top: 0px; right: 0 } .contact-portfolio-icon:active{ background-position: -33px -98px } /* #content-wrapper .read-more:active{ } */ .widget-front-1{ width: 360px } .widget-front-2{ width: 260px; float: left; margin: 10px 15px 0px 15px; padding-top: 10px } /**** recent post widget thumbs and style ****/ .recent-post-homepage{ margin: 15px 0 20px 0 } .sidebar-wrapper .recent-post-homepage,#content #sidebar-wrapper-404 .recent-post-homepage{ margin-bottom:-1px } .recent-post-homepage a{ color: #0077B2 } .recent-post-homepage a:hover{ color: #0099CC } .recent-post-homepage .clear,.content-contact .clear{ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #ffffff; height: 1px } #page .recent-thumbs { width: 50px; float: left; padding: 2px; margin: 10px 5px; border: 1px solid #cccccc; display: block; height: 50px } .recent-post-homepage h2{ margin-bottom: 5px; padding: 0 5px; color: black; font-weight: normal; font-size: 19px } .h3-recent-post{ border: none; margin-top: 15px; float: left; width: 70%; background: none; font-size: 15px } .recent-post-homepage .date { width: 70%; border: none; float: left; display: block; background: none } /* on front page when assign as widget */ #content .recent-post-homepage{ margin: 0px 0 20px 0 } #content .recent-thumbs{ margin-left: 0px } #content .recent-post-homepage h2{ padding: 0; color: black; font-weight: normal; font-size: 19px } #content .h3-recent-post{ margin-top: 6px; padding-bottom: 0; float: left; width: 70%; font-size: 11px } #content .recent-post-homepage .date { width: 72%; } /* style for sidebar & sidebar 404 only */ .sidebar-wrapper .recent-post-homepage h2,#sidebar-wrapper-404 .recent-post-homepage h2{ padding: 7px 0 7px 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #cccccc; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; display: block; background: url(images/bg-widget.jpg) repeat left top; color: #000000; font: lighter 20px/26px Verdana,Arial,sans-serif!important; vertical-align: middle} #page .sidebar-wrapper .recent-thumbs,#sidebar-wrapper-404 .recent-thumbs{ margin: 10px 5px 10px 10px } .sidebar-wrapper .h3-recent-post{ margin-top: 5px; border: none; padding: 0; background: none; font-size: 12px } #sidebar-wrapper-404 .recent-post-homepage h2{ margin-top: 20px } #sidebar-wrapper-404 .recent-thumbs{ width: 65px; height: 65px } #content #sidebar-wrapper-404 .h3-recent-post{ margin: 5px 0 0; border: none; padding: 0; background: none; font-size: 14px} /* recent blog post fader on front page */ .sticky-text .recent-post-homepage{ height: 100px } .sticky-text .blog-icon { width: 100px; background: url(images/blog.png) no-repeat left top; height: 87px; position: absolute; top:-40px; left: 0px; z-index:3; cursor: pointer } .sticky-text .blog-icon:active { top: -45px } .sticky-text .recent-post-homepage h2{ margin-bottom: 0; margin: 50px 20px 23px 0; width: 125px; float: left; font-size: 14px!important } .sticky-text #tab-recent{ float: left; height: 100px; overflow: hidden } .sticky-text #tab-recents{ bottom: -5px; right: 0; position: absolute; z-index:99} .sticky-text #tab-recents li{ padding: 0; background: none; width: 15px; height: 15px; float: left; display: block } .tab-recents{ display: block; width: 100%; background: url(images/meta-blog-tab.png) no-repeat left bottom; height: 100%; cursor: pointer } .tr-active{ background-position: right bottom } .tab-part-recent{ display:none; width: 690px; top: 0; right: 0; position: absolute } .sticky-text .h3-recent-post{ padding: 0 0 6px!important; border: none; margin-top: 0px; float: none; background: none; font-size: 16px!important } .sticky-text .recent-post-homepage .date { border: none; float: none; display: inline; background: none; color: #999999; font-size: 14px } .blogrss{ font-size: 11px; line-height: 17px; height: 55px; color: #7E7E7E; overflow: hidden} /**** contact box homepage widget style ****/ .content-contact{} #page .content-contact .address,#page .content-contact .phone,#page .content-contact .another{ margin-top: 3px; padding-bottom: 10px; color: #7E7E7E } .content-contact h2{ margin-bottom: 5px; padding: 0; color: black; font-weight: normal; font-size: 16px; text-align: left } .content-contact h3{ padding: 0; font-size: 12px } .content-contact .address{ display: block; font-size: 11px; line-height: 18px } .content-contact .phone{ display: block; color: #A5A5A5; font-size: 20px } .content-contact .email-button{ width: 200px; margin: 20px auto; display: block; background: url(images/contact-button.png) no-repeat left top; position: relative; height: 50px } .content-contact .email-button:active{ background-position: right top } #page .content-contact .email-button h3{ border: none; margin-top: 10px; margin-bottom: 0px; padding: 0px; display: block; background-image: none; position: absolute; bottom: 15px; left: 20px } #page .content-contact .email-button a{ width: 100%; display: block; color: #333333; height: 100% } .content-contact .another{ display:block } /* on front page when assign as widget */ #content .content-contact h2{ padding:0; color: black; font-size: 19px; text-align: left } #content .content-contact h3{ margin-top: 10px } #content .content-contact .phone{ margin-top: 10px; color: #A5A5A5; font-size: 18px } #content .content-contact .email-button{ width: 200px; margin: 20px 20px 20px 30px; display: block; background: url(images/contact-button.png) no-repeat left top; position: relative; height: 50px } #content .content-contact .email-button:active{ background-position: right top } /* style for sidebar & sidebar 404 only */ .sidebar-wrapper .content-contact h2,#sidebar-wrapper-404 .content-contact h2{ padding: 7px 0 7px 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #cccccc; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; display: block; background: url(images/bg-widget.jpg) repeat left top; color: #000000; font: lighter 20px/26px Verdana,Arial,sans-serif!important; vertical-align: middle} .sidebar-wrapper .content-contact h3,#sidebar-wrapper-404 .content-contact h3{ margin: 0; padding: 4px 0 4px 10px; border: none; background: none; font-size: 12px } .sidebar-wrapper .content-contact .address,.sidebar-wrapper .content-contact .phone,.sidebar-wrapper .content-contact .another{ padding: 0 10px 10px} #sidebar-wrapper-404 .content-contact .address,#sidebar-wrapper-404 .content-contact .phone,#sidebar-wrapper-404 .content-contact .another{ padding: 0 10px 10px } #page .sidebar-wrapper .content-contact .email-button h3,#content #sidebar-wrapper-404 .content-contact .email-button h3{ font-size: 12px; font-weight: bold; bottom: 12px; left: 30px} #sidebar-wrapper-404 .content-contact h2{ margin-top: 20px } #sidebar-wrapper-404 .content-contact h3{ border: none; background: none } #content #sidebar-wrapper-404 .content-contact .email-button{ margin: 20px auto } /* style for front page contact only */ #homepage-network .space .content-contact h2{ padding: 0; font-size: 20px } #homepage-network .space .content-contact h3{ margin-top: 10px; padding: 0; font-size: 12px } #homepage-network .content-contact .clear{ clear: none; border-bottom: 2px solid #F2F2F2; border-top: none } #homepage-network .eb{ width: 90px; display: block; height: 98px; top: -40px; left: 270px; position: absolute } #homepage-network .content-contact .email-button{ width: 80px; margin: 0; display: block; background: none; height: 78px; position: relative; } #homepage-network .content-contact .email-button h3{ border: none; padding: 0px; display: block; background-image: none; font-size: 12px; font-weight: bold; position: absolute; bottom: 8px; left: 15px } #homepage-network .content-contact .eb a{ width: 90px; display: block; color: #333333; background: url(images/Mail.png) no-repeat left top; height: 88px; position: relative; cursor: pointer } #homepage-network .content-contact .eb a:active{ top: -5px } #view-contact-map{ padding: 2px; width: 450px; float: right; border:1px solid #D9D9D9; height: 280px } #content #view-contact-map-sidebar img, #content #view-contact-map-cp img{ background-image:none } #view-contact-map-sidebar{ margin: 10px auto 5px; width: 290px; height: 250px } #sidebar-wrapper-404 #view-contact-map-sidebar{ width: 350px; height: 250px } #view-contact-map-cp{ margin-top: 5px; margin-bottom: 5px; border: 1px solid #D9D9D9; width: 518px; background-color: #EDEDED;} #view_map_canvas_contact{ margin: 8px auto; width: 500px; height: 300px } #content #view_map_canvas_contact img,#content #view_map_canvas img{ background-color: transparent!important; } #content-gmap{ font-size: 10px; line-height: 13px } #bodyContent{ padding: 5px;} /**** end of widget ******/ #page .more-reading{ padding: 30px 0; font: normal bold 18px "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif } .navback{ float: right; display: block; color: #666666; font-size: 16px } .navback a{ width: 100% } .navback:hover{ color: #999999 } .navback:active{ color: #000000 } .navforward{ float: right; margin-left: 30px; display: block; color: #666666; font-size: 16px } .navforward a{ width: 100% } .navforward:hover{ color: #999999 } .navforward:active{ color: #000000 } /* ------ blogpost, single post ,404 and page ------ */ /* whitespacing & breadcrumb */ .postMain { padding-top: 10px; color: #666666 } .single{ padding-top: 0px!important } .breadcrumb{ margin: 5px 0 0 35px; color: #A6A6A6; font-size: 11px; height: 20px; position: absolute; bottom: -55px; z-index: 5; left:0 } .breadcrumb a{ color: #666666 } .breadcrumb a:hover{ text-decoration: underline } /* read-more button */ #content-wrapper .read-more { float: right; width: 100px; display: block; background: url(images/read-more.png) no-repeat left top; color: #666666; font-size: 11px; line-height: 30px; text-align: center; height: 30px; vertical-align: middle } #content-wrapper .read-more:active{ color: #000; background: url(images/read-more.png) no-repeat right top } /*** post content ***/ #content{ margin: 0px 35px } .fullwidth #content{ min-height: 500px } #content .h2-header{ padding-bottom: 5px; border-bottom: 1px solid #dfdfdf; font: lighter 34px/40px Arial, Helvetica, sans-serif } #content .h2-header-blog{ margin-right:10px; padding-top: 0px } #content .view-index .h2-header{ padding-top: 10px; font-size: 26px; line-height: 30px } #content .view-service .h2-header{ padding-top: 10px; font-size: 24px; line-height: 30px } #content .h2-header a{ color: #000000 } #content .h2-header a:hover{ color: #4A443F } #content .h2-author{ border-bottom: 1px solid #dfdfdf; font-size: 18px } .intro-blog{ margin-right: 10px } .entry{ border-top: 1px solid #ffffff; padding: 15px 0; font-size: 11px; line-height: 18px } .entry p{ margin: 4px 0; padding: 1px 0;} .entry-blog{ margin-right:10px; padding-top: 5px; font-size: 12px } .entry-blog p{ margin: 0; padding: 0} .view-index .entry-blog{ padding: 15px 0; font-size: 11px; line-height: 17px} .view-service .entry-blog{ padding: 15px 0; font-size: 10px; line-height: 16px} .entry-portfolio{ font-size: 12px; line-height: 19px; position: relative } .entry-gallery{ font-size: 12px; line-height: 19px } .no-border{ border: none!important; background-color: transparent!important } #content h1,#content h2{ padding-bottom: 10px; padding-top: 20px } /* #content h2 a{} #content h2 a:hover{} */ #content .font-render{ border-bottom: 1px solid #cfcfcf; font-size: 34px; font-weight: 300; line-height: 40px } #content .font-render a{ color: #000000 } #page #content .meta-index{ padding:0; margin-top: 25px; border-bottom: none; font-size: 28px; line-height: 30px } /* this is header on each post and homepage sticky html content */ #content .entry h1, #homepage-network .space h1{ padding: 10px 0; font-size: 22px } #content .entry h2, #homepage-network .space h2{ padding: 9px 0; font-size: 20px } #content .entry h3, #homepage-network .space h3{ padding: 8px 0; font-size: 18px } #content .entry h4, #homepage-network .space h4{ padding: 7px 0; font-size: 16px } #content .entry h5, #homepage-network .space h5{ padding: 6px 0; font-size: 14px } #content .entry h6, #homepage-network .space h6{ padding: 5px 0; font-size: 12px } #content ul, #homepage-network .space ul{ clear: both; padding: 5px 0 5px 0 } #content .post ul li,.sticky-text .space ul li, #homepage-network .space ul li{ padding-left: 17px; background: url(images/list.png) no-repeat 0 3px } #content ol, .sticky-text .space ol, #homepage-network .space ol{ clear: both; padding: 5px 0 5px 17px } #content img{ padding: 5px; position: relative; z-index: 2 } #content .entry img{ border: 1px solid #DEDEDE; background-color: #E6E6E6 } .wp-caption{ margin: 10px 10px 15px 10px; padding-top: 4px; border: 1px solid #DEDEDE; background-color: #E6E6E6; border-bottom-left-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px } #content .entry .wp-caption img{ border: none } .wp-caption-text{ margin-bottom: 5px; text-align: center } #content .alignleft{ float: left; margin: 10px 10px 10px 0 } #content .aligncenter{ float: none; margin: 10px auto; clear: both; display: block } #content .alignright{ float: right; margin: 10px 0 10px 10px } /* PostMeta and blog position */ .blog-meta-info{ float: left; margin: 2px; width: 144px; height: 144px; top: 5px; left: -10px; position: relative } #content .blog-meta-image{ padding: 0px!important; border: none!important; display: none; background: none!important; position: absolute; top: 12px; left: 12px } .blog-meta-tabs{ position: absolute; bottom: 12px; right: 12px; z-index: 4 } .blog-meta-tab{ width: 15px; float: left; display: block; color: #cccccc; background: url(images/meta-blog-tab.png) no-repeat left top; font-size: 10px; line-height: 15px; text-align: center; height: 15px; vertical-align: middle; cursor: pointer } .bmt-active{ color: black; background-position: -15px 0 } .post-home{ padding-top: 10px; min-height: 75px } .post-home-blog{ margin-top: -5px; padding-top: 0; min-height: 75px } .post-home-service{} .post-home-meta-h2{ float: right; width: 360px } .post-home-meta{ float: right; width: 360px } .postMeta,#content .meta-tag h5{ font-weight: normal; font-size: 11px } .postMeta{ margin-top: 14px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc } .postMeta-home{ padding-top: 10px; clear: both } .date { border-top: 1px solid white; display: block; font-size: 10px } .date-blog{ margin-right: 10px; padding-top: 3px; width: 510px; font-weight: normal; line-height: 20px; vertical-align: middle; position: relative } .date-blog .date-time { float: none } .date-blog .commentnum { display:block; padding-left: 18px; background: url(images/comment.png) no-repeat left top; position: absolute; right:0; top:5px } .date-blog .commentnum-index { float: right; padding-right: 40px; display: block; font-size: 14px } .date-post{ margin-right: 10px; width: 520px; vertical-align: middle; position: relative } .date-post .date-time { position: absolute; right: 0; top:0 } #content .postMeta-home .tag{ width: 360px; float: left; padding: 5px 0 2px 23px; border-top: none; margin: 0; line-height: 12px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: url(images/archive.png) no-repeat 0 0; position: relative; top: 5px; vertical-align: middle } .postMeta-home .tag a{ color: #999999} .postMeta-home .tag a:hover{ color: #CCCCCC} .postMeta-home .date { width: 200px; float: left; padding-left: 18px; border-top: none; margin: 0; font-size: 11px; background: url(images/clock.png) no-repeat left top; position: relative; left: 20px } .postMeta-home .commentnum { padding-left: 21px; float: left; display: block; background: url(images/comment.png) no-repeat left top; font-size: 11px } .postMeta-home .commentnum-index { padding-left: 21px; float: left; display: block; background: url(images/comment.png) no-repeat left top; font-size: 11px; position: relative; top: 10px } .postMeta-home .date-index{ top: 10px } /* Lightbox image */ .vPhoto{ background: url(images/zoomphoto.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 1 } .icon-vPhoto{ width: 25px; display: block; background: url(images/iconzoom.png) no-repeat left top; height: 25px; position: absolute; bottom: 20px; right: 20px; z-index: 4 } .lightbox .icon-vPhoto{ bottom: 25px; right: 20px } .vVideo{ background: url(images/zoomvideo.png) no-repeat center center; position: absolute; top: 0; left: 0 } .icon-vVideo{ width: 25px; display: block; background: url(images/iconzoom.png) no-repeat right top; height: 25px; position: absolute; bottom: 20px; right: 20px; z-index: 4 } .lightbox .icon-vVideo{ bottom: 25px; right: 20px } .vGotoThumb{ background: url(images/zoommore.png) no-repeat center center; position: absolute; top: 0 } .vGoto{ background: url(images/zoommore.png) no-repeat center center; z-index: 1 } .frame-portfolio{ width: 277px; height: 186px; position: absolute; top: 0; left: -7px; z-index: 5 } .frame-container{ width: 532px; display: block; height: 262px; position: relative; right: 10px } .frame-container-blog{ border-top: 1px solid #FFFFFF} #frame-container-portfolio{ width: 390px; margin: 0 0 10px 20px; float: right; display: block; height: 205px; position: relative; top:-10px; right: 0px; cursor: default } #frame-container-portfolio .frame-home{ width: 390px; height: 203px; position: absolute; top: 0; left: 0; z-index: 9 } #frame-container-portfolio .IMG-thumbs{ width: 390px; padding:0; top:10px; border:none!important; height: 180px } .frame-blog{ width: 532px; display: block; height: 262px; position: absolute; top: 0; left: 0; z-index: 3 } .blog-divider{ margin:10px 0 50px } .service-divider{ margin: 5px 0 0 } /*** end post content ***/ /*** ads ***/ #home-ads{ padding-left: 2px } #sidebar-wrapper-404 #home-ads{ padding: 0 0 20px 0 } #home-ads .ads125 li,#sidebar-wrapper-404 #home-ads .ads125 li{ float: left; padding: 0; background: none } #home-ads .ads125 img{ padding: 1px; margin-top: 5px; margin-right: 5px; width: 125px; float: left; border: 11px solid #dddddd; height: 125px } #sidebar-wrapper-404 #home-ads .ads125 img{ margin-top: 20px; margin-right: 30px; left: 20px; position: relative } #sky-ads-2,#sky-ads-3{ padding-left: 35px; padding-top: 0px; color: #999999; font: bold 12px/22px Verdana,Arial,sans-serif } #sky-ads-2 a.ads160,#sky-ads-3 a.ads160{ padding-left: 50px } #sky-ads-2 img,#sky-ads-3 img{ padding: 1px; border: 4px solid #dddddd; width:300px} /* -------- sidebar section -------- */ /* sidebar column section */ #col2{ width: 350px; margin-top: 20px } #col2-404{ width: 410px; float: left; margin: 40px 20px 0 20px } #col3{ width: 350px } #col3-404{ width: 410px; float: right; margin: 40px 20px 0 20px } /* widget style */ .widget-home-1 { margin: 2px 5px 25px 35px; border-left: 1px solid #E1E1E1; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #ffffff; background-color: #F5F5F5 } #col2-404 .widget-home-1 { margin: 2px 35px 25px 5px } .widget-home-2 { margin: 2px 5px 25px 35px; border-left: 1px solid #E1E1E1; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #ffffff; background-color: #F5F5F5 } #col3-404 .widget-home-2 { margin: 2px 5px 25px 35px } /* sidebar layout and base style*/ .sidebar-wrapper,#sidebar-wrapper-404{ line-height: 24px; min-height: 200px; vertical-align: middle } /* child link on page*/ .sidebar-wrapper .page-menu{ margin: 33px 25px 5px 35px; padding: 20px 35px 25px 25px!important; border: 1px solid #c9c9c9; background: url(images/bg-widget.jpg) repeat left top } .sidebar-wrapper .page-menu .page-menu-title { margin-top: 0; border: none!important; background: none; font-size: 1.2em } .sidebar-wrapper .page-menu .page-menu-title:hover{ background-color: transparent!important } .sidebar-wrapper .page-menu li{ padding: 0px!important; margin-top: 2px; border: 1px solid #ffffff; border-bottom-color: #D1D1D1; border-right-color: #D6D6D6; font-size: 12px; line-height: 30px; background: #f2f2f2 none} .sidebar-wrapper .page-menu li:hover{ background-color: #f7f7f7; text-decoration: none } .sidebar-wrapper .page-menu li:active{ border: 1px solid #f2f2f2 } .sidebar-wrapper h2,#sidebar-wrapper-404 h2{ padding-top: 15px } .sidebar-wrapper h3,#sidebar-wrapper-404 h3,#sidebar-wrapper-404 .font-render{ margin: 20px 0 5px 0; padding: 7px 0 7px 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #cccccc; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; display: block; background: url(images/bg-widget.jpg) repeat left top; color: #000000; font: lighter 20px/26px Verdana,Arial,sans-serif; vertical-align: middle } .sidebar-wrapper ul,#sidebar-wrapper-404 ul{ } .sidebar-wrapper li,#content #sidebar-wrapper-404 li{ display:block; padding: 3px 0 3px 25px; background: url(images/list-s.png) no-repeat 0 -32px; font-size: 12px; line-height: 20px } .sidebar-wrapper li li,#content #sidebar-wrapper-404 li li{ display:block; padding: 3px 0 3px 15px; background: url(images/list-s.png) no-repeat -8px -32px; font-size: 12px; line-height: 20px } .sidebar-wrapper .menu li,#content #sidebar-wrapper-404 .menu li{ display:block; padding: 3px 0 3px 25px; background: url(images/list-s.png) no-repeat 0px -32px; font-size: 12px; line-height: 20px } .sidebar-wrapper .menu li li,#content #sidebar-wrapper-404 .menu li li{ display:block; padding: 3px 0 3px 20px; background: url(images/list-s.png) no-repeat -583px 0; font-size: 12px; line-height: 20px } .sidebar-wrapper ul.blogroll{ margin-top: -5px; padding: 0!important } #sidebar-wrapper-404 ul{ padding: 0!important } .sidebar-wrapper li.cat-item,#sidebar-wrapper-404 li.cat-item,.sidebar-wrapper ul.blogroll li,#sidebar-wrapper-404 ul.blogroll li{ display: block; list-style: none; font-size: 12px; line-height: 20px } .sidebar-wrapper ul.blogroll li:hover,#sidebar-wrapper-404 ul.blogroll li:hover{ background-color: #F7F7F7; text-decoration: none } .sidebar-wrapper li:hover,#sidebar-wrapper-404 li:hover,.sidebar-wrapper li.cat-item:hover,#sidebar-wrapper-404 li.cat-item:hover{ background-color: #F5F5F5 } .sidebar-wrapper li:active,#sidebar-wrapper-404 li:active,.sidebar-wrapper li.cat-item:active,#sidebar-wrapper-404 li.cat-item:active,.sidebar-wrapper ul.blogroll li:active,#sidebar-wrapper-404 ul.blogroll li:active{ background-color: #F0F0F0 } .sidebar-wrapper ul.blogroll li,#content #sidebar-wrapper-404 ul.blogroll li{ padding-left: 0; width: 100%; border-top: 1px solid #ffffff; border-bottom: 1px solid #E6E6E6; background: url(images/list-s.png) no-repeat left top } .sidebar-wrapper li.cat-item,#content #sidebar-wrapper-404 li.cat-item{ padding-left: 25px; background: url(images/list-s.png) no-repeat 0 -32px } .sidebar-wrapper ul.blogroll li a,#sidebar-wrapper-404 ul.blogroll li a, .page-menu li a{ display: block; width: 90% } .page-menu li a{ color: #808080} .sidebar-wrapper ul.blogroll li a,#sidebar-wrapper-404 ul.blogroll li a{ padding-left: 25px; } .page-menu li a{ padding-left: 15px} .sidebar-wrapper li.cat-item .children li{ margin-left:-10px; padding: 3px 0 0 25px } .sidebar-wrapper li li{ border: none } /* specific for 404 content */ #sidebar-wrapper-404 { border: none; padding-top: 5px } .popular-container,#recentcomments,.textwidget{ } /* popular post widget */ .popular-header{ margin-bottom: 0px } .popular-container{ margin-top: -5px } .popular-image-link{ border-top: 2px solid #ffffff; border-bottom: 1px solid #c9c9c9; display: block; color: #737373; min-height: 90px } .popular-image-link:hover{ background-color: #f7f7f7 } .popular-image{ width: 60px; float: left; border: 2px solid #dddddd; margin: 6px 6px 6px 6px; padding: 3px; display: block; height: 60px; z-index: 0!important } .popular-image:hover{ border: 2px solid #cccccc } .popular-title{ margin: 10px 5px 10px 0px; width: 210px; float: left; font: bold 12px/19px Verdana, Arial, Helvetica, sans-serif; min-height: 61px; vertical-align: middle } #sidebar-wrapper-404 .popular-title{ width: 260px } .popular-date{ font-weight: normal; font-size: .9em } /* recent comment */ #recentcomments .recentcomments{ width: 85%; border: none; padding: 5px 5px 5px 30px; background: url(images/comment-recent.png) no-repeat 5px 3px; line-height:18px } /* text widget */ .textwidget{ margin-top: -5px; padding: 15px 10px; color: #666666; font-size: 11px; line-height: 17px } .sidebar-wrapper .textwidget ul{ padding-bottom: 5px} .sidebar-wrapper .textwidget li{ padding-bottom: 0; font-size:11px; line-height: 21px } /* wp calendar #calendar_wrap { }*/ #calendar_wrap a{ color: #f90006 } #wp-calendar { width: 100%; margin: auto; color: #999999; font: bold 12px/26px Verdana, Arial, Helvetica, sans-serif; empty-cells: show; text-align: center; vertical-align: middle } #sidebar-wrapper-404 #wp-calendar { font: bold 14px/26px Verdana, Arial, Helvetica, sans-serif } #wp-calendar caption{ padding: 10px 0; color: #000000 } #wp-calendar thead, #wp-calendar tbody, #wp-calendar tfoot, #wp-calendar tr{ width: 100% } #wp-calendar thead { color: #000000 } #wp-calendar tfoot #next a, #wp-calendar tfoot #prev a, #wp-calendar tbody a, #wp-calendar tfoot a, #wp-calendar tr a{ width: 100%; display: block } #wp-calendar tfoot #next a:hover, #wp-calendar tfoot #prev a:hover, #wp-calendar tbody a:hover, #wp-calendar tfoot a:hover, #wp-calendar tr a:hover{ color: #333333 } /* wp tag */ .wptaglink-wrapper{ padding: 5px; font-family: Arial, Helvetica, sans-serif } .wptaglink{ margin: 1px; color: #999999} /* ------footer section------ */ #footer{ padding-top: 10px; width: 970px; margin: auto; color: #666666; font-size: 10px; position: relative } #footer a{ color: #666666 } #footer a:hover{ color: black } #tipfoot{ padding: 10px; border: 2px solid #ffffff; display: none; background-color: #e5e5e5; color: #000000; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; z-index: 10 } .small-logo{ position: absolute; top: 10px; left: 10px } .top-nav{ position: absolute; top: 15px; right: 15px; font-weight: bold; font-size: 1.1em } .top-nav:hover{ font-size: 1.3em; font-weight: bold } .copyright { margin-bottom: 30px; padding: 0 15px; color: #666666; text-align: center; font-size: 13px; line-height:40px; vertical-align: middle } #centering-footer{ display: block; text-align: center; width: 100% } #centering-footer li{ float: left } #centering-footer a{ margin: 2px 10px; color: #999999 } #centering-footer a:hover{ color: #F2F2F2 } #centering-footer-span{ display: block; width: 100%; margin: auto} #centering-footer-span ul,#centering-footer-span li{ display: block; float:left } #centering-footer-span a{ margin: 2px 10px; color: #999999 } #centering-footer-span a:hover{ color: #F2F2F2 } #footer-rss{ width: 50px; margin-left: 15px; float: left; background: url(images/rss.png) no-repeat right top; height: 50px } #footer-rss:hover{ background: url(images/rss.png) no-repeat 0 0 } #footer-rss:active{ background: url(images/rss.png) no-repeat right top } /* -------Comments Section-------- */ #content #comments-h3{ font-size: 14px; color: #808080; font-weight:normal } #content .commentlist{ padding-left: 0; font-size:11px; line-height: 17px } #content .children{ padding-left: 20px } /* list class='comment' - wrapper every comment */ .comment{ border: 1px solid #e5e5e5; margin-bottom: 10px } .children .comment{ margin-right: 10px } /* .comments{} */ .commenter{ width: 100%; border-bottom: 1px solid #dfdfdf; height: 65px; position: relative } /*avatar*/ .avatar, .avatar-48{ padding: 1px!important; border: 1px solid #cccccc; position: absolute!important; top: 7px; left: 10px } .comment-author,.vcard{ position: absolute; top: 0; left: 0 } .author-comment-name{ padding: 15px 0 0 72px; float: left; display: block; font: bold 16px/20px Verdana, Arial, sans-serif; vertical-align: middle } .author-comment-name a{ color: #689FC4 } .author-comment-name a:hover{ color: #87cfff } .says{ font-size: 11px; font-weight: normal } .commentmetadata, .comment-meta{ padding-top: 20px; padding-right: 15px; font-size: 10px; font-family: Arial, sans-serif; line-height: 14px; position: absolute; top: 0; right: 0 } .commentmetadata a, .comment-meta a{ color: #a6a6a6 } .comment-top{ clear: both; padding: 10px; border-top: 1px solid #ffffff } .commentbottom{ height: 50px; position: relative } .reply{ width: 70px; background: url(images/reply.png) no-repeat right top; font: bold 10px/30px Verdana, Arial, sans-serif; vertical-align: middle; position: absolute; right: 0 } .reply a{ padding: 5px; display: block; color: #c83d3f } .reply a:hover{ color: #FF4D4F } /* --------- wordpress built-in comment class/style ---------- */ /* -- threaded comment -- .trackback,.pingback{} */ .depth-1{ background-color: #f7f7f7 } .depth-2{ background-color: #f2f2f2 } .depth-3{ background-color: #f7f7f7 } .depth-4{ background-color: #f2f2f2 } .depth-5{ background-color: #f7f7f7 } .depth-6{ background-color: #f2f2f2 } .depth-7{ background-color: #f7f7f7 } .depth-8{ background-color: #f2f2f2 } .depth-9{ background-color: #f7f7f7 } /* below is very specific selector .comment-author-authorname{} .byuser{} */ .bypostauthor{ border-color: #e5c8c8 } /* ------------Comment Form-------------- */ .postMain #reply{ padding-top: 5px; padding-bottom: 5px } /* wrapper for comment form */ #respond{ width: 100% } #cancel-comment-reply{ float: right; padding: 5px; font: bold 10px/30px Verdana, Arial, sans-serif } /* Form id */ #commentform{ padding: 5px 0 10px } /* when using threaded for reply */ .commentlist #commentform{ padding: 5px 10px 10px } #login-comment{ font-size: 10px } #commentform input, #commentform textarea{ margin: 3px 0; padding: 5px 0; border-top: 1px solid #d4d4d4; border-right: 1px solid #ebebeb; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #ffffff; font-size: 15px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; background: #ededed url(images/form-field.jpg) repeat-x left top } #commentform p input:focus{ border: 1px solid #cccccc } /* #commentform p label{} #comment-text-form{} */ /* id for comment textarea*/ #comment{ width: 99% } #comment:focus{ border: 1px solid #cccccc } #comment-note { width: 70%; float: right; margin-right: 20px; font-size: 9px; line-height: 13px } #submit-comment{ width: 20% } .submit-comment { width: 100%; background: #D8D8D8 url(images/submit-button.png) repeat-x 0 50%; color: black; font-size: 1.2em; height: 30px; vertical-align: middle } /* -------------- contact form ------------- */ #contactForm{ margin:20px 0; padding: 10px 0; border: 1px solid #e5e5e5; background: url(images/bg-widget.jpg) repeat left top } #contactForm .forms{ padding-left: 0 } .forms li{ padding-top: 20px; padding-left:0!important; width: 500px; background-image: none!important; font-size: 1.3em; position:relative; height: 40px} .forms li.textarea{ height: 220px } .forms li label{ font-weight: bold; width: 140px; line-height:35px; text-align:right; top: 28px; left: 0; position: absolute } .forms li.screenReader label,.forms li.inline label{ font-weight: normal } .forms li input,.forms li #commentsText{ padding: 5px; border-top: 1px solid #d4d4d4; border-right: 1px solid #ebebeb; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #ffffff; background: #ededed url(images/form-field.jpg) repeat-x left top; font-size: 1.1em; line-height: 1.4em; vertical-align: middle } #contactName, #contact-email,#contactTextarea,#phone,#subject{ display: block } #contactName,#phone,#subject,#contact-email{ width: 338px; height: 1.3em; top: 28px; right: 0; position: absolute } #commentsText{ width: 338px; height:200px; font: 1.4em/21px "Lucida Sans", "Trebuchet MS",Arial, Helvetica, sans-serif; top: 28px; right: 0; position: absolute } .forms li.inline{ margin-bottom:15px; float: left; width: 240px; position: relative; left:150px } .forms li.inline label { float: none; padding-left: 5px; font-size: 10px; position: static} .forms li.buttons{ float: right; width: 110px; right: 20px; position: relative } .error{ padding-left: 20px; width: 328px; border: 1px dotted #ff9797; display: block; background-color: #FFF7F1; font-size:11px; line-height: 16px; top: 8px; left: 150px; position:absolute; z-index: 4 } .contact-img-loading{ width: 31px; background: url(images/loadingred.gif) no-repeat left top; position: relative; left: 45px; top: 10px; height: 31px } #content .entry .thanks{ padding: 40px; font: italic bold 16px/17px Verdana, Arial, sans-serif } .forms li.screenReader{ margin-bottom: 10px; padding:0; width: 338px; height:45px; clear: both; left: 150px } .forms li.screenReader label { float: none; width:338px; text-align:center; font: normal 10px/15px Arial, sans-serif; position: static } .forms li.screenReader input.screenReader{ width: 100%; display: block; height:11px; line-height:11px; bottom: 0; left: 0; position: absolute} .submit-contact{ margin-top: 3px; width: 110px; background: #D8D8D8 url(images/submit-button.png) repeat-x 0 50%; color: #666666; height: 30px; padding-bottom: 2px; vertical-align: middle } /* ------------ Author Page --------- #author-wrapper{} */ #author-img{ float: left; width: 200px; height: 150px } #author-meta{ float: right; width: 300px;} #author-bio{ clear: both; padding-bottom: 15px } /* ------------ image gallery and portfolio ------- */ #gallery{ padding-top: 30px; margin: auto } /* .content{} */ #controls ,.controls{ margin:auto; width:300px } .ss-controls{ margin:auto; width: 100px } /* a.play{ } .nav-controls{ } a.prev disable{ color:red;} */ a.play{ color: red } a.prev{ color: red } #content-wrapper a.next{ margin-left: 90px; color: red } a.play:hover,a.prev:hover,a.next:hover{ color: black } /* #loading{ } .loader{ } #slideshow .slideshow{ } */ #slideshow .image-wrapper img{ margin: auto!important; display: block } /*.image-wrapper{ } a.advance-link{ } a.advance-link img{ }*/ #caption{ padding: 25px 150px 10px 150px; text-align: center } #thumbs { margin: 0 } #thumbs .items{ padding: 0; margin: 0 } .gallery .gallery-noscript{ margin-right: 0 } .gallery-noscript{ display: block; margin-right:39px } .image-title{ padding-bottom: 10px; font-weight: lighter; font-size: 19px } .image-desc{ font-size: 11px; line-height:16px } .pagination{ margin: 20px 65px; font-size: 10px; text-align: right } .pagination a,.pagination span{ padding: 2px 6px; margin: 0 3px } .pagination a:hover,.pagination span:hover{ background-color: #FFFFFF } .pagination a:active,.pagination span:active{ background-color: #CCCCCC } .pagination span.current{ color: #e5e5e5; background-color: #333333 } a.thumb{ } #content .thumb img{ width: 100px; margin: 7px; height: 60px } #content .selected img{ margin: 7px; border: 1px solid #ffffff } li.active { } #content #thumbs li, #content .lightbox_li{ float: left; padding: 0; list-style: none; background-image: none } /* portfolio gallery */ #scroll-portfolio{ margin: 40px 0; width: 900px; position: relative; overflow: hidden } #start-scroll-portfolio{ margin: 60px 0; width: 20000em; position: absolute } .ps-top{ top: 0 } .ps-bottom{ bottom: 0 } .s-pagination{ display: block; color: #999999; font-size: 12px; line-height: 26px; height: 40px; vertical-align: middle; position: absolute; left: 0; cursor: pointer } .sp{ float: left; margin: 7px 0; width: 20px; display: block; text-align: center; height: 26px } .sp-active{ color: #cccccc; background-color: #000000 } .index-scroll{ display: block; color: #999999; font-size: 12px; line-height: 40px; height: 40px; vertical-align: middle; position: absolute; right: 0 } .prev-scroll{ width: 100px; border: none; display: block; background: url(images/port-button.jpg) no-repeat left top; height: 40px; position: absolute; left: 315px; cursor: pointer } .prev-scroll:hover{ background-position: -100px 0 } .prev-scroll:active{ background-position: -200px 0 } .prev-scroll span{ padding-right: 15px; display: block; color: #999999; font: bold 10px/35px Verdana, Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle } .next-scroll{ width: 100px; border: none; display: block; background: url(images/port-button.jpg) no-repeat left bottom; height: 40px; position: absolute; right: 325px; cursor: pointer } .next-scroll:hover{ background-position: -100px -40px } .next-scroll:active{ background-position: -200px -40px } .next-scroll span{ padding-left: 15px; display: block; color: #999999; font: bold 10px/35px Verdana, Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle } .with-desc-p3{ height: 640px } .with-desc-p6{ height: 1080px } .with-desc-p9{ height: 1500px } .without-desc-p3{ height: 450px } .without-desc-p6{ height: 700px } .without-desc-p9{ height: 940px } .pagination-part{ width: 950px; overflow: hidden } .scroll-part{ float: left; width: 1000px; overflow:hidden } .blog-divider, .service-divider, .portfolio-divider{ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #ffffff } .portfolio-scroll-divider{ margin: 15px 0; height:10px } .lightbox_li .lightbox{ width: 277px; display: block; height: 186px; position: relative } .lightbox_li .caption{ margin-top: -10px; margin-bottom: 20px; width: 260px } #content .lightbox img{ padding: 0px; width: 267px; margin: 0 0 10px 0!important; background-image: none; height: 168px } .lightbox_li .punchline{ font-size: 10px; left:0; top: 2px; margin-bottom: 5px } .lightbox_li .image-title{ border-bottom: 1px solid #dfdfdf } .lightbox_li .image-desc{ padding-top: 10px; border-top: 1px solid #ffffff; font-size: 11px; line-height: 17px } /* ########################## wp-page-navi css ########################## */ .wp-pagenavi{ font-size: 10px; text-align: right } .wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #F2F2F2; color: #999999; text-decoration: none } .wp-pagenavi a:hover { border: 1px solid #CCCCCC; color: #000000; background-color: #FFFFFF } .wp-pagenavi a:active { border: 1px solid #FFFFFF; color: #0066cc; background-color: #FFFFFF; text-decoration: none } .wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; border: 1px solid #F2F2F2; color: #B2B2B2 } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #F2F2F2; color: #FFFFFF; background-color: #000000; font-weight: bold } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000 } /*######################### Superfish Drop down Menu ###########################*/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none } .sf-menu { line-height: 1.5em } .sf-menu li li{ line-height: 1.3em } .sf-menu ul { width: 15em; /* left offset of submenus need to match (see below) */ position: absolute; top: -999em } .sf-menu ul li { width: 100% } .sf-menu li:hover { visibility: inherit /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative } .sf-menu a { display: block; position: relative } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 3.2em; /* 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: -15em; /* match ul width */ top: -1px } 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: -15em; /* match ul width */ top: 0 } ul.sf-menu li li li li:hover ul, ul.sf-menu li li li li.sfHover ul { left: 15em; /* match ul width */ top: 0 } ul.sf-menu li li li li li:hover ul, ul.sf-menu li li li li li.sfHover ul { left: -15em; /* match ul width */ top: 0 } ul.sf-menu li li li li li li:hover ul, ul.sf-menu li li li li li li.sfHover ul { left: 15em; /* match ul width */ top: 0 } ul.sf-menu li li li li li li li:hover ul, ul.sf-menu li li li li li li li.sfHover ul { left: -15em; /* match ul width */ top: 0 } ul.sf-menu li li li li li li li li:hover ul, ul.sf-menu li li li li li li li li.sfHover ul { left: 15em; /* match ul width */ top: 0 } ul.sf-menu li li li li li li li li li:hover ul, ul.sf-menu li li li li li li li li li.sfHover ul { left: -15em; /* match ul width */ top: 0 } ul.sf-menu li li li li li li li li li li:hover ul, ul.sf-menu li li li li li li li li li li.sfHover ul { left: 15em; /* match ul width */ top: 0 } /*** DEMO SKIN ***/ .sf-menu { float: left } .sf-menu a { padding: 1em 1em 1em 1em; text-decoration: none } .sf-menu a, .sf-menu a:visited { color: #666666 /* visited pseudo selector so IE6 applies text colour*/ } .sf-menu li { padding-left: 5px; padding-right: 5px; margin-top: 3px; font-size: 12px; } .sf-menu li li { border: 1px solid #DFDFDF; padding-left: 5px; padding-right: 0px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #FFFFFF; margin: 0; font-size: 11px; background: #EDEDED none} .sf-menu li li li { padding-left: 0; padding-right: 0; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #FFFFFF } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color: #F2F2F2; outline: 0 } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px /* trigger IE7 hasLayout so spans position accurately */ } .sf-menu li a.sf-with-ul { padding-right: 1.6em } .sf-menu li li a.sf-with-ul { padding-right: 2.25em } .sf-sub-indicator { width: 10px; display: block; background: url(images/arrows.gif) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ text-indent: -999em; position: absolute; right: 1.25em; top: 1.1em; /* IE6 only */ height: 10px; overflow: hidden } .sf-menu li .sf-sub-indicator { right: 5px } .sf-menu li li .sf-sub-indicator { right: 1.5em } .sf-menu li li .sf-sub-indicator { right: 1.25em } .sf-menu li a >.sf-sub-indicator { background-position: 0 -100px; /* use translucent arrow for modern browsers*/ /* give all except IE6 the correct values */ top: 1.25em } .sf-menu li li a >.sf-sub-indicator { background-position: 0 -100px; /* use translucent arrow for modern browsers*/ /* give all except IE6 the correct values */ top: 1.15em } /* apply hovers to modern browsers */ 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 { padding: 0 8px 9px 0; background: url(images/shadow.png) no-repeat bottom right; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px } .sf-shadow ul.sf-shadow-off { background: transparent }