/* Global styles
***********************************************************************************************************/
body,html { margin:0px; padding:0px; }
body { background:#fff; color:#000; font-family:Arial,sans-serif; font-size:12px; min-width:705px; line-height:16px; width:100%; word-spacing:1px; text-rendering:optimizelegibility; }

/* Header / Navigation
***********************************************************************************************************/
.header_img { margin:35px auto 0; z-index:11; width:940px; height:45px; padding-left:35px; }
.nav_container { line-height:150%; margin:0px; z-index:12; width:940px; display:block; font-family:Arial,sans-serif; }
.nav_container.horizontal { position:relative; display:block; margin:35px auto; height:10px; width:940px; padding-left:35px; z-index:25; }
.nav_container.horizontal div { float:left; padding-right:10px; }
#nav_loadspin { display:none; left:35px; position:fixed; bottom:15px; z-index:100; }

/* Navigation > Links
***********************************************************************************************************/
.nav_container a { font-size:11px; text-decoration:none; padding:2px 3px 2px 3px; }
.project_link a { color:#444; }
.project_link a:hover { background:#ff6; color:#000; }
.project_link a:active { background:#000; color:#fff; }
.page_link a { color:#999; }
.page_link a:hover { background:#000; color:#fff; }
.page_link a:active { background:#000; color:#000; }
.link_link a { color:#999; text-decoration:underline; }
.link_link a:hover { color:#000; }
.link_link a:active { color:#666; }
.nav_active a { background:#000; color:#fff; }
.nav_active a:hover { background:#000; color:#fff; }
.nav_active a:active { background:#ccc; color:#fff; }
.pagination { color:#999; font-size:11px; z-index:11; }
.pagination a { color:#00af8a; }
.pagination a:hover { background:#ff6; color:#222; }
.pagination a:active { background:#000; color:#fff; }
.nav_follow { color:#999; font-size:11px; z-index:11; }
.nav_follow a { color:#222; }
.nav_follow a:hover { background:#ff6; color:#222; }
.nav_follow a:active { background:#000; color:#fff; }
.view_tag_info { color:#999; padding-left:3px; font-size:11px; }
.view_tag_info a { color:#06f; }
.view_tag_info a:hover { background:#ff6; color:#000; }
.view_tag_info a:active { background:#000; color:#fff; }

/* Content
***********************************************************************************************************/
#content_container { margin:35px auto 0 auto; padding-left:35px; width:705px; z-index:10; }

/* Content > Project content
***********************************************************************************************************/
#maincontainer { display:none; margin:0 0 35px 0; width:705px; }
.bodycopy a { color:#000; text-decoration:none; padding-bottom:1px; border-bottom:1px solid #dbdbdb; }
.bodycopy a:hover { color:#000; text-decoration:none; border-bottom:1px solid #000; }
.bodycopy a:active { background:#000; color:#fff; }
.project_content { width:560px; }
.project_title { color:#000; font-family:Helvetica,Arial,sans-serif; font-size:22px; margin:10px 0 30px 0;  padding:0 0 15px; border-bottom:7px solid #000; width:670px; }

/* Project content > Header
***********************************************************************************************************/
.project_header { margin:0 35px 0 0; text-decoration:none!important; }
.project_index a { display:none!important; background:#000; display:block; right:0px; width:20px; height:7px; color:transparent; float:right; font-size:1px; font-style:italic; text-decoration:none; border-bottom:none!important; }
.project_index a:hover { background:#dbdbdb; color:transparent; text-decoration:none; }
.project_index a:active { background:#999; color:transparent; }

/* Typography
***********************************************************************************************************/
h1 { font-size:22px; line-height:165%; }
h2 { font-size:16px; line-height:165%; }
h3 { font-size:14px; line-height:150%; }
blockquote { color:#666; margin:0; }
.project_content img { margin:0px 15px 15px 0px; }
.project_content li { margin:0px 0px 7px 0px; }
.smallcaps { font-size:80%; text-transform:uppercase; letter-spacing:1px; }
::-moz-selection { background:#ff6; color:#000; }
::selection { background:#ff6; color:#000; }

/* Project content > Slideshows
***********************************************************************************************************/
.slideshow_wrapper { clear:both; margin:0 10px 10px 0px; }
.slideshow_wrapper a,.slideshow_wrapper a:hover,.slideshow_wrapper a:active { background:none !important; }
.slideshow_nav { clear:both; color:#999; font-size:11px; padding-bottom:10px; }
.slideshow_nav a { color:#666; text-decoration:none; border-bottom:none; }
.slideshow_nav a:hover { background:none !important; color:#999; text-decoration:none; }
.slideshow_nav a:active { color:#f30; }
.slideshow_count { color:#999; }
ul.slideshow_thumbs { margin:0; padding:0; }
.slideshow_thumb { float:left; list-style:none; margin:-3px 7px 7px -3px; }
.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:60px; }

/* Project content > Project footer
***********************************************************************************************************/
/*.project_views, .footer_title_type, .tags, .permalink, .project_bottom { display:none!important; margin:0!important; padding:0!important }*/
.project_footer { width:670px; text-align:center; color:#dbdbdb;clear:both; font-size:11px; padding:45px 0 0 0; }
.footer_title_type { color:#dbdbdb; font-weight:bold; }
.project_views { color:#dbdbdb; font-style:italic; }
/* Project Footer Links */
.project_footer .permalink a { color:#dbdbdb; font-style:italic; }
.project_footer .permalink a:hover { color:#000; }
.project_footer .permalink a:active { color:#fff; background:#000; }
.tags { color:#dbdbdb; }
.tags a { color:#dbdbdb; text-decoration:none; border-bottom:#fff; }
.tags a:hover { text-decoration:none; }
.tags a:active { color:#fff; background:#000; }
.tags a:visited { }
.project_footer .editlink a { position:fixed; bottom:15px; right:15px; color:#06f; font-style:italic; border-bottom:0px; }
.project_footer .editlink a:hover { background:#ff6; color:#000; }
.project_footer .editlink a:active { background:#CCFFFF;color:#000; }
.project_bottom { clear:both; border-bottom:0px solid #cccccc; margin:15px 0px 70px 0px; width:670px; }

/* Content > Thumbnails
***********************************************************************************************************/
.project_thumb { float:left; margin:0 35px 10px 0; position:relative; text-align:center; }
.project_thumb .hover { cursor:pointer;text-decoration:none; }
.project_thumb .nohover { text-decoration:none; }
.project_thumb .hover .cardimgcrop { border:5px solid #fff; }
.project_thumb .hover .thumb_title span { text-decoration:underline; }
.project_thumb.active .cardimgcrop { border:5px solid #fff; }
.project_thumb.active .thumb_title span { background:#dbdbdb; }
.cardimgcrop { border:5px solid transparent; margin:-5px -5px 6px -5px; position:relative; min-width:200px; }
.cardimgcrop.notitle_notag { margin-bottom:22px; }
.loader_holder { display:none; left:8px; position:absolute; text-align:center; top:8px; z-index:3; }
.thumb_title { height:18px; overflow:hidden; text-align:center; width:200px; }
.thumb_title.notag { margin:0 0 22px 0; }
.thumb_title .text { color:#000000; font-size:11px; font-weight:bold; line-height:15px; overflow:hidden; padding:2px 3px 2px 3px; white-space:nowrap; text-align:center; }
.thumb_tag { color:#aaaaaa; height:3em; line-height:1.5em; margin:0 0 2px 0; overflow:hidden; text-align:center; width:200px; }
.thumb_tag.notitle { margin-top:5px; }
.thumb_tag a { color:#aaaaaa; font-size:11px; line-height:1.5em; text-align:center; text-decoration:none; }
.thumb_tag a:hover { text-decoration:underline; }

/* Footer
***********************************************************************************************************/
.bottompad{ clear:both; position:relative; height:35px; margin:35px 0 0 0; width:705px; }

/* Other
***********************************************************************************************************/
.toolset { position:fixed; right:10px; top:10px; z-index:9999; }
.cargo_link { position:fixed; bottom:30px; right:30px; color:#dbdbdb; z-index:99; }
.cargo_link a { color:#dbdbdb; text-decoration:none; padding-bottom:1px; border-bottom:1px solid; }
.cargo_link a:hover { color:#000; text-decoration:none; border-bottom:0px solid #000; }
.cargo_link a:active { background:#000; color:#fff; }

.blue a { color:#06f; }
.c { margin-left:55px;width:560px; }
#item_27312 .text { display:none!important; color:transparent; }

#menu_48070 { padding-bottom:24px; }

/* */

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

.project_next {
    float: right;
}

.project_next a {
    color: #999999;
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-right: 2px;
    text-decoration: underline;
}

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

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

.project_divider {
    color: #bbbbbb;
    font-size: 11px;
}


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