Fundo desfocado ao mostar DIV

Olá pessoal,

Coloquei uma DIV para aparecer bem no meio do site quando ele é aberto, uma ideia de popup.

Gostaria agora de desfocar todo o resto do site quando este "PopUp" estiver aberto.

O Codigo está dessa forma:

<style>

#pop{

 z-index:10;

 display:open;

 position:absolute;

 top:50%;

 left:50%;

 margin-left:-300px;

 margin-top:-195px;

 padding:10px;

 width:600px;

 height:391px;

 border:1px solid #d0d0d0

}

</style>

 

<div id="pop">

<a href="#" onclick="document.getElementById('pop').style.display='none';"><img src="imagens/popup.gif" width="600" height="391" /></a>

</div>

Grato desde já.

Att