#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}


@media only screen and (max-width: 480px) {

#facebook-style {
border: none;
overflow: hidden; 
margin-top: -19px; 
width: 402px; 
height: 206px;
}

#JasperRoberts {
background:white;
width:283px;
height:240px;
position:absolute;

top:-90%;
margin-left:auto;
margin-right:auto;
position:relative;
display:block;
	
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
} 

@media only screen and (min-width: 481px) {

#facebook-style {
border: none;
overflow: hidden; 
margin-top: -19px; 
width: 402px; 
height: 236px;
}

#JasperRoberts {
background:white;
width:390px;
height:274px;
position:absolute;

top:-90%;
margin-left:auto;
margin-right:auto;
position:relative;
display:block;
	
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

} 

#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(/images/facebook_close.png) repeat;
height:15px;
padding:17px;
position:relative;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
opacity: 0.0;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}