/*** Reset  ****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; font-weight:normal; }

blockquote:before, blockquote:after, q:before, q:after { content:"" }
blockquote, q { quotes: "" "" }
:focus { outline:0 }
a { outline:none }
ol, ul { list-style:none }

table
{ border-collapse:separate; border-spacing:0; }

caption, th, td
{ font-weight:normal; text-align:left; }

/*** General  ****/

body
{ background: #F7D54D; color: #262626; font: normal 14px/16px Trebuchet MS, sans-serif; }

a, a:visited
{ color: #262626; font-weight: normal; text-decoration: none; }

a:hover
{ color: #FFF; text-decoration: none; }

.clear
{ clear: both; display: block; }

/*** Header Animation  ****/

h1, h1 a, h1 a:visited
{ color: #C72241; cursor: pointer; float: left; font: 70px/90px 'Pacifico',cursive; height: 115px; margin: 0; padding: 0; width: 400px; /* text-shadow: -4px 3px 0 #630A1B; */ }

h1 a:hover
{ -moz-animation: beat .7s linear; -webkit-animation: beat .7s linear; -ms-animation: beat .7s linear; -o-animation: beat .7s linear; }

@-moz-keyframes beat {
	0% {-moz-transform: scale(1);}
    10%, 20% {-moz-transform: scale(0.9) rotate(-2deg);}
    30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(2deg);}
    40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-2deg);}
    100% {-moz-transform: scale(1) rotate(0);}
}

@-webkit-keyframes beat {
	0% {-webkit-transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-2deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(2deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-2deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
}

@keyframes beat {
	0% {transform: scale(1);}
    10%, 20% {transform: scale(0.9) rotate(-2deg);}
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(2deg);}
    40%, 60%, 80% {transform: scale(1.1) rotate(-2deg);}
    100% {transform: scale(1) rotate(0);}
}

@-o-keyframes beat {
	0% {-o-transform: scale(1);}
    10%, 20% {-o-transform: scale(0.9) rotate(-2deg);}
    30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(2deg);}
    40%, 60%, 80% {-o-transform: scale(1.1) rotate(-2deg);}
    100% {-o-transform: scale(1) rotate(0);}
}

/*** Content  ****/

.wrapper
{ margin: 0 auto; width: 800px; }

header
{ height: 115px; left: 50%; margin: -57px 0 0 -400px; padding: 0; position: absolute; top: 50%; width: 400px; }

.content
{ height: 430px; left: 50%; margin: -215px 0 0 50px; position: absolute; top: 50%; width: 220px; }

section
{ float: left; margin: 0; padding: 5px 0 10px; width: 220px; }

	section h2
	{ color: #2A96CE; font-size: 11px; font-weight: bold; line-height: 18px; }
    
		section p
		{ clear: both; display: block; float: left; width: 220px; }
        
			section  p a, section  p a:visited
			{ clear: both; display: block; float: left; padding: 1px 2px; width: 210px; }
            
			section  p a:hover
			{ background: #383838; clear: both; display: block; float: left; padding: 1px 2px; width: 210px; }