$(document).ready(function(){


    $('div .catlink').mouseout( function() {
    
    ///******* edit the line below this to unify the background 
    ///******* color on the site if you choose to change it.
    $(this).css("background", "#e5e4e2");
    ///*******
    ///*******
    });


    // this little function high lights the currently moused over div
    $('div .entry').mouseover( function() {
    $(this).css("background", "#ffffff");
    });
    
            // this is the trickier part that states that we only go back to transparent if the menu is collapsed
            $('div .entry').mouseout( function() {
            if($(this).children("div.entry-body").attr("style") == "display: none;" || $(this).children("div.entry-body").attr("style") == "display: none" || $(this).children("div.entry-body").css("display") == "none" || $(this).children("div.entry-body").css("display") == "none;")
            {
                $(this).css("background", "transparent");

            }

            });
            
            
            

    
    $('div .catlink').mouseover( function() {
    $(this).css("background", "#fff");
    });
    
    


    
    
    // this is for the top nav stuff          
    $('div .title-link').mouseover( function() {
    $('div .title-main').css("background", "#ffffff");
    });
    
    $('div .title-link').mouseout( function() {
    $('div .title-main').css("background", "transparent");
    });


});


/*

*/