/*
|----------------------------------------------------------------------------------------|
| SUPERAWESOME CSS FRAMEWORK - TYPOGRAPHY MODULE                                  | v1.1 |
|----------------------------------------------------------------------------------------|
| AUTHOR: Dragan Babic | http://sprawsm.com/                                             |
|----------------------------------------------------------------------------------------|
| DATE MODIFIED: Wed, 24 Jun 09                                                          |
|----------------------------------------------------------------------------------------|
| Do not edit this file directly.                                                        |
|----------------------------------------------------------------------------------------|
| ABOUT:                                                                                 |
|----------------------------------------------------------------------------------------|
| Used to reset the defaults for all browsers and set font-size/line-height to 12px/18px |
| establishing a good base to build a design upon.                                       |
|----------------------------------------------------------------------------------------|
*/





/* !General reset and styling
------------------------------------------------------------------------------------------ */

/* Render these properly */
article, aside, figure, footer, header, hgroup, nav, section{ display: block; }

/* Set the font styles, color and background */
html{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #343434; background-color: #fff; }

/* Resetting the browser defaults */
html, body, form, fieldset{
  margin: 0; padding: 0; 
}

/* Make text resizeable in IE6 as well and set it to 10px */
* html{ font-size: 62.5%; }
  
  /* Set it to 12px now */
  * html body{ font-size: 1.4em; }

/* Set the starting font size for non-IE6 browsers */
html > body{
  font-size: 14px;
}

/* Reset vertical margins - 1.5em = 18px = one line of text */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl{
  margin: 1.5em 0; padding: 0;
}

/* Reset headings */
h1, h2, h3, h4, h5, h6{
  text-align: left; font-size: 100%; font-weight: bold;
}

/* Apply left margin only to the few elements that need it */
li, blockquote, dd{
  margin-left: 1.5em; padding: 0; list-style: none;
}

  /* Remove styling from unordered lists' list items */
  ul li{ list-style: none; margin-left: 0; }





/* !Forms
------------------------------------------------------------------------------------------ */

select, input, textarea{ font-size: 1em; font-family: inherit; line-height: inherit; }

form label        { cursor: default;                                                 }
fieldset          { border: none;                                                    }
legend            { font-weight: bold; color: inherit; display: none;                } /* Hide legend */
button            { cursor: pointer; font-size: 1em; display: inline                 }

button::-moz-focus-inner{ border: 0; padding: 0; } /* Fix Firefox' padding issue */

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=url]:focus,
textarea:focus    { background-color: #ffffdf;                                       }
button, 
input[type=submit]{ font-family: inherit !important; width: auto; overflow: visible; }





/* !Misc
------------------------------------------------------------------------------------------ */

a img{ border: none; }

sub, sup{ line-height: 0; }

pre, code{ font: 100% monospace; }

table{ border-collapse: collapse; border-spacing: 0; }

figure{ margin: 1.5em 0; }
  
  figcaption{ font-size: .65em; color: #999; text-transform: uppercase; letter-spacing: .1em; }




/* !Titles
------------------------------------------------------------------------------------------ */

/* h1, h2, and h3 elements are all set in Museo Sans via Typekit */

h1, h2, h3 {
  font-weight: 900;
}

h1 { margin: 1.5em 0; font-size: 3em;    line-height: 1; text-align: center; }

h2 { margin: 2em   0; font-size: 2em;    line-height: 1; text-align: center; }

h3 { margin: 1em   0; font-size: 1.15em; line-height: 1; }

/* Special styles for headings within hgroup */

.safGrid hgroup.title,
hgroup.title {
  margin-top:    3em;
  margin-bottom: 3em;
}
  
  /* h1.title or h2.title are to be used when a subtitleless title is needed */
  
  hgroup.title h1 {
    margin: 0 0 .15em 0;
    letter-spacing: -.025em;
  }
  
  hgroup.title h2 {
    margin: 0;
    font-size: 1.75em; font-weight: 100;
    letter-spacing: -.05em;
    line-height: 1.25;
    color: #999;
    -webkit-font-smoothing: antialiased;
  }





/* !Typography for articles
------------------------------------------------------------------------------------------ */

.article article ul li {
  margin-left: 28px;
  list-style: square;
}

.article article ol li {
  margin-left: 28px;
  list-style: decimal;
}