@charset "UTF-8";
/*CSS Document*/



/* Facebook comment page */

html, body {
	
	background: url(http://sa-media.s3.amazonaws.com/images/fb/1/bknd.jpg) no-repeat center center fixed;
	background-size: cover;
	-moz-background-size: cover;
    -webkit-background-size: cover;
	-o-background-size: cover;
	font-family:Arial, Helvetica, sans-serif;
}
#logo {
	width:40%;
	height:auto;
	margin:.85em auto;
}
#left {
	width:50%;
	height:auto;
	margin-top:2em;
	margin-right:3%;
	margin-left:2%;
	padding:0;
	float:left;
}
#head-graphic {
	width:100%;
	height:auto;
	border: 4px solid #FFF;
	background: #FFF;
	transform: rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-webkit-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	-ms-transform:rotate(-1deg);
	box-shadow:2px 2px 10px #000;
	-moz-box-shadow:2px 2px 10px #000;
	-webkit-box-shadow:2px 2px 10px #000;
	-o-box-shadow:2px 2px 10px #000;
	-ms-box-shadow:2px 2px 10px #000;
	float:left;

}
.img {
	display:block;
}
#comment-graphic-1 {
	width:100%;
	height:auto;
	
}
#comment-graphic-2 {
	width:100%;
	height:auto;
	display:none;
}
#comments {
	width:40%;
	height:auto;
	margin-top:2em;
	float:left;
	background-color:#FFF;
	
}
#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
	min-height:160px !important;
	float:left;
}
.fb-comments {
	background: #FFF;
}

@media screen 
and (max-width: 800px) {
	
#left {
width:95%;
height:auto;
margin:2em auto .45em auto;
float:none;
}
#logo {
	width:90%;
	height:auto;
	margin:.85em auto;
}
#head-graphic {
	width:98%;
	height:auto;
	transform: rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-webkit-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	-ms-transform:rotate(-1deg);
	box-shadow:2px 2px 10px #000;
	-moz-box-shadow:2px 2px 10px #000;
	-webkit-box-shadow:2px 2px 10px #000;
	-o-box-shadow:2px 2px 10px #000;
	-ms-box-shadow:2px 2px 10px #000;
	float:none;
}
#comment-graphic-1 {
	width:100%;
	height:auto;
	display:none;
	
}
#comment-graphic-2 {
	width:90%;
	height:auto;
	display:block;
}
#comments {
	width:90%;
	height:auto;
	margin:1em auto;
	float:none;
	background-color:#FFF;

	
}
#fb-root {
    display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
	min-height:160px !important;
	float:none;
	background-color:#FFF;

}
}