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

    typography.css
    * Sets up some sensible default typography

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

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    }
#container {
    font-size: 1.2em;
    }

.clearfix:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
    content: "\0020";
    }
.clear {
    clear: both;
    }


/* =Headings
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { color: #010101; font-weight: normal; }
.theme h1,
.theme h2,
.theme h3,
.theme h4,
.theme h5,
.theme h6 { color: #015897; }
.special { color: #1566a0; }

h1 { margin: 3px 0 4px; line-height: 1.3; font-size: 1.8em; font-weight: normal; }
h1 a { display: block; color: #010101; text-decoration: none !important; }
h2 { margin: 0 0 .4em; font-size: 1.8em; }
.block-events-overview h2,
#nav h2 { margin-bottom: .1em; font-size: 1.4em; }
h3 { margin: 0 0 .57em; font-size: 16px; }
h4 { margin: 0 0 .615em; font-size: 12px; font-weight: bold; }
h5 { margin: 0 0 .67em; font-size: 1.2em; }
h6 { margin: 0 0 .8em; font-size: 1em; }


/* =Text elements
-------------------------------------------------------------- */

a          { color: #010101; text-decoration: none; }
p a        { text-decoration: underline; }
a:hover,
a:focus,
a:active   { color: #015998; text-decoration: underline; }

html>/**/body a,
img        { display: inline-block; }
html>/**/body a.gs-image,
html>/**/body .mceEditor a { display: inline; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong     { font-weight: bold; }
em,
dfn        { font-style: italic; }
dfn        { font-weight: bold; }
sup,
sub        { line-height: 0; }

abbr,
acronym    { border-bottom: 1px dotted #666; }
address    { font-style: italic; }
del        { color: #666; }

pre        { white-space: pre; }
pre,
code       { line-height: 1.5; font: 1em 'andale mono', 'lucida console', monospace; }


/* =Lists
-------------------------------------------------------------- */

ul,
ol         { margin-right: 1.5em; padding-left: 3em; }

ul         { list-style-type: disc; }
ol         { list-style-type: decimal; }


/* =Tables
-------------------------------------------------------------- */

th         { font-weight: bold; }
th,
td,
caption    { padding: 4px 5px; }
tfoot      { font-style: italic; }
tr.even td { background: #e5ecf9; }
caption    { background: #eee; }


/* =Margins
-------------------------------------------------------------- */

p,
ul,
ol,
dl,
pre,
blockquote,
address,
table      { margin-bottom: 1.6em; }


/* =Misc classes
-------------------------------------------------------------- */

/* creates small caps */
.caps {
    padding: 0 2px;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: bold;
    }

.show      { display: block; }
.hide      { display: none; }
.visible   { visibility: visible; }
.invisible { visibility: hidden; }

.small     { margin-bottom: 1.875em; line-height: 1.875em; font-size: .8em; }
.large     { margin-bottom: 1.25em; line-height: 2.5em; font-size: 1.2em; }

.quiet     { color: #666; }
.loud      { color: #000; }
.highlight { background: #ff0; }
.added     { background: #060; color: #fff; }
.removed   { background: #900; color: #fff; }

.top       { margin-top: 0; padding-top: 0; }
.bottom    { margin-bottom: 0; padding-bottom: 0; }
.first     { margin-left: 0; padding-left: 0; }
.last      { margin-right: 0; padding-right: 0; }

.floatl    { float: left; }
.floatr    { float: right; }
.left      { float: left; margin: 0 8px 0 0; padding: 0; }
.right     { float: right; margin: 0 0 0 8px; padding: 0; }

.center    { text-align: center; }