/*	--------------------------------------------------
Visual design for : 
http://jb.gouzon.net
-------------------------------------------------- */

/* =Reset
----------------------------------------------- */
ody,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

.container{
	position:relative;
	top:50px;
}

body {
	background-color:#fff;
	margin:0;
	padding:0;
	text-align:center;
}
h1 {
	margin:15px;
	font-family: 'Special Elite', sans-serif;
	font-size:2.0em;
	font-weight:normal;
	text-shadow: 2px 2px 2px #eee;
	position:relative;
	top:25px;
}
p {
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	max-width: 379px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:0.7em;
	text-align:justify;
}
p a:link {color:#000; text-decoration:none;}
p a:visited {color:#000; text-decoration:none;}
p a:hover {color:#000; text-decoration:underline;}

#social {
	margin-top:15px;
}
#social img { 
	margin-right:10px;
	border:0;
	opacity:1.0;
}
#social img:hover { 
	opacity:0.75;
}

#footer {
	background:#111111;
	width: 100%;
	box-shadow: -1px -1px 4px #888888;
	text-align:center;
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.6em;
	line-height: 1.7em;
	color:#ffffff;
	position:fixed;
	bottom:0px;
	clear: both;
    }
#footer a:link {color:#ffffff; text-decoration:none;}
#footer a:visited {color:#ffffff; text-decoration:none;}
#footer a:hover {color:#ffffff; text-decoration:underline;}


/*	--------------------------------------------------
Thanks to Zurb for the Polaroid styling : 
http://www.zurb.com/playground/css3-polaroids
-------------------------------------------------- */
#polaroid img { 
	border:0;
	width: 100%;
	max-width: 340px;
	box-shadow: -0 3px 6px #bbb;
	-webkit-transform: rotate(-2deg); 
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transform: rotate(-2deg);
}
#polaroid img:hover { 
	-webkit-transform: scale(1.03); 
	-moz-transform: scale(1.03); 
	border:0;
	box-shadow: -0 3px 6px #bbb;
	position: relative; z-index: 5; 
}




@media handheld, only screen and (max-width: 767px) {
	.container{
	top:0px;
	}
	h1 {
	font-size: 1.4em;
	top:0px;
	}
	#footer {
	font-size:0.7em;
	line-height: 2.5em;
	position:relative;
    }
	#social img { 
	width: 40px;
	}
	#social img:hover { 
	width: 40px;
	}
}


@media handheld, only screen and (max-width: 800px) {
	.container{
	top:0px;
	}
	h1 {
	font-size: 1.4em;
	}
	#footer {
	font-size:0.7em;
	line-height: 2.5em;
    }
	#social img { 
	width: 40px;
	}
	#social img:hover { 
	width: 40px;
	}
}