body{font-family:Arial,Helvetica,sans-serif}
#fb-wrapper{margin: 0 auto;}
#facebook-mainblock{font-size:12px; display:none}
#facebook-app-block{height:39px; display:block; clear:both; border-bottom:1px solid #999; background:#f1f1f1; margin-bottom: 10px;}
.clear-both{clear:both}
.facebook-text{font-weight:bold; color:#000; line-height:39px; padding-left:10px; float:left; width:200px}
.facebook-reader-btn{float:right; padding-top:8px; width:170px}
.facebook-app-btn{float:right;}
.settings-btns{float:right; margin-left:10px; padding-top:6px; width:70px}
.settings-btns a{float:right; padding:0 10px 0 0}
.settings-btns a.settings-on{background:url(../images/settings-active.png) no-repeat left center; width:27px; height:27px; text-indent:-99999px}
.settings-btns a.settings-off{background:url(../images/settings-inactive.png) no-repeat left center; width:27px; height:27px; text-indent:-99999px}
.facebook-login{display:block}
.facebook-loggedin{display:none;}
.facebook-loggedin-text{color:#900; float:left; width:300px}
.facebook-loggedin-text a{float:left; padding-top:1px}
.facebook-loggedin-text span{float:left; padding-left:10px; line-height:39px}
#settings-links{background: none repeat scroll 0 0 #FFFFFF; border:1px solid #ccc; width:440px; color:#333; float:right; margin-top:-14px; margin-right:20px; padding:0 10px}
#settings-links a{color:#333; padding:0 8px 0 12px; line-height:20px; text-decoration:none; background:url(../images/bullet.png) no-repeat left center}
#settings-links a.onstate{background:url(../images/bullet-on.png) no-repeat left center}
#settings-links a.offstate{background:url(../images/bullet-off.png) no-repeat left center}

#modalbox{background-color:#3C5A98; border:1px solid rgba(0,0,0,0.3); border-radius:6px 6px 6px 6px; box-shadow:0 3px 7px rgba(0,0,0,0.3); overflow:auto; position:fixed; left:400px; top:100px; width:460px; z-index:1050; display:none}
.modalbox-header{border-bottom:1px solid #EEE; padding:9px 15px}
.modalbox-header h3{font-size:18px; line-height:27px; text-align:left; color:#FFF; margin:0px;}
#fb-close{color:#FFF; cursor:pointer; float:right; font-size:16px; font-weight:bold; line-height:18px; text-decoration:none;}
#fb-close a{color:#FFF; cursor:pointer; float:right; font-size:16px; font-weight:bold; line-height:18px; text-decoration:none;}

.modalbox-body{background:#fff; padding:15px}
.modalbox-body p{color:#3E3E3E; font-size:14px; line-height:22px}
.modalbox-footer{background-color:#F5F5F5; border-radius:0 0 6px 6px; border-top:1px solid #DDD; box-shadow:0 1px 0 #FFF inset; margin-bottom:0; padding:14px 15px 15px; text-align:right}
.modalbox-footer span{text-align:left; color:#3E3E3E; font-size:14px; line-height:22px}

.social-post{color:#333; padding:0 1px 0 12px; line-height:20px; text-decoration:none; background:url(../images/bullet.png) no-repeat left center;}

@media only screen
and (max-width : 300px) {
	#fb-wrapper{
		display: none;
	}
}

@media only screen
and (max-width : 470px)
{
	#fb-wrapper{
		display: none;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#fb-wrapper{
		display: none;
	}
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px){
	#fb-wrapper{
		display: none;
	}
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	#fb-wrapper{
		display: none;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	#fb-wrapper{
		display: block;
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#fb-wrapper{
		display: block;
	}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	#fb-wrapper{
		display: block;
	}
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px){
	#fb-wrapper{
		display: block;
	}
}