/* --------------------------------------------------------------------------
 * FEATURES CSS FILE:
 * -------------------------
 * VERS: v0.1
 * -------------------------
 * This file will assist design.css at the same level and specify
 * styling for right hand column modules and particular inpage 
 * fragments/widgets. It sets up common design elements for module styles
 * which can be overridden at the design_*variation*.css level for colours. 
 * 
 * INHERITANCE LEVELS:---------------
 * [Browser]
 *  +(YUI Reset)
 *  +(YUI Fonts)
 *  +(YUI Grids)
 *      +(global_elements.css)
 *          +(modules.css)
 *          +(design.css)
 *              +(design_<appname>.css) - << YOU ARE HERE - Separate application in the site. 
 *              +(design_*site-variation*.css) - future regional branding?
 * 
 -------------------------------------------------------------------------- */

/* =============================================================================
    SMART SPRITES - SPRITE IMAGE DIRECTIVES
                    [Any new smartsprites definitions should be made here]
                    [Sprite image directives inherit from design.css]
   ===========================================================================*/
    /*Sprite names in use: finda_globals-vert, finda_globals-horiz*/
    

/* =============================================================================
    COLOR GLOSSARY
        - LIGHTGREY > BG, KEYLINES, IMG-BORDER: #F3B600
        - CHARCOAL  > BASE TEXT:                #333333
        - MIDGREY   > PAGINATION-OFF, TXTFIELD: #999999
        - BLUE      > STANDARD LINKS:           #0374B1
        - LIGHTBLUE > HIGHLIGHTED LINKS:        #49ACE1
        - PINKYRED  > WEATHER-MAXTEMP:          #FF6666
    ==========================================================================*/


.featuresHead {
   margin: 6px 0 5px 0; 
}

    .featuresHead h3 {
       margin: 0; 
       font-weight: bold;
    }
    
    .featuresHead .share {
        padding: 6px 0 0 0;
    }

.featuresBody {
    margin: 0 0 24px 0;
    border: 2px solid #E9E9E9;
    border-top: 32px solid #E9E9E9;
}

    .featuresBody .featuresArticle {
        margin: 8px;
    }
    
    .featuresBody .featuresArticle h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 4px 0;
    }
    
    .featuresBody .featuresArticle p {
        margin-bottom: 16px;
    }
    
    .featuresBody .featuresArticle .articleContent .articleMedia {
        float: right;
        max-width: 317px;
        -width: 317px;
        padding-left: 9px; 
        clear: both;
    }
    
    .featuresBody .featuresArticle .articleContent .articleMedia .articleVideo,
    .featuresBody .featuresArticle .articleContent .articleMedia .articlePoll,
    .featuresBody .featuresArticle .articleContent .articleMedia .articleImage,
    .featuresBody .featuresArticle .articleContent .articleMedia .articleGallery,
    .featuresBody .featuresArticle .articleContent .articleMedia .articleGalleryEmbed,
    .featuresBody .featuresArticle .articleContent .articleMedia .articleInline {
        margin-bottom: 8px;  
    }
    
    .featuresBody .featuresArticle .articleContent .articleMedia .articleImage {
        font-size: 10px;
    }
    
    .featuresBody .featuresArticle .articleContent table {
        border: 4px solid #E9E9E9;
        font-size: 93%;
        margin: 24px;
    }
    
    .featuresBody .featuresArticle .articleContent caption {
        font-weight: bold;
        margin-bottom: 0.5em;
        border-bottom: 1px solid #E9E9E9;
        font-size: 90%;
    }
    
    .featuresBody .featuresArticle .articleContent tr {
        border-bottom: 1px solid #E9E9E9;
    }
    
    .featuresBody .featuresArticle .articleContent th,
    .featuresBody .featuresArticle .articleContent td {
        border-right: 1px solid #E9E9E9;
        padding: 3px;
    }
    
    .featuresBody .featuresArticle .articleContent th {
        background-color: #666;
        color: #FFF;
        font-weight: bold;
        text-align: center;
    }
    
    .featuresBody .articleImage p {
        margin-bottom:8px;
        font-size: 11px;
    }
    
    .featuresBody .articleImageBy {
        font-weight: bold;
        margin-bottom: 16px;
    }
    
    .featuresBody .featuresComments {
        
    }
    
        .featuresBody .featuresComments .featuresCommentsHead {
            background-color: #E9E9E9;
            padding: 8px;
        }
        
            .featuresBody .featuresComments .featuresCommentsHead h4,
            .featuresBody .featuresComments .featuresCommentsHead span,
            .featuresBody .featuresComments .featuresCommentsHead a {
                font-weight: bold;
            }
            
            .featuresBody .featuresComments .featuresCommentsHead h4 {
                display: inline;
                margin: 0 12px 0 0; 
            }
        
        .featuresBody .featuresComments .featuresCommentsBody {
            margin: 10px 8px 20px 8px;    
        }

.vioplayer_player div {
    border: 3px solid #E9E9E9;
}

.featuresComments .featuresCommentsBody {
    padding: 0 40px 0 40px;
}

.featuresComments #memberLogin {
    margin: 0 0 10px 0;
}

.featuresComments #memberLogin label,
.featuresComments #memberLogin input {
    display: inline;
}

.featuresComments #memberLogin label {
    width: 60px;
}

.featuresComments #memberLogin input {
    width: 135px;
    margin: 0 15px 0 0;
}

.featuresComments #memberLogin input[type="hidden"] {
    width: 60px;
    margin: 0;
    padding: 0;
}

.featuresComments #memberLogin input#id_next, 
.featuresComments #memberLogin input#id_type {
    width: 0;
    margin: 0;
    padding: 0;
}

.share a {
    padding: 6px 18px 0 0;
    margin: 0;
}

/*
 * Yahoo! Buzz up! button
 */
 
span.yahooBuzzBadge * {
    display: inline !important;
}

    span.yahooBuzzBadge a {
        padding: 0;
    }
        
        span.yahooBuzzBadge a span {
            margin: -6px 4px 0 0;
        }