/* CSS Reset v2.0 (http://meyerweb.com/eric/tools/css/reset/) ======================================================= */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}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:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Remove outlines ================================================================================================== */
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline : 0; }


/* Remove highlight on Android devices ============================================================================== */
* {	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }


/* Input placeholder text color ===================================================================================== */
::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; opacity: 1; }
::-moz-placeholder { color: #ccc; opacity: 1; }
:-ms-input-placeholder { color: #ccc; }


/* Box Sizing ======================================================================================================= */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); }


/* Animations ======================================================================================================= */
@-moz-keyframes blinker     { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@-webkit-keyframes blinker  { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@keyframes blinker          { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }

@-moz-keyframes flash     { 0% { opacity: 1.0; } 25% { opacity: 0.0; } 50% { opacity: 1.0; } 75% { opacity: 0.0 } 100% { opacity: 1.0; } }
@-webkit-keyframes flash  { 0% { opacity: 1.0; } 25% { opacity: 0.0; } 50% { opacity: 1.0; } 75% { opacity: 0.0 } 100% { opacity: 1.0; } }
@keyframes flash          { 0% { opacity: 1.0; } 25% { opacity: 0.0; } 50% { opacity: 1.0; } 75% { opacity: 0.0 } 100% { opacity: 1.0; } }


/* Style ============================================================================================================ */
html, body { height:100%; }
body { font: 1.357em/1.1 "Colaborate", Ariel, Helvetica, sans-serif; font-weight: 200; color: #666; background: #fff url(../img/bkg.jpg) repeat; overflow: auto; }


/* Common Elements ================================================================================================== */
strong { font-weight: bold; }
a { color: #8272CC; text-decoration: none; }
a:hover { text-decoration: underline; }
em { font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "Museo", Ariel, Helvetica, sans-serif; }
h1 { font-size: 2em; line-height: 1; margin-bottom: 3px; color: #8272CC; }
h2 { font-size: 1.5em; color: #8272CC; }
h3 { font-size: 1.25em; color: #8272CC; }
h4 { font-size: 1em; color: #333; }
h5 { font-size: 1em; color: #333; }
h6 { font-size: 1em; color: #333; }


/* Layout =========================================================================================================== */
#wrapper { padding: 40px; }