/***************************************************
    ADDITIONAL CODE FOR COLOR HOVER EFFECT 
***************************************************/
// box-light hover effect
jQuery(document).ready(function($){
  $(".box-light").hover(function() {        
    $(this).stop().animate({ backgroundColor: "#DC2632" }, 300);
  },function() {
    $(this).stop().animate({ backgroundColor: "#333" }, 500);
  });
});  
    
// box-color hover effect   
jQuery(document).ready(function($){
  $(".box-color").hover(function() {        
    $(this).stop().animate({ backgroundColor: "#333" }, 300);
  },function() {
    $(this).stop().animate({ backgroundColor: "#DC2632" }, 500);
  });
});


    
  // different tag elements hover effect    
        jQuery(document).ready(function($){
                $(".headlines img, .tags a, a.tagsz-1, a.tagsz-2, a.tagsz-3, a.tagsz-4,  a.tagsz-5, .advertise img, .block img, .entry img, img.imgborder").hover(function() {        
                $(this).stop().animate({ backgroundColor: "#DC2632" }, 300);
        },function() {
                 $(this).stop().animate({ backgroundColor: "#333" }, 500);
        });
        
    
  });
    
    
    // different tag elements hover effect    
        jQuery(document).ready(function($){
                $(".boxes_holder .advanced-recent-posts img, .boxes_holder a.tagsz-1, .boxes_holder a.tagsz-2, .boxes_holder a.tagsz-3, .boxes_holder a.tagsz-4, .boxes_holder a.tagsz-5").hover(function() {       
                $(this).stop().animate({ backgroundColor: "#DC2632" }, 300);
        },function() {
                 $(this).stop().animate({ backgroundColor: "#333" }, 500);
        });
  });