JKO90HJRTTbody, html { padding:0px; margin:0px; } body { background-color:#ffffff; color: #333; font-family:Arial, Helvetica; font-size:10px; word-spacing:1px; line-height:1.5; height:100%; width:100%; } .loader_holder { z-index:3; position:absolute; text-align:left; top:57px; left:90px; display:none; } .cardimgcrop { width:200px; height:134px; overflow:hidden; position:relative; text-align:center; padding:9px 10px 0px; } .ie .cardimgcrop { padding:4px 10px 0px; } .project_thumb { width:200px; height:205px; position:relative; margin-right:35px; float:left; } .project_header { margin-right:35px; } .bottompad { clear:both; position:relative; height:25px; width:100%; } .project_feed_thumb .hover { text-decoration:none; } .project_feed_thumb .nohover { text-decoration:none; } .slideshow_wrapper a, .slideshow_wrapper a:hover, .slideshow_wrapper a:active { background:none !important; } /* MAIN CONTENT POSITIONING */ .header_img { margin-top:25px; margin-left:25px; z-index:99; } #items_container { margin-left:25px; margin-top:25px; clear:both; } #items { } .nav_container { margin-top:25px; margin-left:25px; height:auto; line-height:2.4; z-index:50; color:#999; width:200px; position:absolute; } .nav_container.horizontal { width:auto; position:relative; } .nav_container.horizontal div { float:left; } .nav_container.horizontal div.clear { float:none; } .pagination { left:740px; color:#666; font-size:11px; z-index:11; margin:25px; height:50px; } .loader_holder { margin-left:10px; margin-top:9px; } .horizontal .page_link, .horizontal .project_link, .horizontal .link_link, .horizontal .nav_active { float:left; padding-right:14px; } #nav_loadspin { position:fixed; top:8px; left:35px; display:none; visibility:hidden; } /* PROJECT CONTENT */ .project_title { font-family:Arial; font-size:10px; color: #333; font-weight:normal; line-height:1.5; padding-bottom:12px; margin-top:-8px; width:600px; } .project_content { width:560px; color: #555; } .project_content img { margin:0px 15px 15px 0px; } .project_content #slideshow_container img { margin:0px; } .project_content #slideshow_container { margin:0px 15px 15px 0px; } .project_footer { clear:both; padding:30px 0px 0px 0px; font-size:10px; color:#999; } .project_bottom { clear:both; width:640px; margin:0px 0px; } .project_index { height:21px; width:21px; float:right; overflow:hidden; margin:0px 0px 3px 3px; } .tags { color:#999; } blockquote { color:#888; margin-top:0px; margin-bottom:0px; } .project_header { color:#000; font-size:11px; font-style:bold; margin:0px 0px 0px 0px; } .project_views { font-style:italic; color:#999; } .footer_title_type { font-weight:bold; color:#999; } .cargo_link { position:fixed; bottom:15px; right:15px; font-family: arial; font-size:11px; color:#666; line-height:165%; z-index:99; } .nav_follow { position:fixed; bottom:35px; right:35px; color:#666; font-size:11px; z-index:11; } .horizontal .nav_follow { position:relative; float:left; right:auto; bottom:auto; } h1 { font-size:22px; line-height:165%; } h2 { font-size:16px; line-height:165%; } h3 { font-size:14px; line-height:150%; } .smallcaps { font-variant: small-caps; text-transform:lowercase; color:#666; } /* THUMBNAIL STYLES */ .thumb_title, .thumb_title a, .thumb_title a:visited { text-align:left; color:#666666; font-size:10px; font-weight:normal; margin:10px 0px 0px 10px; line-height:15px; overflow:hidden; white-space:nowrap; width:200px; } .thumb_tag { text-align:center; font-size:11px; line-height:15px; color:#999; } .thumb_tag.notitle { margin-top:12px; } .project_feed_thumb { float:left; width:220px; margin:0px 1px 1px 0px; padding:0 0 0 0; height:195px; position:relative; background:#E9EAEB; } .project_feed_thumb .hover { cursor: pointer; text-decoration:none !important; } .project_feed_thumb .hover .thumb_title .text, .project_feed_thumb.hover .thumb_title .text { color:#000; padding:0px 0px 0px 0px; text-decoration:none; } .project_feed_thumb.hover { background:#ccc; } .project_feed_full { float:left; width:640px; position:relative; background:#fff; padding:20px; } .info_contain { width:200px; padding-bottom:10px; margin-left:10px; } .thumb_type .text a { text-decoration:none; } .thumb_type .text a:hover { text-decoration:underline; } /* ROUNDED CORNERS FOR IE ONLY */ .project_feed_thumb.ie { background:none; } .project_feed_thumb.ie .pr_wrapper { background:#fff; padding-bottom:5px; } b.rtop, b.rbottom { display:block; } b.rtop b, b.rbottom b { display:block; height: 1px; overflow:hidden; background:#fff; } /* ROLLOVER CARD */ .project_feed_thumb.ie.hover .pr_wrapper { background:#CCC; } .project_feed_thumb.ie.hover b.rtop b, .project_feed_thumb.ie.hover b.rbottom b { background:#CCC; } /* STANDARD */ b.r1 { margin: 0 5px } b.r2 { margin: 0 3px } b.r3 { margin: 0 2px } b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px; height:2px } b.rtop b.r5, b.rbottom b.r5 { margin:0 0px; height:1px; } /* OPEN PROJECT BORDERS */ .project_feed_full.ie { padding:0px 20px; margin:0px; } .project_feed_full.ie b.rtop { padding-bottom:10px; margin:-6px -20px 0px -20px; } .project_feed_full.ie b.rbottom { margin:0px -20px -6px -20px; } .project_feed_full.ie b.rtop b, .project_feed_full.ie b.rbottom b { background-color:#fff; } /* IE Header fixes */ .project_feed_full.ie .project_index { margin:0px 0px 3px 3px; } .project_feed_full.ie .project_title { margin-top:-4px; } .project_feed_full.ie .project_footer { padding-bottom:14px; } /* SLIDESHOW STYLES */ .slideshow_nav { color:#00CCFF; font-size:10px; padding-bottom:10px; } .slideshow_count { } .slideshow_caption { clear: both; display: block; font-size: 11px; padding: 5px 0 5px 0; } .slideshow_wrapper { margin:0px 15px 15px 0px; clear:both; } .slideshow_wrapper img { margin:0px; } /* TAG VIEW STYLE */ .view_tag_info { font-size:11px; color:#000; padding:0px 14px 0px 3px; } /* TOOLSET */ .toolset { position:fixed; top:10px; right:10px; z-index:9999; } /* #################### LINK STYLES START #################### */ /* BODYCOPY */ .bodycopy a { color:#000; text-decoration:none; } .bodycopy a:hover { color:#000; text-decoration:none; } .bodycopy a:active { color:#000; } .blue a { color:#06f; text-decoration:none; } .blue a:hover { color:#000; background:#ff6; text-decoration:underline; } .blue a:active { color:#fff; background:#000; } .cargo_link a { color:#555; text-decoration:underline; } .cargo_link a:hover { color:#6c9; background:none; text-decoration:underline; } .cargo_link a:active { color:#fff; background:none; } /* NAV LIST */ .page_link a { text-decoration:none; color:#000; font-size:11px; } .page_link a:hover { color:#0AAF86; text-decoration:underline; } .page_link a:active { color:#000; text-decoration:underline; } .page_link a { text-decoration:none; color:#000; font-size:10px; } .page_link a:hover { color:#00CCFF; text-decoration:none; } .page_link a:active { color:#00CCFF; text-decoration:none; } .link_link a { text-decoration:none; color:#000; font-size:10px; } .link_link a:hover { color:#00CCFF; text-decoration:none; } .link_link a:active { color:#00CCFF; text-decoration:none; } .nav_active a { text-decoration:none; color:#666; font-size:11px; } .nav_active a:active { color:#ff6; text-decoration:underline; } .pagination a { color:#000; font-size:11px; padding:2px 3px 3px 3px; text-decoration:none; } .pagination a:hover { color:#0AAF86; text-decoration:underline; background:transparent; } .pagination a:active { color:#000; text-decoration:underline; } .slideshow_nav a { } .slideshow_nav a:hover { } .slideshow_nav a:active { } .thumb_tag a, .thumb_tag a:visited { text-decoration:none; text-align:center; color:#999; font-size:11px; font-style:normal; line-height:15px; } .thumb_tag a:hover { color:#333; text-decoration:underline; } /* SAFARI THUMB HOVER UNDERLINE HACK */ .bodycopy a.hover:hover { text-decoration:none; } /* PROJECT HEADER */ .project_header .project_index a img { margin-top:0px; } .project_header .project_index a:hover img { margin-top:-21px; } .project_header .project_index a:active { } .project_header .project_index a:visited { } /* PROJECT FOOTER */ .project_footer .permalink a { text-decoration:underline; color:#999; font-style:italic; } .project_footer .permalink a:hover { color:#333; background:transparent; text-decoration:underline; } .project_footer .permalink a:active { color:#f30; } .project_footer .permalink a:visited { } .project_footer .editlink a { color:#f30; font-style:normal; } .project_footer .editlink a:hover { color:#000; } .project_footer .editlink a:active { color:#f30; } .project_footer .editlink a:visited { } .view_tag_info a { color:#000; text-decoration:none; } .view_tag_info a:hover { color:#0AAF86; background:transparent; text-decoration:underline; } .view_tag_info a:active { color:#000; text-decoration:underline;} .view_tag_info a:visited { } .nav_follow a { color:#666; font-size:11px; padding:2px 3px 2px 3px; text-decoration:none; } .nav_follow a:hover { color:#0AAF86; background:transparent; text-decoration:underline; } .nav_follow a:active { color:#000; text-decoration:underline; } .tags a { color:#999; text-decoration:underline; } .tags a:hover { color:#000; text-decoration:underline; } .tags a:active { color:#f30; } .tags a:visited { } .project_top a { text-decoration:underline; color:#999; font-style:italic; } .project_top a:hover { } .project_top a:active { } .project_top a:visited { } .project_close a { text-decoration:underline; color:#999; font-style:italic; } .project_close a:hover { } .project_close a:active { } .project_close a:visited { } /* #################### LINK STYLES END #################### */ .cardimgcrop { min-width:200px; } .thumb_title { min-width:194px; } .thumb_tag { min-width:200px; } .slideshow_thumbs { margin: 0 0 0 0; } ul.slideshow_thumbs { margin: 0; padding: 0; } .slideshow_thumb { float: left; list-style: none; padding: 0 8px 8px 0; } .slideshow_thumb a { background: none !important; border: 1px solid transparent; display: block; padding: 1px; } .slideshow_thumb a:hover { background: none !important; border: 1px solid #ccc; } a.activeSlide { background: none; border: 1px solid #ccc; } .slideshow_thumb a:active, a.activeSlide:active { background: none !important; border: 1px solid #666; } .slideshow_thumb img { border: 0; display: block; margin: 0; height: 60px; } .cardimgcrop.notitle_notag { margin-bottom: 22px; } .loader_holder.custom { display: none; left: 8px; position: absolute; text-align: center; top: 8px; z-index: 3; } /* */ /* Next project ***********************************************************************************************************/ .project_next { float: right; height: 21px; margin: 0px 0px 3px 3px; overflow: hidden; position: relative; width: 21px; z-index: 99; } .project_header .project_next a img { margin-top: 0px; } .project_header .project_next a:hover img { margin-top: -21px; } /* Video component ***********************************************************************************************************/ .video_component { float: left; margin: 0 15px 15px 0; } /* Audio component ***********************************************************************************************************/ .audio_component { color: #777777; font-family: "Droid Sans Mono", Monaco, Monospace, Arial, san-serif; font-size: 10px; height: 30px; line-height: 26px; width: 300px; } .audio_component div { height: 26px; } .audio_component .border { border: 2px solid #aaaaaa; opacity: 0.5; -moz-border-radius: 5px; -webkit-border-radius: 5px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .audio_component .vertical_border { background: #aaaaaa; opacity: 0.50; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .audio_component .controls { top: 2px; left: 2px; } .audio_component .play_pause { background: url("/_gfx/playpause.png"); } .audio_component .spectrum .spectrum_bar { background: #666666; } .audio_component .loading { background: #bbbbbb; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; } .audio_component .progress { background: #bbbbbb; border-right: 1px dotted #333333; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; } .audio_component .volume_slide.hover { background: #bbbbbb; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; } /* In-browser code editing made "almost bearable" by CodeMirror: http://marijn.haverbeke.nl/codemirror ***********************************************************************************************************/ .cardimgcrop { min-width:200px; } .thumb_title { min-width:194px; } .thumb_tag { min-width:200px; } .slideshow_thumbs { margin: 0 0 0 0; } ul.slideshow_thumbs { margin: 0; padding: 0; } .slideshow_thumb { float: left; list-style: none; padding: 0 8px 8px 0; } .slideshow_thumb a { background: none !important; border: 1px solid transparent; display: block; padding: 1px; } .slideshow_thumb a:hover { background: none !important; border: 1px solid #ccc; } a.activeSlide { background: none; border: 1px solid #ccc; } .slideshow_thumb a:active, a.activeSlide:active { background: none !important; border: 1px solid #666; } .slideshow_thumb img { border: 0; display: block; margin: 0; height: 60px; } .cardimgcrop.notitle_notag { margin-bottom: 22px; } .loader_holder.custom { display: none; left: 8px; position: absolute; text-align: center; top: 8px; z-index: 3; } /* */ /* Next project ***********************************************************************************************************/ .project_next { float: right; height: 21px; margin: 0px 0px 3px 3px; overflow: hidden; position: relative; width: 21px; z-index: 99; } .project_header .project_next a img { margin-top: 0px; } .project_header .project_next a:hover img { margin-top: -21px; } /* Video component ***********************************************************************************************************/ .video_component { float: left; margin: 0 15px 15px 0; } /* Audio component ***********************************************************************************************************/ .audio_component { color: #777777; font-family: "Droid Sans Mono", Monaco, Monospace, Arial, san-serif; font-size: 10px; height: 30px; line-height: 26px; width: 300px; } .audio_component div { height: 26px; } .audio_component .border { border: 2px solid #aaaaaa; opacity: 0.5; -moz-border-radius: 5px; -webkit-border-radius: 5px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .audio_component .vertical_border { background: #aaaaaa; opacity: 0.50; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .audio_component .controls { top: 2px; left: 2px; } .audio_component .play_pause { background: url("/_gfx/playpause.png"); } .audio_component .spectrum .spectrum_bar { background: #666666; } .audio_component .loading { background: #bbbbbb; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; } .audio_component .progress { background: #bbbbbb; border-right: 1px dotted #333333; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; } .audio_component .volume_slide.hover { background: #bbbbbb; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; } /* In-browser code editing made "almost bearable" by CodeMirror: http://marijn.haverbeke.nl/codemirror ***********************************************************************************************************/ .cardimgcrop { min-width:200px; } .thumb_title { min-width:194px; } .thumb_tag { min-width:200px; } .slideshow_thumbs { margin: 0 0 0 0; } ul.slideshow_thumbs { margin: 0; padding: 0; } .slideshow_thumb { float: left; list-style: none; padding: 0 8px 8px 0; } .slideshow_thumb a { background: none !important; border: 1px solid transparent; display: block; padding: 1px; } .slideshow_thumb a:hover { background: none !important; border: 1px solid #ccc; } a.activeSlide { background: none; border: 1px solid #ccc; } .slideshow_thumb a:active, a.activeSlide:active { background: none !important; border: 1px solid #666; } .slideshow_thumb img { border: 0; display: block; margin: 0; height: 60px; } .cardimgcrop.notitle_notag { margin-bottom: 22px; } .loader_holder.custom { display: none; left: 8px; position: absolute; text-align: center; top: 8px; z-index: 3; } /* */ /* Next project ***********************************************************************************************************/ .project_next { float: right; height: 21px; margin: 0px 0px 3px 3px; overflow: hidden; position: relative; width: 21px; z-index: 99; } .project_header .project_next a img { margin-top: 0px; } .project_header .project_next a:hover img { margin-top: -21px; } /* Video component ***********************************************************************************************************/ .video_component { float: left; margin: 0 15px 15px 0; } /* Audio component ***********************************************************************************************************/ .audio_component { color: #777777; font-family: "Droid Sans Mono", Monaco, Monospace, Arial, san-serif; font-size: 10px; height: 30px; line-height: 26px; width: 300px; } .audio_component div { height: 26px; } .audio_component .border { border: 2px solid #aaaaaa; opacity: 0.5; -moz-border-radius: 5px; -webkit-border-radius: 5px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .audio_component .vertical_border { background: #aaaaaa; opacity: 0.50; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .audio_component .controls { top: 2px; left: 2px; } .audio_component .play_pause { background: url("/_gfx/playpause.png"); } .audio_component .spectrum .spectrum_bar { background: #666666; } .audio_component .loading { background: #bbbbbb; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; } .audio_component .progress { background: #bbbbbb; border-right: 1px dotted #333333; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; } .audio_component .volume_slide.hover { background: #bbbbbb; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; } /* In-browser code editing made "almost bearable" by CodeMirror: http://marijn.haverbeke.nl/codemirror ***********************************************************************************************************/ .cardimgcrop { min-width:200px; } .thumb_title { min-width:194px; } .thumb_tag { min-width:200px; } .slideshow_thumbs { margin: 0 0 0 0; } ul.slideshow_thumbs { margin: 0; padding: 0; } .slideshow_thumb { float: left; list-style: none; padding: 0 8px 8px 0; } .slideshow_thumb a { background: none !important; border: 1px solid transparent; display: block; padding: 1px; } .slideshow_thumb a:hover { background: none !important; border: 1px solid #ccc; } a.activeSlide { background: none; border: 1px solid #ccc; } .slideshow_thumb a:active, a.activeSlide:active { background: none !important; border: 1px solid #666; } .slideshow_thumb img { border: 0; display: block; margin: 0; height: 60px; } .cardimgcrop.notitle_notag { margin-bottom: 22px; } .loader_holder.custom { display: none; left: 8px; position: absolute; text-align: center; top: 8px; z-index: 3; } /* */ /* Next project ***********************************************************************************************************/ .project_next { float: right; height: 21px; margin: 0px 0px 3px 3px; overflow: hidden; position: relative; width: 21px; z-index: 99; } .project_header .project_next a img { margin-top: 0px; } .project_header .project_next a:hover img { margin-top: -21px; } /* Video component ***********************************************************************************************************/ .video_component { float: left; margin: 0 15px 15px 0; } /* Audio component ***********************************************************************************************************/ .audio_component { color: #777777; font-family: "Droid Sans Mono", Monaco, Monospace, Arial, san-serif; font-size: 10px; height: 30px; line-height: 26px; width: 300px; } .audio_component div { height: 26px; } .audio_component .border { border: 2px solid #aaaaaa; opacity: 0.5; -moz-border-radius: 5px; -webkit-border-radius: 5px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .audio_component .vertical_border { background: #aaaaaa; opacity: 0.50; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .audio_component .controls { top: 2px; left: 2px; } .audio_component .play_pause { background: url("/_gfx/playpause.png"); } .audio_component .spectrum .spectrum_bar { background: #666666; } .audio_component .loading { background: #bbbbbb; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; } .audio_component .progress { background: #bbbbbb; border-right: 1px dotted #333333; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; } .audio_component .volume_slide.hover { background: #bbbbbb; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; } /* In-browser code editing made "almost bearable" by CodeMirror: http://marijn.haverbeke.nl/codemirror ***********************************************************************************************************/ /* Test thread */ /** * Fullscreen button */ a#fullscreen { background-color: #1a1a1a; background-image: url(/_gfx/fullscreen_open.png); background-repeat: no-repeat; background-position: 67px 3px; border: 1px solid #1a1a1a; color: #bbbbbb; display: block; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 11px; line-height: 18px; height: 19px; padding: 0 4px 0 5px; text-align: left; text-decoration: none; width: 74px; } a#fullscreen:hover { background-color: #fff; color: #000; } a#fullscreen:active { background-color: #fff; border: 1px solid #999; color: #666; }