body {
    overflow-x: hidden;
}

#stage {
    position: absolute;
    -moz-user-select: none;
        
    width: 4000px;
    height: 446px;
    background-color: transparent;
    border-top: 2px solid #DDD;
   /*  border-bottom: 5px solid #DDD; */
}

#nav_arrow_left, #nav_arrow_right {
    position: absolute;
    width: 55px;
    height: 210px;
    
    top: 100px;
    z-index: 5000;
    
    cursor: pointer;
    opacity: .5;
/*    filter: alpha(opacity = 80);*/
}

#nav_arrow_left {
    left: 0;
    background: url('images/stage_browse_left_arr.png') no-repeat left;
}

#nav_arrow_right {
    right: 0;
    background: url('images/stage_browse_right_arr.png') no-repeat right;
}

.stage-container {
    height: 510px;
    position: relative;
    overflow: hidden;
    width: 100% !important;
}

.overlayImageContainer {
    height: 250px;
/*    overflow: hidden;*/
}

.profile-permalink {
    padding: .25em 0;
    text-align: right;
    clear: both;
}

#stage .boxCol {	        
    float: left;
    height: 100%;
    width: 326px;
	overflow: hidden;
}
    #stage div#col_thought_starter {
        width: 342px;
    }
    
    #stage .articlePhoto {
        height: 100%;
    }
    
    #stage .body {
        padding: .5em;
        font-size: 11px;
        line-height: 1.5em;
    }
        #stage .body * {
            padding: 0;
            margin: 0;
        }    

#stage .box {
    border-top:     1px solid #E4E4E4;
    border-right:   1px solid #D0D0D0;
    border-bottom:  1px solid #D0D0D0;
    border-left:    1px solid #E4E4E4;
    
    background-color: #FFF;
    
    color: #666666;

    float: left;
    
    font-size: 12px;
    font-family: "Lucida Sans", sans-serif;
    
    padding-bottom: 4px;
    
    overflow: hidden;
}
    div.box {
/*        -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.3);    
        -moz-box-shadow:    5px 5px 15px rgba(0,0,0,0.3);
        box-shadow:         5px 5px 15px #dedede;
        filter: progid:DXImageTransform.Microsoft.dropShadow(color=#dedede, offX=5, offY=5, positive=true);*/
        
        cursor: pointer;
    }
    
    .box-inner {
        height: 134px;
        margin: 6px;
    }
        .box-inner .activity-box {
            float: right;

            height: 40px;
            width: 40px;

            text-align: center;

            z-index: 1000;

            font-size: 1.25em;
            font-weight: normal;
            color: #e3e3e3;
            
            padding: 2px 0 0 0px;
        }
            .activity-post { background: url(/media/css/images/box_activity_blue.png) no-repeat top right; }
			.activity-video { background: url(/media/css/images/box_activity_blue.png) no-repeat top right; }
            .activity-featured {background: url(/media/css/images/box_activity_red.png) no-repeat top right;}
            .activity-event {background: url(/media/css/images/box_activity_purple.png) no-repeat top right;}
            .activity-solution {background: url(/media/css/images/box_activity_orange.png) no-repeat top right;}
            .activity-popular {background: url(/media/css/images/box_activity_green.png) no-repeat top right;}
        
        .stage-box-tag {
            float: left;
            width: 61px;
            height: 13px;
            margin-top: 15px;
            margin-left: -3px;
            
            border-left: 1px solid #e3e3e3;
            
            background-color: #FFF;
            
            -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);    
            -moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.3);
            box-shadow:         2px 2px 3px #dedede;
            filter: progid:DXImageTransform.Microsoft.dropShadow(color=#dedede, offX=2, offY=2, positive=true);
            
            font-size: 9px;
            font-weight: bold;
            font-family: Arial, sans-serif;
            
            text-align: center;
        }
            #overlay .stage-box-tag {
                float: none;
                margin: 0;
            }
            
           .tag-featured {  color: #c32727; width: 100px;}
           .tag-post {      color: #3399cc; width: 52px;}
		   .tag-video {      color: #3399cc; width: 52px;}
           .tag-event {     color: #9104d3; width: 74px;}
           .tag-popular {   color: #0e7706; width: 140px;}
           .tag-member {    color: #3399cc; width: 57px;}
           .tag-solution {  color: #bb5000; width: 61px;}
    
    .box-post .box-inner {background: #44cde6 url(/media/css/images/box_gradient_blue.gif) repeat-x top left;}
	.box-video .box-inner {background: #44cde6 url(/media/css/images/box_gradient_blue.gif) repeat-x top left;}
    .box-featured .box-inner {background: #f33e3e url(/media/css/images/box_gradient_red.gif) repeat-x top left;}
    .box-event .box-inner {background: #c351e9 url(/media/css/images/box_gradient_purple.gif) repeat-x top left;}
    .box-solution .box-inner {background: #f4b610 url(/media/css/images/box_gradient_orange.gif) repeat-x top left;}
    .box-member .box-inner { float: right; width: 71%; height: 87px; background: #FFF url(/media/css/images/box_gradient_gray.gif) repeat-x top left;}
    .box-popular .box-inner {height: 154px;background: #40b62d url(/media/css/images/box_gradient_green_tall.gif) repeat-x top left;}

    #stage #thought_starter { width: 340px; }
    #thought_starter .box-inner { height: 362px; overflow: hidden; }
    .box-thought_starter-activity { background: #40b62d url(/media/css/images/box_gradient_green.gif) repeat-x top left; }
    .box-thought_starter-no_activity { background: #40b62d url(/media/css/images/box_gradient_blue.gif) repeat-x top left; }
    
    #thought-starter-banner {
        padding: 0;
        margin-bottom: 4px;
    }
    
    .box-inner .member-logo {
        position: relative;
        top: 0;
        left: 0;
        
        float: right;
        
        max-width: 60px;
        max-height: 40px;
    }

    #stage .box a {
        color: inherit;
        text-decoration: none;
    }
 
#stage .box-post, #stage .box-featured, #stage .box-event, #stage .box-solution, #stage .box-video { width: 161px;  height: 142px;  } /* regular post box size */
#stage .box-popular   { width: 324px;  height: 162px;   } /* popular post */
#stage .box-member   { width: 324px;  height: 95px;  } /* member */
/*#stage .box-thought_starter   { width: 342px;  height: 370px;  } /* thought starter */*/

    .box-member img {
        float: left;
    }
    
    #stage .member-thumb {
        float: left;
        max-width: 20%;
        max-height: 90px;
        padding: 2%;
    }
    .box-member .member-name {
        padding: 35px 0 0 10px;
        font-size: 16px;
    }
    
    .box-member .member-since, .box-member .member-meta {
        font-size: 10px;
        padding: 2px 0 0 10px;
    }

.box-inner {
    background: #EFEFEF;
}

/*#stage .event {
    background: url('images/ie.pink_button_bg.gif') repeat-x top left;
}
*/

/*#stage .article .box-inner {
    height: 157px !important;
    color: #006633;
}
*/

.headline {
    font-size: 14px;
    padding: 35px 15px 0 10px;
    color: #FFF;
}
    #thought_starter .headline {
        padding: 10px 40px 0 10px;
    }

.byline {
    padding: .5em .5em 1em 1em;
    font-size: 11px;
}
    .box-post .byline, .box-video .byline, .box-thought_starter-no_activity .byline {
        color: #04578b;
    }
    
    .box-featured .byline {
        color: #5a0000;
    }
    
    .box-event .byline {
        color: #330099;
    }
    
    .box-solution .byline {
        color: #ba4f00;
    }
    
    .box-popular .byline {
        color: #005702;
    }
    
    .box-thought_starter-activity .byline {
        color: #005702;
    }

.articleBanner {
    border-bottom: 2px solid #FFFFFF;
    
    background: #9ee1f4 url('/media/css/images/ie.blue_box_header_bg.gif') repeat-x top left;
    
    padding-left: 43px;
    padding-top: 5px;
    
    color: #FFF;
}
        
    .box-article-title {
        color: #888;
    }
    
#overlay { 
   display: none;
   position: absolute;
   background: #0d0d0d url('images/stage_overlay_bg.gif') top left repeat-x;
   color: #DDD;
   width: 515px;
   height: 275px; /* regulating text more heavily now, mike - PK */ 
   padding: .75em;
   
   z-index: 2000;
   
   overflow: hidden;
   
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);    
   -moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.5);
   box-shadow:         0px 0px 10px #666;
   filter: progid:DXImageTransform.Microsoft.dropShadow(color=#dedede, offX=5, offY=5, positive=true);
}

    .overlay-top {
        height: 20px;
        padding: 5px;
        border-bottom: 1px solid #292929;
    }
        .overlay-meta {
            color: #888;
            float: right;
            font-size: 11px;
            padding-right: 20px;
            margin-top: -5px;
        }
            .overlay-meta span {
                font-size: 16px;
            }
    
    .overlay-left, .overlay-right {
        float: left;
        padding: 10px;
        width: 235px;
        
        height: 210px;
        
        line-height: 18px;
    }
    
    .overlay-left {
        border-top: 1px solid #525252;
        border-right: 1px solid #292929;
    }
    
    .overlay-right {
        border-top: 1px solid #525252;
        border-left: 1px solid #525252;
    }

    img.overlay-author-thumb {
        max-width: 42px;
        max-height: 42px;
        float: left;
        padding: 0 10px 10px 0;
    }
    
    .overlay-member {
        float: left;
        padding: 5px 100px 0 5px;
        width: 300px;
    }
    
    .overlay-member-bio {
        line-height: 18px;
    }
    
    .overlay-member-nav {
        padding-top: 5px;
    }
    
    .overlay-member-thumb-container {
        max-width: 90px;
        height: 300px;
        float: left;
        padding: 5px 10px 10px 0;
    }
        .overlay-member-thumb-container img {
            width: 100%;
            max-height: 120px;
        }

    .overlay-content {
        display: none !important;
    }
    
        #overlay .article-title {
            display: block;            
            font-size: 16px;
            padding: 15px 0 5px 0;
        }
        
        .overlay-member-name {
            display: block;            
            font-size: 16px;
            padding: 0 0 5px 0;
        }
        
        .article-byline, .overlay-comment-byline {
            font-size: 11px;
            padding-top: 10px;
            
            color: #888;
        }
        
        .overlay-comment-body {
            padding-top: 15px;
        }
        
        .overlay-morelink {
            clear: left;
            padding-top: 5px;
        }
        
        .overlay-article-tease {
            clear: left;
        }
        
        .article-tease {
            padding-top: .5em;
            color: #FFF;
            font-size: 12px;
            
            line-height: 1.68em;
        }
    
    .overlay-tweet { }

    .overlay-article-photo { }
    
    .overlay-article { }
    
    .overlay-profile { }
        .overlay-profile-name {
            margin-left: 10px;
            font-size: 20px;
        }
        
        .overlay-profile-bio {
            padding-top: .5em;
            font-size: 14px;
            line-height: 1.5em;
            
            margin-left: 110px;
        }
    
    .overlay-comment { }
        .overlay-comment-text {
            font-size: 16px;
            line-height: 1.68em;
            
            padding-bottom: .5em;
        }
        
        .overlay-comment-permalink {
            font-size: 12px;
            text-align: right;
        }
    
    .overlay-thought-starter { }
    
    .overlay-close {
        float: right;
        color: #888;
        
        padding: 0 5px 5px 5px;
        
        margin-top: -2px;
        font-size: 18px;
    }
    
    .article-image {
        max-width: 50%;
        max-height: 80%;
        
        float: left;
        margin-right: 10px;
    }
    
/*#boxDetailOverlay {
    position: absolute;

    width: 500px;
    height: 250px;
    
    margin: 1em 0 0 -3em;

    -moz-box-shadow: 0 1px 15px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.4);
    
    color: #444; 
    
    background-color: #FEFEFE;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#E0E0E0));
    background: -moz-linear-gradient(top,  #FEFEFE,  #E0E0E0);
}
    .boxHover {
        border: 1px solid #000 !important;
        background-color: #EFEFEF !important;
        color: #000 !important;
    }*/