/* Global ozFeed-alt styles
***********************************************************************************************************/

    body, html {
        margin: 0px;
        padding: 0px;
    }
    
    body {
        background: #ffffff;
        color: #333333;
        font-family: Monaco, "MS Mincho", monospace;
        font-size: 10px;
        line-height: 1.5;
        min-width: 990px;
    }





/* Header / Navigation
***********************************************************************************************************/

    .header_img {
        margin: 15px 0 0 60px;
    }
    
/* Feed, index and next links */
    
    .feed_header {
        background: transparent;
        border-bottom: none;
        color: #666666;
        font-family: Monaco, "MS Mincho", monospace;
        font-size: 10px;
        height: 35px;
        line-height: 40px;
        position: fixed;
        top: 0; left: 990px;
        white-space: nowrap;
        width: 50px;
        z-index: 999;
        
    }
    
        .feed_header a {
            border-right: none;
            color: #666666;
            display: inline-block;
            padding: 0 15px 0 15px;
            text-decoration: underline;
        }
        
            .feed_header a:hover {
                background: none;
                color: #333333;
                text-decoration: none;
            }
        
            .feed_header a:active {
                color: #666666;
            }
        
        .feed_header a.next_post {
            border-right: none;
            color: #666666;
            text-decoration: underline;
    
        }
        
            .feed_header a.next_post:hover {
                background: none;
                color: #333333;
                text-decoration: none;
    
            }
        
            .feed_header a.next_post:active {
                color: #666666;
            }
            
        .feed_header a.feedlink {
            padding-left: 20px;
            
        }
        
        .feedlink.select {
            color: #666666;
            text-decoration: underline;
        }
        
        .indexlink.select {
            color: #999999;
            text-decoration: none;
        }
        
/* Projects, pages and links */
    
    .feed_nav {
        border-bottom: 1px solid transparent;
        font-family: Monaco, "MS Mincho", monospace;
        font-size: 10px;
        line-height: 40px;
        position: absolute;
        top: 0; left: 930px;
        width: 100px;
        z-index: 999;
    }

        .feed_nav a {
            color: #666666;
            text-decoration: underline;
            margin: 0 20px 0 0;
        }
        
            .feed_nav a:hover {
                color: #333333;
                text-decoration: none;
            }
        
            .feed_nav a:active {
                color: #666666;
            }
        
        .feed_nav a.link_link {
            color: #666666;
            text-decoration: underline;
        }
        
            .feed_nav a.link_link:hover {
                color: #333333;
                text-decoration: none;
            }
        
            .feed_nav a.link_link:active {
                color: #666666;
            }
        
        .nav_follow {
            color: #999999;
            float: left;
        }
            
            .nav_follow a {
                color: #666666;
                margin: 0;
            }
        
            .nav_follow a:hover {
                color: #333333;
            }
        
            .nav_follow a:active {
                color: #666666;
            }
        
        .page_nav {
            float: left;
        }
        
    /* Tag area, shown on projects, pages and the index when filtering */
        
        .view_tag_info {
            color: #666666;
            float: right;
        }
        
            .view_tag_info a {
                color: #666666;
                margin-right: 0;
                text-decoration: underline;
            }
            
                .view_tag_info a:hover {
                    background: none;
                    color: #333333;
                    text-decoration: underline;
                }
            
                .view_tag_info a:active {
                    background: none;
                    color: #666666;
                }
        
            .view_tag_info b {
                color: #333333;
                font-weight: normal;
            }





/* Content
***********************************************************************************************************/

    #content_container {
        clear: both;
        padding: 5px 0 0 0;
        position: relative;
    }
    
    
    
    
    
    /* Content > Project content
    ***************************************************************************************************/
    
        .entry {
            border-top: 1px solid transparent;
            clear: both;
            padding: 60px 0 150px 60px;
            position: relative;
        }
        
        .entry a {
            color: #333333;
            text-decoration: underline;
        }
        
            .entry a:hover {
                color: #000000;
                text-decoration: underline;
            }
            
            .entry a:active {
                color: #666666;
            }
            
        /* Content > Project rail
        ***************************************************************************************************/
            
            .project_rail {
                margin-right: 60px;
                padding: 60px 0 60px 0;
                position: absolute;
                top: 1px; left: 1010px;
                width: 198px;
                z-index: 909;
            }
            
                .project_title {
                    font-family: Monaco, "MS Mincho", monospace;
                    font-size: 10px;
                    line-height: 1.5;
                    margin-top: -7px;
                }
                
                    .project_title a {
                        background: none;
                        color: #666666;
                        text-decoration: none;
                    }
    
                    
                        .project_title a:hover {
                            background: none;
                            color: #666666;
                            text-decoration: underline;
                        }
                    
                        .project_title a:active {
                            background: none;
                            color: #666666;
                            text-decoration: underline;
                        }
                        
            /* Meta information */
            
                .project_footer {
                    color: #666666;
                    font-size: 10px;
                    font-family: Monaco, "MS Mincho", monospace;
                }
                
                    .comment_link a {
                                
                    }
            
                        .comment_link a:hover {
                            
                        }
                
                    .project_footer span {
                        display: block;
                        margin-bottom: 21px;
                    }
                
                    .tags {
                        color: #999999;
                    }
                    
                        .tags a {
                            color: #999999;
                            display: block;
                            text-decoration: none;
                        }
                        
                            .tags a:hover {
                                background: none;
                                color: #333333;
                                text-decoration: underline;
                            }
                        
                            .tags a:active {
                                background: none;
                                color: #666666;
                            }
                    
                    .project_footer .permalink a {
                        color: #999999;
                        display: block;
                        text-decoration: none;
                    }
                    
                        .project_footer .permalink a:hover {
                            background: none;
                            color: #333333;
                            text-decoration: underline;
                        }
                    
                        .project_footer .permalink a:active {
                            background: none;
                            color: #666666;
                        }
                
                    .project_footer .editlink a {
                        color: #0066ff;
                    }
                    
                        .project_footer .editlink a:hover {
                            background: none;
                            color: #333333;
                        }
                    
                        .project_footer .editlink a:active {
                            background: none;
                            color: #666666;
                        }
                        
                        
                        
                        
                        
        /* Content > Project content
        ***************************************************************************************************/
    
            .project_content {
                width: 560px;
            }
            
            .project_content img {
                margin: 0 15px 15px 0;
            }
    
        /* Styling of default typographic headers and elements */
            
            h1 {
                font-size: 12px;
                line-height: 165%;
            }
            
            h2 {
                font-size: 16px;
                line-height: 165%;
            }
            
            h3 {
                font-size: 14px;
                line-height: 150%;
            }
            
            p {
                margin: 0;
                width: 560px;
            }
            
            blockquote {
                color: #666666;
                margin: 0;
            }
            
            
            
            
            
        /* Project content > Slideshows
        *******************************************************************************************/
        
            .slideshow_component {
                float: left;
            }
            .slideshow_caption {
                clear: both;
                display: block;
                font-size: 11px;
                padding: 5px 0 5px 0;
            }
        
            .slideshow_nav {
                color: #999999;
                font-family: Monaco, "MS Mincho", monospace;
                font-size: 10px;
                height: 15px;
                padding-bottom: 10px;
            }
            
                .slideshow_nav.above {
                    margin-top: -25px;
                }
            
                .slideshow_nav a {
                    color: #666666;  
                    text-decoration: none;  
                }
            
                    .slideshow_nav a:hover {
                        background: none !important;
                        color: #333333;
                        text-decoration: none;
                    }
            
                    .slideshow_nav a:active {
                        color: #999999;
                    }
            
                .slideshow_count {
                    color: #999999;
                }
            
            .slideshow_wrapper {
                clear: both;
                margin: 0px 15px 15px 0px;
            }
            
                .slideshow_wrapper a, .slideshow_wrapper a:hover, .slideshow_wrapper a:active {
                    background: none !important;
                }
            
            .slideshow_thumbs {
                margin: 7px 0 7px -3px;
            }
                
                ul.slideshow_thumbs {
                    margin: 0;
                    padding: 0;
                }
    
            
                    .slideshow_thumb {
                        float: left;
                        list-style: none;
                        margin: 0 0 0 -3px;
                        padding: 0 7px 10px 0px;
                    }
            
                        .slideshow_thumb a {
                            background: none;
                            border: 1px solid transparent;
                            display: block;
                            padding: 2px;
                        }
            
                            .slideshow_thumb a:hover {
                                background:none;
                                border: 1px solid #cccccc;
                            }
            
                        a.activeSlide {
                            background:none;
                            border: 1px solid #cccccc;
                        }
            
                            .slideshow_thumb a:active, a.activeSlide:active {
                                background: transparent;
                                border: 1px solid #666666;
                            }
            
                        .slideshow_thumb img {
                            border: 0;
                            display: block;
                            margin: 0;
                            height: 60px;
                        }
        
        /* Project content > Project bottom
        *******************************************************************************************/
        
        .project_bottom {
            clear: both;
        }
    
    
    
    
        
/* Index page
***********************************************************************************************************/

    .index {
        clear: both;
        padding: 74px 0 60px 60px;
        width: 830px;
    }





    /* Index > Modules / thumbnails
    ***************************************************************************************************/

        .index .module {
            font-family: Monaco, "MS Mincho", monospace;
            font-size: 10px;
            float: left;
            margin: 0 35px 40px 0;
            position: relative;
        }
        
            .loader_holder {
                display: none;
                position: absolute;
                top: 8px; left: 8px;
                z-index: 3;
            }
        
            .cardimgcrop {
                margin: 0 0 12px 0;
                position: relative;
                min-height: 134px;
                min-width: 200px;
            }
        
                .cardimgcrop.notitle_notag {
                    margin-bottom: 25px;
                }
        
            .thumb_title {
                overflow: hidden;
                padding-top: 2px;
                white-space: nowrap;
                width: 200px;
            }
        
                .thumb_title a {
                    color: #333333;
                    line-height: 15px;
                    overflow: hidden;
                    text-decoration: none;
                    white-space: nowrap;
                }
        
                    .index .thumb_title a:hover {
                        background: none;
                        text-decoration: underline;
                    }
        
                .thumb_title.notag {
                    margin: 0 0 25px 0;
                }
        
            .thumb_tag {
                color: #999999;
                height: 3em;
                line-height: 15px;
                overflow: hidden;
                width: 200px;
            }
        
                .thumb_tag.notitle {
                    margin-top: 0px;
                }
        
                .thumb_tag a {
                    color: #999999;   
                    line-height: 1.5em;
                    text-align: center;
                    text-decoration: none;
                }
        
                    .thumb_tag a:hover {
                        text-decoration: underline;
                    }
        
                    .thumb_tag a:active {
                        color: #666666;
                    }
    
    
    
    
    
/* Search results
***********************************************************************************************************/
    
    #search_form {
        position: fixed;
        bottom: 0; left: 900px;
        z-index: 999;
        display: none;
    }
        
        #search_form #search_term {
            background: #ffffff;
            border-top: 1px solid #dddddd;
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
            color: #999999;
            float: none;
            font-family: Monaco, "MS Mincho", monospace;
            font-size: 10px;
            line-height: 10px;
            height: 10px;
            padding: 17px 15px 11px;
            width: 170px;
        }
        
            #search_form #search_term:focus {
                color: #333333;
            }
    
    #search_form_results {
        clear: both;
        padding: 60px 60px 0 60px;
    }
    
        .search_header {
            color: #999999;
            float: left;
            font-size: 10px;
            font-style: normal;
            font-weight: normal;
            margin: 0;
            padding: 4px 0;
            width: 145px;
        }
    
        #search_term {
            background: #ffffff;
            border: 1px solid #cccccc;
            color: #666666;
            float: left;
            font-family: Monaco, "MS Mincho", monospace;
            font-size: 10px;
            margin: 0;
            padding: 5px;
            width: 220px;
        }
        
            #search_term:focus {
                color: #333333;
            }
    
        #search_results {
            clear: both;
            padding: 60px 0 0 60px;
        }
    
            .result {
                clear: both;
                font-size: 10px;
                line-height: 22px;
                margin-bottom: 60px;
            }
    
                .search_thumb {
                    float: left;
                    margin: 4px 25px 35px 0px;
                }
                
                    .search_thumb img {
                        height: auto;
                        width: 120px;
                    }
                
                .search_text {
                    margin-left: 145px;
                    width: 500px;
                }
    
                .search_title a {
                    color: #333333;
                    font-family: Monaco, "MS Mincho", monospace;
                    font-weight: normal;
                    text-decoration: underline;            
                }
                
                    .search_title a:hover {
                        color: #333333;
                    }
                
                    .search_title a:active {
                        color: #999999;
                    }
                
                .search_tags {
                    color: #999999;
                    font-size: 11px;
                }
                
                    .search_tags a {
                        color: #999999;
                        text-decoration: none;
                    }
                
                        .search_tags a:hover {
                            background: none;
                            color: #333333;
                            text-decoration: underline;
                        }
                
                        .search_tags a:active {
                            color: #666666;
                        }
        
        
        
        
        
/* Footer
***********************************************************************************************************/

    .bottompad {
        clear: both;
        height: 35px;
        position: relative;
    }





/* Video component
***********************************************************************************************************/

    .video_component {
        float: left;
        margin: 0 15px 15px 0;
    }





/* Audio component
***********************************************************************************************************/

    .audio_component {
        color: #777777;
        font-family: 'Droid Sans Mono', Monaco, "MS Mincho", 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;
        }





/* Other
***********************************************************************************************************/

/* Admin and following icons - Only you see this */

    .toolset {
        position: fixed;
        top: 10px; right: 10px;
        z-index: 9999;
    }
    
/* Rotating loading indicator */
    
    .moreload, .moreload_link {
        display: none;
        color: #999999;
        font-family: Monaco, "MS Mincho", monospace;
        font-size: 10px;
        margin: 10px 0 60px 60px;
        z-index: 99;
        position: absolute;
    }
    
        .moreload_link a {
            color: #999999;
            font-family: Monaco, "MS Mincho", monospace;
            font-size: 10px;
        }
    
            .moreload_link a:hover {
                color: #CCCCCC;
                text-decoration: underline;
            }
  
            
            .moreload_link a:active {
                color: #666666;
                text-decoration: underline;
            }
  
            
        .index .moreload {
            margin: 0;
        }

/* "Running on Cargo" */

    .cargo_link {                                                                       /* "Running on Cargo" */
       color: transparent;
       overflow: hidden;
       text-indent: -9999px; 
       position: absolute;
       top: -999px; left: -999px;
       width: 20px; height: 20px;
    }
    
    .cargo_link a {
        background: url(/_gfx/bolt-sc.png) no-repeat center;
        display: block;
        font-size: 11px;
        overflow: hidden;
        position: fixed;
        bottom: 8px; right: 8px;
        text-indent: -9999px;
        width: 20px; height: 20px;
        z-index: 9999;
    }
        
        
        
        
        
/* In-browser code editing made "almost bearable" by CodeMirror: http://marijn.haverbeke.nl/codemirror
***********************************************************************************************************/
         

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