/* *********************************************************************************** */ /* 01. GLOBAL /* *********************************************************************************** */ * {font-size: 100.01%;} html {font-size: 62.5%;margin:0;padding:0;} body {margin:0;background:#f4f4f2;font:1.2em/19px "helvetica neue",Helvetica,Arial,Verdana,sans-serif;color:#666;min-width:1003px;} /* *********************************************************************************** */ /* 02. LAYOUT /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LAYOUT /*---------------------------------------------------------------*/ #wrapper {width:100%;display:table;} #wrapper #header {display:table-header-group;} .top-block .top-holder {width:980px;margin:0 auto;font-size:10px;padding:4px 0;min-height:4px;height:auto;} .top-block .top-holder:after {clear:both;display:block;content:"";} #header .rays {background: url(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 -20px;padding:43px 0 5px 0;} .tools .place {float:right;} .main-holder {height:1%;overflow:hidden;padding-top:45px;} .carousel-holder {width:315px !important;} .logofab {margin-top:-35px;} .left10px {float:left; margin:10px 0 0 15px; width:900px;} #contactright {float:right; width:600px; margin-top:-50px; text-align:right;} #footnote {width:84%; margin-left: 40px; margin-top: -475px; position:relative; } #footnote p {font-size:13px; text-align:right; color:#FFFFFF; line-height:2em;} #footnote a {text-decoration:none; color:#FFFFFF;} #footnote a:hover {text-decoration:none; color:#FFFFFF;} .white{color:#fff;} .reg {width:1000px; float:right; height:20px; position:relative;} .whitesml {font-size:.8em; color:#999; line-height:8px; padding-top:15px;} #footnote span a{color: #FFFFFF; font-weight:bold; font-size:14px;} #footnote span a:hover{color: #699; font-weight:bold;} /*---------------------------------------------------------------*/ /* 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;} /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer {width:100%;position:relative;padding-top: 25px;} #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:55px 0 25px 6px;} #footer .box {width:333px;float:left;} #footer_bottom {width: 100%;min-height:120px;height:auto;} #foot_left {float: left;width:440px;} #foot_centre {width:100%; text-align:center; padding-bottom:10px;} #foot_left .textwidget {margin-top:-18px;} #foot_right {float: right;width:520px;text-align: right;} .info {width:980px;margin:0 auto;font-size:11px;overflow:hidden;padding:14px 0 0 12px;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;} /* 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;} .contact_iphone_content .alignleft {float:left;width:317px !important;margin-top:-40px !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:105px auto 0 auto; background:url(images/_global/bg-home-banner.png) 0px 0px no-repeat; position:relative; background-image: url(images/_global/bg-home-banner.png); } .big-banner .content_full_width {padding-top: 0px !important;} .home-banner-main {width: 350px;top:32px;left:35px;position:absolute;} .home-banner-sub {width: 600px;height:309px;background:url(images/_global/shadowBG.png) 0px 0px no-repeat;top:40px;right:-40px;position:absolute; float:right;} .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;} .paddingbottom {padding-bottom:50px;} .con-form {width: 540px;height:270px; z-index:500; position:absolute; top:20px; left:30px;} /* 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;} /* *********************************************************************************** */ /* 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;} /*---------------------------------------------------------------*/ /* 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;} /* 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;} /* *********************************************************************************** */ /* 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;} /* *********************************************************************************** */ /* 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:2.7em !important;padding-bottom: 5px !important;font-weight:normal !important; line-height:35px;} .home-banner-main p {font-size: 1.2em;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;} /*---------------------------------------------------------------*/ /* 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;} /* *********************************************************************************** */ /* 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;} /*---------------------------------------------------------------*/ /* 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;} /* *********************************************************************************** */ /* 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;} *---------------------------------------------------------------*/ /* 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;} /* *********************************************************************************** */ /* 15. IE SPECIFIC /* *********************************************************************************** */ #foot_right{position: relative;} .top-footer{position: absolute;top: 0;right: 0;} #foot_right ul{position: absolute;top: 0;right: 50px;}