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

CiPSA
Basics Stylesheet

Author:   Bryan Veloso
Version:  2009.05

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


/* =Style Reset
   <http://meyerweb.com/eric/tools/css/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 { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* =Typography
------------------------------------------------------------------------------- */

body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, button, input, textarea {
    color: #333;
    font-family: 'Helvetica Neue', Helvetica, Arial, serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    text-shadow: 0 0 -1px #000;
}

h1, h2, h3, h4, h5, h6 {
	color: #00a3f2;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0;
}
h1 { font-size: 24px; line-height: 24px; padding: 18px 0; }
h2 { font-size: 18px; line-height: 24px; padding: 18px 0; }
h3 { font-size: 14px; line-height: 18px; padding: 9px 0; }
h4 { font-size: 12px; line-height: 18px; padding: 9px 0; }
h5 { font-size: 10px; line-height: 18px; padding: 9px 0; }
h6 { font-size: 10px; line-height: 18px; padding: 9px 0; }


/* =Elements
------------------------------------------------------------------------------- */

body { margin-left: -.1px }
a { outline: 0; text-decoration: none; }
a:hover { text-decoration: underline; }
em { font-style: italic; }
p { margin: 0 0 18px 0; }
p.empty { border-bottom: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); font-size: 14px; font-weight: bold; width: 100%; text-align: center; padding: 40px 0 50px; }
small { font-size: 80%; }
strong { font-weight: bold; }
sub { vertical-align: sub; font-size: .75em; }
sup { vertical-align: super; font-size: .75em; }


/* =Form Fields
------------------------------------------------------------------------------- */

button { cursor: pointer; }
fieldset { margin-bottom: 20px; }
legend { padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 20px; vertical-align: top; }
label { color: rgb(127,127,127); font-size: 11px; font-weight: bold; }
input { border: 2px solid rgb(204,204,204); margin: 0; padding: 5px; }
input:focus, textarea:focus { border: 2px solid rgb(159,191,255); }
textarea { border: 2px solid rgb(204,204,204); margin: 0 0 -5px; padding: 5px; }


/* =Clear Floated Elements
   <http://www.positioniseverything.net/easyclearing.html>
------------------------------------------------------------------------------- */

.clear:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }