change back state event scope, document level makes more sense as that's where the state class is applied

index.html

@@ -255,7 +255,7 @@
 
 			// Example of binding an event to a state. This listener will trigger
 			// when the slide with 'data-state="blurred"' is opened.
-			document.querySelector( '#reveal' ).addEventListener( 'blurred', function() {
+			document.addEventListener( 'blurred', function() {
 				
 			}, false );
 

js/reveal.js

@@ -513,8 +513,8 @@ var Reveal = (function(){
 
 			// Dispatch custom event
 			var event = document.createEvent( "HTMLEvents" );
-			event.initEvent( state[i], false, true );
-			dom.wrapper.dispatchEvent( event );
+			event.initEvent( state[i], true, true );
+			document.dispatchEvent( event );
 		}
 
 		// Clean up the remaints of the previous state