body, html{padding:0px;margin:0px;}
body{background-color:#E6E6E6;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:11px;word-spacing:1px;line-height:1.5;height:100%;width:100%;}
/* MAIN CONTENT POSITIONING */
#header{position:relative;top:auto;margin:40px auto 20px;width:940px;}
#header h1, #header p{margin:0;}
#header h1 a{font-family:"Times New Roman", Times, serif;font-size:18px;font-weight:normal;text-decoration:none;text-transform:uppercase;color:#000;}
#header h1 a:hover{color:transparent;background:#000;}
#header p, #header p a{color:#999;}
#header p a:hover{color:transparent;background:#999;}
.header_img{position:relative;top:0px;margin:0 auto;z-index:99;width:940px;}
#content_container{position:relative;margin:0 auto;z-index:10;padding:30px 0px 0px 0px;width:940px;clear:both;}
#maincontainer{width:905px;display:none;padding-bottom:35px;}
#nav_loadspin{position:fixed;top:8px;left:8px;display:none;z-index:50;}
.pagination{color:#999;font-size:11px;z-index:11;border-top:1px solid #CCCCCC;width:905px;padding:15px 0px;}
.nav_follow{color:#999;font-size:11px;z-index:11;}
.bottompad{clear:both;position:relative;height:35px;width:705px;margin-top:35px;}
/* NAVIGATION */
.nav_container{position:fixed;top:34px;left:740px;margin:0px;padding:0px;line-height:165%;white-space:nowrap;z-index:11;}
.nav_container.horizontal{position:relative;top:auto;left:auto;margin:0 auto;white-space:normal;z-index:25;width:955px;padding:25px 0 0 0;line-height:2;}
.nav_container.horizontal div{float:left;padding-right:1px;}
.nav_container .pagination{border-top:none;width:auto;padding-top:0px;}
/* PROJECT CONTENT */
.project_title{font-family:"Times New Roman", Times, serif;font-size:22px;color:#000;font-style:regular;font-weight:normal;line-height:1.5;padding-bottom:15px;}
.project_content{width:560px;}
.project_content span{font-family:"Times New Roman", Times, serif;font-size:18px;font-style:italic;}
.project_content span .single{border-bottom:1px solid;}
.project_content span .double{border-bottom:3px double;}
.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:11px;color:#999;}
.project_bottom{clear:both;width:906px;border-bottom:1px solid #ccc;margin:15px 0px;}
.project_index{float:right;margin-top:5px;margin-right:-6px;}
.tags{color:#999;}
blockquote{color:#666;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;text-align:right;bottom:11px;right:15px;font-family:arial;font-size:11px;color:#ccc;line-height:165%;z-index:99;}
h1{font-size:22px;line-height:165%;}
h2{font-size:16px;line-height:165%;}
h3{font-size:14px;line-height:150%;}
/* THUMBNAIL STYLES */
.thumb_title, .thumb_title a, .thumb_title a:visited{text-align:left;color:#222;font-size:11px;font-weight:bold;margin:6px 0px 0px 0px;line-height:1.5;overflow:hidden;white-space:nowrap;}
.thumb_tag, .thumb_tag a, .thumb_tag a:visited{text-align:left;color:#999;font-size:11px;font-style:normal;line-height:1.5;text-decoration:none;}
.thumb_tag a:hover{text-decoration:underline;}
.thumb_tag.notitle{margin-top:12px;}
.project_thumb{width:200px;height:205px;position:relative;margin-right:35px;float:left;}
.project_thumb .hover{cursor:pointer;text-decoration:none;}
.project_thumb .hover .thumb_title .text{background:none;text-decoration:underline;}
.project_thumb .hover .thumb_type .text{}
.project_thumb .nohover{text-decoration:none;}
.project_thumb .cardimgcrop{background:#FFF;border:5px solid #FFF;margin:-3px 0 0 -3px;}
.project_thumb .hover .cardimgcrop img{opacity:0.3;}
.project_thumb.active .cardimgcrop{background:#B2B2B2;border:5px solid #B2B2B2;}
.thumb_type .text a{text-decoration:none;}
.thumb_type .text a:hover{text-decoration:underline;}
.cardimgcrop{width:200px;height:134px;overflow:hidden;position:relative;text-align:center;}
.loader_holder{z-index:3;position:absolute;text-align:center;top:57px;left:90px;display:none;}
/* SLIDESHOW STYLES */
.slideshow_nav{color:#999;font-size:11px;padding-bottom:10px;}
.slideshow_count{color:#999;font-size:11px;}
.slideshow_wrapper{margin:0px 15px 15px 0px;}
.slideshow_wrapper img{margin:0px;}
.slideshow_wrapper a, .slideshow_wrapper a:hover, .slideshow_wrapper a:active{background:none !important;}
/* TAG VIEW STYLE */
.view_tag_info{font-size:11px;color:#999;padding-left:3px;}
/* TOOLSET */
.toolset{position:fixed;top:10px;right:10px;z-index:9999;}
/* #################### LINK STYLES START #################### */
/* BODYCOPY */
.bodycopy a{color:#000;text-decoration:underline;}
.bodycopy a:hover{color:#000;background:#000;text-decoration:none;}
.bodycopy a:active{color:#90F;background:#90F;}
/* NAV LIST */
.project_link a, .page_link a, .link_link a, .nav_follow a{margin:2px 7px 3px 7px;font-size:12px;color:#000;text-decoration:none;white-space:nowrap;border:2px solid transparent;}
.project_link a:hover{background:#000;}
.project_link a:active{color:#90F;background:#90F;}
.page_link a, .link_link a, .nav_follow a{color:#666;}
.page_link a:hover, .link_link a:hover, .nav_follow a:hover{background:#666;}
.page_link a:active, .link_link a:active, .nav_follow a:active{color:#B6D;background:#B6D;}
.nav_active a{margin:2px 7px 3px 7px;font-size:12px;color:#000;background:#000;text-decoration:none;white-space:nowrap;border:2px solid transparent;}
.nav_active a:active{color:#90F;background:#90F;}
.pagination a{margin:2px 7px 3px 0px;font-size:12px;color:#999;border:2px solid transparent;}
.pagination a:hover{background:#FF6;color:transparent;}
.pagination a:active{background:#000;color:transparent;}
.nav_container .pagination a{margin-left:0px;}
.cargo_link a{color:#999;text-decoration:underline;}
.cargo_link a:hover{color:#000;text-decoration:underline;}
.cargo_link a:active{color:#fff;background:#000;}
/* PROJECT HEADER */
.project_header .project_index a{position:relative;top:10px;margin:2px 7px 3px 7px;font-size:12px;color:#000;text-decoration:none;white-space:nowrap;border:2px solid transparent;}
.project_header .project_index a:hover{background:#000;color:transparent;}
.project_header .project_index a:active{background:#90F;color:transparent;}
/* PROJECT FOOTER */
.project_footer .permalink a{color:#999;font-style:normal;}
.project_footer .permalink a:hover{background:#999;text-decoration:none;}
.project_footer .tags a{color:#999;}
.project_footer .tags a:hover{background:#999;text-decoration:none;}
.project_footer .editlink a{color:#0066ff;}
.project_footer .editlink:before{content:" -";}
.project_footer .editlink a:hover{background:#0066ff;}
.view_tag_info a{color:#999;margin-right:9px;}
.view_tag_info a:hover{background:#999;text-decoration:none;}
.view_tag_info a:active{color:#f30;}
/* #################### 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 15px 15px 0;
        }

        .slideshow_thumb a {
            background: none !important;
            border: 3px solid #333333;
            display: block;
        }

        .slideshow_thumb a img { opacity: 0.5; }

            .slideshow_thumb a:hover {
                background: none !important;
                border: 3px solid #333333;
            }

            .slideshow_thumb a:hover img { opacity: 1.0; }
            
            .slideshow_thumb a:active, a.activeSlide:active {
                background: none !important;
                border: 3px solid #ffffff;
            }

            .slideshow_thumb a:active img, a.activeSlide:active img { opacity: 1.0; }
               
            a.activeSlide {
                background: none !important;
                border: 3px solid #ffffff;
            }
            
            a.activeSlide:hover {
                border: 3px solid #ffffff !important;
            }
            
            a.activeSlide img { opacity: 1.0; }

        .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;
    margin-right: -6px;
    margin-top: 5px;
}

.project_next a {
    color: #333333;
    font-size: 12px;
    font-style: normal;
    padding: 4px 9px 5px 9px;
    text-decoration: underline;
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.project_next a:hover {
    background: #ffff66;
    color: #000000;
    text-decoration: none;
}

.project_next a:active {
	background: #000000;
    color: #ffffff;
}

.project_divider {
    color: #bbbbbb;
    margin-right: 3px;
}​



	
	
/* 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; }
	
	 
	
	ul.slideshow_thumbs {
            float: left;
            margin: 0;
            padding: 0;
        }    

        .slideshow_thumb {
            float: left;
            list-style: none;
            margin: -3px 0px 0px -3px;
            padding: 0px 7px 7px 0px;

        }

        .slideshow_thumb a {
            background: none !important;
            border: 1px solid transparent;
            display: block;
            padding: 2px;
        }

            .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: 90px;
        }
	
	


	


	.loader_holder.custom {
        display: none;
        left: 8px;
        position: absolute;
        text-align: center;
        top: 8px;
        z-index: 3;
    }
			

/* */

/* Next project
***********************************************************************************************************/

.project_next {
    float: right;
    margin-right: -6px;
    margin-top: 5px;
}

.project_next a {
    color: #333333;
    font-size: 12px;
    font-style: normal;
    padding: 4px 9px 5px 9px;
    text-decoration: underline;
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.project_next a:hover {
    background: #ffff66;
    color: #000000;
    text-decoration: none;
}

.project_next a:active {
	background: #000000;
    color: #ffffff;
}

.project_divider {
    color: #bbbbbb;
    margin-right: 3px;
}​



	
	
/* 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
***********************************************************************************************************/