@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body {
    font-family: 'Open Sans', sans-serif;
}

html {
    color: #666;
}

h1 {
    color: #333;
    font-size: 2.35em;
    font-weight: 300;
}

h2, h3 {
    font-weight: 300;
}


a {
    color: #b00;
    border-bottom: 1px solid #faa;
    text-decoration: none;
}
a:visited {
    color: #800;
    border-bottom-color: #c99;
}
a:focus, a:hover {
    color: red;
    border-bottom-color: red;
}
a:active, a:focus, a:hover {
    outline: 0;
}

a.wordmark {
    min-height: 2.15em;
    text-indent: -9999px;
    background: url(./images/cmu-watermark.png) no-repeat left center scroll transparent;
    background-size: contain;
    display: inline-block;
    width: 40%;
    border-bottom: none 0;
}

.roof {
    border-bottom: 1px solid rgba(0,0,0,.2);
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 20;
}
.main {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.section {
    border-bottom: 1px solid rgba(0,0,0,.2);
    font-size: 80%;
}

body:not(.touch) a, body:not(.touch) b, body:not(.touch) button, body:not(.touch) div, body:not(.touch) em, body:not(.touch) h1, body:not(.touch) header, body:not(.touch) i, body:not(.touch) img, body:not(.touch) input, body:not(.touch) nav, body:not(.touch) p, body:not(.touch) span, body:not(.touch) strong {
    transition: background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease,margin .3s ease,min-height .3s ease,max-width .3s ease,opacity .3s ease,padding-left .3s ease,padding-right .3s ease,left .3s ease,right .3s ease,text-shadow .3s ease,width .3s ease;
}