/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; 
    background-color: #e4e4e4;
    padding-top: 0px; 
}

.nobr { white-space:nowrap; }

h1, h2, h3 { line-height: 26px; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; }
h3 { font-size: 19px; }
h4 { font-size: 17px; }

p, li { line-height: 1.5 em; }

/* link color change #16a5d9 ->  #0099FF */

a { color: #0099FF; 
    text-decoration: none; 
    -webkit-transition: all 0.25s linear; 
    -moz-transition: all 0.25s linear; 
    -o-transition: all 0.25s linear; 
    transition: all 0.25s linear; 
  }

a:hover, a:focus { color: #0099FF; text-decoration: underline;  }

/* See http://www.frequency-decoder.com/demo/slabText/ */
h1.title { font-size: 89px; margin: 0px; line-height: 1em; }
h2.tagline { font-size: 30px; color: #666; line-height: 1em;
	     margin: 0px; padding-top: 25px; 
             padding-right: 15px;     text-transformX: lowercase;
             letter-spacing: 1.0px;
           }
header { padding-top: 0px; padding-bottom: 34px; 
	 background-colorX: #fff; text-alignX: center; }


.content { padding-top: 20px; }

.main-header h2 { line-height: normal; margin-top: 12px; padding-top: 0; }

.main-header h1 { 
    display: hidden;
    overflow: hidden; 
    line-height: 0;
}


.about {
    padding-top: 55px;
    
}

.photo {
    padding-right: 21px;

}

blockquote {
    margin-top: 55px;
    border-left: 5px solid #dadada;
}

blockquote span {
    display: block;
    padding-top: 21px;
}

footer {
    color: #888; 
    margin-top: 21px;
}



.social {
    padding-top: 21px; 
}

.quote {
    color: #555;
    font-size: 16px;
}

.sig {
    padding-top: .5em;
    display: block;
}

#invite {
    padding-top: 34px; 
    text-alignX: center;
    border: 0px solid red;

}

.invite label {
    font-sizeX: 1.0rem;
    font-weight: 700;
    padding-left: 5px;
    text-alignX: center;
    border: 0px solid red;
}

label.error { color: red;}

.alert-success {
    color: green;
    border-color: #00C000;
}

#msgBox {
    height: 50px;
}

.mybox {
    border: 0px solid green;
}

#invite-controls {
    float: left;
    border: 0px solid green;
    widthX: 476px;  
    text-align: center;
    padding-right: 13px;
}


/****** Media Queries **************/

@media (max-width: 480px) {
    h1.title { font-size: 50px; }
    h2.tagline { font-size: 21px; padding-top: 18px; }
}