/* Template Name: Karma Template URL: http://themeforest.net/item/karma-clean-and-modern-wordpress-theme/168737?ref=TrueThemes Author: TrueThemes Version: 2.1 */ /* ---------------------- 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;height:} .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(images/_global/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(images/_global/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. Indirizzo /*---------------------------------------------------------------*/ #indirizzo { TEXT-ALIGN: center; PADDING-BOTTOM: 30px; COLOR: #868686; FONT-SIZE: = 12px; BORDER-TOP: #d0d0d0 1px dotted; PADDING-TOP: 20px } /*---------------------------------------------------------------*/ /* 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;} .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(images/_global/preload.gif) center center no-repeat;} .preload_two {width: 437px;height: 234px;background: url(images/_global/preload.gif) center center no-repeat;} .preload_three {width: 275px;height: 145px;background: url(images/_global/preload-small.gif) center center no-repeat;} .preload_four {width: 190px;height: 111px;background: url(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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:960px;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(images/_global/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(images/_global/bg-sidebar.gif) top right repeat-y !important;padding: 0 25px 0 0 !important;margin: 0 0 0 25px;} .contact_iphone {background:url(images/_global/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(images/_global/rays-big.png) 50% 0 no-repeat !important;height: 389px !important;} .big-banner #header .header-holder {height: 438px !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(images/_global/bg-home-banner.png) 0px 0px no-repeat;position:relative;} .big-banner .content_full_width {padding-top: 0px !important;} .home-banner-main {width: 350px;top:32px;left:45px;position:absolute;} .home-banner-sub {width: 456px;height:309px;background:url(images/_global/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(images/_global/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("images/_global/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(images/_global/global-sprite.png) -740px -179px no-repeat;margin-right: 12px;} .jquery-pager .activeSlide {background:url(images/_global/global-sprite.png) -725px -179px no-repeat;} .home_video_preload {width: 100%;height: 100%;background: url(images/_global/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: 432px;height:270px;background:url(images/_global/global-sprite.png) 0 -1188px no-repeat;top:13px;right:35px;position:absolute;} .home-bnr-jquery .home-banner-sub-content {width: 404px;height:256px;margin: 14px 0 0 14px;} .home-banner-bottom {width: 404px;height:7px;background:url(images/_global/jquery-btm-shdw.png) 0 0 no-repeat;top:263px;right:14px;position:absolute;z-index:4;} .home-bnr-jquery .home-banner-main {width: 375px;top:40px;left:45px;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(images/_global/bg-video.png) 0 0 no-repeat;position:relative;} .video-frame {width: 572px;height: 312px;position: absolute;top: 10px;left: 10px;background: url(images/_global/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(images/_global/bg-sidebar.gif) 206px 0 repeat-y;padding-bottom:65px;overflow:hidden;} #sub_nav ul a {display:block;background:url(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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;} #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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/bullet2.gif) 0 11px no-repeat;margin-bottom: 5px;} .list2 li {background:url(images/_global/bullet3.gif) 0 11px no-repeat;} .list3 li {background:url(images/_global/bullet4.gif) 0 11px no-repeat;} .list4 li {background:url(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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;} #main h3 {font-size:1.7em;} #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('css/fonts/ColabThi-webfont.eot'); src: url('css/fonts/ColabThi-webfont.eot?iefix') format('eot'), url('css/fonts/ColabThi-webfont.woff') format('woff'), url('css/fonts/ColabThi-webfont.ttf') format('truetype'), url('css/fonts/ColabThi-webfont.svg#webfontbOrwRK9P') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateLightRegular'; src: url('css/fonts/ColabLig-webfont.eot'); src: url('css/fonts/ColabLig-webfont.eot?iefix') format('eot'), url('css/fonts/ColabLig-webfont.woff') format('woff'), url('css/fonts/ColabLig-webfont.ttf') format('truetype'), url('css/fonts/ColabLig-webfont.svg#webfontR2xcGGVv') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateRegular'; src: url('css/fonts/ColabReg-webfont.eot'); src: url('css/fonts/ColabReg-webfont.eot?iefix') format('eot'), url('css/fonts/ColabReg-webfont.woff') format('woff'), url('css/fonts/ColabReg-webfont.ttf') format('truetype'), url('css/fonts/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:'ColaborateLightRegular', Arial, 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(images/_global/ico1.gif) 20px center no-repeat;border:1px solid #BAC398;} #content .message_red, .content_full_width .message_red {background: #F5DCD8 url(images/_global/ico2.gif) 20px center no-repeat;border:1px solid #CDBFBE;} #content .message_blue, .content_full_width .message_blue {background: #DAE6F2 url(images/_global/ico3.gif) 20px center no-repeat;border:1px solid #BDC4CA;} #content .message_yellow, .content_full_width .message_yellow {background: #F8F2B6 url(images/_global/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(images/_global/separator3.gif) 0 0 repeat-x;margin: 10px 0 30px 0;} .callout-wrap span {padding-bottom: 25px;background:url(images/_global/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(images/_global/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(images/_global/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(images/_global/bg-post-footer-categories.png) 0 50% no-repeat;} .post_tags span {padding: 10px 3px 10px 24px;background: url(images/_global/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(images/_global/global-sprite.png) 0 0 no-repeat;} .sharelink_big {width:92px;height:30px;text-indent:-9999em;outline:none;display:block;background: url(images/_global/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(images/_global/global-sprite.png) -1px -921px no-repeat;margin: 0 0 7px 0;position:relative;} .post_thumb_load {width:556px; height: 255px;background: url(images/_global/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(images/_global/bg-blog-comments-content.jpg) 0 0 repeat-x;border: 1px solid #D8D8D6;padding: 20px 20px 30px 20px;} .comment-gravatar {background: url(images/_global/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(images/_global/bg-blog-comments-content-author.jpg) 0 0 repeat-x;border: 1px solid #C6C7C4;color: #555;} #about-author-wrap .comment-gravatar {background: url(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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, .preload_single_large_square, .preload_two_col_large_square, .preload_three_col_large_square, .preload_four_col_large_square{background: url(images/_global/preload.gif) center center no-repeat;margin:8px 0 0 9px;float:left;} .preload_four_col_small, .preload_four_col_large{background: url(images/_global/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;} .preload_single_large_square{width: 704px;height: 682px;} .preload_two_col_large_square{width: 437px;height: 416px;} .preload_three_col_large_square{width: 275px;height: 262px;} .preload_four_col_large_square{width: 190px;height: 180px;} .modern_banner_full iframe{margin:8px 0 0 9px;float:left;} .modern_img_frame {background: url(images/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;} .square_img_frame {background: url(images/_global/image-frame-sprite-square.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;} /* square */ .modern_single_large_square{width: 722px;height: 722px;background-position: 0 0 !important;} .modern_two_col_large_square{width: 455px;height: 455px;background-position: -725px 0 !important;} .modern_three_col_large_square{width: 293px;height: 293px;background-position: -1182px 0 !important;} .modern_four_col_large_square{width: 208px;height: 208px;background-position: -1478px 0 !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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/separator-shadow-small.jpg) top center no-repeat;margin: 15px 0 22px 0;} .content_full_width .hr_shadow {background: url(images/_global/separator-shadow.jpg) top center no-repeat !important;} .content_sidebar .hr_shadow {background: url(images/_global/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(images/_global/global-sprite.png) -556px -639px no-repeat;margin-right: 6px;} #main .karma-pages a:hover, #main .wp-pagenavi a:hover{ background: url(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/social-icons/rss.png) 0 0 no-repeat;} .social_icons .twitter {background:url(images/_global/social-icons/twitter.png) 0 0 no-repeat;} .social_icons .facebook {background:url(images/_global/social-icons/facebook.png) 0 0 no-repeat;} .social_icons .flickr {background:url(images/_global/social-icons/flickr.png) 0 0 no-repeat;} .social_icons .youtube {background:url(images/_global/social-icons/youtube.png) 0 0 no-repeat;} .social_icons .linkedin {background:url(images/_global/social-icons/linkedin.png) 0 0 no-repeat;} .social_icons .foursquare {background:url(images/_global/social-icons/foursquare.png) 0 0 no-repeat;} .social_icons .delicious {background:url(images/_global/social-icons/delicious.png) 0 0 no-repeat;} .social_icons .digg {background:url(images/_global/social-icons/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(images/_global/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(images/_global/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(images/_global/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(images/_global/global-sprite.png) -737px -197px no-repeat;margin-right: 10px;} .testimonial-pager .activeSlide {background:url(images/_global/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(images/_global/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(images/_global/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(images/_global/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(images/_global/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(images/_global/prettyPhoto/light_square/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(images/_global/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(images/_global/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(images/_global/prettyPhoto/light_square/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(images/_global/prettyPhoto/light_square/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(images/_global/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(images/_global/prettyPhoto/light_square/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(images/_global/prettyPhoto/facebook/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(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(images/_global/prettyPhoto/light_rounded/btnNext.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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/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(images/_global/preload-small.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;} .modern_preload_portrait_full, .modern_preload_full{background: url(images/_global/preload.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;} .modern_portrait_img_frame {background: url(images/_global/image-frame-portrait-modern.png) 0px 0px no-repeat;margin-bottom: 6px;} .modern_portrait_img_frame_thumb {background: url(images/_global/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(images/_global/preload-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_preload_portrait_thumb{background: url(images/_global/preload-small-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_portrait_img_frame {background: url(images/_global/image-frame-portrait-shadow.png) 0px 0px no-repeat;margin-bottom: 6px;} .shadow_portrait_img_frame_thumb {background: url(images/_global/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;} /*---------------------------------------------------------------*/ /* PAGINATION /*---------------------------------------------------------------*/ /* ------------------ styling for the tables ------------------ */ body { line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; } #hor-minimalist-a { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; margin: 45px; width: 800px; border-collapse: collapse; text-align: left; } #hor-minimalist-a th { font-size: 14px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1; } #hor-minimalist-a td { color: #669; padding: 9px 8px 0px 8px; } #hor-minimalist-a tbody tr:hover td { color: #009; } #hor-minimalist-b { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; margin: 45px; width: 800px; border-collapse: collapse; text-align: left; } #hor-minimalist-b th { font-size: 14px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1; } #hor-minimalist-b td { border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px; } #hor-minimalist-b tbody tr:hover td { color: #009; } #ver-minimalist { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; } #ver-minimalist th { padding: 8px 2px; font-weight: normal; font-size: 14px; border-bottom: 2px solid #6678b1; border-right: 30px solid #fff; border-left: 30px solid #fff; color: #039; } #ver-minimalist td { padding: 12px 2px 0px 2px; border-right: 30px solid #fff; border-left: 30px solid #fff; color: #669; } #box-table-a { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; } #box-table-a th { font-size: 13px; font-weight: normal; padding: 8px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: #039; } #box-table-a td { padding: 8px; background: #e8edff; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent; } #box-table-a tr:hover td { background: #d0dafd; color: #339; } #box-table-b { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: center; border-collapse: collapse; border-top: 7px solid #9baff1; border-bottom: 7px solid #9baff1; } #box-table-b th { font-size: 13px; font-weight: normal; padding: 8px; background: #e8edff; border-right: 1px solid #9baff1; border-left: 1px solid #9baff1; color: #039; } #box-table-b td { padding: 8px; background: #e8edff; border-right: 1px solid #aabcfe; border-left: 1px solid #aabcfe; color: #669; } #hor-zebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 11px; margin: 02px; width: 1024px; text-align: left; border-collapse: collapse; } #hor-zebra th { font-size: 11px; height:11px; font-weight: normal; color:#FFF; background:#039; } #hor-zebra td { height:10px; color:#009; font-size: 11px; } #hor-zebra .odd { height:10px; color:#009; font-size: 11px; background: #e8edff; } #hor-zebra .oddsel { height:10px; color:#009; font-size: 11px; background: #FF3300; } #hor-zebra .oddrev { height:10px; color:#009; font-size: 11px; background: #FFFF00; } #hor-zebra .odd2 { height:10px; color:#F00; font-size: 12px; font-weight: bold; background:#FF0; } #hor-zebra5 { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 20px; margin: 02px; width: 1600px; text-align: left; border-collapse: collapse; font-weight: bold; } #hor-zebra5 th { font-size: 20px; height:20px; font-weight: normal; color:#FFF; background:#039; font-weight: bold; } #hor-zebra5 td { height:20px; color:#000; font-size: 20px; font-weight: bold; } #hor-zebra5 .odd { height:11px; color:#009; font-size: 11px; background: #e8edff; } #hor-zebra5 .odd2 { height:11px; color:#F00; font-size: 12px; font-weight: bold; background:#FF0; } #hor-zebra6 { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; margin: 02px; width: 1024px; text-align: left; border-collapse: collapse; } #hor-zebra6 th { font-size: 14px; height:11px; font-weight: normal; color:#FFF; background:#039; font-weight: bold; } #hor-zebra6 td { height:11px; color:#009; font-size: 14px; font-weight: bold; } #hor-zebra6 .odd { height:11px; color:#009; font-size: 14px; background: #e8edff; } #hor-zebra6 .odd2 { height:11px; color:#F00; font-size: 14px; font-weight: bold; background:#FF0; } #hor2-zebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px; width: 600px; text-align: left; border-collapse: collapse; } #hor2-zebra th { font-size: 11px; height:11px; font-weight: normal; color:#FFF; background:#F00; } #hor2-zebra td { height:10px; color:#006; font-size: 11px; } #hor2-zebra .odd { height:10px; color:#FFF; font-size: 11px; background:#039; } #hor3-zebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px; width: 600px; text-align: left; border-collapse: collapse; } #hor3-zebra th { font-size: 11px; height:11px; font-weight: normal; color:#FFF; background:#333; } #hor3-zebra td { height:10px; color:#000; font-size: 11px; } #hor3-zebra .odd { height:10px; color:#000; font-size: 11px; background:#CCC; } #hor4-zebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 11px; margin: 02px; width: 1024px; text-align: left; border-collapse: collapse; } #hor4-zebra th { font-size: 11px; height:11px; font-weight: normal; color:#FFF; background:#F60; } #hor4-zebra td { height:10px; color:#900; font-size: 11px; } #hor4-zebra .odd { height:10px; color:##900; font-size: 11px; background:#FF9; } #ver-zebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; } #ver-zebra th { font-size: 14px; font-weight: normal; padding: 12px 15px; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #039; } #ver-zebra td { padding: 8px 15px; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #669; } .vzebra-odd { background: #eff2ff; } .vzebra-even { background: #e8edff; } #ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children { background: #d0dafd; border-bottom: 1px solid #c8d4fd; } #ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action { background: #dce4ff; border-bottom: 1px solid #d6dfff; } #one-column-emphasis { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; } #one-column-emphasis th { font-size: 14px; font-weight: normal; padding: 12px 15px; color: #039; } #one-column-emphasis td { padding: 10px 15px; color: #669; border-top: 1px solid #e8edff; } .oce-first { background: #d0dafd; border-right: 10px solid transparent; border-left: 10px solid transparent; } #one-column-emphasis tr:hover td { color: #339; background: #eff2ff; } #newspaper-a { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; border: 1px solid #69c; } #newspaper-a th { padding: 12px 17px 12px 17px; font-weight: normal; font-size: 14px; color: #039; border-bottom: 1px dashed #69c; } #newspaper-a td { padding: 7px 17px 7px 17px; color: #669; } #newspaper-a tbody tr:hover td { color: #339; background: #d0dafd; } #newspaper-b { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; border: 1px solid #69c; } #newspaper-b th { padding: 15px 10px 10px 10px; font-weight: normal; font-size: 14px; color: #039; } #newspaper-b tbody { background: #e8edff; } #newspaper-b td { padding: 10px; color: #669; border-top: 1px dashed #fff; } #newspaper-b tbody tr:hover td { color: #339; background: #d0dafd; } #newspaper-c { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; border: 1px solid #6cf; } #newspaper-c th { padding: 20px; font-weight: normal; font-size: 13px; color: #039; text-transform: uppercase; border-right: 1px solid #0865c2; border-top: 1px solid #0865c2; border-left: 1px solid #0865c2; border-bottom: 1px solid #fff; } #newspaper-c td { padding: 10px 20px; color: #669; border-right: 1px dashed #6cf; } #rounded-corner { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; } #rounded-corner thead th.rounded-company { background: #b9c9fe url('table-images/left.png') left -1px no-repeat; } #rounded-corner thead th.rounded-q4 { background: #b9c9fe url('table-images/right.png') right -1px no-repeat; } #rounded-corner th { padding: 8px; font-weight: normal; font-size: 13px; color: #039; background: #b9c9fe; } #rounded-corner td { padding: 8px; background: #e8edff; border-top: 1px solid #fff; color: #669; } #rounded-corner tfoot td.rounded-foot-left { background: #e8edff url('table-images/botleft.png') left bottom no-repeat; } #rounded-corner tfoot td.rounded-foot-right { background: #e8edff url('table-images/botright.png') right bottom no-repeat; } #rounded-corner tbody tr:hover td { background: #d0dafd; } #background-image { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; background: url('table-images/blurry.jpg') 330px 59px no-repeat; } #background-image th { padding: 12px; font-weight: normal; font-size: 14px; color: #339; } #background-image td { padding: 9px 12px; color: #669; border-top: 1px solid #fff; } #background-image tfoot td { font-size: 11px; } #background-image tbody td { background: url('table-images/back.png'); } * html #background-image tbody td { /* ---------------------------- PUT THIS ON IE6 ONLY STYLE AS THE RULE INVALIDATES YOUR STYLESHEET ---------------------------- */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop'); background: none; } #background-image tbody tr:hover td { color: #339; background: none; } #gradient-style { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; } #gradient-style th { font-size: 13px; font-weight: normal; padding: 8px; background: #b9c9fe url('table-images/gradhead.png') repeat-x; border-top: 2px solid #d3ddff; border-bottom: 1px solid #fff; color: #039; } #gradient-style td { padding: 8px; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid #fff; background: #e8edff url('table-images/gradback.png') repeat-x; } #gradient-style tfoot tr td { background: #e8edff; font-size: 12px; color: #99c; } #gradient-style tbody tr:hover td { background: #d0dafd url('table-images/gradhover.png') repeat-x; color: #339; } #pattern-style-a { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; background: url('table-images/pattern.png'); } #pattern-style-a thead tr { background: url('table-images/pattern-head.png'); } #pattern-style-a th { font-size: 13px; font-weight: normal; padding: 8px; border-bottom: 1px solid #fff; color: #039; } #pattern-style-a td { padding: 8px; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent; } #pattern-style-a tbody tr:hover td { color: #339; background: #fff; } #pattern-style-b { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 45px; width: 800px; text-align: left; border-collapse: collapse; background: url('table-images/patternb.png'); } #pattern-style-b thead tr { background: url('table-images/patternb-head.png'); } #pattern-style-b th { font-size: 13px; font-weight: normal; padding: 8px; border-bottom: 1px solid #fff; color: #039; } #pattern-style-b td { padding: 8px; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent; } #pattern-style-b tbody tr:hover td { color: #339; background: #cdcdee; } div.codcss { margin: 10px; padding: 5px; color: #0000cc; background-color: #dfefdf; text-align: left; border: double #d9cfb0; } /* box cod css*/ .codese { border: solid 1px #cccccc; background-color: #f0f0f0; margin: 10px; padding: 10px; } /* classe esempi */ .codesenb { border: solid 1px #cccccc; background-color: #f0f0f0; margin: 10px; width: 65%; } /* classe esempi */ .codjs, div.codjs { margin: 10px; padding: 5px; color: #660000; background-color: #ffe4b2; text-align: left; border: double #d9cfb0; }