/* -----------------------------------------------------

  Author:   Stephen Tudor, studor@empathylab.com

----------------------------------------------------- */

/* -----------------------------------------------------
  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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{background-color:#fff;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:#007bc1 dashed 1px;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* -----------------------------------------------------
  Body Text
----------------------------------------------------- */
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 1.6em; }

/* -- [Headlines] -- */
h1 { font-size: 2.5em; }
h2 { font-size: 2.3em; }
h3 { font-size: 2.1em; }
h4 { font-size: 1.9em; }
h5 { font-size: 1.7em; }
h6 { font-size: 1.5em; }

/* -- [Paragraphs] -- */
p { font-size: 1.2em; line-height: 1.5; }

/* -- [Lists] -- */
ol { list-style-type: none; }
ul { list-style-type: none; }
li { margin-left: 0; }

/* -- [Misc] -- */
strong { font-weight: bold; }
em { font-style: italic; }
sup, sub { font-size: 0.8em; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 0.7ex; }
sub { top: 0.5ex; }
hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }
.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }

/* -----------------------------------------------------
  Links
----------------------------------------------------- */
a, a:link, a:visited { text-decoration: none; color: #00ade2;}
a:hover { text-decoration: underline; color: #00ade2; }
/*a:active { outline: none; }*/
/*a:focus { outline: 1px dotted invert; }*/

/* -----------------------------------------------------
  Images
----------------------------------------------------- */
a img { border: none; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin: 15px auto; padding: 0; }
img.alignright { display: inline; margin: 15px 20px; }
img.alignleft { display: inline; margin: 15px 20px; }

/* -----------------------------------------------------
  Forms
----------------------------------------------------- */
button,input.button {
  background-color: transparent ;
  padding: 0 !important;
  border: none !important;
  cursor: pointer !important;
}
button { overflow: visible; }
input.hidden {
  width:0 !important;
  height:0 !important;
  background-color:transparent ;
  border:none !important;
  padding:0 !important;
}
textarea { overflow: auto; }
/* To target a safari browser issue */
@media screen and (-webkit-min-device-pixel-ratio:0){
  textarea{overflow-y: auto; overflow-x: hidden; resize: none;}
}


/* -----------------------------------------------------
  Common, Misc...
----------------------------------------------------- */
.hidden { display: none; }
.clear { clear: both; }