/* @group Fonts */ @font-face { font-family: 'FuturaCondensedCustom'; src: url('/radar_2011/public/otf/fscl.eot'); /* IE9 Compat Modes */ src: url('/radar_2011/public/otf/fscl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/radar_2011/public/otf/fscl.woff') format('woff'), /* Modern Browsers */ url('/radar_2011/public/otf/fscl.ttf') format('truetype'), /* Safari, Android, iOS */ url('/radar_2011/public/otf/fscl.svg#FuturaStd-CondensedLight') format('svg'); /* Legacy iOS */ } /* @end */ /* @group General */ html {overflow-y:scroll;} body {color:#000;background:#fff none center center;font:88%/1.2em FuturaCondensedCustom, Arial, Helvetica, sans-serif;} .hide {display:none;} /* @end */ /* @group Typo */ a, a:hover {color:#000;border:none;} a:hover {color:#377744;} h1 {font-size:2.8em;line-height:1.2em;font-weight:normal;} h2 {} h3 {} h4 {font-size:1.6em;line-height:1.2em;font-weight:normal;} h5 {font-size:1.2em;line-height:1.2em;font-weight:normal;} h6 {font-size:1em;line-height:1.2em;font-weight:normal;} p {font-size:1em;line-height:1.25em;margin:0 0 12px 0;font-family:FuturaCondensedCustom, Arial, Helvetica, sans-serif;} .radar {display:inline-block;} p.last {margin:0;} .page_desc {display:none;} strong {font-weight:400;} /* @end */ /* @group Intro */ #intro {display:block;width:260px;height:144px;position:absolute;top:50%;left:50%;margin:-72px 0 0 -130px;} /* @end */ /* @group Wrapper */ #wrapper {display:block;width:778px;margin:0 auto;padding:94px 0;} .wrapper_1 {height:538px;} /* @end */ /* @group Navigation */ #navigation {display:block;height:76px;} #navigation ul {display:block;} #navigation li {float:left;padding:0 66px;border-right:1px solid #000;font-size:1.1em;line-height:1em;height:11px;} #navigation .first {padding:0 54px 0 0;} #navigation .last {padding:0 0 0 59px;text-align:right;border:none;} #navigation a {line-height:1em;text-transform:uppercase;} #navigation .active a {color:#377744;} #navigation.fh .active a {color:#000;} #navigation .children {display:none;margin:24px 0 0 0;} #navigation .children_a {display:block;} #navigation .children li {border:none;padding:0 24px 0 0;} #navigation .children a {font-size:.9em;} /* @end */ /* @group Header */ #header {display:block;position:relative;width:84px;float:right;} .wrapper_1 #header {height:538px;} #logo {display:block;width:260px;height:144px;background:transparent url(/img/radar.logo.png) no-repeat 0 0;text-indent:-9999px;border:none;} #logo_s {display:block;width:44px;height:30px;background:transparent url(/img/radar.logo.s.png) no-repeat 0 0;text-indent:-9999px;border:none;} #header #logo_s {display:none;position:absolute;bottom:0;right:0;} /* @end */ /* @group Aside */ /* @end */ /* @group Content */ #content {display:block;width:694px;float:left;} .wrapper_1 #content {height:538px;} /* @end */ /* @group Article */ .article header {display:none;} .article_2 {width:538px;height:462px;padding:0 16px 0 0;overflow:hidden;text-align:justify;} .article_3 {display:block;} .article_3 .img {width:438px;float:left;} .article_3 .body {width:196px;float:right;padding:0 0 0 60px;} .article_3 .body a {border-bottom:1px solid #000;} .article_3 .body a:hover {border:none;} /* @end */ /* @group Post */ .post {display:block;margin:0 0 16px 0;} .post h2, .post h3 {margin:0 0 12px 0;font-weight:normal;} .post .no_margin {margin:0;} .post .post_img {width:342px;float:left;} .post .post_body {width:308px;padding:0 0 0 44px;float:right;text-align:justify;} .post_last {margin:0;} /* @end */ /* @group Projects */ #projects {display:block;} #projects li {float:left;width:154px;height:154px;margin:0 13px 26px 13px;} #projects li.first {margin:0 13px 26px 0;} #projects li.last {margin:0 0 26px 13px;} #projects .thumb {display:block;width:154px;height:116px;border:none;} #projects .thumb img {display:block;} #projects .title {display:block;margin:6px 0 0 0;font-size:.9em;line-height:1.1em;} /* @end */ /* @group Project */ #project {display:block;position:relative;width:694px;padding:462px 0 0 0;} #project header {display:block;padding:20px 0 0 0;} #project header h1 {float:left;font-size:1em;font-weight:normal;} #project header .pager {float:right;font-size:1em;} #project .pager a {margin:0 0 0 6px;} #project #project_views {height:462px;width:694px;position:absolute;top:0;left:0;overflow:hidden;} #project .project_view {display:block;height:462px;width:694px;position:absolute;top:0;left:0;overflow:hidden;cursor:pointer;} #project .project_view .col {width:343px;height:462px;overflow:hidden;} #project .project_view .col_l {float:left;} #project .project_view .col_r {float:right;} #project .summary {margin:0 0 22px 0;width:100%;} #project .summary th {text-transform:lowercase;font-weight:normal;text-align:left;} #project .summary td {text-align:right;} #project .body {text-align:justify;} #project .body .inner {padding:0 20px 0 0;} #project .project_view_info .col_r {width:309px;} .pager .active {color:#377744;} .project_detail #content, .project_detail #project, .project_detail #project #project_views, .project_detail #project .project_view {width:718px;} .project_detail #project .project_view_info .col_r {width:333px;} .project_detail #header {width:60px;} .project_detail #project_pager {padding:0 24px 0 0;} .project_detail #project .summary {width:309px;} .project_detail #header #logo_s {bottom:34px;} .project_detail .project_view_2 .col_r {margin:0 24px 0 0;} .project_detail #project .body .jspPane .inner{padding:0 20px 20px 0;} /* @end */ /* @group Cycle */ .cycle_4 {height:462px;overflow:hidden;} /* @end */ /* @group Footer */ #footer {display:none;} /* @end */ /* Z-indexes */ /* @end */ /* @group CSS3 */ .radar {-webkit-transform:scaleX(-1);-moz-transform: scaleX(-1);-o-transform: scaleX(-1);transform: scaleX(-1);} /* @end */ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer {overflow: hidden;position: relative;} .jspPane {position: absolute;} .jspVerticalBar {position: absolute;top: 0;right: 0;width: 2px;height: 100%;background: red;} .jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height:2px;background: red;} .jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0;} .jspCap {display: none;} .jspHorizontalBar .jspCap {float: left;} .jspTrack {background: #cbcbcb;position: relative;} .jspDrag {background: #000;position: relative;top: 0;left: 0;cursor: pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;} .jspArrow {background: #50506d;text-indent: -20000px;display: block;cursor: pointer;} .jspArrow.jspDisabled {cursor: default;background: #80808d;} .jspVerticalBar .jspArrow {height: 4px;border:none;} .jspHorizontalBar .jspArrow {width: 4px;float: left;height: 100%;} .jspVerticalBar .jspArrow:focus {outline: none;} .jspCorner {background: #eeeef4;float: left;height: 100%;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner {margin: 0 -3px 0 0;} /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading {position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;} #fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('/img/fancybox/fancybox.png');} #fancybox-overlay {position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;} #fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;} #fancybox-wrap {position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;} #fancybox-outer {position: relative;width: 100%;height: 100%;background: #fff;} #fancybox-content {width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;} #fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;} #fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url('/img/fancybox/fancybox.png') -40px 0px;cursor: pointer;z-index: 1103;display: none;} #fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;} #fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;} #fancybox-frame {width: 100%;height: 100%;border: none;display: block;} #fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url('/img/fancybox/blank.gif');z-index: 1102;display: none;} #fancybox-left {left: 0px;} #fancybox-right {right: 0px;} #fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;} #fancybox-left-ico {background-image: url('/img/fancybox/fancybox.png');background-position: -40px -30px;} #fancybox-right-ico {background-image: url('/img/fancybox/fancybox.png');background-position: -40px -60px;} #fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */} #fancybox-left:hover span {left: 20px;} #fancybox-right:hover span {left: auto;right: 20px;} .fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;} #fancybox-bg-n {top: -20px;left: 0;width: 100%;background-image: url('/img/fancybox/fancybox-x.png');} #fancybox-bg-ne {top: -20px;right: -20px;background-image: url('/img/fancybox/fancybox.png');background-position: -40px -162px;} #fancybox-bg-e {top: 0;right: -20px;height: 100%;background-image: url('/img/fancybox/fancybox-y.png');background-position: -20px 0px;} #fancybox-bg-se {bottom: -20px;right: -20px;background-image: url('/img/fancybox/fancybox.png');background-position: -40px -182px; } #fancybox-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url('/img/fancybox/fancybox-x.png');background-position: 0px -20px;} #fancybox-bg-sw {bottom: -20px;left: -20px;background-image: url('/img/fancybox/fancybox.png');background-position: -40px -142px;} #fancybox-bg-w {top: 0;left: -20px;height: 100%;background-image: url('/img/fancybox/fancybox-y.png');} #fancybox-bg-nw {top: -20px;left: -20px;background-image: url('/img/fancybox/fancybox.png');background-position: -40px -122px;} #fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;} .fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;} .fancybox-title-outside {padding-top: 10px;color: #fff;} .fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;} #fancybox-title-over {padding: 10px;background-image: url('/img/fancybox/fancy_title_over.png');display: block;} .fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;} #fancybox-title-float-wrap {border: none;border-collapse: collapse;width: auto;} #fancybox-title-float-wrap td {border: none;white-space: nowrap;} #fancybox-title-float-left {padding: 0 0 0 15px;background: url('/img/fancybox/fancybox.png') -40px -90px no-repeat;} #fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url('/img/fancybox/fancybox-x.png') 0px -40px;} #fancybox-title-float-right {padding: 0 0 0 15px;background: url('/img/fancybox/fancybox.png') -55px -90px no-repeat;} .fancybox-title-api-gallery p{margin:0 0 4px 0;line-height:1.2em;font-size:.9em;} .fancybox-title-api-gallery-instagram{width:612px;margin:0 0 6px 0;overflow:hidden;text-align:center;} .fancybox-title-api-gallery-instagram p{width:612px;overflow:hidden;} .fancybox-title-api-gallery-instagram a{display:inline-block;background:#fff;color:#000;padding:1px 2px 0 2px;font-size:.85em;line-height:1em;} .fancybox-title-api-gallery-instagram a:hover{background:#eee;} /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {height: expression(this.parentNode.clientHeight + "px");} #fancybox-loading.fancybox-ie6 {position: absolute; margin-top: 0;top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');} #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }