/* RESET */

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size:18px;
}

/* PAGE LAYOUT */

html {
    width: 100%;
}
body {
    color:#555;
    background-color: #fff;
}

/* GENERAL TYPOGRAPHY */

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    font-size:2.2em;
    line-height:1.1em;
    margin:0px 2px;
    clear:both;
}
h1 {
    color:#000;
    background-color:rgba(222, 222, 222, 0.5);
    padding-left:40px;
    padding-right:40px;
    padding-top:10px;
    padding-bottom:0px;
    position:relative;
}
h2 {
    text-align:center;
    padding:25px;
    margin-top:50px;
}
h3 {
    font-size:1.3em;
}
p {
    padding:20px;   
}
a {
    color: #e81717;
    color: #ff4f4f;
    text-decoration:none;
    cursor:pointer;
}
a:hover {
    color: #ff4f4f;
    text-decoration:underline;
}
li {
    list-style:none;
}
hr {
    width:200px;
    border-top:2px solid #ccc;
    margin:auto;
    clear:both;
}

/* SPECIFIC STYLES */

#title {
    height:400px;
    background-color: #000;
    background-image: url("images/foo-869x600.png");
    background-size: 869px 600px;
    background-repeat: no-repeat;
    background-position: right;
    border-bottom:1px solid #bbb;
}
#content {
    width: 100%;
    max-width: 800px;
    margin: 0px auto;
}
p.tagline {
    text-align:center;
    padding-top:10px;
}
.nav {
    text-align:center;
    padding:20px;
    clear:both;
}
.nav ul {   
    display: inline-block;
    text-align: left;
}
.nav li {
    float:left;
    padding:10px;
}
.nav a {
    display:block;
    font-size:1.6em;
    padding-left: 10px;
}
.backToTop a {
    position:fixed;
    bottom:5px;
    right:10px;
    text-align:right;
    font-size:1.4em;
    padding:5px 15px;
    border-radius:5px;
    background-color:rgba(255, 255, 255, 0.6);
}
.backToTop a:hover {
    background-color:#fff2bc;
    text-decoration:none;
} 
.bigger {
    font-size:1.2em;
}
div.footer {
    clear:both;
    background-color: #ddd;
    padding: 50px;
    padding-bottom:70px;
    border-top:1px solid #dfcece;
}
.footer p {
    text-align:center;
}

/* EMBEDDED VIDEOS */

.ytWrapper {
    width:510px;
    max-width:100%;
    margin:auto;
    clear:both;
    margin-bottom:20px;
}
.ytWrapper p {
    line-height:1em;
    padding:5px;
    padding-bottom:0px;
    padding-top:20px;
    font-size:0.8em;
    font-style:oblique;
}
iframe {
    padding:0px;
    padding-top:3px;
}