/*
    Stylesheet for howawesomeisstacey.com
    
      _/_/_/  _/_/_/_/_/    _/_/      _/_/_/  _/_/_/_/  _/      _/   
   _/            _/      _/    _/  _/        _/          _/  _/      
    _/_/        _/      _/_/_/_/  _/        _/_/_/        _/         
       _/      _/      _/    _/  _/        _/            _/          
_/_/_/        _/      _/    _/    _/_/_/  _/_/_/_/      _/        

    _/_/_/    _/_/_/   
     _/    _/          
    _/      _/_/       
   _/          _/      
_/_/_/  _/_/_/         
              
              
      _/_/    _/          _/  _/_/_/_/    _/_/_/    _/_/    _/      _/  _/_/_/_/   
   _/    _/  _/          _/  _/        _/        _/    _/  _/_/  _/_/  _/          
  _/_/_/_/  _/    _/    _/  _/_/_/      _/_/    _/    _/  _/  _/  _/  _/_/_/       
 _/    _/    _/  _/  _/    _/              _/  _/    _/  _/      _/  _/            
_/    _/      _/  _/      _/_/_/_/  _/_/_/      _/_/    _/      _/  _/_/_/_/           
*/

/* Main Styles
***************************************************************************************************/

body {
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    background: #fff;
}

/* Header
***************************************************************************************************/

header {
    padding: 50px 0px 20px 0px;
    display: block;
}

header h1#title{
    font-size: 2.5em;
    font-weight: bold;
    color: #ff8c18;
    padding: 0px 0px 5px 50px;
    text-shadow: 1px 1px 1px #ffd79c;
}

header h2#intro {
    font-size: 1.5em;
    font-weight: normal;
    font-style: italic;
    display: block;
    padding: 10px 0px 0px 50px;
}

header span#awesome {
    display: inline;
    font-weight: bold;
    font-size: 2em;
    padding-left: 5px;
}


/* Content
***************************************************************************************************/

section#less-awesome,
section#reasons,
section#quote {
    padding: 10px 0px 20px 50px;
    clear: both;
    display: block;
}

section#content {
    padding-bottom: 50px;
    display: block;
}

section p {
    /*color: #ff8c18;*/
    color: #000;
    font-weight: bold;
}

ul#reasons,
ul#things {
    border-left: 3px solid #ffc876;
    padding-left: 17px;
    margin-left: 10px;
    margin-top: 10px;
    list-style-image: url("../img/list-bullet.png");
}

ul li {
    padding: 0px 0px 3px 0px;
    margin-left: 0px;
}

em#footnote {
    font-size: 0.75em;
    font-style: italic;
    padding-top: 10px;
    display: block;
}

/* Quote
***************************************************************************************************/

section#quote {
    overflow: hidden;
    margin-top: 20px;
    width: 700px;
    margin-bottom: -70px;
}

section#quote blockquote {
    font-style: italic;
    font-size: 2em;
    text-indent: 15px;
}

section#quote blockquote span.quot {
    font-size: 5em;
    color: #ccc;
    display: block;
    float: left;
    margin-top: -30px;
}

section#quote p#who {
    margin-top: 10px;
    text-align: right;
    color: #ff8c18;
}

/* Footer
***************************************************************************************************/

footer {
    font-size: 0.9em;
    font-weight: bold;
    background: #ff8c18;
    color: #fff;
    padding: 10px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
}