Pure CSS3 Modal Slideshow

Here's a snap of the (newly updated) CSS3 modal slideshow on my portfolio website. It seems to work great, except for a couple things: 1) The window occasionally "flashes" when transitioning between slides 2) Sometimes, it takes a while to bring up the first image in the slideshow As far as I can tell, this is probably due to the number of box-shadow, text-shadows and pseudo elements I used to make it look so pretty >:3

by josiahsavary

HTML

<link rel="stylesheet" href="http://jsavary.com/styles/css/style.css">
<link rel="stylesheet" href="http://jsavary.com/styles/css/animations.css">
<!doctype html>
<html id="#home" lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        
        <!-- Basic Page Info -->
        <title>Jsavary.com | Emmie Magazine</title>        
        <meta name="description" content="Project details for Emmie Magazine">
        <meta name="author" content="Josiah Savary">
        
        <!-- Makes sure this thing looks pretty on mobile devices -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <!-- Favicon -->
        <link rel="shortcut icon" href="img/favicon.ico">
        
        <!-- Main Stylesheet (Compiles from .LESS stylesheet also in styles folder) -->
        <link rel="stylesheet" href="styles/css/style.css?v=3">

        <!-- Animation Stylesheet (Since .LESS doesn't like compiling keyframes) -->
        <link rel="stylesheet" href="styles/css/animations.css?v=3">
        
        <!-- Fancybox Stylesheet -->
        <link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        
        <!-- Web Fonts -->
        <link href='http://fonts.googleapis.com/css?family=Arimo:regular,bold&v1' rel='stylesheet' type='text/css'>
        
        <!-- CSS3 Compatability Improvement Scripts -->    
        <script src="js/modernizr.custom.js"></script>
        <script src="js/selectivizr-min.js"></script>
        <script src="js/respond.js"></script>
        <script src="js/ios-viewport-scaling-bug-fix.js"></script>
        
        <!-- Freakin jQuery -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script src="js/jquery-1.5.1.min.js"></script>  
        
        <!-- Custom Plugins -->
        <script src="js/events.js"></script>
        
        
...