/* Template Name: Karma Template URL: http://themeforest.net/item/karma-clean-and-modern-wordpress-theme/168737?ref=TrueThemes Author: TrueThemes Version: 2.0 */ /* ---------------------- Stylesheet Guide ------------------------- 01. GLOBAL STYLES 02. LAYOUT 1. GENERAL STRUCTURE 2. CONTENT AREA 3. PORTFOLIO PAGES 4. FOOTER 5. MULTI COLUMNS 6. SIDEBAR 7. HOMEPAGE 8. SITEMAP 9. VIDEO + 3D THUMBS 03. NAVIGATION 1. MAIN NAVIGATION 2. VERTICAL SUB NAVIGATION 3. HORIZONTAL SUB NAVIGATION 4. BREADCRUMBS 04. LINKS 1. GENERAL LINKS 2. TOP LINK 3. CUSTOM BUTTONS 05. LISTS 1. GENERAL LISTS 2. CUSTOM LIST BULLETS 3. ACCORDION 4. TABS 06. TYPOGRAPHY 1. GENERAL TYPOGRAPHY 2. @FONT-FACE 3. MESSAGE BOXES 4. FOOTER 5. CALLOUTS 07. BLOG 08. FORMS 09. IMAGES 1. GENERAL 2. MODERN FRAME 3. SHADOW FRAME 10. MISCELLANEOUS 11. WORDPRESS 1. KARMA Pagenavi 2. MAILCHIMP 3. DEFAULTS 4. 404 ERROR PAGE 5. CONSTANT CONTACT 12. WIDGETS + SHORTCODES 1. DEFAULT STYLES 2. BLOGROLL - FOOTER 3. CALENDAR 4. RECENT POSTS - SIDEBAR 5. BLOGROLL - SIDEBAR 6. SEARCH - SIDEBAR 7. SOCIAL MEDIA 8. LATEST TWEETS 9. TESTIMONIALS SLIDER 13. PROGRESSIVE CSS ENHANCEMENTS 14. PRETTY PHOTO 15. IE SPECIFIC */ /* *********************************************************************************** */ /* 01. GLOBAL /* *********************************************************************************** */ * {font-size: 100.01%;} html {font-size: 62.5%;margin:0;padding:0;} body {margin:0;background:#f4f4f2;font:1.2em/19px "helvetica neue",Helvetica,Arial,Verdana,sans-serif;color:#666;min-width:1003px;} /* *********************************************************************************** */ /* 02. LAYOUT /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LAYOUT /*---------------------------------------------------------------*/ #wrapper {width:100%;display:table;} #wrapper #header {display:table-header-group;} .top-block .top-holder {width:980px;margin:0 auto;font-size:10px;padding:4px 0;min-height:4px;height:auto;} .top-block .top-holder:after {clear:both;display:block;content:"";} #header .rays {background: url("rays.png") 50% 0 no-repeat;} #header .header-area {width:980px;margin:0 auto;padding:38px 0 33px 0;} #header .header-area:after {clear:both;display:block;content:"";} #main {background:url("bg-main.gif") repeat-x;display:table-footer-group;position:relative;width:100%;} #main .main-area {width:980px;margin:0 auto;padding:43px 0 5px 0;} .tools .place {float:right;} .main-holder {height:1%;overflow:hidden;padding-top:45px;} .carousel-holder {width:315px !important;} /*---------------------------------------------------------------*/ /* 2. CONTENT AREA /*---------------------------------------------------------------*/ #content {width:720px;float:left;margin-left: 20px;} .content_left_sidebar {float: right !important;} .content_right_sidebar {width: 510px !important;} .content_full_width {width: 940px !important;padding: 0 20px 0 20px;float:left;margin-left: 0 !important;} .portfolio_full_width {margin-left: 0 !important;width:980px !important;} /*---------------------------------------------------------------*/ /* 3. PORTFOLIO PAGES /*---------------------------------------------------------------*/ .portfolio_wrap {width: 100%;float: left;padding-bottom: 30px;} .portfolio_content { clear: left; padding-top: 8px; padding-bottom: 40px; font-family: Arial, Helvetica, sans-serif; } .port_sep {width: 100%;margin-bottom:30px;float: left;} .portfolio_layout .one_fourth, .portfolio_layout .one_fourth_last, .portfolio_layout .one_third, .portfolio_layout .one_third_last, .portfolio_layout .one_half, .portfolio_layout .one_half_last {position: relative;} /* Preloading */ .preload_one {width: 703px;height: 563px;background: url("preload.gif") center center no-repeat;} .preload_two {width: 437px;height: 234px;background: url("preload.gif") center center no-repeat;} .preload_three {width: 275px;height: 145px;background: url("preload-small.gif") center center no-repeat;} .preload_four {width: 190px;height: 111px;background: url("preload-small.gif") center center no-repeat;} /* 1 column */ .portfolio_one_column{width: 191px;float: left;} .portfolio_one_column_last {float: right;width: 722px;height: 602px;background: url("global-sprite.png") 0 -31px no-repeat;position: relative;} .port_img_one {width: 703px;height: 563px;float: left;position: absolute;top:8px;left:9px;} /* 2 columns */ .port_img_two {width: 437px;height: 234px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top {float: left;width: 455px;height: 272px;background: url("image-frame-sprite.png") 0px 0px no-repeat;} /* 3 columns */ .port_img_three {width: 275px;height: 145px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top_three {float: left;height: 179px;width: 293px;background: url("image-frame-sprite.png") -1px -279px no-repeat;} /* 4 columns */ .port_img_four {width: 208px;height: 146px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top_four {float: left;height: 146px;width: 208px;background: url("image-frame-sprite.png") -2px -465px no-repeat;} /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer {width:100%;position:relative;padding-top: 40px;} #footer .footer-area {width:980px;margin:0 auto;position:relative;} #footer .footer-wrapper {width:980px;overflow:hidden;} #footer .footer-holder {width:100%;overflow:hidden;padding:45px 0 25px 6px;} #footer .box {width:333px;float:left;} #footer_bottom {width: 100%;min-height:89px;height:auto;} #foot_left {float: left;width:440px;} #foot_left .textwidget {margin-top:-18px;} #foot_right {float: right;width:520px;text-align: right;} .info {width:980px;margin:0 auto;font-size:11px;overflow:hidden;padding:34px 0 0 8px;position:relative;} #footer .footer_post {padding: 2px 0 16px 0;} /*---------------------------------------------------------------*/ /* 5. MULTI COLUMNS /*---------------------------------------------------------------*/ .clear {clear: both;} .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {padding-bottom: 20px;} #content .one_half {float:left;width:342px;margin-right:30px;} #content .one_half_last {float:right;width:342px;margin:0;} #content .one_third {float:left;width:220px;margin-right:30px;} #content .one_third_last {float:right;width:220px;margin:0;} #content .one_fourth {float:left;width:152px;margin-right:36px;} #content .one_fourth_last {float:right;width:152px;margin:0;} #content .one_fifth {float:left;width:124px;margin-right:23px;} #content .one_fifth_last {float:right;width:124px;margin:0;} #content .one_sixth {float:left;width:100px;margin-right:20px;} #content .one_sixth_last {float:right;width:100px;margin:0;} #content .two_thirds {float:left;width:470px;margin:0;} #content .two_thirds_last {float:right;width:470px;margin:0;} #content .three_fourth {float:left;width:550px;margin:0;} #content .three_fourth_last {float:right;width:530px;margin:0;} .content_full_width .one_half {float:left;width:455px !important;margin-right:30px !important;} .content_full_width .one_half_last {float:right;width:455px !important;margin:0 !important;} .content_full_width .one_third {float:left;width:293px !important;margin-right:30px !important;} .content_full_width .one_third_last {float:right;width:293px !important;margin:0 !important;} .content_full_width .one_fourth {float:left;width:208px !important;margin-right:36px !important;} .content_full_width .one_fourth_last {float:right;width:208px !important;margin:0 !important;} .content_full_width .one_fifth {float:left;width:168px !important;margin-right:23px !important;} .content_full_width .one_fifth_last {float:right;width:168px !important;margin:0 !important;} .content_full_width .one_sixth {float:left;width:140px !important;margin-right:20px !important;} .content_full_width .one_sixth_last {float:right;width:140px !important;margin:0 !important;} .content_full_width .two_thirds {float:left;width:595px !important;margin:0 !important;} .content_full_width .two_thirds_last {float:right;width:595px !important;margin:0 !important;} .content_full_width .three_fourth {float:left;width:690px !important;margin:0 !important;} .content_full_width .three_fourth_last {float:right;width:685px !important;margin:0 !important;} .content_full_width .two_thirds_last .one_third, .content_full_width .two_thirds_last .one_third_last, .content_full_width .two_thirds .one_third, .content_full_width .two_thirds .one_third_last {width:280px !important;} .content_sidebar .one_fourth, .content_sidebar .one_fourth_last {width:105px !important;} .content_sidebar .one_third, .content_sidebar .one_third_last {width:145px !important;} .content_sidebar .one_half, .content_sidebar .one_half_last {width:235px !important;} .content_sidebar .two_thirds, .content_sidebar .two_thirds_last {width:325px !important;} #footer .one_half {float:left;width:455px !important;margin-right:30px !important;} #footer .one_half_last {float:right;width:455px !important;margin:0 !important;} #footer .one_third {float:left;width:305px !important;margin-right:30px !important;} #footer .one_third_last {float:right;width:305px !important;margin:0 !important;} #footer .one_fourth, #footer .one_fourth_last {float:left !important;width:227px !important;margin-right:23px !important;} #footer .one_fourth_last {margin-right:0px !important;float:right !important;} #footer .one_fifth {float:left;width:177px !important;margin-right:23px !important;} #footer .one_fifth_last {float:right;width:177px !important;margin:0 !important;} #footer .one_sixth {float:left;width:146px !important;margin-right:20px !important;} #footer .one_sixth_last {float:right;width:146px !important;margin:0 !important;} #content .tabs-area .one_half, #content .slide .one_half {float:left;width:310px;margin-right:30px;} #content .tabs-area .one_half_last, #content .slide .one_half_last {float:right;width:310px;margin:0;} #content .tabs-area .one_third, #content .slide .one_third {float:left;width:194px;margin-right:35px;} #content .tabs-area .one_third_last, #content .slide .one_third_last {float:right;width:194px;margin:0;} #content .tabs-area .one_fourth, #content .slide .one_fourth {float:left;width:141px;margin-right:30px;} #content .tabs-area .one_fourth_last, #content .slide .one_fourth_last {float:right;width:141px;margin:0;} #content .tabs-area .one_fifth, #content .slide .one_fifth {float:left;width:108px;margin-right:28px;} #content .tabs-area .one_fifth_last, #content .slide .one_fifth_last {float:right;width:108px;margin:0;} #content .tabs-area .one_sixth, #content .slide .one_sixth {float:left;width:92px;margin-right:20px;} #content .tabs-area .one_sixth_last, #content .slide .one_sixth_last {float:right;width:92px;margin:0;} #content .tabs-area .two_thirds, #content .slide .two_thirds {float:left;width:425px;margin:0;} #content .tabs-area .two_thirds_last, #content .slide .two_thirds_last {float:right;width:425px;margin:0;} #content .tabs-area .three_fourth, #content .slide .three_fourth {float:left;width:485px;margin:0;} #content .tabs-area .three_fourth_last, #content .slide .three_fourth_last {float:right;width:485px;margin:0;} .content_full_width .tabs-area .one_half, .content_full_width .slide .one_half {float:left;width:420px !important;margin-right:30px !important;} .content_full_width .tabs-area .one_half_last, .content_full_width .slide .one_half_last {float:right;width:420px !important;margin:0 !important;} .content_full_width .tabs-area .one_third, .content_full_width .slide .one_third {float:left;width:267px !important;margin-right:30px !important;} .content_full_width .tabs-area .one_third_last, .content_full_width .slide .one_third_last {float:right;width:267px !important;margin:0 !important;} .content_full_width .tabs-area .one_fourth, .content_full_width .slide .one_fourth {float:left;width:190px !important;margin-right:36px !important;} .content_full_width .tabs-area .one_fourth_last, .content_full_width .slide .one_fourth_last {float:right;width:190px !important;margin:0 !important;} .content_full_width .tabs-area .one_fifth, .content_full_width .slide .one_fifth {float:left;width:155px !important;margin-right:23px !important;} .content_full_width .tabs-area .one_fifth_last, .content_full_width .slide .one_fifth_last {float:right;width:155px !important;margin:0 !important;} .content_full_width .tabs-area .one_sixth, .content_full_width .slide .one_sixth {float:left;width:127px !important;margin-right:20px !important;} .content_full_width .tabs-area .one_sixth_last, .content_full_width .slide .one_sixth_last {float:right;width:127px !important;margin:0 !important;} .content_full_width .tabs-area .two_thirds, .content_full_width .slide .two_thirds {float:left;width:575px !important;margin:0 !important;} .content_full_width .tabs-area .two_thirds_last, .content_full_width .slide .two_thirds_last {float:right;width:575px !important;margin:0 !important;} .content_full_width .tabs-area .three_fourth, .content_full_width .slide .three_fourth {float:left;width:650px !important;margin:0 !important;} .content_full_width .tabs-area .three_fourth_last, .content_full_width .slide .three_fourth_last {float:right;width:650px !important;margin:0 !important;} .content_sidebar .tabs-area .one_half, .content_sidebar .slide .one_half {float:left;width:205px !important;} .content_sidebar .tabs-area .one_half_last, .content_sidebar .slide .one_half_last {float:right;width:205px !important;} .content_sidebar .tabs-area .one_third, .content_sidebar .slide .one_third {float:left;width:125px !important;} .content_sidebar .tabs-area .one_third_last, .content_sidebar .slide .one_third_last {float:right;width:125px !important;} .content_sidebar .tabs-area .one_fourth, .content_sidebar .slide .one_fourth {float:left;width:88px !important;margin-right:28px !important;} .content_sidebar .tabs-area .one_fourth_last, .content_sidebar .slide .one_fourth_last {float:right;width:88px !important;} .content_sidebar .tabs-area .one_fifth, .content_sidebar .slide .one_fifth {float:left;width:66px !important;} .content_sidebar .tabs-area .one_fifth_last, .content_sidebar .slide .one_fifth_last {float:right;width:66px !important;} .content_sidebar .tabs-area .one_sixth, .content_sidebar .slide .one_sixth {float:left;width:56px !important;} .content_sidebar .tabs-area .one_sixth_last, .content_sidebar .slide .one_sixth_last {float:right;width:56px !important;} .content_sidebar .tabs-area .two_thirds, .content_sidebar .slide .two_thirds {float:left;width:280px !important;} .content_sidebar .tabs-area .two_thirds_last, .content_sidebar .slide .two_thirds_last {float:right;width:280px !important;} .content_sidebar .tabs-area .three_fourth, .content_sidebar .slide .three_fourth {float:left;width:320px !important;} .content_sidebar .tabs-area .three_fourth_last, .content_sidebar .slide .three_fourth_last {float:right;width:320px !important;} /* iphone template */ .contact_iphone_content .two_thirds {} .contact_iphone_content .two_thirds .one_half {float:left;width:280px !important;margin-right:30px !important;} .contact_iphone_content .two_thirds .one_half_last {float:right;width:280px !important;margin:0 !important;} .contact_iphone_content .two_thirds .one_third {float:left;width:175px !important;margin-right:30px !important;} .contact_iphone_content .two_thirds .one_third_last {float:right;width:175px !important;margin:0 !important;} .contact_iphone_content .two_thirds .one_fourth {float:left;width:121px !important;margin-right:36px !important;} .contact_iphone_content .two_thirds .one_fourth_last {float:right;width:121px !important;margin:0 !important;} .contact_iphone_content .two_thirds .two_thirds {float:left;width:376px !important;margin:0 !important;} .contact_iphone_content .two_thirds .two_thirds_last {float:right;width:376px !important;margin:0 !important;} .contact_iphone_content .two_thirds .three_fourth {float:left;width:417px !important;margin:0 !important;} .contact_iphone_content .two_thirds .three_fourth_last {float:right;width:417px !important;margin:0 !important;} /*---------------------------------------------------------------*/ /* 6. SIDEBAR /*---------------------------------------------------------------*/ #sidebar {background:url("bg-sidebar.gif") 0 0 repeat-y;padding-bottom:65px;float: right;width: 173px;padding: 0 0 0 25px;} .left_sidebar {float: left !important;background:url("bg-sidebar.gif") top right repeat-y !important;padding: 0 25px 0 0 !important;margin: 0 0 0 25px;} .contact_iphone {background:url("bg-iphone-sidebar.png") 100% 0 no-repeat;height: 594px;position:relative;} .contact_iphone .sidebar-iphone, .contact_iphone .sidebar-widget {width:180px !important;} .iphone-wrap {margin:110px 0 0 75px;background: none !important;padding-top:5px;} .sidebar-iphone .social_icons {margin:0;padding:3px 0 0 0;float: none !important;} #main .contact_iphone .sidebar-widget {width:180px !important;margin: 0 !important;background: none !important;padding-bottom: 15px !important;} #main .contact_iphone .iphone-header {padding-bottom: 10px;color:#000;font-weight:normal !important;} #main .contact_iphone p {color:#444;} /*---------------------------------------------------------------*/ /* 7. HOMEPAGE /*---------------------------------------------------------------*/ .flash_wrap {min-height:400px;height:auto;} .port-wrap {height:650px;} .home-holder {padding: 0;} .home-flash-slider{width:940px;height:400px;margin:95px auto 0 auto;} /* Tall Banner General Settings */ .big-banner .rays {background: url("rays-big.png") 50% 0 no-repeat !important;height: 300px !important;} .big-banner #header .header-holder {height: 300px !important;} .big-banner #main {background-image:none !important;} .big-banner #main .main-area {padding-top: 118px;} .big-banner #main .flash-main-area {padding-top: 0px !important;} .home-banner-wrap {width:940px;height:419px;margin:87px auto 0 auto;background:url("bg-home-banner.png") 0px 0px no-repeat;position:relative;} .big-banner .content_full_width {padding-top: 0px !important;} .home-banner-main { width: 0px; top:0px; left:0px; position:absolute; } .home-banner-sub {width: 456px;height:309px;background:url("shadowBG.jpg") 0px 0px no-repeat;top:40px;right:40px;position:absolute;} .home-banner-sub-content {width: 436px;height:270px;margin: 10px 0 0 10px;} .home-banner-sub-full {width: 860px;height:304px;background:url("shadowBG-full.jpg") 0px 0px no-repeat;top:40px;right:40px;position:absolute;} .home-banner-sub-content-full {width: 840px;height:270px;margin: 10px 0 0 10px;} .home-bnr-jquery {position:relative;} /* jQuery 2 */ .home-banner-wrap ul {list-style:none;margin:0;padding:0;width:940px;height:381px;background-image: url("home-preloader.gif");background-position:center;background-repeat: no-repeat;} .home-banner-wrap li {width:940px;height:381px;} .home-banner-wrap li.jqslider{display: none;} .jquery-pager {text-align:center;padding-top: 20px;} .jquery-pager a {display: inline-block;width:15px;height:15px;text-indent:-9999em;outline:none;background:url("global-sprite.png") -740px -179px no-repeat;margin-right: 12px;} .jquery-pager .activeSlide {background:url("global-sprite.png") -725px -179px no-repeat;} .home_video_preload {width: 100%;height: 100%;background: url("preload-white.gif") center center no-repeat;} .big-banner .content_home_video {padding-top: 80px !important;} /* jQuery */ .home-bnr-jquery {margin:0 auto;width: 940px;height: 283px;} .home-bnr-jquery ul {list-style:none;margin:0;padding:0;width: 940px;height: 283px;} .home-bnr-jquery ul li {width: 940px;height: 283px;} .home-bnr-jquery ul li.jqslider{display: none;} .home-jquery-content {padding-top: 45px;} .home-bnr-jquery .home-banner-sub { width: 940px; height:283px; background:url("bg-jquery-bnr.jpg") 0 -1188px no-repeat; top:4px; right:4px; position:absolute; left: 4px; } .home-bnr-jquery .home-banner-sub-content { width: 900px; height:256px; margin-top: 14px; margin-right: 0; margin-bottom: 0; margin-left: 14px; padding-left: 0px; } .home-banner-bottom {width: 404px;height:7px;background:url("jquery-btm-shdw.png") 0 0 no-repeat;top:263px;right:14px;position:absolute;z-index:4;} .home-bnr-jquery .home-banner-main { position:absolute; } .home-jquery-content {padding-top: 45px;} .home-bnr-jquery .home-banner-sub-full {width: 940px;height:283px;top:0px;left:0px;position:absolute;margin:0;padding:0;background:none;} .home-bnr-jquery .home-banner-sub-full p {top:0px;left:0px;position:absolute;margin:0;padding:0;background:none;} /*---------------------------------------------------------------*/ /* 8. SITEMAP /*---------------------------------------------------------------*/ #main .sitemap_with_child, #main .sitemap_without_child {float:left;width:200px;margin-right:20px;} #main .sitemap_with_child a, #main .sitemap_without_child a {color: #666;font-weight:bold;text-decoration:none;} #main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a {font-weight:normal;text-decoration:underline;} #main .sitemap_with_child ul, #main .sitemap_without_child ul {list-style: none;margin:0;padding:8px 0 0 0;} #main .sitemap_with_child ul {padding:0;} #main .sitemap_with_child ul a {text-decoration:none !important;} #main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover {text-decoration:underline !important;} /*---------------------------------------------------------------*/ /* 9. VIDEO + 3D THUMBS /*---------------------------------------------------------------*/ .video-main {width: 592px;height: 371px;float: left;background:url("bg-video.png") 0 0 no-repeat;position:relative;} .video-frame {width: 572px;height: 312px;position: absolute;top: 10px;left: 10px;background: url("preload-white.gif") center center no-repeat;} .video-sub {width: 305px;float: right;padding-top: 15px;} .three-d-main {width: 527px;height: 475px;float: left;} .three-d-sub {width: 380px;float: right;padding-top: 15px;} .three-d-wrap {padding-bottom: 12px;} .video_right .video-main, .video_right .two-d-main, .video_right .three-d-main {float: right !important;} .video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub {float: left !important;} /* *********************************************************************************** */ /* 03. NAVIGATION /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. MAIN NAVIGATION /*---------------------------------------------------------------*/ #menu-main-nav {list-style:none;margin:0;padding:0;list-style:none;float:right;} #menu-main-nav a {outline: none;} #menu-main-nav li {float:left;padding:5px 31px 12px 13px;position:relative;vertical-align:top;height:1%;margin-right: 2px;} #menu-main-nav ul li {background: none !important;} #menu-main-nav li.parent:hover {position:relative;} #menu-main-nav li.parent li.parent:hover {background:none !important;} #menu-main-nav li.parent li.parent li.parent:hover {background:none !important;} #menu-main-nav li.parent {letter-spacing:0.2px;} #menu-main-nav li strong {text-transform:uppercase;display:block;font-size:13px;letter-spacing: 0.6px;font-weight:800;} #menu-main-nav a {display:block;} #menu-main-nav a:hover {background-position:0 0;text-decoration:none;} #menu-main-nav .drop {width:236px;padding:0 1px 0 1px;position:absolute;left:-1px;top:52px;display:none;z-index:999;} #menu-main-nav .sub-menu {display: none;} #menu-main-nav .drop li.current-menu-item, #menu-main-nav .drop li.current_page_ancestor, #menu-main-nav .drop li.hover {z-index:10;} #menu-main-nav .drop .t, #menu-main-nav .drop .b {height:10px;overflow:hidden;} #menu-main-nav .drop .c {width:100%;} #menu-main-nav .drop ul {margin:0;padding:5px 0 8px;width:236px;list-style:none;} #menu-main-nav .drop ul li {float:none;padding:0;position:relative;height:1%;padding:0 8px;background:none;} #menu-main-nav .drop ul a {display:block;height:1%;width: 220px;} #menu-main-nav .drop ul a span {display:block;padding:7px 13px;height:1%;cursor:pointer;} #menu-main-nav .drop ul .drop {top:0;left:236px;} #menu-main-nav .drop ul .drop ul a {background:none;} #menu-main-nav .drop ul .drop ul a span {background:none;} #menu-main-nav .drop ul .drop ul .drop a, #menu-main-nav .drop ul .drop ul .drop a span {background:none !important;} #menu-main-nav li:hover .drop, #menu-main-nav li.hover .drop {display:block;} #menu-main-nav li:hover .drop ul .drop, #menu-main-nav li.hover .drop ul .drop {display:none;} #menu-main-nav li:hover .drop ul li:hover .drop, #menu-main-nav li.hover .drop ul li.hover .drop {display:block;} #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {text-decoration:none;color:#999;} #menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-item ul li a span, #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background: none !important;} /*---------------------------------------------------------------*/ /* 2. VERTICAL SUB NAVIGATION /*---------------------------------------------------------------*/ #sub_nav {float: left;width:220px;float:left;background:url("bg-sidebar.gif") 206px 0 repeat-y;padding-bottom:65px;overflow:hidden;} #sub_nav ul a {display:block;background:url("separator3.gif") 0 100% repeat-x;padding:4px 0 8px 20px;height:1%;position:relative;margin:0 13px 0 0;} #sub_nav ul a:hover, #sub_nav ul li.current_page_item a {margin-right:0;color:#fff;text-decoration:none;} #sub_nav ul ul a {background:url("bullet1.gif") 0 9px no-repeat;padding:4px 0 1px 14px;} #sub_nav ul ul a:hover {text-decoration:underline;color:#666;} #sub_nav ul {margin:0;padding:0;list-style:none;} #sub_nav ul li {vertical-align:top;height:1%;} #sub_nav ul ul {list-style:none;margin:0;padding:9px 0 6px 31px;} #sub_nav ul ul ul {padding:5px 0 9px 23px;} .nav_right_sub_nav ul li.current_page_item ul li a, .nav_right_sub_nav ul li.current_page_item ul li a:hover, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a:hover, .nav_right_sub_nav ul li ul li a, .nav_right_sub_nav ul li ul li a:hover{padding-left: 15px !important;margin: 0 0 0 13px !important;} .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, #sub_nav li.current-menu-parent ul li.current_page_item a {font-weight: bold;} .nav_right_sub_nav ul li.current_page_item ul li.current_page_item ul li a {font-weight: normal !important;} .nav_right_sub_nav {float: right !important;background:url("bg-sidebar.gif") 12px 0 repeat-y !important;} .nav_right_sub_nav ul a {margin:0 0 0 13px !important;} .nav_right_sub_nav ul li.current_page_item a, .nav_right_sub_nav ul a:hover {margin-left:0 !important;padding-left: 33px !important;} #sub_nav ul li ul li.current_page_item ul li a {font-weight: normal !important;} /*---------------------------------------------------------------*/ /* 3. HORIZONTAL SUB NAVIGATION /*---------------------------------------------------------------*/ #horizontal_nav {width: 100%;float: left;background: url("separator3.gif") 0 100% repeat-x;padding-bottom: 20px;margin: -20px 0 30px 0;} #horizontal_nav ul {margin:0 0 0 -25px;padding:0;list-style:none;height:1%;overflow:hidden;} #horizontal_nav ul li {float: left;margin-left: 25px;} #horizontal_nav ul {float:left;} #horizontal_nav ul a {float:left;padding:0 11px 0 0;outline:none;color:#474747;text-decoration: none;} #horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item {background:url("bg-horz-active.jpg") 100% 0 no-repeat;text-decoration:none;} #horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {color:#fff !important;} #horizontal_nav ul a span {float:left;padding:4px 0 4px 13px;cursor:pointer;} #horizontal_nav ul .current_page_item span, #horizontal_nav ul a:hover span {background:url("bg-horz-active.jpg") no-repeat;} /*---------------------------------------------------------------*/ /* 4. BREADCRUMBS /*---------------------------------------------------------------*/ .tools .breadcrumb {margin:0;padding:4px 0 19px 0;float:right;overflow:hidden;font-size:.9em;} .tools .breadcrumb a {padding:0 15px 0 7px;background:url("arrow-right.png") 100% 50% no-repeat;margin:0 0 0 6px;color:#FFF;outline: none;} .tools .breadcrumb a:hover {color:#CCC;} .tools .breadcrumb .current_crumb {background:url("arrow-up.png") 50% 100% no-repeat;padding:0 5px 23px 7px;font-weight: bold;} /* *********************************************************************************** */ /* 04. LINKS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LINKS /*---------------------------------------------------------------*/ a {color:#666;outline: none;} #menu-main-nav a, #sub_nav a, #wrapper .tabset a {text-decoration: none;} a:hover { text-decoration:underline;} #header .logo { float:left; margin-left:22px; outline: none; } #header .sub-nav a, #header .sub-nav2 a {color: #575C60;text-decoration: none;} #header .sub-nav a:hover, #header .sub-nav2 a:hover { color: #8B949A; font-family: "helvetica neue", Helvetica, Arial, Verdana, sans-serif; } #header .sub-nav li, #header .sub-nav2 li {color: #575C60;} .footer-holder a, #footer_bottom a {text-decoration: none;color:#575C60;} .footer-holder a:hover, #footer_bottom a:hover {color:#8B949A;} #footer_bottom a {text-decoration: underline;} #footer_bottom a{text-decoration:none;} .callout_button{border:0;margin:0;padding:6px 10px !important;background:#999 url("bg-input-button-footer.jpg") 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;color: #333;outline:none;border: 1px solid #999;display: inline-block;font-size: 12px !important;text-decoration: none;} .callout_button:hover {text-decoration: none;} #footer h3 a {color: #FFF !important;} .post_title h1 a {color:#222 !important;text-decoration:none !important;} /*---------------------------------------------------------------*/ /* 2. TOP LINK /*---------------------------------------------------------------*/ .link-top {padding:3px 0 0 17px;background:url("bg-link-top.gif") 0 7px no-repeat;color:#333;font-size:11px;outline: none;margin:-9px 2px 15px 0;float: right;} .link-top:hover {color: #E34801;} #footer_bottom .link-top {background:url("arrow-up-footer.png") 0 8px no-repeat;font-weight: bold;} #footer_bottom .link-top, #footer_bottom .link-top:hover {color: #FFF !important;text-decoration: none !important;} #footer_bottom .top-footer {float: right;padding:8px 0 0 12px;} /*---------------------------------------------------------------*/ /* 3. CUSTOM BUTTONS /*---------------------------------------------------------------*/ .ka_button, .ka_button:hover {text-decoration: none;border: 0;display:inline-block;letter-spacing:1.2px;text-transform: uppercase;color: #DDD !important;} .ka_button span {display:block;} .small_button{margin:5px 10px 5px 0;padding:0 21px 0 0;font-size: .9em;background: transparent url("bg-buttons-sprite.png") 100% -43px no-repeat scroll;color: #F4F4F2;} .small_button span{margin:0;padding:16px 0 17px 21px;line-height: 10px;background:transparent url("bg-buttons-sprite.png") 0 0 no-repeat scroll;} .medium_button{margin:5px 10px 5px 0;padding:0 23px 0 0;font-size: 1em;background: transparent url("bg-buttons-sprite.png") 100% -136px no-repeat scroll;color: #F4F4F2;} .medium_button span{margin:0;padding:19px 0 19px 23px;line-height: 12px;background:transparent url("bg-buttons-sprite.png") 0 -86px no-repeat scroll;} .large_button{margin:5px 10px 5px 0;padding:0 34px 0 0;font-size: 1.1em;background: transparent url("bg-buttons-sprite.png") 100% -261px no-repeat scroll;color: #F4F4F2;border:0;outline:none;cursor:pointer;} .large_button span{margin:0;padding:28px 0 33px 33px;line-height: 16px;background:transparent url("bg-buttons-sprite.png") 0 -186px no-repeat scroll;border:0;outline:none;cursor:pointer;} /* FIRE */ .small_fire, .small_fire span, .medium_fire, .medium_fire span, .large_fire, .large_fire span {background-image: url("bg-buttons-sprite-fire.png") !important;} /* AUTUMN */ .small_autumn, .small_autumn span, .medium_autumn, .medium_autumn span, .large_autumn, .large_autumn span {background-image: url("bg-buttons-sprite-autumn.png") !important;} /* CHERRY */ .small_cherry, .small_cherry span, .medium_cherry, .medium_cherry span, .large_cherry, .large_cherry span {background-image: url("bg-buttons-sprite-cherry.png") !important;} /* COFFEE */ .small_coffee, .small_coffee span, .medium_coffee, .medium_coffee span, .large_coffee, .large_coffee span {background-image: url("bg-buttons-sprite-coffee.png") !important;} /* GOLDEN */ .small_golden, .small_golden span, .medium_golden, .medium_golden span, .large_golden, .large_golden span {background-image: url("bg-buttons-sprite-golden.png") !important;} /* PINK */ .small_pink, .small_pink span, .medium_pink, .medium_pink span, .large_pink, .large_pink span {background-image: url("bg-buttons-sprite-pink.png") !important;} /* PURPLE */ .small_purple, .small_purple span, .medium_purple, .medium_purple span, .large_purple, .large_purple span {background-image: url("bg-buttons-sprite-purple.png") !important;} /* PERIWINKLE */ .small_periwinkle, .small_periwinkle span, .medium_periwinkle, .medium_periwinkle span, .large_periwinkle, .large_periwinkle span {background-image: url("bg-buttons-sprite-periwinkle.png") !important;} /* VIOLET */ .small_violet, .small_violet span, .medium_violet, .medium_violet span, .large_violet, .large_violet span {background-image: url("bg-buttons-sprite-violet.png") !important;} /* SKY BLUE */ .small_skyblue, .small_skyblue span, .medium_skyblue, .medium_skyblue span, .large_skyblue, .large_skyblue span {background-image: url("bg-buttons-sprite-skyblue.png") !important;} /* COOL BLUE */ .small_coolblue, .small_coolblue span, .medium_coolblue, .medium_coolblue span, .large_coolblue, .large_coolblue span {background-image: url("bg-buttons-sprite-coolblue.png") !important;} /* ROYAL BLUE */ .small_royalblue, .small_royalblue span, .medium_royalblue, .medium_royalblue span, .large_royalblue, .large_royalblue span {background-image: url("bg-buttons-sprite-royalblue.png") !important;} /* BLUE GREY */ .small_bluegrey, .small_bluegrey span, .medium_bluegrey, .medium_bluegrey span, .large_bluegrey, .large_bluegrey span {background-image: url("bg-buttons-sprite-bluegrey.png") !important;} /* LIME GREEN */ .small_limegreen, .small_limegreen span, .medium_limegreen, .medium_limegreen span, .large_limegreen, .large_limegreen span {background-image: url("bg-buttons-sprite-limegreen.png") !important;} /* FOREST GREEN */ .small_forestgreen, .small_forestgreen span, .medium_forestgreen, .medium_forestgreen span, .large_forestgreen, .large_forestgreen span {background-image: url("bg-buttons-sprite-forestgreen.png") !important;} /* TEAL */ .small_teal, .small_teal span, .medium_teal, .medium_teal span, .large_teal, .large_teal span {background-image: url("bg-buttons-sprite-teal.png") !important;} /* TEAL GREY */ .small_tealgrey, .small_tealgrey span, .medium_tealgrey, .medium_tealgrey span, .large_tealgrey, .large_tealgrey span {background-image: url("bg-buttons-sprite-tealgrey.png") !important;} /* GREY */ .small_grey, .small_grey span, .medium_grey, .medium_grey span, .large_grey, .large_grey span {background-image: url("bg-buttons-sprite-grey.png") !important;} /* SILVER */ .small_silver, .small_silver span, .medium_silver, .medium_silver span, .large_silver, .large_silver span {background-image: url("bg-buttons-sprite-silver.png") !important;color:#555 !important;} /* *********************************************************************************** */ /* 05. LISTS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LISTS /*---------------------------------------------------------------*/ .top-block .sub-nav {margin:0;padding:0;float:left;} .top-block .sub-nav2 {margin:0;padding:0;float:right;} .top-block .sub-nav ul, .top-block .sub-nav2 ul, #footer_bottom ul {margin:0;padding:0;list-style:none;float:left;overflow:hidden;} .top-block .sub-nav ul li, .top-block .sub-nav2 ul li, #footer_bottom ul li{float:left;margin:0 4px 0 -4px;padding:0 9px;} .top-block .sub-nav2 ul, #footer_bottom #foot_right ul{float:right;} .footer-holder ul {margin:0;padding:0;color:#999;list-style: none;} .footer-holder li {margin-bottom: 8px;} .search-list {margin:0 0 0 15px;padding:0;} .search-list li {margin-bottom: 20px;} .sitemap-list .sub-menu {list-style:none;margin-left:10px;padding:10px 0 5px 0;} .sitemap-list .sub-menu li .sub-menu {list-style:none;margin-left:15px;padding:10px 0 0 0;} /*---------------------------------------------------------------*/ /* 2. CUSTOM LIST BULLETS /*---------------------------------------------------------------*/ .list {margin:0;list-style:none;padding:0 0 20px 0;} .list li {padding:5px 0 0 15px;background:url("bullet2.gif") 0 11px no-repeat;margin-bottom: 5px;} .list2 li {background:url("bullet3.gif") 0 11px no-repeat;} .list3 li {background:url("bullet4.gif") 0 11px no-repeat;} .list4 li {background:url("bullet5.gif") 0 11px no-repeat;padding-left:20px;} /*---------------------------------------------------------------*/ /* 3. ACCORDION /*---------------------------------------------------------------*/ .accordion {width: 100%;padding:0 0 20px 0;background:none;} .accordion a {text-decoration: none;} .opener {background:#FFF url("bg-accordion-opener.jpg") left bottom repeat-x;display:block;font-size:13px;padding:8px 9px;outline: none;color:#676767;border: 1px solid #C3C3C3;margin-bottom:3px;} .opener:hover {color:#222;text-decoration: none;} .opener strong {background:url("bg-accordion-close.png") 2px 3px no-repeat;display:block;padding:2px 0 2px 32px;height:1%;cursor:pointer;text-shadow:1px 1px 1px #FFF;} .accordion .slide-holder {width:100%;overflow:hidden;} .accordion {list-style:none;} .accordion .ui-state-active strong {background:url("bg-accordion-open.png") 2px 3px no-repeat !important;color:#222;} .accordion .slide {padding:20px 27px 0 27px;} /*---------------------------------------------------------------*/ /* 4. TABS /*---------------------------------------------------------------*/ #wrapper .tabs-area {padding: 20px 0 0 0;} #wrapper .tabset {margin:0;padding:0 0 18px 23px;list-style:none;height:1%;overflow:hidden;} #wrapper .tabset li {float:left;margin-right:20px;} #wrapper .tabset a {color: #666;} #wrapper .tabset a:hover {color: #FFF;} #wrapper .tabset .tab {float:left;padding:0 11px 0 0;outline:none;color:#474747;} #wrapper .tabset .active, .tabset a:hover {text-decoration:none;color:#FFF;} #wrapper .tabset .tab span {float:left;padding:3px 0 4px 13px;cursor:pointer;} #wrapper .tab-box {background:url("bg-tab-box.gif") repeat-x;margin:0 9px 0 0;padding:30px 27px 0 27px;} #wrapper .blog-tab-box {margin:0 9px 0 0;padding:0 0 20px 0;width: 100%;} #wrapper #blog-tabs .tabset {padding:0 0 15px 0;float: right;} /* *********************************************************************************** */ /* 06. TYPOGRAPHY /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL TYPOGRAPHY /*---------------------------------------------------------------*/ #main .frame h1 {padding-bottom: 15px !important;font-size:24px !important;float:left;margin:3px 0 0 0 !important;color: #FFF;} #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {padding-bottom: 10px;font-weight: normal;margin:0;color: #222;} #main h1 {font-size:2.1em;} #main h2 { font-size:1.9em; font-family: Arial, Helvetica, sans-serif; } #main h3 { font-size:1.7em; font-family: Arial, Helvetica, sans-serif; } #main h4 {font-size:1.5em;} #main h5 {font-size:1.3em;} #main h6 {font-size:.9em;color: #222;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;padding-bottom: 5px !important;} #sidebar h2 {padding-bottom: 5px;font-size:10px;} .search-title {color: #000;font-size:1.9em;} #main .portfolio_full_width h3 {color: #000;} #content p {margin:0;padding:0 0 20px 0;} p strong {color: #555;} .sitemap-last p {line-height:25px;} #content .sub-box3 .cols-holder {padding:41px 0 0;} #main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 {padding-bottom: 10px !important;} .home-banner-main h2 {color: #222 !important;font-size:2em !important;padding-bottom: 5px !important;font-weight:normal !important;} .home-banner-main p {font-size: 1.1em;line-height:21px;} .home-bnr-jquery .home-banner-main h2 {color:#FFF !important;} /*---------------------------------------------------------------*/ /* 2. @FONT-FACE /*---------------------------------------------------------------*/ @font-face { font-family: 'ColaborateThinRegular'; src: url("ColabThi-webfont.eot"); src: url("ColabThi-webfont.eot-iefix") format('eot'), url("ColabThi-webfont.woff") format('woff'), url("ColabThi-webfont.ttf") format('truetype'), url("ColabThi-webfont.svg#webfontbOrwRK9P") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateLightRegular'; src: url("ColabLig-webfont.eot"); src: url("ColabLig-webfont.eot-iefix") format('eot'), url("ColabLig-webfont.woff") format('woff'), url("ColabLig-webfont.ttf") format('truetype'), url("ColabLig-webfont.svg#webfontR2xcGGVv") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateRegular'; src: url("ColabReg-webfont.eot"); src: url("ColabReg-webfont.eot-iefix") format('eot'), url("ColabReg-webfont.woff") format('woff'), url("ColabReg-webfont.ttf") format('truetype'), url("ColabReg-webfont.svg#webfontB6AeCMH3") format('svg'); font-weight: normal; font-style: normal; } #main .blog_wrap h1, #main .single_blog_wrap h1, #main .comment-title, .four_o_four, .callout-wrap span, .video-sub h2, .two-d-sub h2, .three-d-sub h2, .main-holder h1, .main-holder h2, .main-holder h3, .main-holder h4, .main-holder h5, .search-title, .home-banner-main h2, #main .portfolio_full_width h3, #main .frame h1, #main .month, .home-bnr-jquery-content h2, .callout2, #main .contact_iphone h4, .comment-author-about { font-family:Arial, Helvetica, sans-serif; } /*---------------------------------------------------------------*/ /* 3. MESSAGE BOXES /*---------------------------------------------------------------*/ #content .message_green, #content .message_red, #content .message_blue, #content .message_yellow, .content_full_width .message_green, .content_full_width .message_red, .content_full_width .message_blue, .content_full_width .message_yellow{color:#333;padding: 20px 20px 20px 60px;margin: 0 0 20px 0;} #content .message_green, .content_full_width .message_green {background: #DFE9B7 url("ico1.gif") 20px center no-repeat;border:1px solid #BAC398;} #content .message_red, .content_full_width .message_red {background: #F5DCD8 url("ico2.gif") 20px center no-repeat;border:1px solid #CDBFBE;} #content .message_blue, .content_full_width .message_blue {background: #DAE6F2 url("ico3.gif") 20px center no-repeat;border:1px solid #BDC4CA;} #content .message_yellow, .content_full_width .message_yellow {background: #F8F2B6 url("ico4.gif") 20px center no-repeat;border:1px solid #D8D4B7;} #content .message_green a, .content_full_width .message_green a {font-weight:bold;color:#66B500;} #content .message_red a, .content_full_width .message_red a {font-weight:bold;color:#CB2A19;} #content .message_blue a, .content_full_width .message_blue a {font-weight:bold;color:#0092F5;} #content .message_yellow a, .content_full_width .message_yellow a {font-weight:bold;color:#A58100;} /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer p, #footer_bottom p {margin:0;} #footer, #footer_bottom {color: #575C60;} #footer h3 {text-transform:uppercase;color:#fff;display:block;font-size:13px;letter-spacing: 0.5px;border-bottom: 1px solid #3E4055;padding-bottom: 7px;margin-bottom: 16px;font-weight: bold;} #footer .footer_post h4, #footer .footer_post h4 a{text-transform:uppercase;color:#fff;display:block;font-size:11px;letter-spacing: 0.5px;} #footer .footer_post h4{padding-bottom: 3px;} /*---------------------------------------------------------------*/ /* 5. CALLOUTS /*---------------------------------------------------------------*/ .callout-wrap {float: left;width: 100%;padding-top: 20px;background:url("separator3.gif") 0 0 repeat-x;margin: 10px 0 30px 0;} .callout-wrap span {padding-bottom: 25px;background:url("separator3.gif") left bottom repeat-x;color: #222;font-size:1.6em;line-height: 28px;display: block;} .callout2 {color: #222;font-size:1.5em;line-height: 28px;} /* *********************************************************************************** */ /* 07. BLOG /* *********************************************************************************** */ .content_blog {width: 660px !important;padding-left: 20px;} .sidebar_blog {width: 225px !important;} .blog_wrap, .single_blog_wrap {width: 660px;/* background: url(images/_global/bg-post-blog-wrap.jpg) left bottom no-repeat; padding-bottom: 70px; */float: left;margin-bottom: 70px;} .single_blog_wrap {background: none !important;padding-bottom: 30px;} .post_title, .post_content, .post_footer {float: left;width: 660px;} .post_content {width: 660px;position: relative;background: url("bg-post-content.png") 577px 0 no-repeat;margin: -5px 0 0 0;min-height: 170px;padding-bottom:15px;} #main .post_content p {padding: 0 102px 25px 0;} .post_footer {height: 56px;background: url("bg-post-footer.jpg") 0 0 repeat-x;margin-bottom: 18px;} .single_blog_wrap .post_footer {margin-bottom: 28px;} .post_cats, .post_tags {float: left;width: 330px;} .post_tags {float: right;} .post_title span, .post_cats span, .post_tags span {color: #4C4C4C;font-weight: bold;} .post_cats span {padding: 10px 3px 10px 24px;background: url("bg-post-footer-categories.png") 0 50% no-repeat;} .post_tags span {padding: 10px 3px 10px 24px;background: url("bg-post-footer-tags.png") 0 50% no-repeat;} .post_cats p, .post_tags p {margin: 17px 0 0 4px !important;} .post_tags p {margin: 17px 4px 0 0 !important;float: right !important;} .post_date {width:65px;height:65px;position:absolute;top: 0px;right: 18px;} .post_date .day {font-weight: bold;color:#FFF;font-size:30px;margin:12px 0 0 0;display: block;text-align: center;} .post_date .month {color:#A2A3A4;font-size:16px;text-transform:uppercase;display: block;margin:-14px 0 0 0;text-align: center;} .post_comments {width:36px;height:32px;position:absolute;top: 71px;right: 48px;} .post_comments span {display: block;color:#FFF;font-size:13px;font-weight: bold;margin: 5px 1px 0 0;text-align:right;} .sharelink_small {width:65px;height:30px;position:absolute;top: 115px;right: 18px;text-indent:-9999em;outline:none;display:block;background: url("global-sprite.png") 0 0 no-repeat;} .sharelink_big {width:92px;height:30px;text-indent:-9999em;outline:none;display:block;background: url("global-sprite.png") -66px 0 no-repeat;} .shareme {float: left;padding:0 0 30px 0;} .post_content .small_button {margin-bottom: 15px;} .post_thumb {width:556px; height: 255px;background: url("global-sprite.png") -1px -921px no-repeat;margin: 0 0 7px 0;position:relative;} .post_thumb_load {width:556px; height: 255px;background: url("preload.gif") center center no-repeat;} .post_thumb img {margin: 8px 0 0 9px;} .comment-wrap {float:left;padding-top:10px;margin-bottom: 3px;width: 100%;} .comment-content {float: left;width: 620px;background: #FFF url("bg-blog-comments-content.jpg") 0 0 repeat-x;border: 1px solid #D8D8D6;padding: 20px 20px 30px 20px;} .comment-gravatar {background: url("global-sprite.png") -731px -529px no-repeat;width: 80px;height: 80px;float: left;margin: 15px 0 0 15px;} .comment-gravatar img {margin: 10px 0 0 10px;} #about-author-wrap .comment-content, .bypostauthor .comment-content {background: #E8E9E7 url("bg-blog-comments-content-author.jpg") 0 0 repeat-x;border: 1px solid #C6C7C4;color: #555;} #about-author-wrap .comment-gravatar {background: url("global-sprite.png") -821px -530px no-repeat;width: 100px;height: 100px;float: left;margin: 0 0 0 15px;} .comment-text {width: 458px;float: left;margin: 6px 0 0 20px;padding: 0 0 15px 10px;} .comment-text p {padding-top: 10px !important;} #content .comment-author a, #content .comment-author{font-size: 16px;color: #333;font-weight: bold;} .comment-author-about{font-size:12px;letter-spacing: 0.5px;color: #333;text-transform:uppercase;font-weight: bold;} #content .comment-text .comment-author-about {padding:0 0 10px 0;} .comment-date{color: #999;font-style:italic;font-size:11px;} .comment-ol {list-style: none;margin:0;padding:0;} .comments-rss {clear: left;height: 90px;} .comments-rss a {padding:25px 0 25px 20px;background: url("feed.png") 0 50% no-repeat;float: right;} .blog-tab-box .children {list-style: none;} .comment-ol li ul {padding:0;margin:0;} .comment-ol li ul li .comment-wrap {background: url("bg-blog-comments-wrap.gif") 0 -5px no-repeat;} .comment-ol li ul li ul li .comment-wrap {background-position: 35px 0;} .comment-ol li ul li ul li ul li .comment-wrap {background-position: 70px 0;} .comment-ol li ul li ul li ul li ul li .comment-wrap {background-position: 105px 0;} .comment-ol li ul li .comment-content {float: left;width: 585px;margin:0 0 0 35px;} .comment-ol li ul li ul li .comment-content {float: left;width: 550px;margin:0 0 0 70px;} .comment-ol li ul li ul li ul li .comment-content {float: left;width: 515px;margin:0 0 0 105px;} .comment-ol li ul li ul li ul li ul li .comment-content {float: left;width: 480px;margin:0 0 0 140px;} .comment-ol li ul li .comment-content .comment-text {width: 423px;} .comment-ol li ul li ul li .comment-content .comment-text {width: 388px;} .comment-ol li ul li ul li ul li .comment-content .comment-text {width: 353px;} #respond {clear: left;} #main .comment-title {color: #222;font-size:2.1em;padding-bottom:20px;} #main .discussion-title {color: #222;font-size:3.1em;padding-bottom:20px;} #commentform {padding-top:10px;} .comment-input-wrap {float: left;} .pad {width: 225px;} .comment-label {display:block;padding: 0 0 3px 3px;} .comment-input, .comment-textarea {width: 164px;height: 39px;background: url("global-sprite.png") 0 -669px no-repeat;border:0;padding:0 12px 0 30px;font:12px "lucida grande","helvetica neue",Helvetica,Arial,Verdana,sans-serif;} .comment-email {background-position: -223px -669px;} .comment-website {background-position: -454px -669px;} .comment-textarea {width: 630px;height: 169px;background-position: 0 -709px;border:0;padding:15px;line-height:20px;} .comment-textarea-wrap {margin-top: 15px;} .related_posts {padding:0 0 40px 0;} .related_posts ul {margin:0;padding:0;} .comment-textarea {resize: none;} .post_title h1 {padding-bottom:25px !important;} .posted-by-text {margin-top:-12px !important;} /* *********************************************************************************** */ /* 08. FORMS /* *********************************************************************************** */ input, textarea, select {vertical-align:middle;font-size:100%;} textarea, input {font-size:1em;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} .tools input, .tools textarea, .tools select {color:#fff;} form, fieldset {margin:0;padding:0;border-style:none;} .tools .search-form {float:right;width:168px;margin:-2px 0 0 35px;} .search-form .text {display:block;overflow:hidden;height:20px;padding:8px 0 0 7px;} .search-form .text input {width:120px;background:none;border:0;padding:0;margin:-2px 8px 0 0;float:left;} .search-form .text .submit {font-size:0;line-height:0;text-indent:-9999px;width:15px;height:17px;margin:0 8px 0 0;cursor:pointer;} .contact-form input, .contact-form textarea {padding:8px !important;} .textwidget input[type='text'], .textwidget textarea { width: 100% !important; }\ .contact-form {padding-top:15px;} .contact-form .clear-form { clear: both; } .contact-form input[type='text'] { width: 300px; margin-bottom: 13px; } .contact-form select { margin-bottom: 13px; } .contact-form textarea {width: 430px;height: 150px;float: none; margin-bottom: 13px; } .contact-form input[type='radio'], .contact-form input[type='checkbox'] { float: none; margin-bottom: 13px; } .contact-form label { margin-bottom: 3px; float: none; font-weight: bold; display: block;font-weight:bold;color:#555;} .contact-form label.checkbox, .contact-form label.radio { margin-bottom: 3px; float: none; font-weight: bold; display: inline-block; } .contact-form label span {font-size:11px;color:#999;font-weight:normal;font-style:italic;} .contact-form label.checkbox, .contact-form label.radio {font-weight:normal;margin-bottom:8px;} #ka-submit, .ka-form-submit, .contact-form .ka-form-submit{border:0;margin:0;padding:10px 15px !important;background:#040404 url("bg-input-comment.jpg") 0 0 repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;} /* *********************************************************************************** */ /* 09. IMAGES /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL /*---------------------------------------------------------------*/ img, img a {border:0;} .attachment-fadeIn, .attachment-post-thumbnail {display:none;} img a, a img {cursor:pointer;} /*---------------------------------------------------------------*/ /* 2. MODERN FRAME /*---------------------------------------------------------------*/ /* preloading */ .preload_full, .preload_regular, .preload_small, .preload_two_col_large, .preload_two_col_small, .preload_three_col_large, .preload_three_col_small{background: url("preload.gif") center center no-repeat;margin:8px 0 0 9px;float:left;} .preload_four_col_small, .preload_four_col_large{background: url("preload-small.gif") center center no-repeat !important;margin:8px 0 0 9px;float:left;} .preload_full {width: 922px;height: 201px;} .preload_regular {width: 703px;height: 201px;} .preload_small {width: 493px;height: 201px;} .preload_two_col_large{width: 437px;height: 234px;} .preload_two_col_small{width: 324px;height: 180px;} .preload_three_col_large{width: 275px;height: 145px;} .preload_three_col_small{width: 202px;height: 113px;} .preload_four_col_large{width: 190px;height: 111px;} .preload_four_col_small{width: 135px;height: 76px;} .modern_banner_full iframe{margin:8px 0 0 9px;float:left;} .modern_img_frame {background: url("image-frame-sprite.png") 0px 0px no-repeat;margin-bottom: 6px;} /* banners */ .modern_banner_full{width: 940px;height: 245px;background-position: -3px -857px !important;} .modern_banner_regular{width: 720px;height: 240px;background-position: 0px -1354px !important;} .modern_banner_small{width: 510px;height: 240px;background-position: -5px -1844px !important;} /* 2 cols */ .modern_two_col_large{width: 455px;height: 272px;background-position: 0px 0px !important;} .modern_two_col_small{width: 342px;height: 217px;background-position: -5px -630px !important;} /* 3 cols */ .modern_three_col_large{width: 293px;height: 179px;background-position: -1px -279px !important;} .modern_three_col_small{width: 220px;height: 144px;background-position: -224px -465px !important;} /* 4 cols */ .modern_four_col_large{width: 208px;height: 140px;background-position: -2px -465px !important;} .modern_four_col_small{width: 152px;height: 102px;background-position: -302px -300px !important;} /*---------------------------------------------------------------*/ /* 3. SHADOW FRAME /*---------------------------------------------------------------*/ /* preloading */ .shadow_preload_full, .shadow_preload_regular, .shadow_preload_small, .shadow_preload_two_col_large, .shadow_preload_two_col_small, .shadow_preload_three_col_large, .shadow_preload_three_col_small{background: url("preload-white.gif") center center no-repeat;margin:6px 0 0 6px;float:left;} .shadow_preload_four_col_small, .shadow_preload_four_col_large{background: url("preload-small-white.gif") center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_preload_full {width: 928px;height: 208px;} .shadow_preload_regular {width: 708px;height: 208px;} .shadow_preload_small {width: 498px;height: 208px;} .shadow_preload_two_col_large{width: 443px;height: 241px;} .shadow_preload_two_col_small{width: 330px;height: 186px;} .shadow_preload_three_col_large{width: 281px;height: 152px;} .shadow_preload_three_col_small{width: 208px;height: 120px;} .shadow_preload_four_col_large{width: 196px;height: 118px;} .shadow_preload_four_col_small{width: 140px;height: 83px;} .shadow_img_frame {background: url("image-frame-sprite.png") 0px 0px no-repeat;margin-bottom: 6px;} /* .shadow_img_frame img {margin: 6px 0 0 6px;} */ /* banners */ .shadow_banner_full{width: 940px;height: 250px;background-position: -1px -1103px !important;} .shadow_banner_regular{width: 720px;height: 250px;background-position: -1px -1594px !important;} .shadow_banner_small{width: 510px;height: 250px;background-position: -754px -1355px !important;} /* 2 cols */ .shadow_two_col_large{width: 455px;height: 283px;background-position: -460px 0px !important;} .shadow_two_col_small{width: 342px;height: 226px;background-position: -347px -631px !important;} /* 3 cols */ .shadow_three_col_large{width: 293px;height: 191px;background-position: -461px -283px !important;} .shadow_three_col_small{width: 220px;height: 158px;background-position: -695px -476px !important;} /* 4 cols */ .shadow_four_col_large{width: 208px;height: 155px;background-position: -461px -475px !important;} .shadow_four_col_small{width: 152px;height: 118px;background-position: -764px -283px !important;} /* *********************************************************************************** */ /* 10. MISCELLANEOUS /* *********************************************************************************** */ .hr, .hr_top_link {border: 0;height: 2px;width: 100%;background: url("separator3.gif") 0 0 repeat-x;margin: 1.6em 0;} .hr_top_link {margin-bottom: 1em;} .hr_shadow {border: 0;height: 20px;width: 100%;background: url("separator-shadow-small.jpg") top center no-repeat;margin: 15px 0 22px 0;} .content_full_width .hr_shadow {background: url("separator-shadow.jpg") top center no-repeat !important;} .content_sidebar .hr_shadow {background: url("separator-shadow-xtra-small.jpg") top center no-repeat !important;} table{font-size:1.2em;} table td, table th{padding:6px;} .flash-wrap {min-height:400px;} /* *********************************************************************************** */ /* 11. WORDPRESS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. KARMA Pagenavi /*---------------------------------------------------------------*/ .karma-pages, .wp-pagenavi{clear:both;font-size:.8em;text-transform:uppercase;letter-spacing:1.6px;padding:25px 0 0 0;height:40px;text-align:left;} .karma-pages .pages, .wp-pagenavi .pages{margin-right:6px;} #main .karma-pages a, #main .karma-pages a:link, #main .karma-pages a:visited #main .wp-pagenavi a, #main .wp-pagenavi a:link, #main .wp-pagenavi a:visited{ text-decoration: none;outline: none;padding:5px 11px;display:inline-block;color: #666;background: url("global-sprite.png") -556px -639px no-repeat;margin-right: 6px;} #main .karma-pages a:hover, #main .wp-pagenavi a:hover{ background: url("global-sprite.png") -585px -639px no-repeat;margin-right: 6px;} .karma-pages a:active,.karma-pages span.current, .wp-pagenavi a:active,.wp-pagenavi span.current{ text-decoration: none;padding:5px 11px;color: #FFF;background: url("bg-wp-navi-current.png") 0 0 no-repeat;margin-right: 6px;display:inline-block;} .wp-pagenavi a, .wp-pagenavi span {border:0;} /*---------------------------------------------------------------*/ /* 2. MAILCHIMP /*---------------------------------------------------------------*/ #mc_signup .mc_input {width: 201px;padding: 5px;color: #222;} #mc_signup .mc_merge_var {margin-bottom:10px;} #mc_signup .mc_required, #mc-indicates-required {color:#4BA196;} #mc_signup .mc_required {font-size: 14px;} #mc-indicates-required {font-size: 11px;} #mc_signup .mc_signup_submit {clear: left;text-align: left;padding: 10px 0 0 0;} #mc_signup .mc_var_label{color:#8B949A;} #mc_signup #mc_signup_submit{border:0;margin:0;padding:6px 10px !important;background:#999 url("bg-input-button-footer.jpg") 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;text-transform: uppercase;color: #333;outline:none;border: 1px solid #999;display: block;font-size: 11px !important;} /*---------------------------------------------------------------*/ /* 3. DEFAULTS /*---------------------------------------------------------------*/ .entry-content img {margin: 0 0 10px 0;} .alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;} .alignright, img.alignright {margin-left: 10px;display: inline;float: right;} .aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both;} .wp-caption {margin-bottom: 10px;text-align: center;padding-top: 5px;} .wp-caption img {border: 0 none;padding: 0;margin: 0;} .wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;} .wp-smiley {margin: 0 !important;max-height: 1em;} blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;} blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;} .sticky{} .gallery-caption{} /*---------------------------------------------------------------*/ /* 4. 404 ERROR PAGE /*---------------------------------------------------------------*/ .four_error {width: 100%;min-height: 222px;background: url("404_error.png") left center no-repeat;padding:40px 30px 0 280px;margin:0 0 0 80px;} .four_message {width: 460px;} #main .four_message ul {padding: 10px 0 0 14px;} #main .four_o_four {color: #222;font-size:1.9em;padding-bottom: 12px;} /*---------------------------------------------------------------*/ /* 5. Constant Contact /*---------------------------------------------------------------*/ #constant-contact-signup input {width: 201px;padding: 5px;color: #222;} #constant-contact-signup .checkbox {width: 15px;font-size:13px;} #constant-contact-signup .button{border:0;margin:0;padding:6px 10px !important;background:#999 url("bg-input-button-footer.jpg") 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;text-transform: uppercase;color: #333;outline:none;border: 1px solid #999;display: block;font-size: 11px !important;width: 90px;} /* *********************************************************************************** */ /* 12. WIDGETS + SHORTCODES /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. DEFAULT STYLES /*---------------------------------------------------------------*/ #sidebar h3 {color: #222;font-size:1.8em;padding-bottom: 10px;} .sidebar-widget {margin-bottom: 34px;padding-bottom: 34px;background: url("separator3.gif") 0 100% repeat-x;width:100%;float:left;} #sidebar ul {margin:-7px 0 0 0;padding:0;list-style: none;} #sidebar a {text-decoration: none;} #sidebar a:hover {text-decoration: underline;} #sidebar li {padding-bottom: 2px;} #sidebar ul li {padding:5px 0 0 15px;background:url("bullet2.gif") 0 11px no-repeat;} /*---------------------------------------------------------------*/ /* 2. BLOGROLL - FOOTER /*---------------------------------------------------------------*/ .blogroll img {width: 52px;height: 52px;float: left;padding: 0 15px 5px 0;} .blogroll li {width: 100%;float: left;} .blogroll li {margin-bottom: 10px;} /*---------------------------------------------------------------*/ /* 3. CALENDAR /*---------------------------------------------------------------*/ table#wp-calendar {width: 100%;} table#wp-calendar td {width: 14%;text-align: center;} td#today{font-weight:bold;} .widget_calendar tfoot td{background-image:none;} .widget_calendar td a{text-decoration:underline;} /*---------------------------------------------------------------*/ /* 4. RECENT POSTS - SIDEBAR /*---------------------------------------------------------------*/ #sidebar .footer_post h4 {font-size:1.2em;padding-bottom: 0px; font-weight: bold;color:#222 !important;} #sidebar .footer_post h4 a {text-decoration: none;color:#222 !important;} #sidebar .footer_post p {margin: 0 0 15px 0;line-height: 19px;} #sidebar .footer_post p a {text-decoration: none;} #sidebar .footer_post a:hover {text-decoration: underline;} /*---------------------------------------------------------------*/ /* 5. BLOGROLL - SIDEBAR /*---------------------------------------------------------------*/ #sidebar .blogroll {list-style: none !important;margin:0 !important;padding:10px 0 0 0 !important;} #sidebar .blogroll li {width: 100% !important;background: none !important;padding: 0 !important;color:#666 !important;} #sidebar .blogroll li {margin-bottom: 18px !important;padding: 0 !important;} /*---------------------------------------------------------------*/ /* 6. SEARCH - SIDEBAR /*---------------------------------------------------------------*/ #sidebar #searchsubmit {border:0;margin:0;padding:8px 12px;background:url("bg-input-comment.jpg") 0 0 repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;/* margin-left: 132px; */} #sidebar #searchform #s {margin-bottom: 7px;width:90%;padding:3px;} #sidebar #searchform label {color: #4C4C4C;font-weight: bold;display: none;} /*---------------------------------------------------------------*/ /* 7. SOCIAL MEDIA /*---------------------------------------------------------------*/ .social_icons {list-style: none;} .social_icons li {float: left;width:32px;height:32px;margin:0 12px 12px 0;padding:0;} .social_icons a {float: left;width:32px;height:32px;display:block;border:0;text-decoration:none;outline:none;text-indent:-9999em;} .social_icons .rss {background:url("rss.png") 0 0 no-repeat;} .social_icons .twitter {background:url("twitter.png") 0 0 no-repeat;} .social_icons .facebook {background:url("facebook.png") 0 0 no-repeat;} .social_icons .flickr {background:url("flickr.png") 0 0 no-repeat;} .social_icons .youtube {background:url("youtube.png") 0 0 no-repeat;} .social_icons .linkedin {background:url("linkedin.png") 0 0 no-repeat;} .social_icons .foursquare {background:url("foursquare.png") 0 0 no-repeat;} .social_icons .delicious {background:url("delicious.png") 0 0 no-repeat;} .social_icons .digg {background:url("digg.png") 0 0 no-repeat;} #sidebar .sidebar-widget .social_icons, #sidebar .social_icons {float: none !important;padding-top: 10px;} #sidebar .sidebar-widget .social_icons li, #sidebar .social_icons li {padding:0 !important;background-image:none !important;} #content .social_icons {padding-left:0;} /*---------------------------------------------------------------*/ /* 8. LATEST TWEETS /*---------------------------------------------------------------*/ .twitterList {padding-top: 5px !important;} #content .twitterList, .content_full_width .twitterList {list-style: none !important;margin:0 0 0 0;padding:0 0 30px 0;} #sidebar .twitterList li, #content .twitterList li, .content_full_width .twitterList li {background:url("bg-latest-tweet.png") 0 9px no-repeat !important;margin-bottom: 15px !important;padding-left: 32px !important;color:#666 !important;} #content .twitterList li, .content_full_width .twitterList li {background:url("bg-latest-tweet.png") 0 5px no-repeat !important;} #sidebar .twitterList li a, #content .twitterList li a, .content_full_width .twitterList li a{text-decoration: underline !important;} .twitterList li .tweet_days{color:#999 !important;font-size:11px !important;} /*---------------------------------------------------------------*/ /* 9. TESTIMONIALS SLIDER /*---------------------------------------------------------------*/ .testimonials, .testimonials_static {background:#E7E9E6 url("bg_quote_wrap.png") 25px 25px no-repeat;border:1px solid #D8D9D6;padding-bottom:60px;margin-bottom:15px;} .content_full_width .testimonials blockquote, .content_full_width .testimonials_static blockquote{padding:20px 0 0 60px;width:800px !important;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#808080;font-style:italic;display:block;} #content .testimonials blockquote, #content .testimonials_static blockquote{padding:20px 0 0 60px;width:590px;} .testimonials blockquote p, .testimonials_static p{margin: 0 !important;padding: 0 0 5px 0 !important;line-height:22px;} .testimonials blockquote cite, .testimonials_static blockquote cite {font-style: normal;display: block;text-align: right;text-transform: uppercase;font-size: 10px;font-weight: bold;letter-spacing: 1px; color: #555;padding-right:6px;font-family:Arial, Helvetica, sans-serif;} .testimonial-pager {width: 100%;text-align: center;padding-top: 18px;} .testimonial-pager a {display: inline-block;width:12px;height:12px;text-indent:-9999em;outline:none;background:url("global-sprite.png") -737px -197px no-repeat;margin-right: 10px;} .testimonial-pager .activeSlide {background:url("global-sprite.png") -725px -197px no-repeat;} /* *********************************************************************************** */ /* 13. PROGRESSIVE CSS ENHANCEMENTS /* *********************************************************************************** */ .message_green, .message_red, .message_blue, .message_yellow, #ka-submit, .opener, #ka-submit, .ka-form-submit, #mc_signup #mc_signup_submit, .callout_button, .testimonials{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #ka-submit, .ka-form-submit { -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; } #mc_signup #mc_signup_submit, .callout_button { -moz-box-shadow: 1px 1px 3px #222; -webkit-box-shadow: 1px 1px 3px #222; box-shadow: 1px 1px 3px #222; } #menu-main-nav li.parent:hover{ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } h1,h2,h3,h4,h5,h6{text-shadow:1px 1px 1px #FFF;} #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,.frame h1{text-shadow:none;} .home-bnr-jquery .home-banner-main h2{text-shadow:1px 1px 1px #222;} /* *********************************************************************************** */ /* 14. PRETTY PHOTO /* *********************************************************************************** */ div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url("sprite.png") -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url("sprite.png") -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url("sprite.png") 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url("sprite.png") 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url("sprite.png") -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url("sprite.png") -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url("sprite.png") -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url("sprite.png") 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url("sprite.png") -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url("btnNext.png") center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url("btnPrevious.png") center left no-repeat;cursor: pointer;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url("default_thumbnail.gif") 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url("btnNext-1.png") 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url("btnNext-1.png") 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;} /* *********************************************************************************** */ /* 15. IE SPECIFIC /* *********************************************************************************** */ #foot_right{position: relative;} .top-footer{position: absolute;top: 0;right: 0;} #foot_right ul{position: absolute;top: 0;right: 50px;} /* ----------------------- UPDATES Version: 2.0 ----------------------- */ /*---------------------------------------------------------------*/ /* MESSAGE BOXES /*---------------------------------------------------------------*/ #content .colored_box, #main #content .colored_box strong {color:#FFF;padding: 0;margin: 0 0 20px 0;font-size:13px;width:100%;} #main #content .colored_box p {padding: 30px !important;line-height:23px;} .colored_box{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* FIRE */ #content .message_karma_fire, .content_full_width .message_karma_fire{background:#DB3C01 url("global-sprite-color-boxes.png") 0 0 repeat-x;} #content .message_karma_fire a, .content_full_width .message_karma_fire a {color:#FDC281;} /* AUTUMN */ #content .message_karma_autumn, .content_full_width .message_karma_autumn{background:#651604 url("global-sprite-color-boxes.png") 0 -400px repeat-x;} #content .message_karma_autumn a, .content_full_width .message_karma_autumn a {color:#C07E5B;} /* CHERRY */ #content .message_karma_cherry, .content_full_width .message_karma_cherry{background:#670600 url("global-sprite-color-boxes.png") 0 -800px repeat-x;} #content .message_karma_cherry a, .content_full_width .message_karma_cherry a {color:#E09588;} /* COFFEE */ #content .message_karma_coffee, .content_full_width .message_karma_coffee{background:#28211B url("global-sprite-color-boxes.png") 0 -1200px repeat-x;} #content .message_karma_coffee a, .content_full_width .message_karma_coffee a {color:#998C7B;} /* GOLDEN */ #content .message_karma_golden, .content_full_width .message_karma_golden{background:#80570C url("global-sprite-color-boxes.png") 0 -1600px repeat-x;} #content .message_karma_golden a, .content_full_width .message_karma_golden a {color:#D3C87B;} /* PINK */ #content .message_karma_pink, .content_full_width .message_karma_pink{background:#6D1E49 url("global-sprite-color-boxes.png") 0 -2000px repeat-x;} #content .message_karma_pink a, .content_full_width .message_karma_pink a {color:#D89DCB;} /* PURPLE */ #content .message_karma_purple, .content_full_width .message_karma_purple{background:#371022 url("global-sprite-color-boxes.png") 0 -2400px repeat-x;} #content .message_karma_purple a, .content_full_width .message_karma_purple a {color:#B47A9D;} /* PERIWINKLE */ #content .message_karma_periwinkle, .content_full_width .message_karma_periwinkle{background:#4C1268 url("global-sprite-color-boxes.png") 0 -2800px repeat-x;} #content .message_karma_periwinkle a, .content_full_width .message_karma_periwinkle a {color:#95ADE1;} /* VIOLET */ #content .message_karma_violet, .content_full_width .message_karma_violet{background:#3E1965 url("global-sprite-color-boxes.png") 0 -3200px repeat-x;} #content .message_karma_violet a, .content_full_width .message_karma_violet a {color:#B592F4;} /* SKY BLUE */ #content .message_karma_sky-blue, .content_full_width .message_karma_skyblue{background:#0078AF url("global-sprite-color-boxes.png") 0 -3600px repeat-x;} #content .message_karma_skyblue a, .content_full_width .message_karma_skyblue a {color:#98DCE9;} /* COOL BLUE */ #content .message_karma_coolblue, .content_full_width .message_karma_coolblue{background:#003869 url("global-sprite-color-boxes.png") 0 -4000px repeat-x;} #content .message_karma_coolblue a, .content_full_width .message_karma_coolblue a {color:#83B1DC;} /* ROYAL BLUE */ #content .message_karma_royalblue, .content_full_width .message_karma_royalblue{background:#182947 url("global-sprite-color-boxes.png") 0 -4400px repeat-x;} #content .message_karma_royalblue a, .content_full_width .message_karma_royalblue a {color:#7D92B9;} /* BLUE GREY */ #content .message_karma_bluegrey, .content_full_width .message_karma_bluegrey{background:#2E2D3D url("global-sprite-color-boxes.png") 0 -4800px repeat-x;} #content .message_karma_bluegrey a, .content_full_width .message_karma_bluegrey a {color:#A1A0AD;} /* LIME GREEN */ #content .message_karma_limegreen, .content_full_width .message_karma_limegreen{background:#638400 url("global-sprite-color-boxes.png") 0 -5200px repeat-x;} #content .message_karma_limegreen a, .content_full_width .message_karma_limegreen a {color:#E3F28B;} /* FOREST GREEN */ #content .message_karma_forestgreen, .content_full_width .message_karma_forestgreen{background:#354515 url("global-sprite-color-boxes.png") 0 -5600px repeat-x;} #content .message_karma_forestgreen a, .content_full_width .message_karma_forestgreen a {color:#A9BD79;} /* TEAL */ #content .message_karma_teal, .content_full_width .message_karma_teal{background:#0D4E54 url("global-sprite-color-boxes.png") 0 -6000px repeat-x;} #content .message_karma_teal a, .content_full_width .message_karma_teal a {color:#9ED7CB;} /* TEAL GREY */ #content .message_karma_tealgrey, .content_full_width .message_karma_tealgrey{background:#19292E url("global-sprite-color-boxes.png") 0 -6400px repeat-x;} #content .message_karma_tealgrey a, .content_full_width .message_karma_tealgrey a {color:#80979F;} /* GREY */ #content .message_karma_grey, .content_full_width .message_karma_grey{background:#2B3137 url("global-sprite-color-boxes.png") 0 -6800px repeat-x;} #content .message_karma_grey a, .content_full_width .message_karma_grey a {color:#B1B1B1;} /* SILVER */ #content .message_karma_silver, .content_full_width .message_karma_silver{background:#757575 url("global-sprite-color-boxes.png") 0 -7200px repeat-x;} #content .message_karma_silver a, .content_full_width .message_karma_silver a {color:#DDD;} /* BLACK */ #content .message_karma_dark, .content_full_width .message_karma_dark{background:#0F0F10 url("global-sprite-color-boxes.png") 0 -7600px repeat-x;} #content .message_karma_dark a, .content_full_width .message_karma_dark a {color:#B4B4B4;} /*---------------------------------------------------------------*/ /* IMAGE FRAMES /*---------------------------------------------------------------*/ .modern_preload_full, .shadow_preload_full {width: 922px;height: 201px;} /* MODERN */ .modern_preload_portrait_thumb{background: url("preload-small.gif") center center no-repeat !important;margin:8px 0 0 9px;float:left;} .modern_preload_portrait_full, .modern_preload_full{background: url("preload.gif") center center no-repeat !important;margin:8px 0 0 9px;float:left;} .modern_portrait_img_frame {background: url("image-frame-portrait-modern.png") 0px 0px no-repeat;margin-bottom: 6px;} .modern_portrait_img_frame_thumb {background: url("image-frame-portrait-modern.png") -631px 0px no-repeat;margin-bottom: 6px;} .modern_portrait_full, .modern_preload_portrait_full {width: 630px;height: 836px;} .modern_portrait_thumb, .modern_preload_portrait_thumb {width: 293px;height: 389px;} /* SHADOW */ .shadow_preload_portrait_full, .shadow_preload_full{background: url("preload-white.gif") center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_preload_portrait_thumb{background: url("preload-small-white.gif") center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_portrait_img_frame {background: url("image-frame-portrait-shadow.png") 0px 0px no-repeat;margin-bottom: 6px;} .shadow_portrait_img_frame_thumb {background: url("image-frame-portrait-shadow.png") -625px 0px no-repeat;margin-bottom: 6px;} .shadow_portrait_full, .shadow_preload_portrait_full {width: 624px;height: 829px;} .shadow_portrait_thumb, .shadow_preload_portrait_thumb {width: 293px;height: 392px;} /*---------------------------------------------------------------*/ /* GALLERY /*---------------------------------------------------------------*/ .portfolio_content_top_portrait {float: left;width: 293px;height: 389px;} .port_img_portrait_full {width: 612px;height: 792px;float: left;position: absolute;top:8px;left:9px;} .portfolio_portrait_full_last {float: right;width: 630px;height: 836px;position: relative;} ul#list li a{ text-decoration:none; color:#666; } ul#list li{ float:left; margin-left:-30px; } ul#list{ float:left; width:185px; } #left-bar { width:208px; float:left; } #resimkutusu { float:right; width:700px; }