html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp, small,strong,sub,sup,var, b,u,i, dl,dt,dd,ol,ul,li,
fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video{ 
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;
font-family: 'Fredoka One', Helvetica, Arial, sans-serif; }
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{ display:block; } body{ line-height:1; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,
q:before,q:after{ content:’’; content:none; }
/* remember to define visible focus styles! 
:focus{
    outline:?????;
} */
/* remember to highlight inserts somehow! */
ins{ text-decoration:none; } 
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

header {
    padding: 0 0 15px;
    background: #000;
    text-align: center;
}

header h1 a, header h1 a:visited, header h1 a:hover, header h1 a:focus {
    color: #ffc000;
    font-size: 250%;
}

header h1 span {
    color: red;
    font-size: 150%;
    padding: 0 10px;
}

header p {
    font-size: 200%;
    color: white;
}

footer {
    position: fixed;
    bottom: 0;
    padding: 25px 0 10px;
    width: 100%;
    background: #000;
    text-align: center;
    color: white;
    font-size: 150%;
}
footer p {
    color: #ffc000;
    margin-bottom: 12px;
}

footer p a, footer p a:visited, footer p a:hover, footer p a:focus {
    color: white;
}
footer p.fba a, footer p.fba a:visited, footer p.fba a:hover, footer p.fba a:focus {
    color: #ffc000;
}
a, a:visited, a:hover, a:focus {
    color: white;
    text-decoration: none;
}
a.red, a.red:visited, a.red:hover, a.red:focus {
    color: red;
    text-decoration: none;
}

#showcase {
    width: 763px;
    margin: 15px auto 0;
}