#page-con{
position:relative;
max-width:700px;
min-width:480px;
margin: auto;
height:100%;
}
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
//position:fixed;
position:absolute;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:320px;
height:270px;
//position:absolute;
position:fixed;
top:30px;
left:25%;
//margin: auto;
//margin:-220px 0 0 -375px;
-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;
//margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(../images/close.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-5px;
margin-right:-7px;
}
.remove-borda {
height:1px;
width:300px;
margin:0 auto;
background:#F3F3F3;
margin-top:50px;
position:relative;
margin-left:10px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}

@media screen and (max-width: 480px) {
    #JasperRoberts {
	left:20px;
    }
}