#bodybar {
	background-image: url(http://www.slurpbert.com/skeleton/topbarprime.jpg);
	background-repeat: repeat-x;
	background-position: top right;
	z-index: 2;
}
#pescado {
	height: 148px;
	width: 264px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(http://www.slurpbert.com/skeleton/pescado.png);
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;

	-webkit-animation-name: reset, fade-in;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: reset, fade-in;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
}
#clockbar {
	height: 50px;
	width: 540px;
	background: url(http://www.slurpbert.com/skeleton/timeclockbg2.png);
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 7px;
}
#fontquote {
	height: 64px;
	font: 20pt Arial;
	color: #FFFFFF; 
	overflow: hidden;
}
#clock {
	height: 64px;
	width: 570px;
	margin-top: -2.7em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-smoothing: antialiased;
	overflow: hidden;
}
#container {
	width: 540px;
	padding-left: 150px;
	padding-right: 150px;
	margin-top: auto;
	overflow: hidden;
}
#thebuttons {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
width: 540px;
}
#thebuttons:hover {
-webkit-filter: contrast(1.3);
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
opacity:0.8;

}
IMG.YEP {
	height: 64px;
	width: 540px;
	margin-top: 30px;
	overflow: hidden;

	-webkit-animation-name: reset, fade-in, slide-in;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: reset, fade-in, slide-in;
	-moz-animation-duration: 0.9s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
	
}
IMG.NOPE {
	height: 64px;
	width: 540px;
	margin-top: 0px;
	overflow: hidden;
}
IMG.FADE0 {
	-webkit-animation-name: reset, fade-in, slide-out;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: reset, fade-in, slide-out;
	-moz-animation-duration: 1.1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
}
IMG.FADE1 {
	-webkit-animation-name: reset, fade-in, slide-in;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: reset, fade-in, slide-in;
	-moz-animation-duration: 1.3s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
}
IMG.FADE2 {
	-webkit-animation-name: reset, fade-in, slide-out;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: reset, fade-in, slide-out;
	-moz-animation-duration: 1.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
}
IMG.FADE3 {
	-webkit-animation-name: reset, fade-in, slide-in;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: reset, fade-in, slide-in;
	-moz-animation-duration: 1.7s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
}
IMG.FADE4 {
	-webkit-animation-name: reset, fade-in, slide-out;
	-webkit-animation-duration: 1.9s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: reset, fade-in, slide-out;
	-moz-animation-duration: 2.1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
}
#eatmyshorts {
	float: right;
	font: 8pt calibri;
	color: #2F3233; 
	padding: 5px;
	overflow: hidden;

	-webkit-animation-name: reset, fade-in;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: reset, fade-in;
	-moz-animation-duration: 2.5s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: 1;

}

img {
	border-style: none;

}
	a:link { text-decoration: none; color: #FFFFFF; font-weight: bold; }
	a:visited { text-decoration: none; color: #FFFFFF; font-weight: bold; }
	a:hover { text-decoration: none; color: #67808D;
		font-weight:bold;}
	a:active { text-decoration: none; color: #FFFFFF; font-weight: bold; }
}

@font-face
{
font-family: CALIBRI;
src: url('http://www.slurpbert.com/skeleton/CALIBRI.ttf'),
     url('http://www.slurpbert.com/skeleton/CALIBRI.eot') format("opentype"); /* IE */
}

@-webkit-keyframes reset {
0% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
 
@-webkit-keyframes fade-in {
0% {
    opacity: 0;
}
60% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes slide-in {
0% {
	margin-left: -539px;
}
40% {
	margin-left: -539px;
}
100% {
	margin-left: auto;
}
}
@-webkit-keyframes slide-out {
0% {
	margin-right: -539px;
}
40% {
	margin-right: -539px;
}
100% {
	margin-right: auto;
}
}

/* MOZILLA */

@-moz-keyframes reset {
0% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
 
@-moz-keyframes fade-in {
0% {
    opacity: 0;
}
60% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-moz-keyframes slide-in {
0% {
	margin-left: -539px;
}
40% {
	margin-left: -539px;
}
100% {
	margin-left: auto;
}
}
@-moz-keyframes slide-out {
0% {
	margin-right: -539px;
}
40% {
	margin-right: -539px;
}
100% {
	margin-right: auto;
}
}